{"version":3,"sources":["webpack:///../WCC.UI/App/components/topic/threadMedia/threadMedia.html?418b","webpack:///../WCC.UI/App/components/topic/threadMedia/threadMedia.scss?48b0","webpack:///../WCC.UI/App/components/topic/threadMedia/threadMedia.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/topic/threadMedia/threadMedia.scss","webpack:///../WCC.UI/App/components/topic/threadMedia/threadMedia.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","components","preload","ThreadMediaVM","constructor","config","info","id","_","uniqueId","removeAttachment","attachment","_this$mediaManager","this","mediaManager","ko","flattenComputed","media","mediaSize","isCaptionEditorNeeded","captionEditor","attachments","pluck","m","uploads","mainAttachmentes","filter","a","isAudio","audios","pureComputed","concat","mediaGrid","Grid","source","columnWidth","offset","threshold","hasMedia","any","audioGrid","hasAudio","applyBindingsToNode","element","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"iJAAA,UAAO,CACC,iHACA,wDAIC,KAJ4C,EAAF,SAAYA,EAASC,GAG5D,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,8ECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,4JAIC,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,w0BCPnCC,EAAWC,QAAQ,WAAY,YAAa,yBAA0B,sBAAuB,YAAa,0BAA2B,YAAa,qBAAsB,WAAY,cASpL,IAAqBC,EAArB,MAaIC,YACwCC,EACFC,GAZtC,KAAAC,GAAKC,EAAEC,SAAS,iBAiDhB,KAAAC,iBAAoBC,IAA6B,IAAAC,EAC1B,OAAnBA,EAAAC,KAAKC,iBAALF,EAAqBF,iBAAiBC,IApCtCE,KAAKC,aAAeC,EAAGC,gBAAgBX,EAAOY,OAC9C,MAAMC,EAAYH,EAAGC,gBAAgBX,EAAOa,UAAW,KACvDL,KAAKM,sBAAwBJ,EAAGC,gBAAgBX,EAAOe,eAAe,GAEtE,MAAMC,EAAcR,KAAKC,aAAaQ,MAAMC,GAAKA,EAAEF,YAAa,IAC1DG,EAAUX,KAAKC,aAAaQ,MAAMC,GAAKA,EAAEC,QAAS,IAElDC,EAAmBJ,EAAYK,OAAOC,IAAMA,EAAEC,WAC9CC,EAASR,EAAYK,OAAiBC,GAAKA,EAAEC,WAE7CX,EAAQF,EAAGe,aAAa,IAA2BL,IAAoBM,OAAOP,MAEpFX,KAAKmB,UAAY,IAAIC,OAAK,CACtBC,OAAQjB,EACRkB,YAAajB,EACbkB,OAAQ,EACRC,UAAW,KAGfxB,KAAKyB,SAAWrB,EAAMsB,MAEtB1B,KAAK2B,UAAY,IAAIP,OAAK,CACtBC,OAAQL,EACRO,OAAQ,IAGZvB,KAAK4B,SAAWZ,EAAOU,MAEvBxB,EAAG2B,oBAAoBpC,EAAKqC,QAAS,CACjC,IAAO,CACH,gBAAgB,OA/CXxC,EAAayC,EAAA,CADjCC,cAeQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,iBAfN/C,gB,+PCpBrB,WAOC,KAPD,aACI,MAAMgD,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,4KCLDzD,EADkC,EAAQ,wDAChC6D,EAA4B,IAE9BC,KAAK,CAACjE,EAAOC,EAAI,gEAAiE,KAE1FD,EAAOG,QAAUA,G,4HCHjBH,EAAOG,QAFI","file":"326.ddcf2d999145b5e43415.js","sourcesContent":["define([\n        \"!!../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./threadMedia.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!./threadMedia.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 { Grid } from 'components/grid/grid';\r\nimport { wccModules } from 'enums/wccModules';\r\nimport { ThreadMedia } from 'interfaces/threadMedia';\r\nimport { inject, injectable } from 'inversify';\r\nimport { Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport TopicMediaManager from 'managers/topic/media';\r\nimport WCCAttachment from 'models/attachments/attachment';\r\nimport WCCAudio from 'models/attachments/audio';\r\nimport './threadMedia.html';\r\nimport './threadMedia.scss';\r\n\r\ncomponents.preload('grid-new', 'wcc-audio', 'wcc-generic-attachment', 'attachment-controls', 'wcc-image', 'attachment-title-editor', 'wcc-video', 'attachment-caption', 'wcc-file', 'wcc-upload');\r\n\r\nexport interface ThreadMediaVMConfig {\r\n    media: SubscribableOrNullableValue<TopicMediaManager>\r\n    mediaSize: SubscribableOrNullableValue<number>\r\n    captionEditor: SubscribableOrNullableValue<boolean>\r\n}\r\n\r\n@injectable()\r\nexport default class ThreadMediaVM {\r\n    private mediaManager: Subscribable<TopicMediaManager | undefined>\r\n\r\n    id = _.uniqueId(`thread-media-`);\r\n\r\n    mediaGrid: Grid<ThreadMedia>\r\n    audioGrid: Grid<WCCAudio>\r\n\r\n    hasMedia: Subscribable<boolean>\r\n    hasAudio: Subscribable<boolean>\r\n\r\n    isCaptionEditorNeeded: Subscribable<boolean>\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: ThreadMediaVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo,\r\n    ) {\r\n        this.mediaManager = ko.flattenComputed(config.media);\r\n        const mediaSize = ko.flattenComputed(config.mediaSize, 150);\r\n        this.isCaptionEditorNeeded = ko.flattenComputed(config.captionEditor, false);\r\n\r\n        const attachments = this.mediaManager.pluck(m => m.attachments, []);\r\n        const uploads = this.mediaManager.pluck(m => m.uploads, []);        \r\n\r\n        const mainAttachmentes = attachments.filter(a => !a.isAudio());\r\n        const audios = attachments.filter<WCCAudio>(a => a.isAudio());        \r\n\r\n        const media = ko.pureComputed(() => (<Array<ThreadMedia>>mainAttachmentes()).concat(uploads()));\r\n\r\n        this.mediaGrid = new Grid({\r\n            source: media,\r\n            columnWidth: mediaSize,\r\n            offset: 5,\r\n            threshold: 50\r\n        });\r\n\r\n        this.hasMedia = media.any();\r\n        \r\n        this.audioGrid = new Grid({\r\n            source: audios,\r\n            offset: 5\r\n        });\r\n\r\n        this.hasAudio = audios.any();\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': {\r\n                'thread-media': true\r\n            }\r\n        });\r\n    }\r\n\r\n    removeAttachment = (attachment: WCCAttachment) => {\r\n        this.mediaManager()?.removeAttachment(attachment);\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-media{display:block}.thread-media__block{margin:10px}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-thread-media\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko if: hasAudio -->\\r\\n    <div class=\\\"thread-media__block\\\">\\r\\n        <grid-new params=\\\"model: audioGrid\\\" component-ready=\\\"false\\\">\\r\\n            <wcc-audio params=\\\"audio: $data, remove: $component.removeAttachment.bind($component, $data)\\\"></wcc-audio>\\r\\n\\r\\n            <!-- ko if: $component.isCaptionEditorNeeded -->\\r\\n            <attachment-title-editor params=\\\"model: $data\\\"></attachment-title-editor>\\r\\n            <!-- /ko -->\\r\\n        </grid-new>\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n\\r\\n    <!-- ko if: hasMedia -->\\r\\n    <div class=\\\"thread-media__block\\\">\\r\\n        <grid-new params=\\\"model: mediaGrid\\\" component-ready=\\\"false\\\">\\r\\n            <wcc-generic-attachment params=\\\"model: $data\\\">\\r\\n                <image-tpl>\\r\\n                    <div class=\\\"thread-editor-attachment\\\">\\r\\n                        <attachment-controls params=\\\"expand: { src: $data.hqUrl, caption: $data.title, group: $component.id }, cancel: $component.removeAttachment.bind($component, $data)\\\">\\r\\n                            <wcc-image params=\\\"src: lqUrl, cover: 1.25\\\"></wcc-image>\\r\\n                        </attachment-controls>\\r\\n\\r\\n                        <!-- ko if: $component.isCaptionEditorNeeded -->\\r\\n                        <attachment-title-editor params=\\\"model: $data\\\"></attachment-title-editor>\\r\\n                        <!-- /ko -->\\r\\n                    </div>\\r\\n                </image-tpl>\\r\\n\\r\\n                <video-tpl>\\r\\n                    <div class=\\\"thread-editor-attachment\\\">\\r\\n                        <attachment-controls params=\\\"expand: $data, cancel: $component.removeAttachment.bind($component, $data)\\\">\\r\\n                            <wcc-video params=\\\"video: $data, cover: 1.25\\\"></wcc-video>\\r\\n                        </attachment-controls>\\r\\n\\r\\n                        <!-- ko if: $component.isCaptionEditorNeeded -->\\r\\n                        <attachment-title-editor params=\\\"model: $data\\\"></attachment-title-editor>\\r\\n                        <!-- /ko -->\\r\\n                    </div>\\r\\n                </video-tpl>\\r\\n\\r\\n                <file-tpl>\\r\\n                    <attachment-controls params=\\\"cancel: $component.removeAttachment.bind($component, $data)\\\">\\r\\n                        <attachment-caption params=\\\"attachment: $data, mode: 'file-name', placement: 'bottom-left'\\\">\\r\\n                            <wcc-file params=\\\"file: $data, ratio: 1.25\\\"></wcc-file>\\r\\n                        </attachment-caption>\\r\\n                    </attachment-controls>\\r\\n\\r\\n                    <!-- ko if: $component.isCaptionEditorNeeded -->\\r\\n                    <attachment-title-editor params=\\\"model: $data\\\"></attachment-title-editor>\\r\\n                    <!-- /ko -->\\r\\n                </file-tpl>\\r\\n\\r\\n                <upload-tpl>\\r\\n                    <wcc-upload params=\\\"upload: $data, cover: 1.25\\\"></wcc-upload>\\r\\n                </upload-tpl>\\r\\n            </wcc-generic-attachment>\\r\\n        </grid-new>\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}