{"version":3,"sources":["webpack:///../WCC.UI/App/components/wcsSpinner/wcsSpinner.html?9309","webpack:///../WCC.UI/App/components/wcsSpinner/wcsSpinner.scss?bd60","webpack:///../WCC.UI/App/components/wcsSpinner/wcsSpinner.ts","webpack:///../WCC.UI/App/webpack/runtime/htmlExposer.js","webpack:///../WCC.UI/Images/qualzy-spinner.gif","webpack:///../WCC.UI/App/components/wcsSpinner/wcsSpinner.scss","webpack:///../WCC.UI/App/components/wcsSpinner/wcsSpinner.html"],"names":["content","expose","__esModule","default","api","module","i","options","exports","locals","WCSSpinnerVM","constructor","config","info","imageURL","require","isVisible","ko","flattenComputed","visible","isSmall","small","isTiny","tiny","isCentered","center","applyBindingsToNode","element","pureComputed","__decorate","injectable","__param","inject","wccModules","componentConfig","componentInfo","system","SystemHelpers","html","getTemplatesAndResources","forEach","node","document","head","appendChild","___CSS_LOADER_API_IMPORT___","push"],"mappings":"yIAAA,UAAO,CACC,yGACA,wDAIC,KAJyC,EAAF,SAAYA,EAASC,GAGzD,OADAA,EADAD,EAAUA,EAAQE,WAAaF,EAAQG,QAAUH,GAE1CA,GACV,4B,sECNT,IAAII,EAAM,EAAQ,gFACFJ,EAAU,EAAQ,oJAIC,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,+vBCJnC,IAAqBC,EAArB,MAGIC,YACwCC,EACFC,GAJtC,KAAAC,SAAWC,EAAQ,uCAA6BZ,QAM5C,MAAMa,EAAYC,EAAGC,gBAAgBN,EAAOO,SAAS,GAC/CC,EAAUH,EAAGC,gBAAgBN,EAAOS,OAAO,GAC3CC,EAASL,EAAGC,gBAAgBN,EAAOW,MAAM,GACzCC,EAAaP,EAAGC,gBAAgBN,EAAOa,QAAQ,GAErDR,EAAGS,oBAAoBb,EAAKc,QAAS,CACjC,QAAWX,EAEX,IAAO,CACH,eAAe,EACf,qBAAsBC,EAAGW,aAAa,IAAMR,MAAcE,KAC1D,oBAAqBA,EACrB,wBAAyBE,OAnBpBd,EAAYmB,EAAA,CADhCC,cAKQC,EAAA,EAAAC,YAAOC,aAAWC,kBAClBH,EAAA,EAAAC,YAAOC,aAAWE,iBALNzB,gB,sICdrB,WAOC,KAPD,aACI,MAAM0B,EAAS,EAAQ,mCAAkBC,cAEzC,OAAO,SAAUC,GACbF,EAAOG,yBAAyBD,GAC3BE,SAAQ,SAAUC,GAAQC,SAASC,KAAKC,YAAYH,QAEhE,+B,mECPD,OAAe,cAA0B,+C,oKCEzCjC,EADkC,EAAQ,wDAChCqC,EAA4B,IAE9BC,KAAK,CAACzC,EAAOC,EAAI,gYAAiY,KAE1ZD,EAAOG,QAAUA,G,oHCHjBH,EAAOG,QAFI","file":"321.464acd5430fd88f54dbd.js","sourcesContent":["define([\n        \"!!../../../node_modules/html-loader/dist/cjs.js??ref--26-1!./wcsSpinner.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!./wcsSpinner.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 { SubscribableOrNullableValue } from 'knockout';\r\nimport './wcsSpinner.html';\r\nimport './wcsSpinner.scss';\r\n\r\nexport interface WCSSpinnerVMConfig {\r\n    center: SubscribableOrNullableValue<boolean>\r\n    small: SubscribableOrNullableValue<boolean>\r\n    tiny: SubscribableOrNullableValue<boolean>\r\n    visible: SubscribableOrNullableValue<boolean>\r\n}\r\n\r\n@injectable()\r\nexport default class WCSSpinnerVM {\r\n    imageURL = require('images/qualzy-spinner.gif').default;\r\n\r\n    constructor(\r\n        @inject(wccModules.componentConfig) config: WCSSpinnerVMConfig,\r\n        @inject(wccModules.componentInfo) info: ko.components.ComponentInfo\r\n    ) {\r\n        const isVisible = ko.flattenComputed(config.visible, true);\r\n        const isSmall = ko.flattenComputed(config.small, false);\r\n        const isTiny = ko.flattenComputed(config.tiny, false);\r\n        const isCentered = ko.flattenComputed(config.center, false);\r\n\r\n        ko.applyBindingsToNode(info.element, {\r\n            'visible': isVisible,\r\n\r\n            'css': {\r\n                'wcs-spinner': true,\r\n                'wcs-spinner--small': ko.pureComputed(() => isSmall() && !isTiny()),\r\n                'wcs-spinner--tiny': isTiny,\r\n                'wcs-spinner--centered': isCentered\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});","export default __webpack_public_path__ + \"assets/f85a41e54c808a8aa6e3c9fa70ceef61.gif\";","// 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, \".wcs-spinner{display:flex;justify-content:center;align-items:center}.wcs-spinner .wcs-spinner__content{width:54px;height:54px}.wcs-spinner.wcs-spinner--small .wcs-spinner__content{width:40px;height:40px}.wcs-spinner.wcs-spinner--tiny .wcs-spinner__content{width:26px;height:26px}.wcs-spinner.wcs-spinner--centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Module\nvar code = \"<script id=\\\"wcc-components-wcs-spinner\\\" type=\\\"text/template\\\">\\r\\n    <img class=\\\"wcs-spinner__content\\\" data-bind=\\\"attr: { 'src': imageURL }\\\" />\\r\\n</script>\";\n// Exports\nmodule.exports = code;"],"sourceRoot":""}