{"version":3,"sources":["webpack:///../WCC.UI/App/components/contentBlock/contentBlock.html?3179","webpack:///../WCC.UI/App/components/contentBlock/contentBlock.scss?8f78","webpack:///../WCC.UI/App/components/contentBlock/contentBlock.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/contentBlock/contentBlock.scss","webpack:///../WCC.UI/App/components/contentBlock/contentBlock.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","ContentBlockVM","constructor","config","info","this","topicId","ko","flattenComputed","title","hasTitle","pureComputed","length","theme","isReady","applyBindingsToNode","element","is","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"6IAAA,UAAO,CACC,6GACA,wDAIC,KAJyC,EAAF,SAAYA,EAASC,GAGzD,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,0ECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,wJAIC,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,2wBCFnC,IAAqBC,EAArB,MAQIC,YACwCC,EACFC,GAElCC,KAAKC,QAAUC,EAAGC,gBAAgBL,EAAOG,SAEzCD,KAAKI,MAAQF,EAAGC,gBAAgBL,EAAOM,MAAO,IAC9CJ,KAAKK,SAAWH,EAAGI,aAAa,IAAMN,KAAKI,QAAQG,OAAS,GAE5DP,KAAKd,QAAUgB,EAAGC,gBAAgBL,EAAOZ,QAAS,IAElD,MAAMsB,EAAQN,EAAGC,gBAAgBL,EAAOU,MAAO,WAEzCC,EAAUP,EAAGI,aAAa,IAAMN,KAAKd,UAAUqB,OAAS,GAE9DL,EAAGQ,oBAAoBX,EAAKY,QAAS,CACjC,QAAWF,EAEX,IAAO,CACH,iBAAiB,EACjB,yBAA0BD,EAAMI,GAAG,gBA5B9BhB,EAAciB,EAAA,CADlCC,cAUQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,iBAVNvB,gB,sIChBrB,WAOC,KAPD,aACI,MAAMwB,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,wKCLD/B,EADkC,EAAQ,wDAChCmC,EAA4B,IAE9BC,KAAK,CAACvC,EAAOC,EAAI,2NAA4N,KAErPD,EAAOG,QAAUA,G,wHCHjBH,EAAOG,QAFI","file":"279.303953f6377cfcee240e.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./contentBlock.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!./contentBlock.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 './contentBlock.html';\r\nimport './contentBlock.scss';\r\n\r\nexport interface ContentBlockVMConfig {\r\n    title?: SubscribableOrNullableValue<string>\r\n    content: SubscribableOrNullableValue<string>\r\n    topicId?: SubscribableOrNullableValue<string>\r\n    theme?: SubscribableOrNullableValue<ContentBlockVMTheme>\r\n}\r\n\r\nexport type ContentBlockVMTheme = 'default' | 'rounded';\r\n\r\n@injectable()\r\nexport default class ContentBlockVM {\r\n    topicId: Subscribable<string | undefined>\r\n\r\n    title: Subscribable<string>\r\n    hasTitle: Subscribable<boolean>\r\n    \r\n    content: Subscribable<string>\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: ContentBlockVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        this.topicId = ko.flattenComputed(config.topicId);\r\n\r\n        this.title = ko.flattenComputed(config.title, '');\r\n        this.hasTitle = ko.pureComputed(() => this.title().length > 0);\r\n\r\n        this.content = ko.flattenComputed(config.content, '');\r\n\r\n        const theme = ko.flattenComputed(config.theme, 'default');\r\n\r\n        const isReady = ko.pureComputed(() => this.content().length > 0);\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'visible': isReady,\r\n\r\n            'css': {\r\n                'content-block': true,\r\n                'content-block--rounded': theme.is('rounded')\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, \".content-block{display:block}.content-block.content-block--rounded .content-block__body{border-radius:4px}.content-block__head{color:#c6c6c6;margin-bottom:10px}.content-block__body{padding:15px;background-color:#fff}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-content-block\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko if: hasTitle -->\\r\\n    <div class=\\\"content-block__head\\\" data-bind=\\\"text: title\\\"></div>\\r\\n    <!-- /ko -->\\r\\n\\r\\n    <div class=\\\"content-block__body wcc-editor-content mobilePreview\\\">\\r\\n        <wcc-content params=\\\"content: content, topicId: topicId\\\"></wcc-content>\\r\\n    </div>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}