{"version":3,"sources":["webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?2512","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?19cf","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?fd3c"],"names":["name","props","forceContent","type","default","inject","itemId","data","filteredVariationsCache","lastContentCount","mainVariationPrice","initMainVarPrice","mainVarPrice","mounted","_this","setTimeout","$","ev","minus","urlArr","valueIdArr","$cstSelSelect","$cstSelOpener","countArr","computed","currentVariation","currentVariationSelect","hasEmptyOption","addPleaseSelectOption","priceDiff","charge","symbols","maximumFractionDigits","minimumFractionDigits","currentSelection","possibleUnits","variations","_step","_iterator","possibleUnitCombinationIds","isContentVisible","hasSelection","attributes","selectedAttributes","selectedUnit","methods","selectAttribute","attributeValueId","attributeId","selectUnit","unitId","onSelectionChange","unsetInvalidSelection","getTooltip","attribute","value","getInvalidOptionTooltip","invalidSelections","invalidSelection","_step2","names","_iterator2","getQualifiedVariations","getClosestVariations","qualifiedVariations","_step3","changes","variation","_step4","_iterator4","closestSalableVariation","numberOfSalableChanges","closestNonSalableVariation","numberOfNonSalableChanges","_iterator3","getInvalidSelectionByVariation","selectedAttributeId","attributesToReset","_loop","newUnit","correctSelection","_step5","messages","_iterator5","NotificationService","filterVariations","strict","ignoreUnit","_this3","variationAttribute","v","getPriceDifference","isAttributeSelectionValid","isUnitSelectionValid","filter","length","setVariation","variationId","document","detail","documents","window","isTextCut","getSelectedAttributeValueName","transformPossibleUnits","unitA","unitB","splitUnitName","unitNameSplit","watch","render","_vm","_c","_self","staticClass","_l","key","ref","refInFor","class","attrs","id","on","change","$event","target","domProps","_v","_s","$translate","_e","selected","values","includes","imageUrl","directives","rawName","expression","for","title","unitCombinationId","parseInt","href","_t","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA;AACA;AACyC;AAEzC;AAEe;EAEfA;EAEAC;IACAC,cACA;MACAC;MACAC;IACA;EACA;EAEAC;IACAC;MACAF;IACA;EACA;EAEAG;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EAEAC;IAAA;IACA;IACA;IAEA;MACA;QACAC;QACAA;QACAA;MACA;MAEAC;QACAC;UACAC;UAEAD;UACAA;QACA;QAEA;UAEAA;YACA;YACA;YACA;YACA;YACA;;YAEA;YACA;cACAE;YACA;YAEAF;cACA;cACA;cACAA;gBACA;kBACAG;kBACAC;gBACA;cACA;cAEAJ;gBACA;AACA;AACA;;gBAEA;gBACA;gBACA;gBAEA;kBACAA;gBACA;cAEA;YACA;;YAEA;YACAK;cAEA;gBACAC;cACA;gBACAA;cACA;cAEA;cAEA;gBACAD;gBACAC;cACA;gBACAD;cACA;YACA;;YAEA;YACA;cACAL;gBACA;gBACAA;kBACA,yFACAO;gBACA;gBAEAP;kBACA;oBACAA;kBACA;gBACA;cACA;YACA;UACA;QAEA;MAEA;IAEA;EACA;EAEAQ,UACA;IACAC;MACA;IACA;IAEAC;MACA;IACA;IAEA;AACA;AACA;IACAC;MACA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;QACA;MACA;MACA;MACA;MAEA;QACA;QACAC;MACA;MAEA;MAEA;QACAC;MACA;MAEAD;QAAAE;QAAAC;MAAA;MAEA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MAEA;QACA;MACA;MAEA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MACA;MAAA,2CAEAC;QAAAC;MAAA;QAAA;UAAA;UACAF;QACA;MAAA;QAAAG;MAAA;QAAAA;MAAA;MAEA;IACA;IAEAC;MACA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;IAEAR;MACA;IACA;EACA;EAEAS,SACA;IACA;AACA;AACA;AACA;AACA;IACAC;MACAC;MAEA;QACA;UACAC;UACAD;QACA;QACA;MACA;MAEA/B;MACAA;MAEA;IACA;IAEA;AACA;AACA;AACA;IACAiC;MACAC;MACA;MACA;IACA;IAEAC;MACA;QACA;MACA;QACA;QACA;MACA;QACA;MACA;MAEA;IACA;IAEA;AACA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;;MAEA;MACA;MAEA;QACA;MACA;MAEA;MAEA;IACA;IAEAC;MACA;QACA;MACA;QACA;UACAC;UACAC;QACA;MACA;MAEA;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MACA;MACA;MAEA;QACA;MACA;MAEA,yBACA,2FACA,0FACA;MAEA,8BACA,0BACAC;QACA;QACA;MACA;MAEA;MACA;MAAA,4CAEAC;QAAAC;MAAA;QAAA;UAAA;UACA;YACAC;UACA;QACA;MAAA;QAAAC;MAAA;QAAAA;MAAA;MACA;QACAD,WACA,qEACA;MACA;MAEA;QACA;MACA;MAEA;QAAA5D;MAAA;IACA;IAEA;AACA;AACA;AACA;AACA;AACA;IACA8D;MACA;QACA;UACA;YAAA,OACAR;UAAA;QACA;MACA;QACA;UAAA;QAAA;MACA;MAEA;QAAA;MAAA;IACA;IAEA;AACA;AACA;AACA;IACAS;MACA;MACA;MAAA,4CAEAC;QAAAC;MAAA;QAAA;UAAA;UACA;UAEA;YACA;YACA;YAEAC;UACA;UAAA,4CAEAC;YAAAC;UAAA;YAAA;cAAA;cACA;gBACAF;cACA;YACA;UAAA;YAAAG;UAAA;YAAAA;UAAA;UAEA;YACAC;YACAC;UACA;YACAC;YACAC;UACA;QACA;MAAA;QAAAC;MAAA;QAAAA;MAAA;MAEA;IACA;IAEA;AACA;AACA;AACA;IACAC;MAAA;MACA;MACA;MAAA,gDAEA;QACAC;QACA;UAAA;QAAA;QAEA;UACA;YACA;cAAA;YAAA;YAEAC;UACA;QACA;MACA;MAXA;QAAAC;MAAA;MAaA;QACAC;MACA;MAEA;QAAAF;QAAAE;MAAA;IACA;IAEA;AACA;AACA;AACA;IACAC;MACA;MACA;MAAA,4CAEAtB;QAAAuB;MAAA;QAAA;UAAA;UACAC,cACA;YAAAlF;UAAA,EACA;UAEA0C;QACA;MAAA;QAAAyC;MAAA;QAAAA;MAAA;MAEA;QACA;UACAD,cACA;YACAlF,MACA;UACA,EACA;QACA;QAEA;MACA;MAEA;MAEA;MAEAoF,yBACAF,qBACA;IACA;IAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACAG;MAAA;MACA3C;MACAQ;MACAoC;MACAC;MAEA;MAEA;QACA;MACA;MAEA;MACA;MACA;QACA;QACA;UACA;QACA;;QAEA;QACA;QACA,wHACAC;UACA;QACA;QAAA,0CAEA;UACA;YAAA,OACAC;UAAA;;UAEA;UACA,0BACAA,oEACAH;YAAA;cAAAI,GACA;YAAA;UACA;QACA;QAVA;UAAA;UAAA;QAAA;QAYA;MACA;MAEA;MAEA;IACA;IAEAC;MAEA;MACA;MACA;MAEA;;MAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;qHArBA,CA6BA;;AAEA;AACA;AACA;IAEA;IAEA;AACA;AACA;AACA;AACA;AACA;IACAC;MACA7C;MACA;QACA;MACA;MAEA;MAEAJ;MAEA;MACA;MAEA;QACAP;UAAA;QAAA;MACA;MAEA;IACA;IAEA;AACA;AACA;AACA;IACAyD;MACA3C;MACA;QACA;MACA;MAEA,YACAmC,+BACAS;QAAA;MAAA,GACAC;IACA;IAEA;AACA;AACA;AACA;AACA;IACAC;MAAA;MACA;QACAC;MACA;MAEA;QACA;UACAC,6DACA;YACAC,QACA;cACAzD;cACA0D;cACA9F;YACA;UACA;UAEA+F;YACA;cACA;gBACA;kBAAA;gBAAA;gBAAA;gBACA;kBACA;kBAAA;kBACA;kBACA;kBACA;kBACA;kBACA;gBACA;cACA;YACA;UACA;UAEAA;YACA;YACA;YACA;YAAA;YACA;YAAA;YACA;cACA;gBACA;kBAAA;gBAAA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","file":"chunks/ceres-47.min.js","sourcesContent":["<template>\n  <div class=\"single-variation-select__inner\">\n    <div v-if=\"attributes.length || (possibleUnitCombinationIds.length > 1 && isContentVisible)\" class=\"row\">\n      <div class=\"col-12 variation-select\" v-for=\"(attribute, key) in attributes\">\n        <!-- dropdown -->\n        <div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\"\n             :class=\"{'initial-hidden-attributes' : key > 1}\">\n          <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select custom-select-init\"\n                  @change=\"selectAttribute(attribute.attributeId, $event.target.value)\"\n                  data-testing=\"variation-select-dropdown\">\n            <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{\n              $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n            </option>\n            <option\n                :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                :selected=\"selectedAttributes[attribute.attributeId] === null\">{{\n              $translate(\"Ceres::Template.singleItemNoSelection\") }}\n            </option>\n            <option\n                v-for=\"value in attribute.values\"\n                :value=\"value.attributeValueId\"\n                :data-src=\"attribute.name.includes('Farbe') ? value.imageUrl : ''\"\n                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n              <template\n                  v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\">\n                {{ value.name }}\n              </template>\n              <template\n                  v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\n                {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name })\n                }}\n              </template>\n              <template v-else>\n                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n              </template>\n            </option>\n          </select>\n          <label :for=\"'custom-select_' + attribute.name\" v-tooltip=\"isTextCut(attribute.name)\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"top\" :title=\"attribute.name\" data-testing=\"variation-select-dropdown-label\">{{\n            attribute.name }}</label>\n        </div>\n        <!-- /dropdown -->\n\n        <!-- box and image -->\n        <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\" class=\"input-unit\"\n             :class=\"{'initial-hidden-attributes' : key > 1}\">\n          <label v-tooltip=\"isTextCut(attribute.name)\" data-toggle=\"tooltip\" data-placement=\"top\"\n                 :title=\"attribute.name\">{{ attribute.name }}</label>\n          <select class=\"custom-select custom-select-init\"\n                  @change=\"selectAttribute(attribute.attributeId, $event.target.value)\" ref=\"selectWithImg\">\n            <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{\n              $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n            </option>\n            <option :value=\"null\"\n                    v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                    :selected=\"selectedAttributes[attribute.attributeId] === null\">{{\n              $translate(\"Ceres::Template.singleItemNoSelection\") }}\n            </option>\n            <option\n                v-for=\"value in attribute.values\"\n                :data-src=\"value.imageUrl\"\n                :value=\"value.attributeValueId\"\n                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n              <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\">\n                {{ value.name }}\n              </template>\n              <template v-else>\n                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\":\n                \"${ value.name }\" })          }}\n              </template>\n            </option>\n          </select>\n        </div>\n        <!-- /box and image -->\n      </div>\n\n      <!-- units -->\n      <div class=\"col-12 variation-select\" v-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\">\n        <div class=\"input-unit\">\n          <select id=\"unit-combination-ids-select\" class=\"custom-select custom-select-init\"\n                  @change=\"selectUnit($event.target.value)\" data-testing=\"variation-select-unit\">\n            <option\n                v-for=\"unitCombinationId in possibleUnitCombinationIds\"\n                :value=\"unitCombinationId\"\n                :selected=\"parseInt(unitCombinationId) === selectedUnit\">\n              <template v-if=\"isUnitSelectionValid(unitCombinationId)\">\n                {{ possibleUnits[unitCombinationId] }}\n              </template>\n              <template v-else>\n                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\":\n                possibleUnits[unitCombinationId]\n                }) }}\n              </template>\n            </option>\n          </select>\n          <label for=\"unit-combination-ids-select\" data-testing=\"variation-select-unit-label\">{{\n            $translate(\"Ceres::Template.singleItemContent\") }}</label>\n        </div>\n      </div>\n      <!-- /units -->\n      <div class=\"col-12 variation-select\" v-if=\"attributes.length > 2\">\n        <a href=\"#\" class=\"single-variation-select__toggle-more\">{{\n          $translate(\"AbfallbehaelterXXL::Template.singleItemVariationShowMore\") }} (+{{ attributes.length - 2\n          }})</a>\n      </div>\n    </div>\n\n    <div v-else>\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {textWidth} from \"ceres/app/helper/dom\";\nimport {isDefined, isNull, isNullOrUndefined} from \"ceres/app/helper/utils\";\nimport customSelect from \"custom-select\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n  name: \"variation-select\",\n\n  props: {\n    forceContent:\n        {\n          type: Boolean,\n          default: false\n        }\n  },\n\n  inject: {\n    itemId: {\n      default: null\n    }\n  },\n\n  data() {\n    return {\n      filteredVariationsCache: {},\n      lastContentCount: 0,\n      mainVariationPrice: 0,\n      initMainVarPrice: false,\n      mainVarPrice: 0\n    };\n  },\n\n  mounted() {\n    // initially check for valid selection and disable add to basket button\n    this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n\n    this.$nextTick(() => {\n      if (!this.initMainVarPrice) {\n        this.mainVarPrice = this.$store.getters.currentItemVariation.prices.default.price.value;\n        this.initMainVarPrice = true;\n        this.getPriceDifference();\n      }\n\n      setTimeout(function () {\n        $('.single-variation-select__toggle-more').click(function (ev) {\n          ev.preventDefault();\n\n          $('.initial-hidden-attributes').removeClass(\"initial-hidden-attributes\");\n          $(this).hide();\n        });\n\n        if ($('.custom-select-init').length) {\n\n          $.each($('.custom-select-init'), function (selectIndex, selectItem) {\n            let cstSel = customSelect($(selectItem)[0]);\n            let $cstSelPanel = $(cstSel[0].panel);\n            let $cstSelOpener = $(cstSel[0].opener);\n            let $cstSelSelect = $(cstSel[0].select);\n            let minus = 1;\n\n            // wenn nur bitte wählen (value = -1), dann index2-1, wenn auch value empty (keine auswahl), dann index2-2\n            if ($cstSelSelect.find('option[value=\"\"]').length) {\n              minus = 2;\n            }\n\n            $.each($cstSelSelect, function (index, item) {\n              let urlArr = [];\n              let valueIdArr = [];\n              $(item).find('option').each(function (index2, item2) {\n                if ($(item2)[0].dataset.src != '' && typeof $(item2)[0].dataset.src !== \"undefined\") {\n                  urlArr.push($(item2)[0].dataset.src);\n                  valueIdArr.push($(item2).attr(\"value\"));\n                }\n              });\n\n              $.each($cstSelPanel.find('.custom-select-option'), function (index2, item2) {\n                /*if($(item2)[0].dataset.value > 0 && typeof urlArr[index2-minus] !== \"undefined\" && $(item2)[0].dataset.value == valueIdArr[index2]){\n                    $(item2).prepend('<img src=\"'+urlArr[index2-minus]+'\" class=\"custom-select-option-indicator\">');\n                }*/\n\n                let valueId = $(item2)[0].dataset.value;\n                let indexOfValueIdInArray = valueIdArr.indexOf(valueId);\n                let correctImg = urlArr[indexOfValueIdInArray];\n\n                if (typeof correctImg !== \"undefined\") {\n                  $(item2).prepend('<img src=\"' + correctImg + '\" class=\"custom-select-option-indicator\">');\n                }\n\n              });\n            });\n\n            // $cstSelOpener img setzen\n            $cstSelSelect.change(function () {\n\n              if ($cstSelSelect[0].selectedOptions[0].value !== \"-1\") {\n                $cstSelOpener.find(\"span\").addClass('is-selected');\n              } else {\n                $cstSelOpener.find(\"span\").removeClass('is-selected');\n              }\n\n              let activeImage = $cstSelSelect[0].selectedOptions[0].dataset.src;\n\n              if (typeof activeImage !== \"undefined\" && activeImage != '') {\n                $cstSelSelect.find(\".custom-select-option-indicator--selected\").remove();\n                $cstSelOpener.find(\"span\").prepend('<img src=\"' + activeImage + '\" class=\"custom-select-option-indicator custom-select-option-indicator--selected\"/>');\n              } else {\n                $cstSelSelect.find(\".custom-select-option-indicator--selected\").remove();\n              }\n            });\n\n            // wenn filter\n            if ($(selectItem).hasClass('filter-select')) {\n              $.each($cstSelSelect, function (index, item) {\n                let countArr = [];\n                $(item).find('option').each(function (index2, item2) {\n                  if ($(item2)[0].dataset.count != '' && typeof $(item2)[0].dataset.count !== \"undefined\")\n                    countArr.push($(item2)[0].dataset.count);\n                });\n\n                $.each($cstSelPanel.find('.custom-select-option'), function (index2, item2) {\n                  if ($(item2)[0].dataset.value > 0 && typeof countArr[index2 - 1] !== \"undefined\") {\n                    $(item2).append('<span class=\"custom-select-option-count\">' + countArr[index2 - 1] + '</span>');\n                  }\n                });\n              });\n            }\n          });\n\n        }\n\n      }, 1);\n\n    });\n  },\n\n  computed:\n      {\n        currentVariation() {\n          return this.$store.getters[`${this.itemId}/currentItemVariation`];\n        },\n\n        currentVariationSelect() {\n          return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n        },\n\n        /**\n         * returns true if any variation has no attributes\n         */\n        hasEmptyOption() {\n          return this.variations.some(variation => !variation.attributes.length);\n        },\n\n        addPleaseSelectOption() {\n          return App.config.item.showPleaseSelect;\n        },\n\n        priceDiff() {\n          if (!this.$store.getters.currentItemVariation.prices.default.data) {\n            return \"+ € 0,00\";\n          }\n          let currentPrice = this.$store.getters.currentItemVariation.prices.default.data.basePrice;\n          let charge = currentPrice - this.mainVariationPrice;\n\n          if (1 / parseInt(charge) === -Infinity) {\n            // wenn -0\n            charge = charge * (-1);\n          }\n\n          let symbols = \"+ € \";\n\n          if (charge < 0) {\n            symbols = \"- € \";\n          }\n\n          charge = (charge).toLocaleString(\"de-DE\", {maximumFractionDigits: 2, minimumFractionDigits: 2});\n\n          return symbols + charge;\n        },\n\n        /**\n         * returns the variation, based on the selected attributes / unit\n         * returns false if there are none or multiple results\n         */\n        currentSelection() {\n          const filteredVariations = this.filterVariations(null, null, true);\n\n          if (filteredVariations.length === 1) {\n            return filteredVariations[0];\n          }\n\n          return false;\n        },\n\n        /**\n         * returns all units, selectable by current selection\n         * prop 'forceContent' with value true will return all units, without filtering\n         */\n        possibleUnits() {\n          // use an object, to make the entries unique\n          const possibleUnits = {};\n          const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n          for (const variation of variations) {\n            possibleUnits[variation.unitCombinationId] = variation.unitName;\n          }\n\n          return possibleUnits;\n        },\n\n        possibleUnitCombinationIds() {\n          return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\n        },\n\n        isContentVisible() {\n          return !this.forceContent && !!this.currentSelection || this.forceContent;\n        },\n\n        hasSelection() {\n          return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n        },\n\n        attributes() {\n          return this.currentVariationSelect && this.currentVariationSelect.attributes;\n        },\n\n        selectedAttributes() {\n          return this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\n        },\n\n        selectedUnit() {\n          return this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\n        },\n\n        variations() {\n          return this.currentVariationSelect && this.currentVariationSelect.variations;\n        }\n      },\n\n  methods:\n      {\n        /**\n         * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         */\n        selectAttribute(attributeId, attributeValueId) {\n          attributeValueId = parseInt(attributeValueId) || null;\n\n          if (this.selectedAttributes[attributeId] !== attributeValueId) {\n            this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, {\n              attributeId,\n              attributeValueId\n            });\n            this.onSelectionChange(attributeId, attributeValueId, null);\n          }\n\n          $('.initial-hidden-attributes').removeClass(\"initial-hidden-attributes\");\n          $('.single-variation-select__toggle-more').hide();\n\n          this.$store.commit(`${this.itemId}/variationSelect/setPriceDiff`, this.priceDiff);\n        },\n\n        /**\n         * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {[number, string]} unitId\n         */\n        selectUnit(unitId) {\n          unitId = parseInt(unitId);\n          this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\n          this.onSelectionChange(null, null, unitId);\n        },\n\n        onSelectionChange(attributeId, attributeValueId, unitId) {\n          if (this.currentSelection) {\n            this.setVariation(this.currentSelection.variationId);\n          } else if (!this.hasSelection) {\n            // user switched back to \"please select\"\n            this.setVariation(0);\n          } else {\n            this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n          }\n\n          this.lastContentCount = this.possibleUnitCombinationIds.length;\n        },\n\n        /**\n         * changes the selected attributes / unit, to ensure a valid seelction\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        unsetInvalidSelection(attributeId, attributeValueId, unitId) {\n          const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n          const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n          // if the salable 'closestVariations' is undefined, take the not-salable one\n          const closestVariation = closestVariations[0] || closestVariations[1];\n\n          if (!closestVariation) {\n            return;\n          }\n\n          const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n          this.correctSelection(invalidSelection);\n        },\n\n        getTooltip(attribute, attributeValue) {\n          if (!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true)) {\n            return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n          } else if (attribute.type === \"image\") {\n            return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n              attribute: attribute.name,\n              value: attributeValue.name\n            });\n          }\n\n          return \"\";\n        },\n\n        /**\n         * returns a string for box tooltips, for not available options\n         * @param {number} attributeId\n         * @param {number} attributeValueId\n         */\n        getInvalidOptionTooltip(attributeId, attributeValueId) {\n          const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n          const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n          if (!closestVariations || closestVariations.length <= 0) {\n            return \"\";\n          }\n\n          const invalidSelections = [\n            !!closestVariations[0] ? this.getInvalidSelectionByVariation(closestVariations[0]) : null,\n            !!closestVariations[1] ? this.getInvalidSelectionByVariation(closestVariations[1]) : null\n          ];\n\n          if (!!invalidSelections[0]\n              && !!invalidSelections[1]\n              && invalidSelections[0].attributesToReset.length > invalidSelections[1].attributesToReset.length) {\n            // there is a non-salable variation with less changes\n            return this.$translate(\"Ceres::Template.singleItemNotSalable\");\n          }\n\n          const invalidSelection = invalidSelections[0] || invalidSelections[1];\n          const names = [];\n\n          for (const attribute of invalidSelection.attributesToReset) {\n            if (attribute.attributeId !== attributeId) {\n              names.push(\"<b>\" + attribute.name + \"</b>\");\n            }\n          }\n          if (invalidSelection.newUnit) {\n            names.push(\n                \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n            );\n          }\n\n          if (!names.length) {\n            return null;\n          }\n\n          return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", {name: names.join(\", \")});\n        },\n\n        /**\n         * returns a list of variations, filtered by attribute or unit\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        getQualifiedVariations(attributeId, attributeValueId, unitId) {\n          if (isDefined(attributeValueId)) {\n            return this.variations.filter(variation => {\n              return isDefined(variation.attributes.find(attribute =>\n                  attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n            });\n          } else if (isDefined(unitId)) {\n            return this.variations.filter(variation => variation.unitCombinationId === unitId);\n          }\n\n          return this.variations.filter(variation => !variation.attributes.length);\n        },\n\n        /**\n         * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\n         * @param {array} qualifiedVariations\n         */\n        getClosestVariations(qualifiedVariations) {\n          let closestSalableVariation, numberOfSalableChanges;\n          let closestNonSalableVariation, numberOfNonSalableChanges;\n\n          for (const variation of qualifiedVariations) {\n            let changes = 0;\n\n            if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit)) {\n              // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n              const unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n              changes += unitWeight;\n            }\n\n            for (const attribute of variation.attributes) {\n              if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId) {\n                changes++;\n              }\n            }\n\n            if (variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges)) {\n              closestSalableVariation = variation;\n              numberOfSalableChanges = changes;\n            } else if (!variation.isSalable && (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges)) {\n              closestNonSalableVariation = variation;\n              numberOfNonSalableChanges = changes;\n            }\n          }\n\n          return [closestSalableVariation, closestNonSalableVariation];\n        },\n\n        /**\n         * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n         * @param {object} variation\n         */\n        getInvalidSelectionByVariation(variation) {\n          const attributesToReset = [];\n          let newUnit = null;\n\n          for (let selectedAttributeId in this.selectedAttributes) {\n            selectedAttributeId = parseInt(selectedAttributeId);\n            const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n            if (!isNull(this.selectedAttributes[selectedAttributeId])) {\n              if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute) {\n                const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\n\n                attributesToReset.push(attributeToReset);\n              }\n            }\n          }\n\n          if (variation.unitCombinationId !== this.selectedUnit) {\n            newUnit = variation.unitCombinationId;\n          }\n\n          return {attributesToReset, newUnit};\n        },\n\n        /**\n         * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n         * @param {object} invalidSelection\n         */\n        correctSelection(invalidSelection) {\n          const messages = [];\n          const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n          for (const attributeToReset of invalidSelection.attributesToReset) {\n            messages.push(\n                this.$translate(\"Ceres::Template.singleItemNotAvailable\", {name: attributeToReset.name})\n            );\n\n            attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\n          }\n\n          if (invalidSelection.newUnit) {\n            if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 && !isNull(this.selectedUnit)) {\n              messages.push(\n                  this.$translate(\"Ceres::Template.singleItemNotAvailable\", {\n                    name:\n                        this.$translate(\"Ceres::Template.singleItemContent\")\n                  })\n              );\n            }\n\n            this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n          }\n\n          this.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n          this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n          NotificationService.warn(\n              messages.join(\"<br>\")\n          ).closeAfter(5000);\n        },\n\n        /**\n         * returns matching variations with current selection\n         * attributes and unitId could be filled, to check a specific selection\n         * @param {object} attributes\n         * @param {number} unitId\n         * @param {boolean} strict\n         */\n        filterVariations(attributes, unitId, strict, ignoreUnit) {\n          attributes = attributes || this.selectedAttributes;\n          unitId = unitId || this.selectedUnit;\n          strict = !!strict;\n          ignoreUnit = !!ignoreUnit;\n\n          const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n          if (isDefined(this.filteredVariationsCache[key])) {\n            return this.filteredVariationsCache[key];\n          }\n\n          const uniqueValues = [...new Set(Object.values(attributes))];\n          const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n          const filteredVariations = this.variations.filter(variation => {\n            // the selected unit is not matching\n            if (!ignoreUnit && variation.unitCombinationId !== unitId) {\n              return false;\n            }\n\n            // 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            // requires more than 0 attributes\n            if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\n                && this.attributes.length > 0) {\n              return false;\n            }\n\n            for (const attributeId in attributes) {\n              const variationAttribute = variation.attributes.find(variationAttribute =>\n                  variationAttribute.attributeId === parseInt(attributeId));\n\n              // an attribute is not matching with selection\n              if (variationAttribute &&\n                  variationAttribute.attributeValueId !== attributes[attributeId] &&\n                  (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1)) {\n                return false;\n              }\n            }\n\n            return true;\n          });\n\n          this.filteredVariationsCache[key] = filteredVariations;\n\n          return filteredVariations;\n        },\n\n        getPriceDifference() {\n\n          let mainVarPrice = this.mainVarPrice;//prices.default.price.value;\n          let currentPrice = this.$store.getters.currentItemVariation.prices.default.data.basePrice;\n          let charge = currentPrice - mainVarPrice;\n\n          this.mainVariationPrice = mainVarPrice;\n\n          /*ApiService\n              .get(\"/rest/io/variations/\"+this.mainvariationid, { template: \"Ceres::Item.SingleItem\" })\n              .done(response =>\n              {\n                  console.log(response);\n                  if(typeof response.documents[0] !== \"undefined\"){\n\n                      if(!response.documents[0].data.prices.default.data){\n                          this.mainVariationPrice = 0;\n                          return;\n                      }\n\n                      let mainVarPrice = response.documents[0].data.prices.default.data.basePrice;//prices.default.price.value;\n                      let currentPrice = this.$store.getters.currentItemVariation.prices.default.data.basePrice;\n                      let charge = currentPrice - mainVarPrice;\n\n                      this.mainVariationPrice = mainVarPrice;\n\n                      /*if(1 / parseInt(charge) === -Infinity){\n                          // wenn -0\n                          charge = charge*(-1);\n                      }\n\n                      let symbols = \"+ € \";\n\n                      if(charge < 0){\n                          symbols = \"- € \";\n                      }\n\n                      charge = (charge).toLocaleString(\"de-DE\", {maximumFractionDigits: 2, minimumFractionDigits: 2});*//*\n\n                        //this.priceDiff = symbols+charge;\n                        //$('.single-variation-select__additional-charge-value').text(symbols+charge);\n                    //}\n                //});*/\n        },\n\n        /**\n         * returns true, if the selection with a new attribute value would be valid\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         * @param {boolean} filterSalableVariations\n         */\n        isAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations) {\n          attributeValueId = parseInt(attributeValueId) || null;\n          if (this.selectedAttributes[attributeId] === attributeValueId) {\n            return true;\n          }\n\n          const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n          selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n          const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n          let variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\n\n          if (filterSalableVariations) {\n            variations = variations.filter(variation => variation.isSalable)\n          }\n\n          return variations.length > 0;\n        },\n\n        /**\n         * returns true, if the selection with a new unitId would be valid\n         * @param {[number, string]} unitId\n         */\n        isUnitSelectionValid(unitId) {\n          unitId = parseInt(unitId);\n          if (this.selectedUnit === unitId) {\n            return true;\n          }\n\n          return this\n              .filterVariations(null, unitId)\n              .filter(variation => variation.isSalable)\n              .length > 0\n        },\n\n        /**\n         * dispatch vuex action 'loadVariation' to archive a variation\n         * dispatches a custom event named 'onVariationChanged'\n         * @param {[string, number, null]} variationId\n         */\n        setVariation(variationId) {\n          if (!isDefined(variationId) && this.currentSelection) {\n            variationId = this.currentSelection.variationId;\n          }\n\n          if (isDefined(variationId)) {\n            this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation => {\n              document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                  {\n                    detail:\n                        {\n                          attributes: variation.attributes,\n                          documents: variation.documents,\n                          itemId: this.itemId\n                        }\n                  }));\n\n              window.dataLayer.push({\n                'ecommerce': {\n                  'detail': {\n                    'actionField': {'list': 'Item view'},    // 'detail' actions have an optional list property.\n                    'products': [{\n                      'name': this.currentVariation.texts.name1,         // Name or ID is required.\n                      'id': this.currentVariation.item.id,\n                      'price': (typeof this.currentVariation.prices.default.price.value != \"string\" ? this.currentVariation.prices.default.price.value : 0).toFixed(2),\n                      'brand': this.currentVariation.item.manufacturer.name,\n                      'category': $('.breadcrumb__item:last').text(),\n                      'variant': this.currentVariation.variation.number\n                    }]\n                  }\n                }\n              });\n\n              window.dataLayer.push({\n                'event': 'ecom.product',\n                'ecomm_pagetype': 'product',\n                'ecomm_prodid': this.currentVariation.variation.id + '',  //\n                'ecomm_totalvalue': parseFloat((typeof this.currentVariation.prices.default.price.value != \"string\" ? this.currentVariation.prices.default.price.value : 0).toFixed(2)),  //the actual price of all goods, including discounts.\n                'ecommerce': {\n                  'detail': {\n                    'actionField': {'list': $('.breadcrumb__item:last').text()},    // 'detail' actions have an optional list property.\n                    'products': [{\n                      'name': this.currentVariation.texts.name1,         // Name or ID is required.\n                      'id': this.currentVariation.variation.id + '', //\n                      'price': (typeof this.currentVariation.prices.default.price.value != \"string\" ? this.currentVariation.prices.default.price.value : 0).toFixed(2),\n                      'brand': this.currentVariation.item.manufacturer.name,\n                      'category': $('.breadcrumb__item:last').text(),\n                      'variant': this.currentVariation.variation.number\n                    }]\n                  }\n                }\n              });\n            });\n          }\n        },\n\n        isTextCut(content) {\n          if (this.$refs.attributesContaner) {\n            return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\n          }\n\n          return false;\n        },\n\n        getSelectedAttributeValueName(attribute) {\n          const selectedAttributeValueId = this.selectedAttributes[attribute.attributeId];\n          const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n          if (selectedAttributeValue) {\n            return selectedAttributeValue.name;\n          } else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1) {\n            return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n          }\n          return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n        },\n\n        transformPossibleUnits(possibleUnits) {\n          return Object.entries(possibleUnits).sort((unitA, unitB) => {\n            unitA = this.splitUnitName(unitA[1]);\n            unitB = this.splitUnitName(unitB[1]);\n            // order by unit\n            if (unitA[1] < unitB[1]) {\n              return -1;\n            }\n            if (unitA[1] > unitB[1]) {\n              return 1;\n            }\n            // order by content (count)\n            if (unitA[0] < unitB[0]) {\n              return -1;\n            }\n            if (unitA[0] > unitB[0]) {\n              return 1;\n            }\n            return 0;\n          });\n        },\n        splitUnitName(unitName) {\n          const unitNameSplit = unitName.split(\" \");\n\n          if (!isNaN(unitNameSplit[0])) {\n            unitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, \"\");\n            unitNameSplit[0] = parseInt(unitNameSplit[0]);\n          }\n\n          return unitNameSplit;\n        }\n      },\n\n  watch:\n      {\n        currentSelection(value) {\n          this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n        },\n        variations() {\n          // FIX unset variation cache after subsequent variations are loaded\n          this.filteredVariationsCache = {};\n        },\n\n        priceDiff(value) {\n          this.$store.commit(`${this.itemId}/variationSelect/setPriceDiff`, value);\n        }\n      }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"single-variation-select__inner\" }, [\n    _vm.attributes.length ||\n    (_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)\n      ? _c(\n          \"div\",\n          { staticClass: \"row\" },\n          [\n            _vm._l(_vm.attributes, function (attribute, key) {\n              return _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                attribute.type === \"dropdown\"\n                  ? _c(\n                      \"div\",\n                      {\n                        ref: \"attributesContaner\",\n                        refInFor: true,\n                        staticClass: \"input-unit\",\n                        class: { \"initial-hidden-attributes\": key > 1 },\n                      },\n                      [\n                        _c(\n                          \"select\",\n                          {\n                            staticClass: \"custom-select custom-select-init\",\n                            attrs: {\n                              id: \"custom-select_\" + attribute.name,\n                              \"data-testing\": \"variation-select-dropdown\",\n                            },\n                            on: {\n                              change: function ($event) {\n                                return _vm.selectAttribute(\n                                  attribute.attributeId,\n                                  $event.target.value\n                                )\n                              },\n                            },\n                          },\n                          [\n                            _vm.addPleaseSelectOption || !_vm.hasSelection\n                              ? _c(\"option\", { domProps: { value: -1 } }, [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.singleItemPleaseSelect\"\n                                      )\n                                    ) + \"\\n          \"\n                                  ),\n                                ])\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption ||\n                            _vm.selectedAttributes[attribute.attributeId] ===\n                              null\n                              ? _c(\n                                  \"option\",\n                                  {\n                                    domProps: {\n                                      value: null,\n                                      selected:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                    },\n                                  },\n                                  [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemNoSelection\"\n                                        )\n                                      ) + \"\\n          \"\n                                    ),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function (value) {\n                              return _c(\n                                \"option\",\n                                {\n                                  attrs: {\n                                    \"data-src\": attribute.name.includes(\"Farbe\")\n                                      ? value.imageUrl\n                                      : \"\",\n                                  },\n                                  domProps: {\n                                    value: value.attributeValueId,\n                                    selected:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                  },\n                                },\n                                [\n                                  _vm.isAttributeSelectionValid(\n                                    attribute.attributeId,\n                                    value.attributeValueId,\n                                    true\n                                  )\n                                    ? [\n                                        _vm._v(\n                                          \"\\n              \" +\n                                            _vm._s(value.name) +\n                                            \"\\n            \"\n                                        ),\n                                      ]\n                                    : _vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        value.attributeValueId,\n                                        false\n                                      )\n                                    ? [\n                                        _vm._v(\n                                          \"\\n              \" +\n                                            _vm._s(\n                                              _vm.$translate(\n                                                \"Ceres::Template.singleItemNotSalableAttribute\",\n                                                { name: value.name }\n                                              )\n                                            ) +\n                                            \"\\n            \"\n                                        ),\n                                      ]\n                                    : [\n                                        _vm._v(\n                                          \"\\n              \" +\n                                            _vm._s(\n                                              _vm.$translate(\n                                                \"Ceres::Template.singleItemInvalidAttribute\",\n                                                { name: value.name }\n                                              )\n                                            ) +\n                                            \"\\n            \"\n                                        ),\n                                      ],\n                                ],\n                                2\n                              )\n                            }),\n                          ],\n                          2\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"label\",\n                          {\n                            directives: [\n                              {\n                                name: \"tooltip\",\n                                rawName: \"v-tooltip\",\n                                value: _vm.isTextCut(attribute.name),\n                                expression: \"isTextCut(attribute.name)\",\n                              },\n                            ],\n                            attrs: {\n                              for: \"custom-select_\" + attribute.name,\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"top\",\n                              title: attribute.name,\n                              \"data-testing\": \"variation-select-dropdown-label\",\n                            },\n                          },\n                          [_vm._v(_vm._s(attribute.name))]\n                        ),\n                      ]\n                    )\n                  : attribute.type === \"box\" || attribute.type === \"image\"\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"input-unit\",\n                        class: { \"initial-hidden-attributes\": key > 1 },\n                      },\n                      [\n                        _c(\n                          \"label\",\n                          {\n                            directives: [\n                              {\n                                name: \"tooltip\",\n                                rawName: \"v-tooltip\",\n                                value: _vm.isTextCut(attribute.name),\n                                expression: \"isTextCut(attribute.name)\",\n                              },\n                            ],\n                            attrs: {\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"top\",\n                              title: attribute.name,\n                            },\n                          },\n                          [_vm._v(_vm._s(attribute.name))]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"select\",\n                          {\n                            ref: \"selectWithImg\",\n                            refInFor: true,\n                            staticClass: \"custom-select custom-select-init\",\n                            on: {\n                              change: function ($event) {\n                                return _vm.selectAttribute(\n                                  attribute.attributeId,\n                                  $event.target.value\n                                )\n                              },\n                            },\n                          },\n                          [\n                            _vm.addPleaseSelectOption || !_vm.hasSelection\n                              ? _c(\"option\", { domProps: { value: -1 } }, [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.singleItemPleaseSelect\"\n                                      )\n                                    ) + \"\\n          \"\n                                  ),\n                                ])\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption ||\n                            _vm.selectedAttributes[attribute.attributeId] ===\n                              null\n                              ? _c(\n                                  \"option\",\n                                  {\n                                    domProps: {\n                                      value: null,\n                                      selected:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                    },\n                                  },\n                                  [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemNoSelection\"\n                                        )\n                                      ) + \"\\n          \"\n                                    ),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function (value) {\n                              return _c(\n                                \"option\",\n                                {\n                                  attrs: { \"data-src\": value.imageUrl },\n                                  domProps: {\n                                    value: value.attributeValueId,\n                                    selected:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                  },\n                                },\n                                [\n                                  _vm.isAttributeSelectionValid(\n                                    attribute.attributeId,\n                                    value.attributeValueId\n                                  )\n                                    ? [\n                                        _vm._v(\n                                          \"\\n              \" +\n                                            _vm._s(value.name) +\n                                            \"\\n            \"\n                                        ),\n                                      ]\n                                    : [\n                                        _vm._v(\n                                          \"\\n              \" +\n                                            _vm._s(\n                                              _vm.$translate(\n                                                \"Ceres::Template.singleItemInvalidAttribute\",\n                                                { name: \"${ value.name }\" }\n                                              )\n                                            ) +\n                                            \"\\n            \"\n                                        ),\n                                      ],\n                                ],\n                                2\n                              )\n                            }),\n                          ],\n                          2\n                        ),\n                      ]\n                    )\n                  : _vm._e(),\n              ])\n            }),\n            _vm._v(\" \"),\n            _vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  _c(\"div\", { staticClass: \"input-unit\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        staticClass: \"custom-select custom-select-init\",\n                        attrs: {\n                          id: \"unit-combination-ids-select\",\n                          \"data-testing\": \"variation-select-unit\",\n                        },\n                        on: {\n                          change: function ($event) {\n                            return _vm.selectUnit($event.target.value)\n                          },\n                        },\n                      },\n                      _vm._l(\n                        _vm.possibleUnitCombinationIds,\n                        function (unitCombinationId) {\n                          return _c(\n                            \"option\",\n                            {\n                              domProps: {\n                                value: unitCombinationId,\n                                selected:\n                                  parseInt(unitCombinationId) ===\n                                  _vm.selectedUnit,\n                              },\n                            },\n                            [\n                              _vm.isUnitSelectionValid(unitCombinationId)\n                                ? [\n                                    _vm._v(\n                                      \"\\n              \" +\n                                        _vm._s(\n                                          _vm.possibleUnits[unitCombinationId]\n                                        ) +\n                                        \"\\n            \"\n                                    ),\n                                  ]\n                                : [\n                                    _vm._v(\n                                      \"\\n              \" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemInvalidAttribute\",\n                                            {\n                                              name: _vm.possibleUnits[\n                                                unitCombinationId\n                                              ],\n                                            }\n                                          )\n                                        ) +\n                                        \"\\n            \"\n                                    ),\n                                  ],\n                            ],\n                            2\n                          )\n                        }\n                      ),\n                      0\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"label\",\n                      {\n                        attrs: {\n                          for: \"unit-combination-ids-select\",\n                          \"data-testing\": \"variation-select-unit-label\",\n                        },\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.singleItemContent\")\n                          )\n                        ),\n                      ]\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.attributes.length > 2\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  _c(\n                    \"a\",\n                    {\n                      staticClass: \"single-variation-select__toggle-more\",\n                      attrs: { href: \"#\" },\n                    },\n                    [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\n                            \"AbfallbehaelterXXL::Template.singleItemVariationShowMore\"\n                          )\n                        ) +\n                          \" (+\" +\n                          _vm._s(_vm.attributes.length - 2) +\n                          \")\"\n                      ),\n                    ]\n                  ),\n                ])\n              : _vm._e(),\n          ],\n          2\n        )\n      : _c(\"div\", [_vm._t(\"default\")], 2),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./VariationSelect.vue?vue&type=template&id=4a939d05\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/Trollmeister/Development/KELPIO/pp-abfallbehaelter-xxl/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a939d05')) {\n      api.createRecord('4a939d05', component.options)\n    } else {\n      api.reload('4a939d05', component.options)\n    }\n    module.hot.accept(\"./VariationSelect.vue?vue&type=template&id=4a939d05\", function () {\n      api.rerender('4a939d05', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/VariationSelect.vue\"\nexport default component.exports","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\"","export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=template&id=4a939d05\""],"sourceRoot":""}