{"version":3,"sources":["webpack:///./resources/js/src/app/extra/overrides/components/item/VariationSelect.vue?f730","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?ea6c","webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?7032","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///resources/js/src/app/extra/overrides/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/extra/overrides/components/item/VariationSelect.vue?16b7","webpack:///./resources/js/src/app/extra/overrides/components/item/VariationSelect.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attributes","length","possibleUnitCombinationIds","isContentVisible","_l","attribute","index","key","type","ref","refInFor","attrs","id","name","on","change","$event","selectAttribute","attributeId","target","value","addPleaseSelectOption","hasSelection","domProps","_v","_s","$translate","_e","hasEmptyOption","selectedAttributes","selected","values","attributeValueId","isAttributeSelectionValid","directives","rawName","isTextCut","expression","for","title","getSelectedAttributeValueName","class","images","active","invalid","click","getTooltip","src","imageUrl","alt","boxUnits","unitCombinationId","parseInt","selectedUnit","isUnitSalable","disabled","isValidVariationUnit","possibleUnits","unitClick","selectUnit","isUnitSelectionValid","_t","_withStripped","NotificationService","require","props","forceContent","Boolean","default","inject","itemId","data","filteredVariationsCache","lastContentCount","mounted","$store","commit","concat","currentSelection","computed","currentVariation","getters","currentVariationSelect","state","items","variationSelect","variations","some","variation","App","config","item","showPleaseSelect","filteredVariations","filterVariations","_step","_iterator","_createForOfIteratorHelper","s","n","done","unitName","err","e","f","transformPossibleUnits","map","isNullOrUndefined","Object","methods","onSelectionChange","unitId","setVariation","variationId","unsetInvalidSelection","qualifiedVariations","getQualifiedVariations","closestVariations","getClosestVariations","closestVariation","invalidSelection","getInvalidSelectionByVariation","correctSelection","attributeValue","getInvalidOptionTooltip","invalidSelections","attributesToReset","_step2","names","_iterator2","push","newUnit","join","isDefined","filter","find","closestSalableVariation","numberOfSalableChanges","closestNonSalableVariation","numberOfNonSalableChanges","_step3","_iterator3","changes","isNull","_step4","_iterator4","isSalable","_this","_loop","selectedAttributeId","variationAttribute","attributeToReset","attr","_step5","messages","JSON","parse","stringify","_iterator5","warn","closeAfter","strict","ignoreUnit","_this2","uniqueValues","_toConsumableArray","Set","isEmptyOptionSelected","_ret","_loop2","v","filterSalableVariations","keys","_this3","dispatch","then","document","dispatchEvent","CustomEvent","detail","documents","content","$refs","attributesContaner","textWidth","clientWidth","selectedAttributeValueId","selectedAttributeValue","attrValue","_this4","entries","sort","unitA","unitB","splitUnitName","unitNameSplit","split","isNaN","replace","currencyPattern","separator_thousands","watch","component","options","__file","extends","currentVariationAttributeIDs","currentVariationTitle","currentVariationDescription","currentVariationKeywords","currentVariationUrl","currentVariationAvailableUnits","currentVariationAttribute","valueId","availableUnits","indexOf","currentVariationMetaData","TranslationService","translate","variationProperties","forEach","element","properties","property","texts","metaDescription","model","keywords","window","location","href","head","querySelector","Number"],"mappings":"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","file":"chunks/ceres-client-57.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"row\" },\n    [\n      _vm.attributes.length ||\n      (_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)\n        ? [\n            _vm._l(_vm.attributes, function(attribute, index) {\n              return _c(\n                \"div\",\n                { key: index, staticClass: \"col-12 variation-select\" },\n                [\n                  attribute.type === \"dropdown\"\n                    ? _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"input-unit\"\n                        },\n                        [\n                          _c(\n                            \"select\",\n                            {\n                              staticClass: \"custom-select\",\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                                : _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                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(attribute.values, function(value) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    key: value.attributeValueId,\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\":\n                                  \"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(\"div\", [\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"text-muted\",\n                            attrs: { \"data-testing\": \"attribute-name\" }\n                          },\n                          [_vm._v(_vm._s(attribute.name) + \":\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"b\",\n                          { attrs: { \"data-testing\": \"attribute-value\" } },\n                          [\n                            _vm._v(\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              )\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"v-s-boxes py-3\",\n                            class: { images: attribute.type === \"image\" }\n                          },\n                          [\n                            _vm.addPleaseSelectOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === -1,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        -1\n                                      )\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\"\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          -1\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      )\n                                    ])\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        null,\n                                        true\n                                      )\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\"\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          null\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\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                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"tooltip\",\n                                      rawName: \"v-tooltip\",\n                                      value: true,\n                                      expression: \"true\"\n                                    }\n                                  ],\n                                  key: value.attributeValueId,\n                                  staticClass: \"v-s-box bg-white\",\n                                  class: {\n                                    active:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                    invalid: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                  },\n                                  attrs: {\n                                    \"data-testing\": \"variation-select-box\",\n                                    \"data-html\": \"true\",\n                                    \"data-toggle\": \"tooltip\",\n                                    \"data-placement\": \"top\",\n                                    \"data-original-title\": _vm.getTooltip(\n                                      attribute,\n                                      value\n                                    )\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    }\n                                  }\n                                },\n                                [\n                                  attribute.type === \"box\"\n                                    ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                        _vm._v(_vm._s(value.name))\n                                      ])\n                                    : _c(\"img\", {\n                                        staticClass: \"p-1\",\n                                        attrs: {\n                                          src: value.imageUrl,\n                                          alt: value.name\n                                        }\n                                      })\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        )\n                      ])\n                    : _vm._e()\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  !_vm.boxUnits\n                    ? _c(\"div\", { staticClass: \"input-unit\" }, [\n                        _c(\n                          \"select\",\n                          {\n                            staticClass: \"custom-select\",\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(_vm.possibleUnitCombinationIds, function(\n                            unitCombinationId\n                          ) {\n                            return _c(\n                              \"option\",\n                              {\n                                key: unitCombinationId,\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:\n                                                  _vm.possibleUnits[\n                                                    unitCombinationId\n                                                  ]\n                                              }\n                                            )\n                                          ) +\n                                          \"\\n                        \"\n                                      )\n                                    ]\n                              ],\n                              2\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(\n                                  \"Ceres::Template.singleItemContent\"\n                                )\n                              )\n                            )\n                          ]\n                        )\n                      ])\n                    : _vm.boxUnits\n                    ? _c(\"div\", [\n                        _c(\"div\", {}, [\n                          _c(\"b\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemContent\"\n                                )\n                              )\n                            )\n                          ])\n                        ]),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          { staticClass: \"v-s-boxes py-3\" },\n                          _vm._l(_vm.possibleUnitCombinationIds, function(\n                            unitCombinationId\n                          ) {\n                            return _c(\n                              \"div\",\n                              {\n                                directives: [\n                                  {\n                                    name: \"tooltip\",\n                                    rawName: \"v-tooltip\",\n                                    value: true,\n                                    expression: \"true\"\n                                  }\n                                ],\n                                key: unitCombinationId,\n                                staticClass: \"v-s-box bg-white\",\n                                class: {\n                                  active:\n                                    parseInt(unitCombinationId) ===\n                                    _vm.selectedUnit,\n                                  invalid: !_vm.isUnitSalable(\n                                    unitCombinationId\n                                  ),\n                                  disabled: !_vm.isValidVariationUnit(\n                                    unitCombinationId\n                                  )\n                                },\n                                attrs: {\n                                  \"data-testing\": \"variation-select-unit-box\",\n                                  \"data-html\": \"true\",\n                                  \"data-toggle\": \"tooltip\",\n                                  \"data-placement\": \"top\",\n                                  \"data-original-title\":\n                                    _vm.possibleUnits[unitCombinationId]\n                                },\n                                on: {\n                                  click: function($event) {\n                                    return _vm.unitClick(unitCombinationId)\n                                  }\n                                }\n                              },\n                              [\n                                _c(\"span\", { staticClass: \"mx-3\" }, [\n                                  _vm._v(\n                                    _vm._s(_vm.possibleUnits[unitCombinationId])\n                                  )\n                                ])\n                              ]\n                            )\n                          }),\n                          0\n                        )\n                      ])\n                    : _vm._e()\n                ])\n              : _vm._e()\n          ]\n        : [_vm._t(\"default\")]\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"row\" },\n    [\n      _vm.attributes.length ||\n      (_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)\n        ? [\n            _vm._l(_vm.attributes, function(attribute, index) {\n              return _c(\n                \"div\",\n                { key: index, staticClass: \"col-12 variation-select\" },\n                [\n                  attribute.type === \"dropdown\"\n                    ? _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"input-unit\"\n                        },\n                        [\n                          _c(\n                            \"select\",\n                            {\n                              staticClass: \"custom-select\",\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                                : _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                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(attribute.values, function(value) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    key: value.attributeValueId,\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\":\n                                  \"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(\"div\", [\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"text-muted\",\n                            attrs: { \"data-testing\": \"attribute-name\" }\n                          },\n                          [_vm._v(_vm._s(attribute.name) + \":\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"b\",\n                          { attrs: { \"data-testing\": \"attribute-value\" } },\n                          [\n                            _vm._v(\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              )\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"v-s-boxes py-3\",\n                            class: { images: attribute.type === \"image\" }\n                          },\n                          [\n                            _vm.addPleaseSelectOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === -1,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        -1\n                                      )\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\"\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          -1\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      )\n                                    ])\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        null,\n                                        true\n                                      )\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\"\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          null\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\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                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"tooltip\",\n                                      rawName: \"v-tooltip\",\n                                      value: true,\n                                      expression: \"true\"\n                                    }\n                                  ],\n                                  key: value.attributeValueId,\n                                  staticClass: \"v-s-box bg-white\",\n                                  class: {\n                                    active:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                    invalid: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                  },\n                                  attrs: {\n                                    \"data-testing\": \"variation-select-box\",\n                                    \"data-html\": \"true\",\n                                    \"data-toggle\": \"tooltip\",\n                                    \"data-placement\": \"top\",\n                                    \"data-original-title\": _vm.getTooltip(\n                                      attribute,\n                                      value\n                                    )\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    }\n                                  }\n                                },\n                                [\n                                  attribute.type === \"box\"\n                                    ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                        _vm._v(_vm._s(value.name))\n                                      ])\n                                    : _c(\"img\", {\n                                        staticClass: \"p-1\",\n                                        attrs: {\n                                          src: value.imageUrl,\n                                          alt: value.name\n                                        }\n                                      })\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        )\n                      ])\n                    : _vm._e()\n                ]\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\",\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(_vm.possibleUnitCombinationIds, function(\n                        unitCombinationId\n                      ) {\n                        return _c(\n                          \"option\",\n                          {\n                            key: unitCombinationId,\n                            domProps: {\n                              value: unitCombinationId,\n                              selected:\n                                parseInt(unitCombinationId) === _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:\n                                              _vm.possibleUnits[\n                                                unitCombinationId\n                                              ]\n                                          }\n                                        )\n                                      ) +\n                                      \"\\n                        \"\n                                  )\n                                ]\n                          ],\n                          2\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          ]\n        : [_vm._t(\"default\")]\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row\">\n        <template v-if=\"attributes.length || (possibleUnitCombinationIds.length > 1 && isContentVisible)\">\n            <div class=\"col-12 variation-select\" v-for=\"(attribute, index) in attributes\" :key=\"index\">\n                <!-- dropdown -->\n                <div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\n                    <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\" data-testing=\"variation-select-dropdown\">\n                        <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                        <option\n                                :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                                :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option>\n                        <option\n                                v-for=\"value in attribute.values\"\n                                :value=\"value.attributeValueId\"\n                                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\"\n                                :key=\"value.attributeValueId\">\n                            <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\">\n                                {{ value.name }}\n                            </template>\n                            <template v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\n                                {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name }) }}\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)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\" data-testing=\"variation-select-dropdown-label\">{{ attribute.name }}</label>\n                </div>\n                <!-- /dropdown -->\n\n                <!-- box and image -->\n                <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n                    <span class=\"text-muted\" data-testing=\"attribute-name\">{{ attribute.name }}:</span> <b data-testing=\"attribute-value\">{{ getSelectedAttributeValueName(attribute) }}</b>\n                    <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\n                        <div class=\"v-s-box bg-white empty-option\"\n                             data-testing=\"variation-select-box\"\n                             v-if=\"addPleaseSelectOption\"\n                             @click=\"selectAttribute(attribute.attributeId, -1)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === -1, 'invalid': !isAttributeSelectionValid(attribute.attributeId, -1) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\n                        </div>\n                        <div class=\"v-s-box bg-white empty-option\"\n                             data-testing=\"variation-select-box\"\n                             v-if=\"hasEmptyOption\"\n                             @click=\"selectAttribute(attribute.attributeId, null)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === null, 'invalid': !isAttributeSelectionValid(attribute.attributeId, null, true) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</span>\n                        </div>\n\n                        <div class=\"v-s-box bg-white\"\n                             data-testing=\"variation-select-box\"\n                             v-for=\"value in attribute.values\"\n                             @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                             :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\"\n                             v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"getTooltip(attribute, value)\"\n                             :key=\"value.attributeValueId\">\n                            <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n                            <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\n                        </div>\n                    </div>\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\" @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                                :key=\"unitCombinationId\">\n                            <template v-if=\"isUnitSelectionValid(unitCombinationId)\">\n                                {{ possibleUnits[unitCombinationId] }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": possibleUnits[unitCombinationId] }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <label for=\"unit-combination-ids-select\" data-testing=\"variation-select-unit-label\">{{ $translate(\"Ceres::Template.singleItemContent\") }}</label>\n                </div>\n            </div>\n            <!-- /units -->\n        </template>\n\n        <template v-else>\n            <slot></slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { textWidth } from \"../../helper/dom\";\nimport { isDefined, isNull, isNullOrUndefined } from \"../../helper/utils\";\n\nconst NotificationService = require(\"../../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    {\n        return {\n            filteredVariationsCache: {},\n            lastContentCount: 0\n        };\n    },\n\n    mounted()\n    {\n        // initially check for valid selection and disable add to basket button\n        this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\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        {\n            return this.variations.some(variation => !variation.attributes.length);\n        },\n\n        addPleaseSelectOption()\n        {\n            return App.config.item.showPleaseSelect;\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        {\n            const filteredVariations = this.filterVariations(null, null, true);\n\n            if (filteredVariations.length === 1)\n            {\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        {\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            {\n                possibleUnits[variation.unitCombinationId] = variation.unitName;\n            }\n\n            return possibleUnits;\n        },\n\n        possibleUnitCombinationIds()\n        {\n            return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\n        },\n\n        isContentVisible()\n        {\n            return !this.forceContent && !!this.currentSelection || this.forceContent;\n        },\n\n        hasSelection()\n        {\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        {\n            attributeValueId = parseInt(attributeValueId) || null;\n\n            if (this.selectedAttributes[attributeId] !== attributeValueId)\n            {\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                this.onSelectionChange(attributeId, attributeValueId, null);\n            }\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        {\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        {\n            if (this.currentSelection)\n            {\n                this.setVariation(this.currentSelection.variationId);\n            }\n            else if (!this.hasSelection)\n            {\n                // user switched back to \"please select\"\n                this.setVariation(0);\n            }\n            else\n            {\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        {\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            {\n                return;\n            }\n\n            const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n            this.correctSelection(invalidSelection);\n        },\n\n        getTooltip(attribute, attributeValue)\n        {\n            if(!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true))\n            {\n                return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n            }\n            else if(attribute.type === \"image\")\n            {\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        {\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n            const closestVariations   = this.getClosestVariations(qualifiedVariations);\n\n            if (!closestVariations || closestVariations.length <= 0)\n            {\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            {\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            {\n                if (attribute.attributeId !== attributeId)\n                {\n                    names.push(\"<b>\" + attribute.name +\"</b>\");\n                }\n            }\n            if (invalidSelection.newUnit)\n            {\n                names.push(\n                    \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n                );\n            }\n\n            if (!names.length)\n            {\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        {\n            if (isDefined(attributeValueId))\n            {\n                return this.variations.filter(variation =>\n                {\n                    return isDefined(variation.attributes.find(attribute =>\n                        attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                });\n            }\n            else if (isDefined(unitId))\n            {\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        {\n            let closestSalableVariation, numberOfSalableChanges;\n            let closestNonSalableVariation, numberOfNonSalableChanges;\n\n            for (const variation of qualifiedVariations)\n            {\n                let changes = 0;\n\n                if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit))\n                {\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                {\n                    if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId)\n                    {\n                        changes++;\n                    }\n                }\n\n                if(variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges))\n                {\n                    closestSalableVariation = variation;\n                    numberOfSalableChanges = changes;\n                }\n                else if (!variation.isSalable && (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges))\n                {\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        {\n            const attributesToReset = [];\n            let newUnit = null;\n\n            for (let selectedAttributeId in this.selectedAttributes)\n            {\n                selectedAttributeId = parseInt(selectedAttributeId);\n                const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n                if (!isNull(this.selectedAttributes[selectedAttributeId]))\n                {\n                    if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute)\n                    {\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            {\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        {\n            const messages   = [];\n            const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            for (const attributeToReset of invalidSelection.attributesToReset)\n            {\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            {\n                if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 && !isNull(this.selectedUnit))\n                {\n                    messages.push(\n                        this.$translate(\"Ceres::Template.singleItemNotAvailable\", { 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        {\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            {\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            {\n                // the selected unit is not matching\n                if (!ignoreUnit && variation.unitCombinationId !== unitId)\n                {\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                {\n                    return false;\n                }\n\n                for (const attributeId in attributes)\n                {\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                    {\n                        return false;\n                    }\n                }\n\n                return true;\n            });\n\n            this.filteredVariationsCache[key] = filteredVariations;\n\n            return filteredVariations;\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        {\n            attributeValueId = parseInt(attributeValueId) || null;\n            if (this.selectedAttributes[attributeId] === attributeValueId)\n            {\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            {\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        {\n            unitId = parseInt(unitId);\n            if (this.selectedUnit === unitId)\n            {\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        {\n            if (!isDefined(variationId) && this.currentSelection)\n            {\n                variationId = this.currentSelection.variationId;\n            }\n\n            if (isDefined(variationId))\n            {\n                this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation =>\n                {\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            }\n        },\n\n        isTextCut(content)\n        {\n            if (this.$refs.attributesContaner)\n            {\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        {\n            const selectedAttributeValueId =  this.selectedAttributes[attribute.attributeId];\n            const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n            if (selectedAttributeValue)\n            {\n                return selectedAttributeValue.name;\n            }\n            else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1)\n            {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n            }\n            return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n        },\n\n        transformPossibleUnits(possibleUnits)\n        {\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        {\n            this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n        },\n        variations()\n        {\n            // FIX unset variation cache after subsequent variations are loaded\n            this.filteredVariationsCache = {};\n        }\n    }\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=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(\"C:\\\\Plentymarkets\\\\26628\\\\48\\\\Ceres\\\\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","<template>\n    <div class=\"row\">\n        <template v-if=\"attributes.length || (possibleUnitCombinationIds.length > 1 && isContentVisible)\">\n\n\n            <!-- Show Attributes -->\n            <div class=\"col-12 variation-select\" v-for=\"(attribute, index) in attributes\" :key=\"index\">\n                <!-- dropdown -->\n                <div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\n                    <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\" data-testing=\"variation-select-dropdown\">\n                        <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                        <option\n                                :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                                :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option>\n                        <option\n                                v-for=\"value in attribute.values\"\n                                :value=\"value.attributeValueId\"\n                                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\"\n                                :key=\"value.attributeValueId\">\n                            <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\">\n                                {{ value.name }}\n                            </template>\n                            <template v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\n                                {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name }) }}\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)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\" data-testing=\"variation-select-dropdown-label\">{{ attribute.name }}</label>\n                </div>\n                <!-- /dropdown -->\n\n                <!-- box and image -->\n                <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n                    <span class=\"text-muted\" data-testing=\"attribute-name\">{{ attribute.name }}:</span> <b data-testing=\"attribute-value\">{{ getSelectedAttributeValueName(attribute) }}</b>\n                    <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\n                        <div class=\"v-s-box bg-white empty-option\"\n                             data-testing=\"variation-select-box\"\n                             v-if=\"addPleaseSelectOption\"\n                             @click=\"selectAttribute(attribute.attributeId, -1)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === -1, 'invalid': !isAttributeSelectionValid(attribute.attributeId, -1) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\n                        </div>\n                        <div class=\"v-s-box bg-white empty-option\"\n                             data-testing=\"variation-select-box\"\n                             v-if=\"hasEmptyOption\"\n                             @click=\"selectAttribute(attribute.attributeId, null)\"\n                             :class=\"{ 'active': selectedAttributes[attribute.attributeId] === null, 'invalid': !isAttributeSelectionValid(attribute.attributeId, null, true) }\">\n                            <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</span>\n                        </div>\n\n                        <div class=\"v-s-box bg-white\"\n                             data-testing=\"variation-select-box\"\n                             v-for=\"value in attribute.values\"\n                             @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                             :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\"\n                             v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"getTooltip(attribute, value)\"\n                             :key=\"value.attributeValueId\">\n                            <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n                            <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\n                        </div>\n                    </div>\n                </div>\n                <!-- /box and image -->\n            </div>\n\n            <!-- Show Units -->\n            <div class=\"col-12 variation-select\" v-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\">\n                <!-- dropdown -->\n                <div class=\"input-unit\" v-if=\"!boxUnits\">\n                    <select id=\"unit-combination-ids-select\" class=\"custom-select\" @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                                :key=\"unitCombinationId\">\n                            <template v-if=\"isUnitSelectionValid(unitCombinationId)\">\n                                {{ possibleUnits[unitCombinationId] }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": possibleUnits[unitCombinationId] }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <label for=\"unit-combination-ids-select\" data-testing=\"variation-select-unit-label\">{{ $translate(\"Ceres::Template.singleItemContent\") }}</label>\n                </div>\n                <!-- /dropdown -->\n\n                <!-- box and image -->\n                <div v-else-if=\"boxUnits\">\n                    <div class=\"\"><b>{{ $translate(\"Ceres::Template.singleItemContent\") }}</b></div>\n                    <div class=\"v-s-boxes py-3\">\n                        <div class=\"v-s-box bg-white\"\n                                data-testing=\"variation-select-unit-box\"\n                                v-for=\"unitCombinationId in possibleUnitCombinationIds\"\n                                @click=\"unitClick(unitCombinationId)\"\n                                :class=\"{ \n                                'active': parseInt(unitCombinationId) === selectedUnit, \n                                'invalid': !isUnitSalable(unitCombinationId), \n                                'disabled': !isValidVariationUnit(unitCombinationId) \n                                }\"\n                                v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"possibleUnits[unitCombinationId]\"\n                                :key=\"unitCombinationId\">\n                            <span class=\"mx-3\">{{ possibleUnits[unitCombinationId] }}</span>\n                        </div>\n                    </div>\n                </div>\n                <!-- /box and image -->\n            </div>\n            <!-- /units -->\n\n        </template>\n\n        <template v-else>\n            <slot></slot>\n        </template>\n    </div>\n</template>\n\n\n<script>\n// we replaced ./ with Ceres/components/itemList/  where Ceres is alias of  Ceres\\resources\\js\\src\\app\nimport variationSelect from \"Ceres/components/item/VariationSelect.vue\";\nimport TranslationService from \"Ceres/services/TranslationService\";\nimport { isNullOrUndefined } from \"Ceres/helper/utils\";\n// we use document.head to override meta data. VUEMEta override only Title. It appends new meta for all the other\n// import VueMeta from \"vue-meta\";\n// Vue.use(VueMeta);\n\nexport default {\n    name: \"variation-select\",\n    extends: variationSelect,\n\n    data()\n    {\n        return {\n            currentVariationAttributeIDs: [],\n            currentVariationTitle: null,\n            currentVariationDescription: null,\n            currentVariationKeywords: null,\n            currentVariationUrl: null\n        };\n    },\n\n\n\n    props: {\n        boxUnits:\n        {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    computed:\n    {\n\n        currentVariationAvailableUnits() {\n            // The selected attributes. Array of values. It can be a matrix of attributes\n            this.currentVariationAttributeIDs = [];\n            \n            if (this.currentVariation.attributes.length > 0) {\n                for (const currentVariationAttribute of this.currentVariation.attributes) {\n                    this.currentVariationAttributeIDs.push(currentVariationAttribute.valueId)\n                }\n            }\n\n            var availableUnits = [];\n\n\n            for (const variation of this.variations)\n            {\n                // if the variable has an attribute and there are attributes in item\n                if (variation.attributes.length > 0 && this.currentVariationAttributeIDs.length > 0) {\n                    if (variation.attributes[0].attributeValueId == parseInt(this.currentVariationAttributeIDs[0]) )\n                    {\n                        availableUnits.indexOf(variation.unitCombinationId) === -1 ? availableUnits.push(variation.unitCombinationId) : null;\n                    }\n                } else {\n                    availableUnits.indexOf(variation.unitCombinationId) === -1 ? availableUnits.push(variation.unitCombinationId) : null;\n                }\n\n            }\n\n            return availableUnits;\n        }\n\n    },\n\n    mounted()\n    {\n        // listen for variation change to hydrate all children lazy-hydrate components\n        // document.addEventListener(\"onVariationChanged\", () => this.currentVariationMetaData(this.$children));\n    },\n\n    methods:\n    {\n        currentVariationMetaData () {\n\n            this.currentVariationTitle = this.currentVariation.variation.name + ' | ' +TranslationService.translate(\"Ceres::Template.headerCompanyName\");\n            if(!isNullOrUndefined(this.currentVariation.variationProperties)) {\n                if (this.currentVariation.variationProperties.length > 0) {\n                    // this.currentVariationTitle = this.currentVariation.variationProperties[0].properties[0].values.value;\n                    this.currentVariation.variationProperties.forEach(element => {  // if(!isNullOrUndefined(orderProperty.property.value))\n                        if (element.id === 1) {\n                            element.properties.forEach(property => {\n                                if (property.id === 3) {\n                                    this.currentVariationTitle =  property.values.value;\n                                }\n                            });\n                        }\n                    });\n                }\n            }\n\n            this.currentVariationDescription = this.currentVariation.texts.metaDescription + ' Model: ' + this.currentVariation.variation.model;\n            this.currentVariationKeywords = this.currentVariation.texts.keywords + ' ' + this.currentVariation.variation.model;\n            this.currentVariationUrl = window.location.href; // \"https://www.irritop.com/hunter-x2-programmierer_833_1833\"\n\n\n\n            // p.replace('dog', 'monkey'));\n            // str.substring(str.indexOf('_') + 1)\n            // document.head.querySelector('link[hreflang=\"de\"]').content.replace('dog', this.currentVariation.variation.id)\n            // document.head.querySelector('link[hreflang=\"de\"]').href.substring(document.head.querySelector('link[hreflang=\"de\"]').href.indexOf('_') + 1)\n\n            window.document.title = this.currentVariationTitle;\n            if (document.head.querySelector('meta[id=\"desc\"]')) document.head.querySelector('meta[id=\"desc\"]').content = this.currentVariationDescription;\n            if (document.head.querySelector('meta[id=\"keyw\"]')) document.head.querySelector('meta[id=\"keyw\"]').content = this.currentVariationKeywords;\n            if (document.head.querySelector('meta[id=\"og:title\"]')) document.head.querySelector('meta[id=\"og:title\"]').content = this.currentVariationTitle;\n            if (document.head.querySelector('meta[id=\"og:url\"]')) document.head.querySelector('meta[id=\"og:url\"]').content = this.currentVariationUrl;\n\n            if (document.head.querySelector('link[hreflang=\"de\"]')) {\n                // let firstUnderscorePosition = document.head.querySelector('link[hreflang=\"de\"]').href.indexOf('_');\n                // let urlPath = document.head.querySelector('link[hreflang=\"de\"]').href.substring(1, firstUnderscorePosition);\n                // document.head.querySelector('link[hreflang=\"de\"]').href = urlPath + '_' + this.currentVariation.item.id + '_';\n            }\n\n\n            if (document.head.querySelector('link[rel=\"canonical\"]')) document.head.querySelector('link[rel=\"canonical\"]').href = this.currentVariationUrl;\n            if (document.head.querySelector('link[hreflang=\"x-default\"]')) document.head.querySelector('link[hreflang=\"x-default\"]').href = this.currentVariationUrl;\n            if (document.head.querySelector('link[hreflang=\"de\"]')) document.head.querySelector('link[hreflang=\"de\"]').href = 'nikos';\n            if (document.head.querySelector('link[hreflang=\"en\"]')) document.head.querySelector('link[hreflang=\"en\"]').href = 'nikos';\n\n            if (document.head.querySelector('meta[property=\"og:image\"]')) document.head.querySelector('meta[property=\"og:image\"]').content = this.currentVariationUrl;\n\n\n\n            // <link rel=\"canonical\" href=\"https://www.irritop.com/compression-coupler_178_1127\">\n            // <link rel=\"alternate\" hreflang=\"x-default\" href=\"https://www.irritop.com/compression-coupler_178_1127\">\n            // <link rel=\"alternate\" hreflang=\"de\" href=\"https://www.irritop.com/compression-coupler_178_1127\">\n            // <link rel=\"alternate\" hreflang=\"en\" href=\"https://www.irritop.com/en/compression-coupler_178_1127\">\n\n        },\n\n        isValidVariationUnit(unitCombinationId) {\n            if ( this.currentVariationAvailableUnits.indexOf(parseInt(unitCombinationId)) != -1 ) {\n                return true;\n            } \n            return false;\n        }, \n\n        unitClick (unitCombinationId) {\n\n            this.isValidVariationUnit(parseInt(unitCombinationId)) ? this.selectUnit(parseInt(unitCombinationId)): \"\";\n        },\n\n        isSalable (selectedAttributes, unitId) {\n            const attributeId = Object.keys(selectedAttributes)[0];\n            const attributeValueId = Object.values(selectedAttributes)[0];\n            const activeVariation = this.getQualifiedVariations(attributeId, attributeValueId, unitId)\n\n            \n            return activeVariation.isSalable;\n        },\n\n        isUnitSalable(unitId)\n        {\n            return this\n                .filterVariations(null, Number(unitId), true)\n                .filter(variation => variation.isSalable)\n                .length > 0\n        },\n\n\n        /** Override the default one removing the return true if is selected. It will always return if is Valid or not.\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        {\n            attributeValueId = parseInt(attributeValueId) || null;\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            {\n                variations = variations.filter(variation => variation.isSalable)\n            }\n\n            return variations.length > 0;\n        }\n\n    },\n/**\n    metaInfo() {\n        if (this.currentVariationTitle)\n        return {\n            title: this.currentVariationTitle\n        };\n    },\n*/\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=f6723944&\"\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(\"C:\\\\Plentymarkets\\\\26628\\\\48\\\\Ceres\\\\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('f6723944')) {\n      api.createRecord('f6723944', component.options)\n    } else {\n      api.reload('f6723944', component.options)\n    }\n    module.hot.accept(\"./VariationSelect.vue?vue&type=template&id=f6723944&\", function () {\n      api.rerender('f6723944', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/extra/overrides/components/item/VariationSelect.vue\"\nexport default component.exports"],"sourceRoot":""}