{"version":3,"sources":["webpack:///../WCC.UI/App/components/fancybox/videoIframe.html?db48","webpack:///../WCC.UI/App/components/fancybox/videoIframe.scss?5020","webpack:///../WCC.UI/App/components/fancybox/videoIframe.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/fancybox/videoIframe.scss","webpack:///../WCC.UI/App/components/fancybox/videoIframe.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","components","preload","WCCFancyboxVideoIframeVM","constructor","config","info","thumbnailIsLoaded","ko","observable","this","src","flattenComputed","thumbnail","hasThumbnail","pureComputed","undefined","thumbnailIsReady","isReady","applyBindingsToNode","element","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"wIAAA,UAAO,CACC,wGACA,wDAIC,KAJyC,EAAF,SAAYA,EAASC,GAGzD,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,qECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,mJAIC,iBAFvBA,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,KAG/CA,EAAU,CAAC,CAACK,EAAOC,EAAIN,EAAS,MAG9C,IAAIO,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEPH,EAAIJ,EAASO,GAI1BF,EAAOG,QAAUR,EAAQS,QAAU,I,8vBCZnCC,EAAWC,QAAQ,uBAQnB,IAAqBC,EAArB,MAUIC,YACwCC,EACFC,GAXtC,KAAAC,kBAAoBC,EAAGC,YAAW,GAa9BC,KAAKC,IAAMH,EAAGI,gBAAgBP,EAAOM,KACrCD,KAAKG,UAAYL,EAAGI,gBAAgBP,EAAOQ,WAC3CH,KAAKI,aAAeN,EAAGO,aAAa,IAA0BC,MAApBN,KAAKG,aAC/CH,KAAKO,iBAAmBT,EAAGO,aAAa,IAAML,KAAKI,gBAAkBJ,KAAKH,qBAE1EG,KAAKQ,QAAUV,EAAGO,aAAa,IAAoBC,MAAdN,KAAKC,OAE1CH,EAAGW,oBAAoBb,EAAKc,QAAS,CACjC,QAAWV,KAAKQ,QAEhB,IAAO,CACH,yBAAyB,OAzBpBf,EAAwBkB,EAAA,CAD5CC,cAYQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,iBAZNxB,gB,4MCdrB,WAOC,KAPD,aACI,MAAMyB,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,mKCLDlC,EADkC,EAAQ,wDAChCsC,EAA4B,IAE9BC,KAAK,CAAC1C,EAAOC,EAAI,gtBAAitB,KAE1uBD,EAAOG,QAAUA,G,mHCHjBH,EAAOG,QAFI","file":"301.ba2b0f98a0ab83524887.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./videoIframe.html\", \n        \"!../../webpack/runtime/htmlExposer.js\"], function (content, expose) {\n            content = content.__esModule ? content.default : content;\n            expose(content);\n            return content;\n        });","var api = require(\"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./videoIframe.scss\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","import { wccModules } from 'enums/wccModules';\r\nimport { inject, injectable } from 'inversify';\r\nimport { Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport './videoIframe.html';\r\nimport './videoIframe.scss';\r\n\r\ncomponents.preload('fancybox-iframe-new');\r\n\r\nexport interface WCCFancyboxVideoIframeVMConfig {\r\n    src: SubscribableOrNullableValue<string>\r\n    thumbnail: SubscribableOrNullableValue<string>\r\n}\r\n\r\n@injectable()\r\nexport default class WCCFancyboxVideoIframeVM {\n    thumbnailIsLoaded = ko.observable(false);\n\n    src: Subscribable<string | undefined>\n    thumbnail: Subscribable<string | undefined>\n\n    isReady: Subscribable<boolean>\n    hasThumbnail: Subscribable<boolean>\n    thumbnailIsReady: Subscribable<boolean>\n\n    constructor(\r\n        @inject(wccModules.componentConfig) config: WCCFancyboxVideoIframeVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        this.src = ko.flattenComputed(config.src);\n        this.thumbnail = ko.flattenComputed(config.thumbnail);\n        this.hasThumbnail = ko.pureComputed(() => this.thumbnail() != undefined);\n        this.thumbnailIsReady = ko.pureComputed(() => this.hasThumbnail() && this.thumbnailIsLoaded());\n\n        this.isReady = ko.pureComputed(() => this.src() != undefined);\n\n        ko.applyBindingsToNode(info.element, {\n            'visible': this.isReady,\n\n            'css': {\n                'fancybox-video-iframe': true\n            }\n        });\r\n    }\r\n}","define(function () {\r\n    const system = require('helpers/system').SystemHelpers;\r\n\r\n    return function (html) {\r\n        system.getTemplatesAndResources(html)\r\n            .forEach(function (node) { document.head.appendChild(node) });\r\n    }\r\n});","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".fancybox-video-iframe{display:block;border-radius:3px;overflow:hidden}.fancybox-video-iframe__thumbnail{position:relative}.fancybox-video-iframe__thumbnail:hover .fancybox-video-iframe__thumbnail__icon{background-color:rgba(0,0,0,.85)}.fancybox-video-iframe__thumbnail__content{width:100%}.fancybox-video-iframe__thumbnail__placeholder{padding-top:56.65%;background-color:#e7e7e4}.fancybox-video-iframe__thumbnail__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff;text-shadow:0 0 1px #c6c6c6;background-color:rgba(0,0,0,.65);width:65px;height:50px;border-radius:4px;transition:background-color ease-in-out 350ms}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-fancybox-video-iframe-new\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko if: isReady -->\\r\\n    <fancybox-iframe-new params=\\\"src: src\\\">\\r\\n        <div class=\\\"fancybox-video-iframe__thumbnail\\\">\\r\\n            <!-- ko ifnot: thumbnailIsReady -->\\r\\n            <div class=\\\"fancybox-video-iframe__thumbnail__placeholder\\\"></div>\\r\\n            <!-- /ko -->\\r\\n\\r\\n            <!-- ko if: hasThumbnail -->\\r\\n            <img class=\\\"fancybox-video-iframe__thumbnail__content\\\" data-bind=\\\"visible: thumbnailIsReady, attr: { src: thumbnail }, imageLoaded: thumbnailIsLoaded\\\" />\\r\\n            <!-- /ko -->\\r\\n\\r\\n            <span class=\\\"fancybox-video-iframe__thumbnail__icon fas fa-play\\\"></span>\\r\\n        </div>\\r\\n    </fancybox-iframe-new>\\r\\n    <!-- /ko -->\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}