/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/@webmarkets/wm-background-video@1.1.4/dist/wm-background-video.es.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
import{css,LitElement,html}from"lit";import{property,customElement}from"lit/decorators.js";var __defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=(e,t,r,o)=>{for(var i,s=o>1?void 0:o?__getOwnPropDesc(t,r):t,d=e.length-1;d>=0;d--)(i=e[d])&&(s=(o?i(t,r,s):i(s))||s);return o&&s&&__defProp(t,r,s),s};let WebmarketsBackgroundVideo=class extends LitElement{constructor(){super(...arguments),this.mp4Src="",this.webmSrc="",this.imgSrc="",this.minRes=0}render(){return html`
      <div id="background-video__container">
        ${window.innerWidth>=this.minRes?html`
              <video id="background__video" autoplay playsinline muted autoplay loop>
                <source src=${this.webmSrc} type="video/webm;" />
                <source src=${this.mp4Src} type="video/mp4;" />
                <img src=${this.imgSrc} title="Your browser does not support the <video> tag" />
              </video>
            `:""}
        <slot></slot>
      </div>
    `}};WebmarketsBackgroundVideo.styles=css`
    #background-video__container {
      overflow: hidden;
      z-index: 1;
      position: relative;
      width: 100%;
      height: 100%;
    }
    #background__video {
      z-index: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      min-width: 100%;
      transform: translate(-50%, -50%);
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  `,__decorateClass([property({type:String,reflect:!0})],WebmarketsBackgroundVideo.prototype,"mp4Src",2),__decorateClass([property({type:String,reflect:!0})],WebmarketsBackgroundVideo.prototype,"webmSrc",2),__decorateClass([property({type:String,reflect:!0})],WebmarketsBackgroundVideo.prototype,"imgSrc",2),__decorateClass([property({type:Number,reflect:!0})],WebmarketsBackgroundVideo.prototype,"minRes",2),WebmarketsBackgroundVideo=__decorateClass([customElement("wm-background-video")],WebmarketsBackgroundVideo);export{WebmarketsBackgroundVideo};
//# sourceMappingURL=/sm/f94b8f95e7773f094ab68203a63ab711e3ac377a9fa4539aa955edd994f6a79c.map