https://www.marioncountyclerk.org/scripts/77.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[77],{350:function(e,t,n){var r=n(4991),i=n.n(r),o=n(6314),s=n.n(o)()(i());s.push([e.id,".VideoBg{background-position:50%;background-size:cover;bottom:0;display:block;left:0;position:absolute;right:0;top:0}.VideoBg video{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden}.VideoBg__content{bottom:0;left:0;position:absolute;right:0;top:0}","",{version:3,sources:["webpack://./resources/scripts/common/VideoBackground.vue"],names:[],mappings:"AAuGA,SAIE,uBAA2B,CAD3B,qBAAsB,CAGtB,QAAS,CALT,aAAc,CAMd,MAAO,CALP,iBAAkB,CAMlB,OAAQ,CAHR,KAIF,CAEA,eAGE,QAAS,CAFT,iBAAkB,CAClB,OAAQ,CAGR,8BAAgC,CADhC,iBAEF,CAEA,kBAGE,QAAS,CACT,MAAO,CAHP,iBAAkB,CAIlB,OAAQ,CAHR,KAIF",sourcesContent:['<template>\r\n  <section id="video-background" class="VideoBg static" >\r\n    <video\r\n      preload="none"\r\n      autoplay\r\n      loop\r\n      muted\r\n      playsinline\r\n      :poster="img"\r\n      style="width:auto !important; height: 100vh !important; max-width:none !important;"\r\n      ref="video" >\r\n        <source\r\n          v-for="source in sources"\r\n          :key="source.index"\r\n          :src="source"\r\n          :type="getMediaType(source)"\r\n        >\r\n    </video>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      sources: {\r\n        type: Array,\r\n        required: true\r\n      },\r\n      img: {\r\n        type: String\r\n      },\r\n    },\r\n\r\n    data () {\r\n      return {\r\n        videoRatio: null\r\n      }\r\n    },\r\n\r\n    mounted () {\r\n      this.setImageUrl()\r\n      this.setContainerHeight()\r\n\r\n      if (this.videoCanPlay()) {\r\n        this.$refs.video.oncanplay = () => {\r\n          if (!this.$refs.video) return\r\n\r\n          this.videoRatio = this.$refs.video.videoWidth / this.$refs.video.videoHeight\r\n          this.setVideoSize()\r\n          this.$refs.video.style.visibility = \'visible\'\r\n        }\r\n      }\r\n\r\n      window.addEventListener(\'resize\', this.resize, { passive: true })\r\n    },\r\n\r\n    beforeDestroy () {\r\n      window.removeEventListener(\'resize\', this.resize)\r\n    },\r\n\r\n    methods: {\r\n      resize () {\r\n        this.setContainerHeight()\r\n\r\n        if (this.videoCanPlay()) {\r\n          this.setVideoSize()\r\n        }\r\n      },\r\n\r\n      videoCanPlay () {\r\n        return !!this.$refs.video.canPlayType\r\n      },\r\n\r\n      setImageUrl () {\r\n        if (this.img) {\r\n          this.$el.style.backgroundImage = `url(${this.img})`\r\n        }\r\n      },\r\n\r\n      setContainerHeight () {\r\n        this.$el.style.height = `${this.$el.offsetParent.offsetHeight}px`\r\n      },\r\n\r\n      setVideoSize () {\r\n        var width, height, containerRatio = this.$el.offsetWidth / this.$el.offsetHeight\r\n\r\n        if (containerRatio > this.videoRatio) {\r\n          width = this.$el.offsetWidth\r\n        } else {\r\n          height = this.$el.offsetHeight\r\n        }\r\n\r\n        this.$refs.video.style.width = width ? `${width}px` : \'auto\'\r\n        this.$refs.video.style.height = height ? `${height}px` : \'auto\'\r\n      },\r\n\r\n      getMediaType (src) {\r\n        return \'video/\' + src.split(\'.\').pop()\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n.VideoBg {\r\n  display: block;\r\n  position: absolute;\r\n  background-size: cover;\r\n  background-position: center;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n\r\n.VideoBg video {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  visibility: hidden;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.VideoBg__content {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n</style>\r\n'],sourceRoot:""}]),t.A=s},6314:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n}).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(i[s]=!0)}for(var a=0;a<e.length;a++){var c=[].concat(e[a]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},4991:function(e){function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,i,o=[],s=!0,a=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{s||null==n.return||n.return()}finally{if(a)throw i}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var n=t(e,4),r=n[1],i=n[3];if(!i)return r;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),a="/*# ".concat(s," */"),c=i.sources.map(function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")});return[r].concat(c).concat([a]).join("\n")}return[r].join("\n")}},5072:function(e,t,n){var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),s=[];function a(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],c=t.base?o[0]+t.base:o[0],u=n[c]||0,l="".concat(c," ").concat(u);n[c]=u+1;var d=a(l),f={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(s[d].references++,s[d].updater(f)):s.push({identifier:l,updater:g(f,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach(function(e){t.setAttribute(e,r[e])}),"function"==typeof e.insert)e.insert(t);else{var s=o(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}return t}var l,d=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function f(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,i);else{var o=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}function h(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,v=0;function g(e,t){var n,r,i;if(t.singleton){var o=v++;n=p||(p=u(t)),r=f.bind(null,n,o,!1),i=f.bind(null,n,o,!0)}else n=u(t),r=h.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=a(n[r]);s[i].references--}for(var o=c(e,t),u=0;u<n.length;u++){var l=a(n[u]);0===s[l].references&&(s[l].updater(),s.splice(l,1))}n=o}}}},6262:function(e,t){t.A=(e,t)=>{const n=e.__vccOpts||e;for(const[e,r]of t)n[e]=r;return n}},9077:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});var r=n(9726),i={id:"video-background",class:"VideoBg static"},o=["poster"],s=["src","type"];var a={props:{sources:{type:Array,required:!0},img:{type:String}},data:function(){return{videoRatio:null}},mounted:function(){var e=this;this.setImageUrl(),this.setContainerHeight(),this.videoCanPlay()&&(this.$refs.video.oncanplay=function(){e.$refs.video&&(e.videoRatio=e.$refs.video.videoWidth/e.$refs.video.videoHeight,e.setVideoSize(),e.$refs.video.style.visibility="visible")}),window.addEventListener("resize",this.resize,{passive:!0})},beforeDestroy:function(){window.removeEventListener("resize",this.resize)},methods:{resize:function(){this.setContainerHeight(),this.videoCanPlay()&&this.setVideoSize()},videoCanPlay:function(){return!!this.$refs.video.canPlayType},setImageUrl:function(){this.img&&(this.$el.style.backgroundImage="url(".concat(this.img,")"))},setContainerHeight:function(){this.$el.style.height="".concat(this.$el.offsetParent.offsetHeight,"px")},setVideoSize:function(){var e,t;this.$el.offsetWidth/this.$el.offsetHeight>this.videoRatio?e=this.$el.offsetWidth:t=this.$el.offsetHeight,this.$refs.video.style.width=e?"".concat(e,"px"):"auto",this.$refs.video.style.height=t?"".concat(t,"px"):"auto"},getMediaType:function(e){return"video/"+e.split(".").pop()}}},c=n(5072),u=n.n(c),l=n(350),d={insert:"head",singleton:!1};u()(l.A,d),l.A.locals;var f=(0,n(6262).A)(a,[["render",function(e,t,n,a,c,u){return(0,r.uX)(),(0,r.CE)("section",i,[(0,r.Lk)("video",{preload:"none",autoplay:"",loop:"",muted:"",playsinline:"",poster:n.img,style:{width:"auto !important",height:"100vh !important","max-width":"none !important"},ref:"video"},[((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(n.sources,function(e){return(0,r.uX)(),(0,r.CE)("source",{key:e.index,src:e,type:u.getMediaType(e)},null,8,s)}),128))],8,o)])}]])}}]);
2//# sourceMappingURL=77.js.map