{"version":3,"file":"8914.js?id=4c9431d1292e0ec0","mappings":"6IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAQJ,EAAIK,kBAAmBH,EAAG,MAAM,CAACI,YAAY,6CAA6C,CAAEN,EAAIO,gBAAkBP,EAAIO,cAAcC,QAAU,IAAMR,EAAIS,UAAWP,EAAG,KAAK,CAACI,YAAY,sBAAsBN,EAAIU,GAAIV,EAAIO,eAAe,SAASI,GAAO,OAAOT,EAAG,KAAK,CAACU,IAAID,EAAME,KAAKC,MAAOd,EAAIe,mBAAmBJ,GAAQK,MAAM,CAAC,MAAQL,EAAME,KAAK,aAAaF,EAAME,OAAO,IAAG,GAAIb,EAAIO,cAAeL,EAAG,IAAI,CAACI,YAAY,sBAAsB,CAACN,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGlB,EAAImB,GAAG,kCAAmC,CAAEnB,EAAIO,cAAcC,OAAQ,4BAA4B,OAAOR,EAAIoB,OAAOpB,EAAIoB,IAClqB,EACIC,EAAkB,G,iCCOtB,IAAqBC,EAArB,cAA2CC,EAAAA,GAAGC,eAAAC,GAAA,SAAAA,IAAAC,EAAAA,EAAAA,GAAA,6BAGtCrB,wBACA,OAA+C,IAAxCJ,KAAK0B,MAAMC,MAAMC,kBAC5B,CAEIpB,eACA,MAAmC,WAA5BR,KAAK6B,QAAQC,UACxB,CAEQhB,mBAAmBJ,GACvB,IAAIqB,EAAWrB,EAAMA,MACrB,GAAIqB,EAASC,SAAS,KAAM,CACxB,MAAMC,EAAMF,EAASG,MAAM,KACR,IAAfD,EAAI1B,OACJwB,EAAW,yBAAyBE,EAAI,aAAaA,EAAI,eAErC,IAAfA,EAAI1B,SACTwB,EAAW,yBAAyBE,EAAI,aAAaA,EAAI,cAAcA,EAAI,e,CAGnF,MAAO,cAAgBF,CAC3B,IAtBuCI,EAAAA,EAAAA,IAAA,EAAtCC,EAAAA,EAAAA,IAAK,CAAEC,KAAMC,MAAOC,UAAU,KAAO,oCADrBlB,GAAac,EAAAA,EAAAA,IAAA,EALjCK,EAAAA,EAAAA,IAAU,CACP5B,KAAM,gBACN6B,WAAY,CAAC,KAGIpB,G,UCT2c,I,eCO5dqB,GAAY,OACd,EACA5C,EACAsB,GACA,EACA,KACA,KACA,MAIF,QAAesB,EAAiB,O","sources":["webpack://website-js/./src/components/product-details/VariantColors.vue","webpack://website-js/./src/components/product-details/VariantColors.vue?0ba1","webpack://website-js/./src/components/product-details/VariantColors.vue?2b77","webpack://website-js/./src/components/product-details/VariantColors.vue?6ab9"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (_vm.translationsReady)?_c('div',{staticClass:\"variant-color-wrapper uk-margin-small-top\"},[(_vm.variantcolors && (_vm.variantcolors.length <= 8 || !_vm.isMobile))?_c('ul',{staticClass:\"variant-color-list\"},_vm._l((_vm.variantcolors),function(color){return _c('li',{key:color.name,style:(_vm.getbackgroundcolor(color)),attrs:{\"title\":color.name,\"aria-label\":color.name}})}),0):(_vm.variantcolors)?_c('p',{staticClass:\"variant-color-text\"},[_vm._v(\" \"+_vm._s(_vm.$t('product.variant-color-available', [ _vm.variantcolors.length, '{0} farver tilgængelig']))+\" \")]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\nimport { VariantColor } from '@/models/Product';\r\nimport { Prop, Component, Vue } from 'vue-property-decorator';\r\n\r\n@Component({\r\n    name: 'VariantColors',\r\n    components: {\r\n    },\r\n})\r\nexport default class VariantColors extends Vue {\r\n    @Prop({ type: Array, required: true }) private variantcolors: VariantColor[];\r\n\r\n    get translationsReady(): boolean {\r\n        return this.$root.$data.translationsLoaded === true;\r\n    }\r\n\r\n    get isMobile() {\r\n        return this.$screen.breakpoint === 'mobile';\r\n    }\r\n\r\n    private getbackgroundcolor(color: VariantColor): string {\r\n        let csscolor = color.color;\r\n        if (csscolor.includes('/')) {\r\n            const arr = csscolor.split('/');\r\n            if (arr.length === 2) {\r\n                csscolor = `linear-gradient(45deg,${arr[0]} 0% 50%,${arr[1]} 51% 100%)`;\r\n            }\r\n            else if (arr.length === 3) {\r\n                csscolor = `linear-gradient(45deg,${arr[0]} 0% 37%,${arr[1]} 38% 63%,${arr[2]} 64% 100%)`;\r\n            }\r\n        }\r\n        return 'background:' + csscolor;\r\n    }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./VariantColors.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./VariantColors.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./VariantColors.vue?vue&type=template&id=42e91594&\"\nimport script from \"./VariantColors.vue?vue&type=script&lang=ts&\"\nexport * from \"./VariantColors.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","_setupProxy","translationsReady","staticClass","variantcolors","length","isMobile","_l","color","key","name","style","getbackgroundcolor","attrs","_v","_s","$t","_e","staticRenderFns","VariantColors","Vue","constructor","args","_defineProperty","$root","$data","translationsLoaded","$screen","breakpoint","csscolor","includes","arr","split","__decorate","Prop","type","Array","required","Component","components","component"],"sourceRoot":""}