{"version":3,"sources":["webpack:///../WCC.UI/App/components/editors/master/viewer/viewer.html?a0dc","webpack:///../WCC.UI/App/components/editors/master/viewer/viewer.scss?7077","webpack:///../WCC.UI/App/components/editors/master/viewer/viewer.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/editors/master/viewer/viewer.scss","webpack:///../WCC.UI/App/components/editors/master/viewer/viewer.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","components","preload","MasterViewerVM","constructor","config","info","effects","bodyNode","ko","observable","contentNode","this","preview","flattenComputed","rect","elementRect","Tracker","node","element","bodyRect","contentRect","bodyHeight","pluck","height","contentHeight","offset","_document$body$getBou","_document$body$getBou2","device","width","top","document","body","getBoundingClientRect","extend","deferred","bodyShrink","pureComputed","rateLimit","timeout","method","contentBodyHeight","toPx","parsedContent","mapSingle","parseContent","previewContent","getPreviewContent","applyBindingsToNode","replace","$","text","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"gJAAA,UAAO,CACC,gHACA,wDAIC,KAJ+C,EAAF,SAAYA,EAASC,GAG/D,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,6ECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,2JAIC,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,+2BCTnCC,EAAWC,QAAQ,sBAQnB,IAAqBC,EAArB,MAUIC,YACwCC,EACFC,EACNC,GAZhC,KAAAC,SAAWC,EAAGC,aACd,KAAAC,YAAcF,EAAGC,aAabE,KAAKC,QAAUJ,EAAGK,gBAAgBT,EAAOQ,SAAS,GAClD,MAAMtB,EAAUkB,EAAGK,gBAAgBT,EAAOd,QAAS,KAE3CwB,KAAMC,GAAgB,IAAIC,cAAQ,CAAEC,KAAmBZ,EAAKa,WAC5DJ,KAAMK,GAAa,IAAIH,cAAQ,CAAEC,KAAMN,KAAKJ,YAC5CO,KAAMM,GAAgB,IAAIJ,cAAQ,CAAEC,KAAMN,KAAKD,cAEjDW,EAAaF,EAASG,MAAMR,GAAQA,EAAKS,OAAQ,GACjDC,EAAgBJ,EAAYE,MAAMR,GAAQA,EAAKS,OAAQ,GAEvDE,EAASV,EAAYO,MAAMR,IAAO,IAAAY,EAAAC,EAIpC,OAHAC,UAAOC,QACPD,UAAOL,SAEAT,EAAKgB,KAAiD,QAA9CJ,EAAyC,OAAzCC,EAAII,SAASC,KAAKC,8BAAuB,EAArCN,EAAuCG,WAAG,IAAAJ,IAAI,IAClE,GAAGQ,OAAO,CAAEC,UAAU,IAEnBC,EAAa5B,EAAG6B,aAAa,IAAMhB,IAAeG,IAAkBC,KAAUS,OAAO,CAAEI,UAAW,CAAEC,QAAS,EAAGC,OAAQ,2BAE9H7B,KAAK8B,kBAAoBjC,EAAG6B,aAAa,IAAMT,UAAOL,SAAWa,KAAcM,OAAOR,OAAO,CAAEC,UAAU,IAEzGxB,KAAKgC,cAAgBrD,EAAQsD,UAAUtD,GAAWqB,KAAKkC,aAAavD,IACpEqB,KAAKmC,eAAiBtC,EAAG6B,aAAa1B,KAAKoC,kBAAmBpC,MAE9DH,EAAGwC,oBAAoB3C,EAAKa,QAAS,CACjC,IAAO,CACH,iBAAiB,GAGrB,kBAAoB,IAIpB2B,aAAavD,GACjB,OAAOA,EAAQ2D,QAAQ,UAAWC,EAAE,8CAA8CC,QAG9EJ,oBACJ,OAAOG,EAAE,sDAAsDC,SArDlDjD,EAAckD,EAAA,CADlCC,cAYQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,gBAClBJ,EAAA,EAAAC,YAAOC,IAAWlD,WAbNJ,gB,8PCjBrB,WAOC,KAPD,aACI,MAAMyD,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAU9C,GAAQc,SAASiC,KAAKC,YAAYhD,QAEhE,+B,2KCLDnB,EADkC,EAAQ,wDAChCoE,EAA4B,IAE9BC,KAAK,CAACxE,EAAOC,EAAI,gCAAiC,KAE1DD,EAAOG,QAAUA,G,2HCHjBH,EAAOG,QAFI","file":"290.a5e152a67ee1914e700e.js","sourcesContent":["define([\n        \"!!../../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./viewer.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!./viewer.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 device from 'managers/device';\r\nimport { NodeTracker as Tracker } from 'managers/nodes/tracker';\r\nimport { EffectsContainer } from 'mixins/withEffects';\r\nimport './viewer.html';\r\nimport './viewer.scss';\r\n\r\ncomponents.preload('content-box-viewer');\r\n\r\nexport interface MasterViewerVMConfig {\n    content: SubscribableOrNullableValue<string>\r\n    preview: SubscribableOrNullableValue<boolean>\r\n}\n\n@injectable()\nexport default class MasterViewerVM {\n    bodyNode = ko.observable<HTMLElement>();\n    contentNode = ko.observable<HTMLElement>();\n\n    parsedContent: Subscribable<string>\n    previewContent: Subscribable<string>\n    contentBodyHeight: Subscribable<string>\n\n    preview: Subscribable<boolean>\n\n    constructor(\r\n        @inject(wccModules.componentConfig) config: MasterViewerVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\r\n        @inject(wccModules.effects) effects: EffectsContainer\r\n    ) {\r\n        this.preview = ko.flattenComputed(config.preview, false);\n        const content = ko.flattenComputed(config.content, '');        \n\n        const { rect: elementRect } = new Tracker({ node: <HTMLElement>info.element });\n        const { rect: bodyRect } = new Tracker({ node: this.bodyNode });\n        const { rect: contentRect } = new Tracker({ node: this.contentNode });\n\n        const bodyHeight = bodyRect.pluck(rect => rect.height, 0);\n        const contentHeight = contentRect.pluck(rect => rect.height, 0);\n\n        const offset = elementRect.pluck(rect => {\n            device.width();\n            device.height();\n\n            return rect.top - (document.body.getBoundingClientRect()?.top ?? 0);\n        }, 0).extend({ deferred: true });\n\n        const bodyShrink = ko.pureComputed(() => bodyHeight() - contentHeight() + offset()).extend({ rateLimit: { timeout: 0, method: 'notifyWhenChangesStop' } });\n\n        this.contentBodyHeight = ko.pureComputed(() => device.height() - bodyShrink()).toPx().extend({ deferred: true });\n\n        this.parsedContent = content.mapSingle(content => this.parseContent(content));\n        this.previewContent = ko.pureComputed(this.getPreviewContent, this);\n\n        ko.applyBindingsToNode(info.element, {\n            'css': {\n                'master-viewer': true\n            },\n\n            'widgetsContainer': true\n        });\r\n    }\r\n\r\n    private parseContent(content: string) {\n        return content.replace(/{Body}/i, $('#wcc-components-master-viewer-body-content').text());\n    }\n\n    private getPreviewContent() {\n        return $('#wcc-components-master-viewer-body-default-content').text();\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, \".master-viewer{display:block}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-master-viewer\\\" type=\\\"text/template\\\">\\r\\n    <div class=\\\"master-editor__body\\\" data-bind=\\\"dom: bodyNode, kohtml: { value: parsedContent, data: { data: $data, context: $context, parentContext: $parentContext, nodes: $componentTemplateNodes } }\\\"></div>    \\r\\n</script>\\r\\n\\r\\n<script id=\\\"wcc-components-master-viewer-body-content\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko hideContext: { toContext: parentContext, store: { '$viewer': data, '$nodes': nodes } } -->\\r\\n    <!-- ko ifnot: $viewer.preview -->\\r\\n    <div data-bind=\\\"dom: $viewer.contentNode, style: { 'min-height': $viewer.contentBodyHeight }\\\">\\r\\n        <!-- ko template: { nodes: $nodes } --><!-- /ko -->\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n\\r\\n    <!-- ko template: { data: $viewer, if: $viewer.preview } -->\\r\\n    <content-box-viewer params=\\\"html: previewContent, height: contentBodyHeight\\\" data-bind=\\\"dom: contentNode, style: { 'min-height': contentBodyHeight }\\\"></content-box-viewer>\\r\\n    <!-- /ko -->\\r\\n    <!-- /ko -->\\r\\n</script>\\r\\n\\r\\n<script id=\\\"wcc-components-master-viewer-body-default-content\\\" type=\\\"text/template\\\">\\r\\n    <div class=\\\"is-section is-section-100 is-box is-dark-text type-teko-muktamahee\\\">\\r\\n        <div class=\\\"is-overlay\\\">\\r\\n            <div class=\\\"is-overlay-bg\\\" style=\\\"background-position: 60% 100%; transform: translateY(0px) scale(1.05);\\\" data-bottom-top=\\\"transform:translateY(-120px) scale(1.05);\\\" data-top-bottom=\\\"transform:translateY(120px) scale(1.05)\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"is-boxes\\\">\\r\\n            <div class=\\\"is-box-centered\\\">\\r\\n                <div class=\\\"is-container is-builder container is-content-1200 ui-sortable\\\">\\r\\n                    <div class=\\\"row clearfix\\\">\\r\\n                        <div class=\\\"column full center\\\">\\r\\n                            <h1 class=\\\"size-64 is-title1-64 is-title-lite\\\">Page Body</h1>\\r\\n                            <p style=\\\"border-bottom: 2.5px solid #e74c3c; width: 60px; display: inline-block; margin-top: 0\\\"></p>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row clearfix\\\">\\r\\n                        <div class=\\\"column full\\\">\\r\\n                            <div class=\\\"spacer height-40\\\"></div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row clearfix\\\">\\r\\n                        <div class=\\\"column half\\\">\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\\r\\n                            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p>\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\\r\\n                        </div>\\r\\n                        <div class=\\\"column half\\\">\\r\\n                            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p>\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>\\r\\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.</p>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}