{"version":3,"sources":["webpack:///../WCC.UI/App/components/attachments/layouts/base/base.ts","webpack:///../WCC.UI/App/components/attachments/layouts/row/row.html?16b0","webpack:///../WCC.UI/App/components/attachments/layouts/row/row.scss?0413","webpack:///../WCC.UI/App/components/attachments/layouts/row/row.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/App/components/attachments/layouts/row/row.scss","webpack:///../WCC.UI/App/components/attachments/layouts/row/row.html"],"names":["WCCAttachmentLayoutVM","constructor","config","info","this","url","ko","flattenComputed","title","quickSell","imageURL","icon","imageShown","isNotNull","iconShown","pureComputed","undefined","theme","paddingTop","ratio","pluck","r","applyBindingsToNode","element","toPrts","is","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","content","expose","__esModule","default","api","module","i","options","exports","locals","WCCAttachmentRowLayoutVM","super","iconConfig","verticalMode","scale","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"gtBAMA,IAAqBA,EAArB,MAUIC,YACwCC,EACFC,GAElCC,KAAKC,IAAMC,EAAGC,gBAAgBL,EAAOG,KACrCD,KAAKI,MAAQF,EAAGC,gBAAgBL,EAAOM,OACvCJ,KAAKK,UAAYH,EAAGC,gBAAgBL,EAAOO,WAC3CL,KAAKM,SAAWJ,EAAGC,gBAAgBL,EAAOQ,UAC1CN,KAAKO,KAAOL,EAAGC,gBAAgBL,EAAOS,MAEtCP,KAAKQ,WAAaR,KAAKM,SAASG,YAChCT,KAAKU,UAAYR,EAAGS,aAAa,KAAOX,KAAKQ,cAA+BI,MAAfZ,KAAKO,QAElE,MAAMM,EAAQX,EAAGC,gBAAgBL,EAAOe,MAAO,WAGzCC,EAFQZ,EAAGC,gBAAgBL,EAAOiB,OAEfC,MAAMC,GAAK,IAAMA,GAE1Cf,EAAGgB,oBAAoBnB,EAAKoB,QAAS,CACjC,MAAS,CACL,cAAeL,EAAWM,QAAO,IAGrC,IAAO,CACH,yBAAyB,EACzB,iCAAkCP,EAAMQ,GAAG,WAC3C,+BAAgCR,EAAMQ,GAAG,cApCpCzB,EAAqB0B,EAAA,CADzCC,cAYQC,EAAA,EAAAC,YAAOC,aAAWC,kBAClBH,EAAA,EAAAC,YAAOC,aAAWE,iBAZNhC,W,mJCNrB,UAAO,CACC,+GACA,wDAIC,KAJ+C,EAAF,SAAYiC,EAASC,GAG/D,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,4ECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,0JAIC,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,k1BCPnC,IAAqBC,EAArB,cAAsD3C,IAGlDC,YACwCC,EACFC,GAElCyC,MAAM1C,EAAQC,GAEdC,KAAKyC,WAAa,CACdlC,KAAMP,KAAKO,KACXmC,cAAc,EACdC,MAAO,GAGXzC,EAAGgB,oBAAoBnB,EAAKoB,QAAS,CACjC,IAAO,CACH,6BAA6B,OAjBxBoB,EAAwBjB,EAAA,CAD5CC,cAKQC,EAAA,EAAAC,YAAOC,aAAWC,kBAClBH,EAAA,EAAAC,YAAOC,aAAWE,iBALNW,gB,sICXrB,WAOC,KAPD,aACI,MAAMK,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,0KCLDZ,EADkC,EAAQ,wDAChCgB,EAA4B,IAE9BC,KAAK,CAACpB,EAAOC,EAAI,owCAAqwC,KAE9xCD,EAAOG,QAAUA,G,0HCHjBH,EAAOG,QAFI","file":"296.dff8e85a0410bf07aa3f.js","sourcesContent":["import { inject, injectable } from \"inversify\";\r\nimport { Subscribable } from \"knockout\";\r\nimport { wccModules } from \"../../../../enums/wccModules\";\r\nimport { WCCAttachmentLayoutVMConfig } from \"./base.interfaces\";\r\n\r\n@injectable()\r\nexport default class WCCAttachmentLayoutVM {\r\n    url: Subscribable<string | undefined>\r\n    title: Subscribable<string | undefined>\r\n    quickSell: Subscribable<string | undefined>\r\n    imageURL: Subscribable<string | undefined>\r\n    icon: Subscribable<string | undefined>\r\n\r\n    imageShown: Subscribable<boolean>\r\n    iconShown: Subscribable<boolean>\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: WCCAttachmentLayoutVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        this.url = ko.flattenComputed(config.url);\r\n        this.title = ko.flattenComputed(config.title);\r\n        this.quickSell = ko.flattenComputed(config.quickSell);\r\n        this.imageURL = ko.flattenComputed(config.imageURL);\r\n        this.icon = ko.flattenComputed(config.icon);\r\n\r\n        this.imageShown = this.imageURL.isNotNull();\r\n        this.iconShown = ko.pureComputed(() => !this.imageShown() && this.icon() != undefined);\r\n\r\n        const theme = ko.flattenComputed(config.theme, 'default');\r\n        const ratio = ko.flattenComputed(config.ratio);\r\n\r\n        const paddingTop = ratio.pluck(r => 100 / r);\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'style': {\r\n                'padding-top': paddingTop.toPrts(true)\r\n            },\r\n\r\n            'css': {\r\n                'wcc-attachment-layout': true,\r\n                'wcc-attachment-layout--default': theme.is('default'),\r\n                'wcc-attachment-layout--light': theme.is('light')\r\n            }\r\n        });\r\n    }\r\n}","define([\n        \"!!../../../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./row.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!./row.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 { FluidIconVMConfig } from \"components/attachments/fluidIcon/fluidIcon\";\r\nimport { inject, injectable } from \"inversify\";\r\nimport { wccModules } from \"../../../../enums/wccModules\";\r\nimport WCCAttachmentLayoutVM from \"../base/base\";\r\nimport { WCCAttachmentLayoutVMConfig } from \"../base/base.interfaces\";\r\nimport './row.html';\r\nimport './row.scss';\r\n\r\nexport interface WCCAttachmentRowLayoutVMConfig extends WCCAttachmentLayoutVMConfig { }\r\n\r\n@injectable()\r\nexport default class WCCAttachmentRowLayoutVM extends WCCAttachmentLayoutVM {\r\n    iconConfig: FluidIconVMConfig\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: WCCAttachmentRowLayoutVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        super(config, info);\r\n\r\n        this.iconConfig = {\r\n            icon: this.icon,\r\n            verticalMode: true,\r\n            scale: 1\r\n        }\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'css': {\r\n                'wcc-attachment-row-layout': true\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, \".wcc-attachment-row-layout{display:block;border-radius:4px;overflow:hidden;transform:scale(1);transition:transform ease-in-out 250ms;display:block;padding:10px}@media(hover: hover){.wcc-attachment-row-layout:hover{transform:scale(0.95)}}.wcc-attachment-row-layout .wcc-attachment-row-layout__body{display:flex;flex-grow:1;align-items:stretch;gap:10px}.wcc-attachment-row-layout .wcc-attachment-row-layout__body:hover,.wcc-attachment-row-layout .wcc-attachment-row-layout__body:focus{text-decoration:none;outline:none}.wcc-attachment-row-layout .wcc-attachment-row-layout__image{flex-shrink:0;width:50px;height:50px;margin-right:10px}.wcc-attachment-row-layout .wcc-attachment-row-layout__fields{flex-grow:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.wcc-attachment-row-layout .wcc-attachment-row-layout__title{color:#262626;font-weight:bold}.wcc-attachment-row-layout .wcc-attachment-row-layout__quicksell{color:#262626}.wcc-attachment-row-layout.wcc-attachment-layout--default{background-color:transparent;transition:background-color ease-in-out 250ms}.wcc-attachment-row-layout.wcc-attachment-layout--default:hover{background-color:rgba(0,0,0,.05)}.wcc-attachment-row-layout.wcc-attachment-layout--light{background-color:#fff;border-radius:4px}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-wcc-attachment-row-layout\\\" type=\\\"text/template\\\">\\r\\n    <a target=\\\"_blank\\\" class=\\\"wcc-attachment-row-layout__body\\\" data-bind=\\\"attr: { href: url, title: title  }\\\">\\r\\n        <!-- ko if: imageShown -->\\r\\n        <img class=\\\"wcc-attachment-row-layout__image\\\" data-bind=\\\"attr: { src: imageURL }\\\" />\\r\\n        <!-- /ko -->\\r\\n\\r\\n        <!-- ko if: iconShown  -->\\r\\n        <wcc-fluid-icon params=\\\"model: iconConfig\\\"></wcc-fluid-icon>\\r\\n        <!-- /ko -->\\r\\n\\r\\n        <div class=\\\"wcc-attachment-row-layout__fields\\\">\\r\\n            <div class=\\\"wcc-attachment-row-layout__title\\\" data-bind=\\\"text: title\\\"></div>\\r\\n            <div class=\\\"wcc-attachment-row-layout__quicksell\\\" data-bind=\\\"text: quickSell\\\"></div>\\r\\n        </div>\\r\\n    </a>\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}