{"version":3,"sources":["webpack:///../WCC.UI/App/components/tags/list/list.html?4fcb","webpack:///../WCC.UI/App/components/tags/list/list.scss?6ad4","webpack:///../WCC.UI/App/components/tags/list/list.ts","webpack:///../WCC.UI/App/managers/tags/readonlyCollection.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/tags/list/list.scss","webpack:///../WCC.UI/App/components/tags/list/list.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","components","preload","TagsListVM","constructor","model","info","effects","_model$click","labels","oActiveTag","ko","observable","onClick","tag","this","clickHandler","activateTag","_this$oActiveTag","oIsActive","readOnlyMode","flattenComputed","readOnly","simpleUIMode","simpleUI","defaultManager","pureComputed","ignoreDependencies","getDefaultManager","tags","remove","manager","pluck","m","sortBy","t","tagValue","loadingTags","loading","updatingTags","updating","hasTags","any","showNoTags","editAllowed","allowEdit","removeAllowed","_this$manager$allowRe","_this$manager","allowRemove","ready","click","_","noop","applyBindingsToNode","element","config","register","ReadOnlyCollectionTagsManager","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","TagsManagerBase","jsonManager","super","tagsCollection","addHandler","add","removeHandler","subscribe","update","addTag","jsonTag","Promise","resolve","reject","Error","removeTag","source","find","contentTagId","then","load","clone","map","isRemoveAllowed","undefined","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"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","file":"255.50b7e4f49233f4cb1186.js","sourcesContent":["define([\n        \"!!../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./list.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!./list.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 { Func } from 'interfaces/func';\r\nimport { inject, injectable } from 'inversify';\r\nimport { PureComputed, Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport TagsManagerBase from 'managers/tags/base';\r\nimport ReadOnlyCollectionTagsManager, { ReadOnlyCollectionTagsManagerConfig } from 'managers/tags/readonlyCollection';\r\nimport { EffectsContainer } from 'mixins/withEffects';\r\nimport { Tag } from 'models/tag';\r\nimport './list.html';\r\nimport './list.scss';\r\n\r\ncomponents.preload('tag', 'entity-tag');\r\n\r\ninterface TagsListConfig {\r\n    manager?: SubscribableOrNullableValue<TagsManagerBase>\r\n    tags?: SubscribableOrNullableValue<Array<Tag>>\r\n    simpleUI?: SubscribableOrNullableValue<boolean>\r\n    readOnly?: SubscribableOrNullableValue<boolean>\r\n    remove?: Action<[Tag]> | Func<Promise<void>, [Tag]>\r\n    click?: Action<[Tag]>\r\n}\r\n\r\n@injectable()\r\nexport default class TagsListVM {\r\n    private clickHandler: (tag: Tag) => void\r\n\r\n    labels = labels\r\n\r\n    manager: Subscribable<TagsManagerBase>\r\n\r\n    tags: Subscribable<Array<Tag>>\r\n    oActiveTag = ko.observable<Tag | undefined>();\r\n    loadingTags: Subscribable<boolean>\r\n    updatingTags: Subscribable<boolean>\r\n    hasTags: Subscribable<boolean>\r\n    showNoTags: Subscribable<boolean>\r\n    \r\n    readOnly: Subscribable<boolean>\r\n    ready: Subscribable<boolean>\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) model: TagsListConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\r\n        @inject(wccModules.effects) private effects: EffectsContainer\r\n    ) {\r\n        const readOnlyMode = ko.flattenComputed(model.readOnly, false);\r\n        const simpleUIMode = ko.flattenComputed(model.simpleUI, true);\r\n\r\n        const defaultManager = ko.pureComputed(() => ko.ignoreDependencies(() => this.getDefaultManager({\r\n            tags: model.tags,\r\n            remove: model.remove\r\n        })));\r\n\r\n        this.manager = ko.flattenComputed(model.manager, defaultManager);\r\n\r\n        this.tags = this.manager.pluck(m => m.tags, []).sortBy(t => t.tagValue());\r\n        this.loadingTags = this.manager.pluck(m => m.loading, true);\r\n        this.updatingTags = this.manager.pluck(m => m.updating, false);\r\n        this.hasTags = this.tags.any();\r\n        this.showNoTags = ko.pureComputed(() => !simpleUIMode() && !this.hasTags());\r\n\r\n        const editAllowed = this.manager.pluck(m => m.allowEdit, false);\r\n        const removeAllowed = ko.pureComputed(() => this.manager()?.allowRemove() ?? false);\r\n        \r\n        this.readOnly = ko.pureComputed(() => readOnlyMode() || !editAllowed() && !removeAllowed());\r\n\r\n        this.ready = ko.pureComputed(() => !this.loadingTags());\r\n\r\n        this.clickHandler = model.click ?? _.noop;\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': {\r\n                'tags-list': true\r\n            }\r\n        }, this);\r\n    }\r\n\r\n    onClick = (tag: Tag) => this.clickHandler(tag)\r\n\r\n    activateTag = (tag: Tag) => {\r\n        this.oActiveTag()?.oIsActive(false);\r\n        tag.oIsActive(true);\r\n        this.oActiveTag(tag);\r\n    }\r\n\r\n    private getDefaultManager(config: ReadOnlyCollectionTagsManagerConfig): TagsManagerBase {\r\n        return this.effects.register(new ReadOnlyCollectionTagsManager(config));\r\n    }\r\n}","import { PureComputed, Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport { JSONTag, Tag } from 'models/tag';\r\nimport TagsManagerBase from './base';\r\n\r\nexport interface ReadOnlyCollectionTagsManagerConfig {\r\n    tags?: SubscribableOrNullableValue<Array<Tag>>\r\n    add?: (tag: JSONTag) => void | Promise<void>\r\n    remove?: (tag: Tag) => void | Promise<void>\r\n}\r\n\r\nexport default class ReadOnlyCollectionTagsManager extends TagsManagerBase {\n    private tagsCollection: Subscribable<Array<Tag>>\n\n    private addHandler?: (tag: JSONTag) => void | Promise<void>\n    private removeHandler?: (tag: Tag) => void | Promise<void>\n\n    constructor(jsonManager: ReadOnlyCollectionTagsManagerConfig) {\n        super();\n\n        this.tagsCollection = ko.flattenComputed(jsonManager.tags, []);\n\n        this.addHandler = jsonManager.add;\n        this.removeHandler = jsonManager.remove;\n\n        this.effects.register([\n            this.tagsCollection.subscribe(this.update, this)\n        ]);\n    }\n\n    addTag(jsonTag: JSONTag): Promise<void> {\n        if (this.addHandler)\n            return Promise.resolve(this.addHandler(jsonTag));\r\n        else\r\n            return Promise.reject(new Error('no add handler is provided'))\r\n    }\n\n    removeTag(tag: Tag) {\n        if (this.removeHandler)\n            return this.source.find(tag.contentTagId()).then(this.removeHandler, _.noop);\n        else\n            return Promise.reject(new Error('no remove handler is provided'))\n    }\n\n    protected load(): Array<any> {\n        return _.clone(this.tagsCollection());\n    }\n\n    protected override map(tag: any) {\n        return tag;\n    }\n\n    protected override isRemoveAllowed() {\n        return this.removeHandler != undefined;\n    }\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, \".tags-list{display:inline;position:relative;line-height:150%}.tags-list__tag,.tags-list__tag tag{line-height:150%;animation-duration:300ms;margin:2px 0}.tags-list__cover{display:flex;justify-content:center;align-items:center}.tags-list__tag-active{position:relative;z-index:1}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-tags-list\\\" type=\\\"text/template\\\">\\r\\n    <span class=\\\"tags-list__body\\\" data-bind=\\\"visible: ready\\\">\\r\\n        <!-- ko if: hasTags -->\\r\\n        <span class=\\\"tags-list__content\\\">\\r\\n            <!-- ko template: { foreach: tags, if: readOnly } -->\\r\\n            <!-- ko lock: 0 -->\\r\\n            <tag class=\\\"tags-list__tag wcc-animated zoomIn\\\" params=\\\"model: $data\\\" data-bind=\\\"click: $component.onClick\\\"></tag>\\r\\n            <!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n\\r\\n            <!-- ko template: { foreach: tags, if: !readOnly() } -->\\r\\n            <!-- ko lock: 0 -->\\r\\n            <entity-tag class=\\\"tags-list__tag wcc-animated zoomIn\\\" \\r\\n                        data-bind=\\\"click: $component.activateTag, css: { 'tags-list__tag-active': oIsActive }\\\" \\r\\n                        params=\\\"tag: $data, manager: $component.manager\\\"></entity-tag>\\r\\n            <!-- /ko -->\\r\\n            <!-- /ko -->\\r\\n        </span>\\r\\n        <!-- /ko -->\\r\\n\\r\\n        <!-- ko if: showNoTags -->\\r\\n        <span class=\\\"text-darkgrey-extra text-sm\\\" data-bind=\\\"text: labels.NoTags\\\"></span>\\r\\n        <!-- /ko -->\\r\\n    </span>\\r\\n\\r\\n    <div class=\\\"tags-list__cover nonEditableCover\\\" data-bind=\\\"visible: updatingTags\\\">\\r\\n        <img src=\\\"/Images/loader.gif\\\" class=\\\"inline\\\" />\\r\\n    </div>\\r\\n\\r\\n    <img src=\\\"/Images/loader.gif\\\" class=\\\"inline\\\" data-bind=\\\"visible: loadingTags\\\" />\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}