{"version":3,"sources":["webpack:///../WCC.UI/App/components/topic/userContent/base.ts","webpack:///../WCC.UI/App/components/topic/userContent/inline.html?94d8","webpack:///../WCC.UI/App/components/topic/userContent/inline.scss?2afc","webpack:///../WCC.UI/App/components/topic/userContent/inline.ts","webpack:///../WCC.UI/App/helpers/people.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/topic/userContent/inline.scss","webpack:///../WCC.UI/App/components/topic/userContent/inline.html"],"names":["components","preload","UserContentFormVM","constructor","model","storage","name","ko","pureComputed","_this$person","this","person","nicknameOrName","status","getPersonStatus","topicId","unwrap","simpleTopicManager","get","SimpleTopicManager","simpleTopic","pluck","avatarConfig","getStatusText","__decorate","injectable","__param","inject","wccModules","componentConfig","content","expose","__esModule","default","api","module","i","options","exports","locals","InlineUserContentFormVM","config","info","super","labels","vote","flattenComputed","infoNodes","$","templateNodes","filter","contents","toArray","bodyNodes","footerNodes","isCompact","compact","isModerator","isObserver","isReady","ready","isBusy","busy","applyBindingsToNode","element","not","componentInfo","Moderator","toUpperCase","Observer","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"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","file":"225.806392f0ed95e05716b6.js","sourcesContent":["import { wccModules } from \"enums/wccModules\";\r\nimport { getStatusText } from \"helpers/people\";\r\nimport { inject, injectable } from \"inversify\";\r\nimport { Subscribable } from \"knockout\";\r\nimport { IWCCStorageManager } from 'managers/iStorage';\r\nimport SimpleTopicManager from 'managers/simpleTopic';\r\nimport { Person } from \"models/person\";\r\nimport { SimpleTopic } from \"models/simpleTopic\";\r\nimport { PersonAvatarVMConfig } from \"../../avatar/person/person\";\r\nimport { UserContentFormConfig } from \"./base.interfaces\";\r\n\r\ncomponents.preload('person-avatar');\n\n@injectable()\nexport default class UserContentFormVM {\n    topicId: Subscribable<string | undefined>\n    person: Subscribable<Person | undefined>\n\n    name = ko.pureComputed(() => this.person()?.nicknameOrName());\n    status = ko.pureComputed(() => this.getPersonStatus(this.person()));\n\n    simpleTopic: Subscribable<SimpleTopic | undefined>\n\n    avatarConfig: PersonAvatarVMConfig\n\n    constructor(\r\n        @inject(wccModules.componentConfig) model: UserContentFormConfig,\r\n        @inject(wccModules.storage) storage: IWCCStorageManager\r\n    ) {\r\n        this.topicId = ko.pureComputed(() => ko.unwrap(model.topicId));\r\n        this.person = ko.pureComputed(() => ko.unwrap(model.person));\r\n\r\n        const simpleTopicManager = storage.get(SimpleTopicManager, { topicId: this.topicId });\r\n        this.simpleTopic = simpleTopicManager.pluck('topic');\r\n\r\n        this.avatarConfig = { person: this.person }\r\n    }\r\n\r\n    private getPersonStatus(person?: Person) {\r\n        if (person) {\r\n            const status = getStatusText(person);\r\n\r\n            if (status)\r\n                return `(${status})`;\r\n        }\r\n    }\r\n}","define([\n        \"!!../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./inline.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!./inline.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 { IWCCStorageManager } from 'managers/iStorage';\r\nimport UserContentFormVM from \"./base\";\r\nimport { UserContentFormConfig } from \"./base.interfaces\";\r\nimport './inline.html';\r\nimport './inline.scss';\r\n\r\ncomponents.preload('vote-bubble');\r\n\r\nexport interface InlineUserContentFormConfig extends UserContentFormConfig {\n    vote: SubscribableOrNullableValue<number>\n    compact?: SubscribableOrNullableValue<boolean>\r\n    ready: SubscribableOrNullableValue<boolean>\r\n    busy: SubscribableOrNullableValue<boolean>\r\n}\n\n@injectable()\nexport default class InlineUserContentFormVM extends UserContentFormVM {\n    labels = labels\n\n    infoNodes: Array<Node>\n    bodyNodes: Array<Node>\n    footerNodes: Array<Node>\n\n    vote: Subscribable<number | undefined>\n\n    isReady: Subscribable<boolean>\n    isBusy: Subscribable<boolean>\n\n    constructor(\r\n        @inject(wccModules.componentConfig) config: InlineUserContentFormConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\r\n        @inject(wccModules.storage) storage: IWCCStorageManager\r\n    ) {\r\n        super(config, storage);\r\n\r\n        this.vote = ko.flattenComputed(config.vote);\r\n\r\n        this.infoNodes = $(info.templateNodes).filter('form-info').contents().toArray() as Array<Node>;\n        this.bodyNodes = $(info.templateNodes).filter('form-body').contents().toArray() as Array<Node>;\n        this.footerNodes = $(info.templateNodes).filter('form-footer').contents().toArray() as Array<Node>;\n\r\n        const isCompact = ko.flattenComputed(config.compact, false);\r\n\r\n        const isModerator = this.person.pluck('isModerator', false);\r\n        const isObserver = this.person.pluck('isObserver', false);\r\n\r\n        this.isReady = ko.flattenComputed(config.ready, true);\r\n        this.isBusy = ko.flattenComputed(config.busy, false);\r\n\r\n        ko.applyBindingsToNode(info.element, {\n            'css': {\n                'topic-usercontent-inline': true,\n                'topic-usercontent-inline--classic': isCompact.not(),\n                'topic-usercontent-inline--compact': isCompact,\n                'topic-usercontent-inline--moderator': isModerator,\n                'topic-usercontent-inline--observer': isObserver\n            }\n        }, this);\n    }\r\n}","import { Person } from \"models/person\";\r\n\r\nexport function getStatusText(person: Person) {\n    if (person.isModerator())\n        return labels.Moderator.toUpperCase();\n    else if (person.isObserver())\n        return labels.Observer.toUpperCase();\n\n    return undefined;\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, \".topic-usercontent-inline{display:block}.topic-usercontent-inline--compact .topic-usercontent-inline__wrapper{display:flex;align-items:flex-start;padding:10px;gap:10px}.topic-usercontent-inline--compact .wcc-avatar{width:36px;height:36px;padding:1px}.topic-usercontent-inline--compact .topic-usercontent-inline__info{display:none}.topic-usercontent-inline--compact .topic-usercontent-inline__body{border:1px solid #c6c6c6;border-radius:4px}.topic-usercontent-inline--compact .topic-usercontent-inline__footer{display:none}.topic-usercontent-inline--classic .topic-usercontent-inline__header{display:flex;background-color:#e0e0dc;border-bottom:1px solid #c6c6c6;padding:15px 15px 10px}.topic-usercontent-inline--classic .wcc-avatar{width:50px;height:50px}.topic-usercontent-inline--classic .topic-usercontent-inline__info{flex-grow:1}.topic-usercontent-inline--classic.topic-usercontent-inline--moderator{border:4px solid #ff9e6b}.topic-usercontent-inline--classic.topic-usercontent-inline--moderator .topic-usercontent-inline__header{background-color:#ffeee5}.topic-usercontent-inline--classic.topic-usercontent-inline--observer{border:4px solid #3aad3e}.topic-usercontent-inline--classic.topic-usercontent-inline--observer .topic-usercontent-inline__header{background-color:#e5ffe6}.topic-usercontent-inline__header{flex-shrink:0;display:flex;gap:10px}.topic-usercontent-inline__header__image{flex-shrink:0;position:relative}.topic-usercontent-inline__vote{position:absolute;bottom:0;right:0;transform:translate(25%, 25%)}.topic-usercontent-inline__name{font-weight:500}.topic-usercontent-inline__secondary{font-size:12px}.topic-usercontent-inline__body{flex-grow:1;background-color:#fff;display:flex;flex-direction:column;min-width:0}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-topic-usercontent-inline\\\" type=\\\"text/template\\\">\\r\\n    <div class=\\\"topic-usercontent-inline__wrapper\\\" data-bind=\\\"visible: isReady\\\">\\r\\n        <div class=\\\"topic-usercontent-inline__header\\\">\\r\\n            <div class=\\\"topic-usercontent-inline__header__image\\\">\\r\\n                <person-avatar params=\\\"model: avatarConfig\\\"></person-avatar>\\r\\n\\r\\n                <!-- ko with: vote -->\\r\\n                <div class=\\\"topic-usercontent-inline__vote\\\">\\r\\n                    <vote-bubble params=\\\"value: $data, size: 24\\\"></vote-bubble>\\r\\n                </div>                \\r\\n                <!-- /ko -->\\r\\n            </div>\\r\\n\\r\\n            <div class=\\\"topic-usercontent-inline__info\\\">\\r\\n                <div class=\\\"topic-usercontent-inline__name\\\" data-bind=\\\"text: name\\\"></div>\\r\\n\\r\\n                <!-- ko hideContext: { toContext: $parentContext, store: { $formTemplateNodes: infoNodes } } -->\\r\\n                <!-- ko template: { nodes: $formTemplateNodes } --><!-- /ko -->\\r\\n                <!-- /ko -->\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"topic-usercontent-inline__body\\\">\\r\\n            <!-- ko hideContext: { toContext: $parentContext, store: { $formTemplateNodes: bodyNodes } } -->\\r\\n            <!-- ko template: { nodes: $formTemplateNodes } --><!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"topic-usercontent-inline__footer\\\">\\r\\n            <!-- ko hideContext: { toContext: $parentContext, store: { $formTemplateNodes: footerNodes } } -->\\r\\n            <!-- ko template: { nodes: $formTemplateNodes } --><!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"nonEditableCover active\\\" data-bind=\\\"visible: isBusy\\\">\\r\\n        <wcs-spinner params=\\\"small: true, center: true\\\"></wcs-spinner>\\r\\n    </div>\\r\\n\\r\\n    <wcs-spinner params=\\\"visible: !isReady(), tiny: true, center: true\\\"></wcs-spinner>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}