{"version":3,"sources":["webpack:///../WCC.UI/App/components/attachments/decorators/caption/caption.html?9713","webpack:///../WCC.UI/App/components/attachments/decorators/caption/caption.scss?de2a","webpack:///../WCC.UI/App/components/attachments/decorators/caption/caption.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/attachments/decorators/caption/caption.scss","webpack:///../WCC.UI/App/components/attachments/decorators/caption/caption.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","WCCAttachmentCaptionVM","constructor","configOrAttachment","info","config","WCCAttachment","this","getConfig","isVisible","ko","flattenComputed","visible","attachment","placement","mode","value","isSlidingMode","slide","caption","pureComputed","_this$getCaption","getCaption","isShown","length","slidingLabelConfig","text","applyBindingsToNode","element","pluck","undefined","WCCFile","originalFileName","viewTitle","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"0JAAA,UAAO,CACC,0HACA,wDAIC,KAJ+C,EAAF,SAAYA,EAASC,GAG/D,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,uFCNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,qKAIC,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,w5BCInC,IAAqBC,EAArB,MAYIC,YACwCC,EACFC,GAElC,MAAMC,EAASF,aAA8BG,IAAgBC,KAAKC,UAAUL,GAAsBA,EAE5FM,EAAYC,EAAGC,gBAAgBN,EAAOO,SAAS,GAErDL,KAAKM,WAAaH,EAAGC,gBAAgBN,EAAOQ,YAC5CN,KAAKO,UAAYJ,EAAGC,gBAAgBN,EAAOS,UAAW,eACtDP,KAAKQ,KAAOL,EAAGC,gBAAgBN,EAAOU,KAAM,SAC5CR,KAAKS,MAAQN,EAAGC,gBAAgBN,EAAOW,OAEvCT,KAAKU,cAAgBP,EAAGC,gBAAgBN,EAAOa,OAAO,GAEtDX,KAAKY,QAAUT,EAAGU,aAAa,SAAAC,EAAA,OAAuB,QAAvBA,EAAMd,KAAKe,oBAAY,IAAAD,IAAI,KAC1Dd,KAAKgB,QAAUb,EAAGU,aAAa,IAAMX,KAAeF,KAAKY,UAAUK,OAAS,GAE5EjB,KAAKkB,mBAAqB,CAAEC,KAAMnB,KAAKY,SAEvCT,EAAGiB,oBAAoBvB,EAAKwB,QAAS,CACjC,IAAO,CACH,sBAAsB,KAI9BlB,EAAGiB,oBAAoBvB,EAAKwB,QAAS,CACjC,IAAOrB,KAAKO,UAAUe,MAAMf,GAAa,iCAAiCA,KAI1EQ,aACJ,MAAMN,EAAQT,KAAKS,QAEnB,GAAac,MAATd,EACA,OAAOA,EAEX,MAAMH,EAAaN,KAAKM,aAExB,GAAkBiB,MAAdjB,EAAyB,CACzB,OAAQN,KAAKQ,QACT,IAAK,YACD,GAAIF,aAAsBkB,IACtB,OAAOlB,EAAWmB,mBAK9B,OAAOnB,EAAWoB,aAIlBzB,UAAUK,GACd,MAAO,CAAEA,WAAYA,KAjERZ,EAAsBiC,EAAA,CAD1CC,cAcQC,EAAA,EAAAC,YAAOC,IAAWC,kBAClBH,EAAA,EAAAC,YAAOC,IAAWE,iBAdNvC,gB,sICtBrB,WAOC,KAPD,aACI,MAAMwC,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,qLCLD/C,EADkC,EAAQ,wDAChCmD,EAA4B,IAE9BC,KAAK,CAACvD,EAAOC,EAAI,g9BAAi9B,KAE1+BD,EAAOG,QAAUA,G,qICHjBH,EAAOG,QAFI","file":"264.afe1aaa1af00e93bd7bd.js","sourcesContent":["define([\n        \"!!../../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./caption.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!./caption.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 { SlidingLabelConfig } from 'components/slidingLabel/slidingLabel';\r\nimport { wccModules } from 'enums/wccModules';\r\nimport { inject, injectable } from 'inversify';\r\nimport { Subscribable, SubscribableOrNullableValue } from 'knockout';\r\nimport WCCAttachment from 'models/attachments/attachment';\r\nimport WCCFile from 'models/attachments/file';\r\nimport './caption.html';\r\nimport './caption.scss';\r\n\r\nexport type WCCAttachmentCaptionVMMode = 'title' | 'file-name'\r\nexport type WCCAttachmentCaptionVMPlacement = 'bottom-left' | 'top-left'\r\n\r\nexport interface WCCAttachmentCaptionVMConfig {\r\n    attachment?: SubscribableOrNullableValue<WCCAttachment>\r\n    mode?: SubscribableOrNullableValue<WCCAttachmentCaptionVMMode>\r\n    placement?: SubscribableOrNullableValue<WCCAttachmentCaptionVMPlacement>\r\n    value?: SubscribableOrNullableValue<string>\r\n    visible?: SubscribableOrNullableValue<boolean>\r\n    slide?: SubscribableOrNullableValue<boolean>\r\n}\r\n\r\n@injectable()\r\nexport default class WCCAttachmentCaptionVM {\r\n    private attachment: Subscribable<WCCAttachment | undefined>\r\n    private placement: Subscribable<WCCAttachmentCaptionVMPlacement>\r\n    private mode: Subscribable<WCCAttachmentCaptionVMMode>\r\n    private value: Subscribable<string | undefined>\r\n\r\n    caption: Subscribable<string>\r\n    isShown: Subscribable<boolean>\r\n    isSlidingMode: Subscribable<boolean>\r\n\r\n    slidingLabelConfig: SlidingLabelConfig\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) configOrAttachment: WCCAttachmentCaptionVMConfig | WCCAttachment,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        const config = configOrAttachment instanceof WCCAttachment ? this.getConfig(configOrAttachment) : configOrAttachment;\r\n\r\n        const isVisible = ko.flattenComputed(config.visible, true);\r\n\r\n        this.attachment = ko.flattenComputed(config.attachment);\r\n        this.placement = ko.flattenComputed(config.placement, 'bottom-left');\r\n        this.mode = ko.flattenComputed(config.mode, 'title');\r\n        this.value = ko.flattenComputed(config.value);\r\n\r\n        this.isSlidingMode = ko.flattenComputed(config.slide, false);\r\n\r\n        this.caption = ko.pureComputed(() => this.getCaption() ?? '');\r\n        this.isShown = ko.pureComputed(() => isVisible() && this.caption().length > 0);\r\n\r\n        this.slidingLabelConfig = { text: this.caption }\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': {\r\n                'attachment-caption': true\r\n            }\r\n        });\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': this.placement.pluck(placement => `attachment-caption--placement-${placement}`)\r\n        });\r\n    }\r\n\r\n    private getCaption() {\r\n        const value = this.value();\r\n\r\n        if (value != undefined)\r\n            return value;\r\n\r\n        const attachment = this.attachment();\r\n\r\n        if (attachment != undefined) {\r\n            switch (this.mode()) {\r\n                case 'file-name':\r\n                    if (attachment instanceof WCCFile)\r\n                        return attachment.originalFileName();\r\n\r\n                    break;                    \r\n            }\r\n\r\n            return attachment.viewTitle();\r\n        }\r\n    }\r\n\r\n    private getConfig(attachment: WCCAttachment): WCCAttachmentCaptionVMConfig {\r\n        return { attachment: 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, \".attachment-caption{display:block;border-radius:4px;overflow:hidden;transform:scale(1);transition:transform ease-in-out 250ms;position:relative;display:block}@media(hover: hover){.attachment-caption:hover{transform:scale(0.95)}}.attachment-caption .wcc-image,.attachment-caption .wcc-attachment-box-layout,.attachment-caption .wcc-attachment-panel-layout,.attachment-caption .wcc-attachment-row-layout,.attachment-caption .attachment-caption{transform:scale(1) !important}.attachment-caption--placement-top-left .attachment-caption__header{top:0;left:0;border-bottom-right-radius:5px;border-top-left-radius:5px}.attachment-caption--placement-bottom-left .attachment-caption__header{bottom:0;left:0;border-top-right-radius:5px;border-bottom-left-radius:5px}.attachment-caption__header{position:absolute;padding:2px 5px;font-size:12px;background-color:rgba(0,0,0,.65);color:#fff;white-space:nowrap;max-width:95%;z-index:1}.attachment-caption__header__content{overflow:hidden}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-attachment-caption\\\" type=\\\"text/template\\\">\\r\\n    <!-- ko if: isShown -->\\r\\n    <div class=\\\"attachment-caption__header\\\">\\r\\n        <div class=\\\"attachment-caption__header__content\\\" data-bind=\\\"attr: { 'title': caption }\\\">\\r\\n            <!-- ko if: isSlidingMode -->\\r\\n            <sliding-label params=\\\"model: slidingLabelConfig\\\"></sliding-label>\\r\\n            <!-- /ko -->\\r\\n\\r\\n            <!-- ko ifnot: isSlidingMode -->\\r\\n            <span data-bind=\\\"text: caption\\\"></span>\\r\\n            <!-- /ko -->\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- /ko -->\\r\\n\\r\\n    <div class=\\\"attachment-caption__body\\\">\\r\\n        <!-- ko hideContext: $parentContext -->\\r\\n        <!-- ko template: { nodes: $hidden.$componentTemplateNodes } --><!-- /ko -->\\r\\n        <!-- /ko -->\\r\\n    </div>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}