{"file":"presto-muted-overlay2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,sBAAsB;;MCQvC,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;;IAO7B,MAAM,GAAA;;AACJ,QAAA,QACE,4DACE,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACvB,aAAC,EAAA,EAEA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAG,YAAY,CAAC,MAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uCAAuC,eAAW,MAAM,EAAA,YAAA,EAAY,MAAM,EAAC,IAAI,EAAC,oBAAoB,EAAA,EAC7G,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAC,WAAW,EAAC,OAAO,EAAC,WAAW,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,iHAAiH,EAAA,CAAQ,CAC7H,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EAAA,MAAA,CAAY,CACnC,CACP,EAEA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,MAAI,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAA,IACnD,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iCAAiC,EACvC,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,KAAI,EAAE,CAAG,CAAA,CAAA;gBAC3C,IAAI,EAAE,CAAG,EAAA,CAAC,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,0CAAE,CAAC,KAAI,GAAG,IAAI,GAAG,CAAG,CAAA,CAAA;gBAC3D,GAAG,EAAE,CAAG,EAAA,CAAC,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,0CAAE,CAAC,KAAI,GAAG,IAAI,GAAG,CAAG,CAAA,CAAA;aAC3D,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,mCAAmC,EAAE,EAAA,CAAI,CAC3F,KAEN,EAAE,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/core/features/presto-muted-overlay/presto-muted-overlay.css?tag=presto-muted-overlay","src/components/core/features/presto-muted-overlay/presto-muted-overlay.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { MutedOverlay, presetAttributes } from '../../../../interfaces';\n\n@Component({\n tag: 'presto-muted-overlay',\n styleUrl: 'presto-muted-overlay.css',\n shadow: false,\n})\nexport class PrestoMutedOverlay {\n @Prop() mutedPreview: boolean;\n @Prop() mutedOverlay: MutedOverlay;\n @Prop() preset: presetAttributes;\n\n @Event() playVideo: EventEmitter<void>;\n\n render() {\n return (\n <div\n class=\"presto-player__muted-overlay\"\n onClick={() => {\n this.mutedPreview = false;\n this.playVideo.emit();\n }}\n >\n {this.preset?.['play-large'] && (\n <div class=\"plyr__control plyr__control--overlaid\" data-plyr=\"play\" aria-label=\"Play\" part=\"muted-overlay-play\">\n <svg id=\"plyr-play\" viewBox=\"0 0 18 18\">\n <path d=\"M15.562 8.1L3.87.225c-.818-.562-1.87 0-1.87.9v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z\"></path>\n </svg>\n <span class=\"plyr__sr-only\">Play</span>\n </div>\n )}\n\n {this.mutedOverlay?.enabled && this.mutedOverlay?.src ? (\n <div\n class=\"presto-player__overlay is-image\"\n part=\"muted-overlay-image\"\n style={{\n width: `${this.mutedOverlay?.width || 50}%`,\n left: `${(this.mutedOverlay?.focalPoint?.x || 0.5) * 100}%`,\n top: `${(this.mutedOverlay?.focalPoint?.y || 0.5) * 100}%`,\n }}\n >\n <img src={this.mutedOverlay?.src} style={{ transform: 'translateX(-50%) translateY(-50%)' }} />\n </div>\n ) : (\n ''\n )}\n </div>\n );\n }\n}\n"],"version":3}