{"version":3,"sources":["webpack:///../WCC.UI/App/components/threadEditingOverlay/stage.html?20d5","webpack:///../WCC.UI/App/components/threadEditingOverlay/stage.scss?b5e7","webpack:///../WCC.UI/App/components/threadEditingOverlay/stage.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/threadEditingOverlay/stage.scss","webpack:///../WCC.UI/App/components/threadEditingOverlay/stage.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","ThreadEditingOverlayStage","constructor","config","info","toolsContainer","ko","observable","this","editorConfig","flattenComputed","pluck","pureComputed","device","isDesktop","undefined","isReady","isNotNull","applyBindingsToNode","element","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"8IAAA,UAAO,CACC,8GACA,wDAIC,KAJyC,EAAF,SAAYA,EAASC,GAGzD,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,2ECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,yJAIC,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,szBCLnC,IAAqBC,EAArB,MAOIC,YACwCC,EACFC,GARtC,KAAAC,eAAiBC,EAAGC,aAUhBC,KAAKC,aAAeH,EAAGI,gBAAgBP,EAAOM,cAAcE,MAAMR,IAAU,IACrEA,EAEHE,eAAgBC,EAAGM,aAAa,IAAMC,UAAOC,YAAcN,KAAKH,sBAAmBU,MAGvFP,KAAKQ,QAAUR,KAAKC,aAAaQ,YAEjCX,EAAGY,oBAAoBd,EAAKe,QAAS,CACjC,IAAO,CACH,gCAAgC,OArB3BlB,EAAyBmB,EAAA,CAD7CC,cASQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,iBATNzB,gB,sICbrB,WAOC,KAPD,aACI,MAAM0B,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,yKCLDjC,EADkC,EAAQ,wDAChCqC,EAA4B,IAE9BC,KAAK,CAACzC,EAAOC,EAAI,o2BAAq2B,KAE93BD,EAAOG,QAAUA,G,yHCHjBH,EAAOG,QAFI","file":"319.1c8811c9079e97127895.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./stage.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!./stage.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 { ActivityFormEditorConfig } from 'managers/topic/form';\r\nimport './stage.html';\r\nimport './stage.scss';\r\n\r\nexport interface ThreadEditingOverlayStageConfig {\r\n    editorConfig: SubscribableOrNullableValue<ActivityFormEditorConfig>\r\n}\r\n\r\n@injectable()\r\nexport default class ThreadEditingOverlayStage {\r\n    toolsContainer = ko.observable<HTMLElement>();\r\n\r\n    editorConfig: Subscribable<ActivityFormEditorConfig | undefined>\r\n\r\n    isReady: Subscribable<boolean>\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: ThreadEditingOverlayStageConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        this.editorConfig = ko.flattenComputed(config.editorConfig).pluck(config => (<ActivityFormEditorConfig>{\r\n            ...config,\r\n\r\n            toolsContainer: ko.pureComputed(() => device.isDesktop() ? this.toolsContainer() : undefined)\r\n        }));\r\n\r\n        this.isReady = this.editorConfig.isNotNull();\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': {\r\n                'thread-editing-overlay-stage': true\r\n            }\r\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, \".thread-editing-overlay-stage{display:flex;justify-content:center;max-width:95vw}.thread-editing-overlay-stage .topic-usercontent-standalone{width:800px;max-width:100%}.thread-editing-overlay-stage .topic-usercontent-standalone.topic-usercontent-standalone--fluid{max-width:100%}.thread-editing-overlay-stage .cards-score-editor-standalone{width:800px;max-width:100%}.thread-editing-overlay-stage .thread-editor--mobile{display:none}.thread-editing-overlay-stage .cards-sort-editor-standalone .topic-usercontent-standalone,.thread-editing-overlay-stage .pinboard-editor{width:1200px;max-width:100%}.thread-editing-overlay-stage pinboard-editor-mobile{display:none}.thread-editing-overlay-stage__sidebar{flex-shrink:0;max-width:300px}.thread-editing-overlay-stage__sidebar .pinboard-options{width:200px;max-width:100%}.thread-editing-overlay-stage__body{min-width:0}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-thread-editing-overlay-stage\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko template: { data: editorConfig, if: isReady } -->\\r\\n    <div class=\\\"thread-editing-overlay-stage__sidebar\\\">\\r\\n        <div data-bind=\\\"dom: $component.toolsContainer\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"thread-editing-overlay-stage__body\\\">\\r\\n        <!-- ko customElement: { name: componentId, params: { model: $data } } --><!-- /ko -->\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n\\r\\n    <!-- ko ifnot: isReady -->\\r\\n    <wcs-spinner></wcs-spinner>\\r\\n    <!-- /ko -->\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}