{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./resources/js/src/app/eros/components/item/VariationSelect.vue","webpack:///resources/js/src/app/eros/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/eros/components/item/VariationSelect.vue?b2d1","webpack:///./resources/js/src/app/eros/components/item/VariationSelect.vue?1e5a"],"names":["$","$entries","entries","target","stat","O","render","_vm","this","_c","_self","staticClass","attributes","length","Object","keys","possibleUnits","isContentVisible","_l","attribute","index","key","type","ref","refInFor","attrs","on","$event","selectAttribute","attributeId","value","addPleaseSelectOption","hasSelection","domProps","_v","_s","$translate","_e","hasEmptyOption","selectedAttributes","values","isAttributeSelectionValid","attributeValueId","name","directives","rawName","isTextCut","expression","getSelectedAttributeValueName","class","images","active","invalid","isTouch","getTooltip","imageUrl","attributePrices","possibleUnitCombinationIds","selectUnit","unitCombinationId","parseInt","selectedUnit","isUnitSelectionValid","_t","_withStripped","component"],"mappings":"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CA,gFAEA,8CACA,mCACA,8BAEA,UAGA,sCACA,wFAGA,4BACA,sEAGA,wBACA,OACA,uCACA,wEAIA,sBACA,4EAGA,8BACA,oFAGA,wBACA,8EAGA,sBACA,4EAGA,mBACA,mDAIA,SAMA,8BACA,oBAEA,iCACA,kFACA,cACA,qBAEA,mCAQA,uBACA,cACA,+EACA,qCAGA,kCACA,sBACA,qDACA,kBAIA,kCAFA,qBAKA,8DASA,sCACA,yCACA,+BAGA,aAEA,MAIA,6CAEA,2BAGA,yBACA,wEACA,sEACA,qBACA,oEACA,iBACA,eAGA,sBAGA,UAQA,sCACA,uCACA,+BAEA,mBACA,SAGA,OACA,oDACA,qDAGA,GACA,MACA,MACA,4DAGA,+DAGA,IAGA,EAHA,aACA,SAEA,mEACA,mBACA,6BAEA,8BAKA,OAJA,WACA,0EAGA,SAIA,yFAHA,MAYA,uCACA,sBACA,oCACA,mBACA,mBACA,mBACA,iDAIA,eACA,sEAGA,mEAOA,iCACA,QACA,IAEA,EAFA,IAEA,iDACA,IAEA,4EAIA,GAFA,sEAGA,IAEA,EAFA,IAEA,4DACA,6DACA,KAEA,8BAEA,wBACA,IACA,KAEA,aACA,YAEA,IACA,MAEA,8BAEA,aAOA,sDACA,KACA,qBAGA,cACA,yBACA,wCAGA,2CAEA,GACA,+CACA,GACA,CACA,yBACA,wCAGA,UAEA,KAlBA,0CAyBA,OAJA,0CACA,uBAGA,iCAOA,6BACA,IAGA,EAHA,KACA,0DAEA,mEACA,OACA,yEAGA,kBACA,+DACA,8BAEA,YAEA,yBACA,2CACA,gCAEA,OACA,0DACA,6DAKA,wFAGA,0FAEA,6EAEA,gDAUA,8CACA,6BACA,uBACA,MACA,MAEA,0CAEA,gDACA,uCAGA,mCACA,kCACA,sCAEA,+BACA,SAKA,KACA,yBACA,yBACA,sBAEA,SACA,eAEA,GACA,yBACA,kDAIA,GACA,GACA,4BACA,sCAEA,cAXA,yDAeA,YAKA,OAFA,kCAEA,GASA,0CAEA,GADA,oBACA,+BACA,SAGA,0DAEA,uBAEA,yEACA,uCAMA,OAJA,IACA,+CAGA,YAOA,iCAEA,OADA,cACA,uBAIA,kFAQA,qCACA,wCACA,qCAGA,gBACA,kFACA,uBACA,sCACA,QACA,wBACA,sBACA,wBAQA,sBACA,uCAEA,2DACA,8CAOA,0CACA,6CACA,iBACA,6CAGA,SACA,OACA,yCACA,0DAEA,0DAGA,8CACA,6CAIA,OAHA,wBACA,wBAEA,WACA,EAEA,UACA,EAGA,WACA,EAEA,UACA,EAEA,MAGA,0BACA,mBAOA,OALA,cACA,8DACA,qBAGA,GAGA,yCACA,IACA,4BACA,8CACA,4BACA,uBACA,OACA,EAKA,QALA,mCACA,OACA,0BACA,mCAEA,WAEA,8BAGA,6DACA,aACA,6CACA,kBACA,yBAIA,qBAEA,6GAEA,4BAIA,OACA,6BACA,0FAEA,sBAEA,iCAEA,iCACA,oBACA,YACA,IACA,WACA,0BAEA,eAGA,6B,OEzwBIC,EAAY,YACd,EACA3D,EHSoB,IGPpB,EACA,KACA,KACA,MAIa,UAAA2D,E","file":"chunks/eros-29.min.js","sourcesContent":["var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.es/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row variation-select-wrapper\"},[(_vm.attributes.length || (Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible))?[_vm._l((_vm.attributes),function(attribute,index){return _c('div',{key:index,staticClass:\"col-12 variation-select\"},[(attribute.type === 'dropdown')?_c('div',{ref:\"attributesContaner\",refInFor:true,staticClass:\"input-unit\"},[_c('select',{staticClass:\"custom-select\",attrs:{\"data-testing\":\"variation-select-dropdown\"},on:{\"change\":function($event){return _vm.selectAttribute(attribute.attributeId, $event.target.value)}}},[(_vm.addPleaseSelectOption || !_vm.hasSelection)?_c('option',{domProps:{\"value\":-1}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.$translate(\"Ceres::Template.singleItemPleaseSelect\"))+\"\\n\\t\\t\\t\\t\\t\\t\")]):_vm._e(),_vm._v(\" \"),(_vm.hasEmptyOption || _vm.selectedAttributes[attribute.attributeId] === null)?_c('option',{domProps:{\"value\":null,\"selected\":_vm.selectedAttributes[attribute.attributeId] === null}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.$translate(\"Ceres::Template.singleItemNoSelection\"))+\"\\n\\t\\t\\t\\t\\t\\t\")]):_vm._e(),_vm._v(\" \"),_vm._l((attribute.values),function(value){return (\n\t\t\t\t\t\t\t\t_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) ||\n\t\t\t\t\t\t\t\t_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\n\t\t\t\t\t\t\t)?_c('option',{key:'dropdown-' + value.attributeValueId,domProps:{\"value\":value.attributeValueId,\"selected\":value.attributeValueId === _vm.selectedAttributes[attribute.attributeId]}},[(_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true))?[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(value.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\")]:(\n\t\t\t\t\t\t\t\t\t_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\n\t\t\t\t\t\t\t\t)?[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.$translate(\"Ceres::Template.singleItemNotSalableAttribute\", { name: value.name }))+\"\\n\\t\\t\\t\\t\\t\\t\\t\")]:_vm._e()],2):_vm._e()})],2),_vm._v(\" \"),_c('label',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.isTextCut(attribute.name)),expression:\"isTextCut(attribute.name)\"}],attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":attribute.name,\"data-testing\":\"variation-select-dropdown-label\"}},[_vm._v(_vm._s(attribute.name))])]):(attribute.type === 'box' || attribute.type === 'image')?_c('div',[_c('span',{staticClass:\"text-muted\",attrs:{\"data-testing\":\"attribute-name\"}},[_vm._v(_vm._s(attribute.name)+\":\")]),_vm._v(\" \"),_c('b',{attrs:{\"data-testing\":\"attribute-value\"}},[_vm._v(_vm._s(_vm.getSelectedAttributeValueName(attribute)))]),_vm._v(\" \"),_c('div',{staticClass:\"v-s-boxes py-3\",class:{ images: attribute.type === 'image' }},[(_vm.addPleaseSelectOption && _vm.isAttributeSelectionValid(attribute.attributeId, -1))?_c('div',{staticClass:\"v-s-box empty-option\",class:{\n\t\t\t\t\t\t\t\tactive: _vm.selectedAttributes[attribute.attributeId] === -1,\n\t\t\t\t\t\t\t\tinvalid: !_vm.isAttributeSelectionValid(attribute.attributeId, -1)\n\t\t\t\t\t\t\t},attrs:{\"data-testing\":\"variation-select-box\"},on:{\"click\":function($event){return _vm.selectAttribute(attribute.attributeId, -1)}}},[_c('span',{staticClass:\"mx-3\"},[_vm._v(_vm._s(_vm.$translate(\"Ceres::Template.singleItemPleaseSelect\")))])]):_vm._e(),_vm._v(\" \"),(_vm.hasEmptyOption && _vm.isAttributeSelectionValid(attribute.attributeId, null))?_c('div',{staticClass:\"v-s-box empty-option\",class:{\n\t\t\t\t\t\t\t\tactive: _vm.selectedAttributes[attribute.attributeId] === null,\n\t\t\t\t\t\t\t\tinvalid: !_vm.isAttributeSelectionValid(attribute.attributeId, null, true)\n\t\t\t\t\t\t\t},attrs:{\"data-testing\":\"variation-select-box\"},on:{\"click\":function($event){return _vm.selectAttribute(attribute.attributeId, null)}}},[_c('span',{staticClass:\"mx-3\"},[_vm._v(_vm._s(_vm.$translate(\"Ceres::Template.singleItemNoSelection\")))])]):_vm._e(),_vm._v(\" \"),_vm._l((attribute.values),function(value){return (_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId))?_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(!_vm.isTouch),expression:\"!isTouch\"}],key:'image-' + value.attributeValueId,staticClass:\"v-s-box\",class:{\n\t\t\t\t\t\t\t\tactive: value.attributeValueId === _vm.selectedAttributes[attribute.attributeId],\n\t\t\t\t\t\t\t\tinvalid: !_vm.isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\n\t\t\t\t\t\t\t},attrs:{\"data-testing\":\"variation-select-box\",\"data-html\":\"true\",\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"data-original-title\":_vm.getTooltip(attribute, value)},on:{\"click\":function($event){return _vm.selectAttribute(attribute.attributeId, value.attributeValueId)}}},[_c('div',{staticClass:\"attribute-box\"},[(attribute.type === 'box')?_c('span',{staticClass:\"mx-3\"},[_vm._v(_vm._s(value.name))]):_c('img',{staticClass:\"p-1\",attrs:{\"src\":value.imageUrl,\"alt\":value.name}})]),_vm._v(\" \"),_c('div',{staticClass:\"attribute-price-wrapper\"},[_vm._v(_vm._s(_vm.attributePrices[value.attributeValueId]))])]):_vm._e()})],2)]):_vm._e()])}),_vm._v(\" \"),(_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)?_c('div',{staticClass:\"col-12 variation-select\"},[_c('div',{staticClass:\"input-unit\"},[_c('select',{staticClass:\"custom-select\",attrs:{\"data-testing\":\"variation-select-unit\"},on:{\"change\":function($event){return _vm.selectUnit($event.target.value)}}},_vm._l((_vm.possibleUnitCombinationIds),function(unitCombinationId){return _c('option',{key:'unit' + unitCombinationId,domProps:{\"value\":unitCombinationId,\"selected\":parseInt(unitCombinationId) === _vm.selectedUnit}},[(_vm.isUnitSelectionValid(unitCombinationId))?[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.possibleUnits[unitCombinationId])+\"\\n\\t\\t\\t\\t\\t\\t\\t\")]:[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(_vm.$translate(\"Ceres::Template.singleItemInvalidAttribute\", {\n\t\t\t\t\t\t\t\t\t\tname: _vm.possibleUnits[unitCombinationId]\n\t\t\t\t\t\t\t\t\t}))+\"\\n\\t\\t\\t\\t\\t\\t\\t\")]],2)}),0),_vm._v(\" \"),_c('label',{attrs:{\"data-testing\":\"variation-select-unit-label\"}},[_vm._v(_vm._s(_vm.$translate(\"Ceres::Template.singleItemContent\")))])])]):_vm._e()]:[_vm._t(\"default\")]],2)\n}\nvar staticRenderFns = []\nrender._withStripped = true\nexport { render, staticRenderFns }","<template>\n\t<div class=\"row variation-select-wrapper\">\n\t\t<template v-if=\"attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible)\">\n\t\t\t<div class=\"col-12 variation-select\" v-for=\"(attribute, index) in attributes\" :key=\"index\">\n\t\t\t\t<!-- dropdown -->\n\t\t\t\t<div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\n\t\t\t\t\t<select\n\t\t\t\t\t\tclass=\"custom-select\"\n\t\t\t\t\t\t@change=\"selectAttribute(attribute.attributeId, $event.target.value)\"\n\t\t\t\t\t\tdata-testing=\"variation-select-dropdown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">\n\t\t\t\t\t\t\t{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t:value=\"null\"\n\t\t\t\t\t\t\tv-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n\t\t\t\t\t\t\t:selected=\"selectedAttributes[attribute.attributeId] === null\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t\t<option\n\t\t\t\t\t\t\tv-for=\"value in attribute.values\"\n\t\t\t\t\t\t\t:value=\"value.attributeValueId\"\n\t\t\t\t\t\t\t:selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\"\n\t\t\t\t\t\t\t:key=\"'dropdown-' + value.attributeValueId\"\n\t\t\t\t\t\t\tv-if=\"\n\t\t\t\t\t\t\t\tisAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) ||\n\t\t\t\t\t\t\t\tisAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template\n\t\t\t\t\t\t\t\tv-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ value.name }}\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template\n\t\t\t\t\t\t\t\tv-else-if=\"\n\t\t\t\t\t\t\t\t\tisAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { name: value.name }) }}\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</option>\n\t\t\t\t\t</select>\n\t\t\t\t\t<label\n\t\t\t\t\t\tv-tooltip=\"isTextCut(attribute.name)\"\n\t\t\t\t\t\tdata-toggle=\"tooltip\"\n\t\t\t\t\t\tdata-placement=\"top\"\n\t\t\t\t\t\t:title=\"attribute.name\"\n\t\t\t\t\t\tdata-testing=\"variation-select-dropdown-label\"\n\t\t\t\t\t\t>{{ attribute.name }}</label\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<!-- /dropdown -->\n\n\t\t\t\t<!-- box and image -->\n\t\t\t\t<div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n\t\t\t\t\t<span class=\"text-muted\" data-testing=\"attribute-name\">{{ attribute.name }}:</span>\n\t\t\t\t\t<b data-testing=\"attribute-value\">{{ getSelectedAttributeValueName(attribute) }}</b>\n\t\t\t\t\t<div class=\"v-s-boxes py-3\" :class=\"{ images: attribute.type === 'image' }\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"v-s-box empty-option\"\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\n\t\t\t\t\t\t\tv-if=\"addPleaseSelectOption && isAttributeSelectionValid(attribute.attributeId, -1)\"\n\t\t\t\t\t\t\t@click=\"selectAttribute(attribute.attributeId, -1)\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\tactive: selectedAttributes[attribute.attributeId] === -1,\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(attribute.attributeId, -1)\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"v-s-box empty-option\"\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\n\t\t\t\t\t\t\tv-if=\"hasEmptyOption && isAttributeSelectionValid(attribute.attributeId, null)\"\n\t\t\t\t\t\t\t@click=\"selectAttribute(attribute.attributeId, null)\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\tactive: selectedAttributes[attribute.attributeId] === null,\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(attribute.attributeId, null, true)\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"v-s-box\"\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\n\t\t\t\t\t\t\tv-for=\"value in attribute.values\"\n\t\t\t\t\t\t\tv-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\"\n\t\t\t\t\t\t\t@click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\tactive: value.attributeValueId === selectedAttributes[attribute.attributeId],\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tv-tooltip=\"!isTouch\"\n\t\t\t\t\t\t\tdata-html=\"true\"\n\t\t\t\t\t\t\tdata-toggle=\"tooltip\"\n\t\t\t\t\t\t\tdata-placement=\"top\"\n\t\t\t\t\t\t\t:data-original-title=\"getTooltip(attribute, value)\"\n\t\t\t\t\t\t\t:key=\"'image-' + value.attributeValueId\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div class=\"attribute-box\">\n\t\t\t\t\t\t\t\t<span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n\t\t\t\t\t\t\t\t<img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"attribute-price-wrapper\">{{ attributePrices[value.attributeValueId] }}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<!-- /box and image -->\n\t\t\t</div>\n\n\t\t\t<!-- units -->\n\t\t\t<div class=\"col-12 variation-select\" v-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\">\n\t\t\t\t<div class=\"input-unit\">\n\t\t\t\t\t<select\n\t\t\t\t\t\tclass=\"custom-select\"\n\t\t\t\t\t\t@change=\"selectUnit($event.target.value)\"\n\t\t\t\t\t\tdata-testing=\"variation-select-unit\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<option\n\t\t\t\t\t\t\tv-for=\"unitCombinationId in possibleUnitCombinationIds\"\n\t\t\t\t\t\t\t:value=\"unitCombinationId\"\n\t\t\t\t\t\t\t:selected=\"parseInt(unitCombinationId) === selectedUnit\"\n\t\t\t\t\t\t\t:key=\"'unit' + unitCombinationId\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template v-if=\"isUnitSelectionValid(unitCombinationId)\">\n\t\t\t\t\t\t\t\t{{ possibleUnits[unitCombinationId] }}\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemInvalidAttribute\", {\n\t\t\t\t\t\t\t\t\t\tname: possibleUnits[unitCombinationId]\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</option>\n\t\t\t\t\t</select>\n\t\t\t\t\t<label data-testing=\"variation-select-unit-label\">{{\n\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemContent\")\n\t\t\t\t\t}}</label>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!-- /units -->\n\t\t</template>\n\n        <template v-else>\n            <slot></slot>\n        </template>\n\t</div>\n</template>\n\n<script>\nimport { textWidth } from \"../../../ceres/helper/dom\";\nimport { isDefined, isNull, isNullOrUndefined } from \"../../../ceres/helper/utils\";\nimport { whenConsented } from \"../../helper/whenConsented\";\nimport ApiService from \"../../../ceres/services/ApiService\";\nimport NotificationService from \"../../../ceres/services/NotificationService\";\n\nexport default {\n\tname: \"variation-select\",\n\n\tprops: {\n\t\tforceContent: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\twaitForConsent: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t}\n\t},\n\n\tinject: {\n\t\titemId: {\n\t\t\tdefault: null\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tfilteredVariationsCache: {},\n\t\t\tlastContentCount: 0,\n\t\t\tattributePrices: {},\n\t\t\tattributePricesCalled: false\n\t\t};\n\t},\n\n\tmounted() {\n\t\tif (this.waitForConsent) {\n\t\t\twhenConsented(\n\t\t\t\t\"\",\n\t\t\t\t() => {\n\t\t\t\t\tthis.mountInit();\n\t\t\t\t},\n\t\t\t\t() => {}\n\t\t\t);\n\t\t} else {\n\t\t\tthis.mountInit();\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tcurrentVariation() {\n\t\t\treturn this.$store.getters[`${this.itemId}/currentItemVariation`];\n\t\t},\n\n\t\tcurrentVariationSelect() {\n\t\t\treturn this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n\t\t},\n\n\t\t/**\n\t\t * returns true if any variation has no attributes\n\t\t */\n\t\thasEmptyOption() {\n\t\t\treturn this.variations.some((variation) => !variation.attributes.length);\n\t\t},\n\n\t\taddPleaseSelectOption() {\n\t\t\treturn App.config.item.showPleaseSelect;\n\t\t},\n\n\t\t/**\n\t\t * returns the variation, based on the selected attributes / unit\n\t\t * returns false if there are none or multiple results\n\t\t */\n\t\tcurrentSelection() {\n\t\t\tconst filteredVariations = this.filterVariations(null, null, true);\n\n\t\t\tif (filteredVariations.length === 1) {\n\t\t\t\treturn filteredVariations[0];\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\n\t\t/**\n\t\t * returns all units, selectable by current selection\n\t\t * prop 'forceContent' with value true will return all units, without filtering\n\t\t */\n\t\tpossibleUnits() {\n\t\t\t// use an object, to make the entries unique\n\t\t\tconst possibleUnits = {};\n\t\t\tconst variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n\t\t\tfor (const variation of variations) {\n\t\t\t\tpossibleUnits[variation.unitCombinationId] = variation.unitName;\n\t\t\t}\n\n\t\t\treturn possibleUnits;\n\t\t},\n\n\t\tpossibleUnitCombinationIds() {\n\t\t\treturn this.transformPossibleUnits(this.possibleUnits).map((value) => value[0]);\n\t\t},\n\n\t\tisContentVisible() {\n\t\t\treturn (!this.forceContent && !!this.currentSelection) || this.forceContent;\n\t\t},\n\n\t\thasSelection() {\n\t\t\treturn (\n\t\t\t\t!isNullOrUndefined(this.selectedAttributes) &&\n\t\t\t\t!Object.values(this.selectedAttributes).some((value) => value < 0)\n\t\t\t);\n\t\t},\n\n\t\tattributes() {\n\t\t\treturn this.currentVariationSelect && this.currentVariationSelect.attributes;\n\t\t},\n\n\t\tselectedAttributes() {\n\t\t\treturn this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\n\t\t},\n\n\t\tselectedUnit() {\n\t\t\treturn this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\n\t\t},\n\n\t\tvariations() {\n\t\t\treturn this.currentVariationSelect && this.currentVariationSelect.variations;\n\t\t},\n\n\t\tisTouch() {\n\t\t\treturn document.body.classList.contains(\"touch\");\n\t\t}\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n\t\t * @param {number} attributeId\n\t\t * @param {[number, string, null]} attributeValueId\n\t\t */\n\t\tselectAttribute(attributeId, attributeValueId) {\n\t\t\tattributeValueId = parseInt(attributeValueId) || null;\n\n\t\t\tif (this.selectedAttributes[attributeId] !== attributeValueId) {\n\t\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, {\n\t\t\t\t\tattributeId,\n\t\t\t\t\tattributeValueId\n\t\t\t\t});\n\t\t\t\tthis.onSelectionChange(attributeId, attributeValueId, null);\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n\t\t * @param {[number, string]} unitId\n\t\t */\n\t\tselectUnit(unitId) {\n\t\t\tunitId = parseInt(unitId);\n\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\n\t\t\tthis.onSelectionChange(null, null, unitId);\n\t\t},\n\n\t\tonSelectionChange(attributeId, attributeValueId, unitId) {\n\t\t\tif (this.currentSelection) {\n\t\t\t\tthis.setVariation(this.currentSelection.variationId);\n\t\t\t} else if (!this.hasSelection) {\n\t\t\t\t// user switched back to \"please select\"\n\t\t\t\tthis.setVariation(0);\n\t\t\t} else {\n\t\t\t\tthis.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n\t\t\t}\n\n\t\t\tthis.lastContentCount = this.possibleUnitCombinationIds.length;\n\t\t},\n\n\t\t/**\n\t\t * changes the selected attributes / unit, to ensure a valid seelction\n\t\t * @param {[number, null]} attributeId\n\t\t * @param {[number, null]} attributeValueId\n\t\t * @param {[number, null]} unitId\n\t\t */\n\t\tunsetInvalidSelection(attributeId, attributeValueId, unitId) {\n\t\t\tconst qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n\t\t\tconst closestVariations = this.getClosestVariations(qualifiedVariations);\n\n\t\t\t// if the salable 'closestVariations' is undefined, take the not-salable one\n            const closestVariation = closestVariations[0] || closestVariations[1];\n\n\t\t\tif (!closestVariation) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n\t\t\tthis.correctSelection(invalidSelection);\n\t\t},\n\n\t\tgetTooltip(attribute, attributeValue) {\n\t\t\tif (!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true)) {\n\t\t\t\treturn this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n\t\t\t} else if (attribute.type === \"image\") {\n\t\t\t\tconst translationKey = this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n\t\t\t\t\tattribute: attribute.name,\n\t\t\t\t\tvalue: attributeValue.name\n\t\t\t\t});\n\n\t\t\t\treturn translationKey === \"\" ? attributeValue.name : translationKey;\n\t\t\t}\n\n\t\t\treturn \"\";\n\t\t},\n\n\t\t/**\n\t\t * returns a string for box tooltips, for not available options\n\t\t * @param {number} attributeId\n\t\t * @param {number} attributeValueId\n\t\t */\n\t\tgetInvalidOptionTooltip(attributeId, attributeValueId) {\n\t\t\tconst qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n\t\t\tconst closestVariations = this.getClosestVariations(qualifiedVariations);\n\n\t\t\tif (!closestVariations || closestVariations.length <= 0) {\n\t\t\t\treturn \"\";\n\t\t\t}\n\n\t\t\tconst invalidSelections = [\n\t\t\t\t!!closestVariations[0] ? this.getInvalidSelectionByVariation(closestVariations[0]) : null,\n\t\t\t\t!!closestVariations[1] ? this.getInvalidSelectionByVariation(closestVariations[1]) : null\n\t\t\t];\n\n\t\t\tif (\n\t\t\t\t!!invalidSelections[0] &&\n\t\t\t\t!!invalidSelections[1] &&\n\t\t\t\tinvalidSelections[0].attributesToReset.length > invalidSelections[1].attributesToReset.length\n\t\t\t) {\n\t\t\t\t// there is a non-salable variation with less changes\n\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemNotSalable\");\n\t\t\t}\n\n\t\t\tconst invalidSelection = invalidSelections[0] || invalidSelections[1];\n\t\t\tconst names = [];\n\n\t\t\tfor (const attribute of invalidSelection.attributesToReset) {\n\t\t\t\tif (attribute.attributeId !== attributeId) {\n\t\t\t\t\tnames.push(\"<b>\" + attribute.name + \"</b>\");\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (invalidSelection.newUnit) {\n\t\t\t\tnames.push(\"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\");\n\t\t\t}\n\n\t\t\tif (!names.length) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", { name: names.join(\", \") });\n\t\t},\n\n\t\t/**\n\t\t * returns a list of variations, filtered by attribute or unit\n\t\t * @param {[number, null]} attributeId\n\t\t * @param {[number, null]} attributeValueId\n\t\t * @param {[number, null]} unitId\n\t\t */\n\t\tgetQualifiedVariations(attributeId, attributeValueId, unitId) {\n\t\t\tif (isDefined(attributeValueId)) {\n\t\t\t\treturn this.variations.filter((variation) => {\n\t\t\t\t\treturn isDefined(\n\t\t\t\t\t\tvariation.attributes.find(\n\t\t\t\t\t\t\t(attribute) =>\n\t\t\t\t\t\t\t\tattribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t} else if (isDefined(unitId)) {\n\t\t\t\treturn this.variations.filter((variation) => variation.unitCombinationId === unitId);\n\t\t\t}\n\n\t\t\treturn this.variations.filter((variation) => !variation.attributes.length);\n\t\t},\n\n\t\t/**\n\t\t * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\n\t\t * @param {array} qualifiedVariations\n\t\t */\n\t\tgetClosestVariations(qualifiedVariations) {\n\t\t\tlet closestSalableVariation, numberOfSalableChanges;\n\t\t\tlet closestNonSalableVariation, numberOfNonSalableChanges;\n\n\t\t\tfor (const variation of qualifiedVariations) {\n\t\t\t\tlet changes = 0;\n\n\t\t\t\tif (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit)) {\n\t\t\t\t\t// when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n\t\t\t\t\tconst unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n\t\t\t\t\tchanges += unitWeight;\n\t\t\t\t}\n\n\t\t\t\tfor (const attribute of variation.attributes) {\n\t\t\t\t\tif (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId) {\n\t\t\t\t\t\tchanges++;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges)) {\n\t\t\t\t\tclosestSalableVariation = variation;\n\t\t\t\t\tnumberOfSalableChanges = changes;\n\t\t\t\t} else if (\n\t\t\t\t\t!variation.isSalable &&\n\t\t\t\t\t(!numberOfNonSalableChanges || changes < numberOfNonSalableChanges)\n\t\t\t\t) {\n\t\t\t\t\tclosestNonSalableVariation = variation;\n\t\t\t\t\tnumberOfNonSalableChanges = changes;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn [closestSalableVariation, closestNonSalableVariation];\n\t\t},\n\n\t\t/**\n\t\t * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n\t\t * @param {object} variation\n\t\t */\n\t\tgetInvalidSelectionByVariation(variation) {\n\t\t\tconst attributesToReset = [];\n\t\t\tlet newUnit = null;\n\n\t\t\tfor (let selectedAttributeId in this.selectedAttributes) {\n\t\t\t\tselectedAttributeId = parseInt(selectedAttributeId);\n\t\t\t\tconst variationAttribute = variation.attributes.find(\n\t\t\t\t\t(attribute) => attribute.attributeId === selectedAttributeId\n\t\t\t\t);\n\n\t\t\t\tif (!isNull(this.selectedAttributes[selectedAttributeId])) {\n\t\t\t\t\tif (\n\t\t\t\t\t\t(variationAttribute &&\n\t\t\t\t\t\t\tvariationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId]) ||\n\t\t\t\t\t\t!variationAttribute\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst attributeToReset = this.attributes.find(\n\t\t\t\t\t\t\t(attr) => attr.attributeId === selectedAttributeId\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tattributesToReset.push(attributeToReset);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (variation.unitCombinationId !== this.selectedUnit) {\n\t\t\t\tnewUnit = variation.unitCombinationId;\n\t\t\t}\n\n\t\t\treturn { attributesToReset, newUnit };\n\t\t},\n\n\t\t/**\n\t\t * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n\t\t * @param {object} invalidSelection\n\t\t */\n\t\tcorrectSelection(invalidSelection) {\n\t\t\tconst messages = [];\n\t\t\tconst attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n\t\t\tfor (const attributeToReset of invalidSelection.attributesToReset) {\n\t\t\t\tmessages.push(\n\t\t\t\t\tthis.$translate(\"Ceres::Template.singleItemNotAvailable\", { name: attributeToReset.name })\n\t\t\t\t);\n\n\t\t\t\tattributes[attributeToReset.attributeId] =\n\t\t\t\t\t!this.hasEmptyOption && App.config.item.showPleaseSelect ? -1 : null;\n\t\t\t}\n\n\t\t\tif (invalidSelection.newUnit) {\n\t\t\t\tif (\n\t\t\t\t\tthis.lastContentCount > 1 &&\n\t\t\t\t\tthis.possibleUnitCombinationIds.length > 1 &&\n\t\t\t\t\t!isNull(this.selectedUnit)\n\t\t\t\t) {\n\t\t\t\t\tmessages.push(\n\t\t\t\t\t\tthis.$translate(\"Ceres::Template.singleItemNotAvailable\", {\n\t\t\t\t\t\t\tname: this.$translate(\"Ceres::Template.singleItemContent\")\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n\t\t\t}\n\n\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n\t\t\tthis.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n\t\t\tNotificationService.warn(messages.join(\"<br>\")).closeAfter(5000);\n\t\t},\n\n\t\t/**\n\t\t * returns matching variations with current selection\n\t\t * attributes and unitId could be filled, to check a specific selection\n\t\t * @param {object} attributes\n\t\t * @param {number} unitId\n\t\t * @param {boolean} strict\n\t\t */\n\t\tfilterVariations(attributes, unitId, strict, ignoreUnit) {\n\t\t\tattributes = attributes || this.selectedAttributes;\n\t\t\tunitId = unitId || this.selectedUnit;\n\t\t\tstrict = !!strict;\n\t\t\tignoreUnit = !!ignoreUnit;\n\n\t\t\tconst key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n\t\t\tif (isDefined(this.filteredVariationsCache[key])) {\n\t\t\t\treturn this.filteredVariationsCache[key];\n\t\t\t}\n\n\t\t\tconst uniqueValues = [...new Set(Object.values(attributes))];\n\t\t\tconst isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n\t\t\tconst filteredVariations = this.variations.filter((variation) => {\n\t\t\t\t// the selected unit is not matching\n\t\t\t\tif (!ignoreUnit && variation.unitCombinationId !== unitId) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\t// the variation has no attributes (only checked, if any attribute has a selected value); or the variation has attributes and empty option is selected\n\t\t\t\t// requires more than 0 attributes\n\t\t\t\tif (\n\t\t\t\t\t((!isEmptyOptionSelected && !variation.attributes.length) ||\n\t\t\t\t\t\t(isEmptyOptionSelected && variation.attributes.length)) &&\n\t\t\t\t\tthis.attributes.length > 0\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tfor (const attributeId in attributes) {\n\t\t\t\t\tconst variationAttribute = variation.attributes.find(\n\t\t\t\t\t\t(variationAttribute) => variationAttribute.attributeId === parseInt(attributeId)\n\t\t\t\t\t);\n\n\t\t\t\t\t// an attribute is not matching with selection\n\t\t\t\t\tif (\n\t\t\t\t\t\tvariationAttribute &&\n\t\t\t\t\t\tvariationAttribute.attributeValueId !== attributes[attributeId] &&\n\t\t\t\t\t\t(strict || (!strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1))\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t});\n\n\t\t\tthis.filteredVariationsCache[key] = filteredVariations;\n\n\t\t\treturn filteredVariations;\n\t\t},\n\n\t\t/**\n\t\t * returns true, if the selection with a new attribute value would be valid\n\t\t * @param {number} attributeId\n\t\t * @param {[number, string, null]} attributeValueId\n\t\t * @param {boolean} filterSalableVariations\n\t\t */\n\t\tisAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations) {\n\t\t\tattributeValueId = parseInt(attributeValueId) || null;\n\t\t\tif (this.selectedAttributes[attributeId] === attributeValueId) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tconst selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n\t\t\tselectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n\t\t\tconst ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n\t\t\tlet variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\n\n\t\t\tif (filterSalableVariations) {\n\t\t\t\tvariations = variations.filter((variation) => variation.isSalable);\n\t\t\t}\n\n\t\t\treturn variations.length > 0;\n\t\t},\n\n\t\t/**\n\t\t * returns true, if the selection with a new unitId would be valid\n\t\t * @param {[number, string]} unitId\n\t\t */\n\t\tisUnitSelectionValid(unitId) {\n\t\t\tunitId = parseInt(unitId);\n\t\t\tif (this.selectedUnit === unitId) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn this.filterVariations(null, unitId).filter((variation) => variation.isSalable).length > 0;\n\t\t},\n\n\t\t/**\n\t\t * dispatch vuex action 'loadVariation' to archive a variation\n\t\t * dispatches a custom event named 'onVariationChanged'\n\t\t * @param {[string, number, null]} variationId\n\t\t */\n\t\tsetVariation(variationId) {\n\t\t\tif (!isDefined(variationId) && this.currentSelection) {\n\t\t\t\tvariationId = this.currentSelection.variationId;\n\t\t\t}\n\n\t\t\tif (isDefined(variationId)) {\n\t\t\t\tthis.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then((variation) => {\n\t\t\t\t\tdocument.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(\"onVariationChanged\", {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tattributes: variation.attributes,\n\t\t\t\t\t\t\t\tdocuments: variation.documents,\n\t\t\t\t\t\t\t\titemId: this.itemId\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\n\t\tisTextCut(content) {\n\t\t\tif (this.$refs.attributesContaner) {\n\t\t\t\treturn (\n\t\t\t\t\ttextWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") >\n\t\t\t\t\tthis.$refs.attributesContaner[0].clientWidth\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\n\t\tgetSelectedAttributeValueName(attribute) {\n\t\t\tconst selectedAttributeValueId = this.selectedAttributes[attribute.attributeId];\n\t\t\tconst selectedAttributeValue = attribute.values.find(\n\t\t\t\t(attrValue) => attrValue.attributeValueId === selectedAttributeValueId\n\t\t\t);\n\n\t\t\tif (selectedAttributeValue) {\n\t\t\t\treturn selectedAttributeValue.name;\n\t\t\t} else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1) {\n\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n\t\t\t}\n\t\t\treturn this.$translate(\"Ceres::Template.singleItemNoSelection\");\n\t\t},\n\n\t\ttransformPossibleUnits(possibleUnits) {\n\t\t\treturn Object.entries(possibleUnits).sort((unitA, unitB) => {\n\t\t\t\tunitA = this.splitUnitName(unitA[1]);\n\t\t\t\tunitB = this.splitUnitName(unitB[1]);\n\t\t\t\t// order by unit\n\t\t\t\tif (unitA[1] < unitB[1]) {\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\tif (unitA[1] > unitB[1]) {\n\t\t\t\t\treturn 1;\n\t\t\t\t}\n\t\t\t\t// order by content (count)\n\t\t\t\tif (unitA[0] < unitB[0]) {\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\tif (unitA[0] > unitB[0]) {\n\t\t\t\t\treturn 1;\n\t\t\t\t}\n\t\t\t\treturn 0;\n\t\t\t});\n\t\t},\n\t\tsplitUnitName(unitName) {\n\t\t\tconst unitNameSplit = unitName.split(\" \");\n\n\t\t\tif (!isNaN(unitNameSplit[0])) {\n\t\t\t\tunitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, \"\");\n\t\t\t\tunitNameSplit[0] = parseInt(unitNameSplit[0]);\n\t\t\t}\n\n\t\t\treturn unitNameSplit;\n\t\t},\n\n\t\tgetAttributePrices() {\n\t\t\tif (\n\t\t\t\t!this.attributePricesCalled &&\n\t\t\t\tObject.keys(this.attributePrices).length === 0 &&\n\t\t\t\tthis.attributes.length === 1 &&\n\t\t\t\tthis.variations.length\n\t\t\t) {\n\t\t\t\tconst mappedVariations = this.variations.map(variation => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t'variationId': variation.variationId,\n\t\t\t\t\t\t'attributes': variation.attributes\n\t\t\t\t\t};\n\t\t\t\t}) ?? [];\n\n\t\t\t\tthis.attributePricesCalled = true;\n\n\n\t\t\t\tApiService.get(\"/rest/erosbackend/item/variationAttributes/\", {\n\t\t\t\t\tvariations: mappedVariations,\n\t\t\t\t\tattributeId: this.attributes[0].attributeId\n\t\t\t\t}).done((response) => {\n\t\t\t\t\tthis.attributePrices = response;\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\tmountInit() {\n\t\t\t// initially check for valid selection and disable add to basket button\n\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n\n\t\t\tthis.getAttributePrices();\n\t\t}\n\t},\n\n\twatch: {\n\t\tcurrentSelection(value) {\n\t\t\tthis.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n\t\t},\n\t\tvariations() {\n\t\t\t// FIX unset variation cache after subsequent variations are loaded\n\t\t\tthis.filteredVariationsCache = {};\n\t\t},\n\t\tattributes() {\n\t\t\tif (this.waitForConsent) {\n\t\t\t\twhenConsented(\n\t\t\t\t\t\"\",\n\t\t\t\t\t() => {\n\t\t\t\t\t\tthis.getAttributePrices();\n\t\t\t\t\t},\n\t\t\t\t\t() => {}\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.getAttributePrices();\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VariationSelect.vue?vue&type=template&id=ca9a6c44\"\nimport script from \"./VariationSelect.vue?vue&type=script&lang=js\"\nexport * from \"./VariationSelect.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/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"],"sourceRoot":""}