{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","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?68f5","webpack:///./resources/js/src/app/components/item/VariationSelect.vue"],"names":["$","$values","values","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","keys","length","i","result","call","push","module","exports","entries","$entries","render","_vm","this","_h","$createElement","_c","_self","class","type","attributes","Object","possibleUnits","isContentVisible","_l","attribute","staticClass","_v","_s","$translate","getSelectedAttributeValueName","attrs","id","attributeId","value","isEnabled","attributeValueId","selectedAttributes","on","click","$event","selectAttribute","name","src","imageUrl","alt","_e","attributeSizeId","includes","parseInt","toggleSidebar","width","height","ref","refInFor","change","addPleaseSelectOption","hasSelection","domProps","hasEmptyOption","selected","isAttributeSelectionValid","selectUnit","unit","unitId","selectedUnit","isUnitSelectionValid","showValues","_t","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-6.min.js","sourcesContent":["var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.es/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.es/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.es/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      class: { \"fixed-product-box__variation-wrapper\": _vm.type === \"mobile\" }\n    },\n    [\n      _vm.type === \"desktop\" &&\n      (_vm.attributes.length ||\n        (Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible))\n        ? [\n            _vm._l(_vm.attributes, function(attribute) {\n              return attribute.type === \"box\" || attribute.type === \"image\"\n                ? [\n                    _c(\"div\", { staticClass: \"details__size-label\" }, [\n                      _c(\"span\", [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(_vm.$translate(\"ODNaPo::NaPo.singleColor\")) +\n                            \":\\n                \"\n                        ),\n                        _c(\"strong\", [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              ) +\n                              \"\\n                \"\n                          )\n                        ])\n                      ])\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"single-swiper-attribute\" }, [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"swiper-wrapper\",\n                          attrs: {\n                            id: \"js--variation-\" + attribute.attributeId\n                          }\n                        },\n                        _vm._l(attribute.values, function(value) {\n                          return _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"swiper-slide single-swiper__attribute-slide\",\n                              class: [\n                                {\n                                  \"single__attribute--disabled\": !_vm.isEnabled(\n                                    attribute.attributeId,\n                                    value.attributeValueId\n                                  )\n                                },\n                                {\n                                  \"single-item__attribute--active\":\n                                    value.attributeValueId ===\n                                    _vm.selectedAttributes[\n                                      attribute.attributeId\n                                    ]\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\", [\n                                    _vm._v(\n                                      \"\\n                            \" +\n                                        _vm._s(value.name) +\n                                        \"\\n                        \"\n                                    )\n                                  ])\n                                : _c(\"img\", {\n                                    staticClass:\n                                      \"single-swiper__image single-swiper__attribute-image object-fit\",\n                                    attrs: {\n                                      src: value.imageUrl,\n                                      alt: value.name\n                                    }\n                                  })\n                            ]\n                          )\n                        }),\n                        0\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass:\n                          \"swiper-button-next single-swiper-attribute-next\"\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass:\n                          \"swiper-button-prev single-swiper-attribute-prev\"\n                      })\n                    ])\n                  ]\n                : _vm._e()\n            }),\n            _vm._v(\" \"),\n            _vm._l(_vm.attributes, function(attribute) {\n              return [\n                attribute.type !== \"box\" &&\n                attribute.type !== \"image\" &&\n                _vm.attributeSizeId &&\n                _vm.attributeSizeId.includes(parseInt(attribute.attributeId))\n                  ? [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass:\n                            \"details__size-label details__size-label--m-t\",\n                          attrs: {\n                            id: \"js--variation-\" + attribute.attributeId\n                          }\n                        },\n                        [\n                          _c(\"span\", [\n                            _vm._v(\n                              \"\\n                   \" +\n                                _vm._s(\n                                  _vm.$translate(\"ODNaPo::NaPo.singleSize\")\n                                ) +\n                                \":\\n                \"\n                            )\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\n                            \"span\",\n                            {\n                              staticClass: \"details__size-cta\",\n                              attrs: {\n                                \"data-toggle\": \"modal\",\n                                \"data-target\": \"#id--single-size-modal\"\n                              }\n                            },\n                            [\n                              _c(\"span\", [\n                                _vm._v(\n                                  \"\\n                        \" +\n                                    _vm._s(\n                                      _vm.$translate(\"ODNaPo::NaPo.sizeTable\")\n                                    ) +\n                                    \"\\n                    \"\n                                )\n                              ])\n                            ]\n                          )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass:\n                            \"details__attribute-select details__attribute-select--sidebar\",\n                          on: {\n                            click: function($event) {\n                              return _vm.toggleSidebar()\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            { staticClass: \"details__attribute-fake-select\" },\n                            [\n                              _vm._v(\n                                \"\\n                        \" +\n                                  _vm._s(\n                                    _vm.getSelectedAttributeValueName(attribute)\n                                  ) +\n                                  \"\\n                    \"\n                              )\n                            ]\n                          )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"attribute-sidebar__sidebar\" }, [\n                        _c(\n                          \"div\",\n                          { staticClass: \"attribute-sidebar__header\" },\n                          [\n                            _c(\n                              \"div\",\n                              { staticClass: \"attribute-sidebar__title\" },\n                              [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"ODNaPo::NaPo.singleSelectSize\"\n                                      )\n                                    ) +\n                                    \"\\n                        \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              {\n                                staticClass: \"attribute-sidebar__size-cta\",\n                                attrs: {\n                                  \"data-toggle\": \"modal\",\n                                  \"data-target\": \"#id--single-size-modal\"\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(\n                                      _vm.$translate(\"ODNaPo::NaPo.sizeTable\")\n                                    ) +\n                                    \"\\n                        \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              {\n                                staticClass: \"attribute-sidebar__close\",\n                                on: {\n                                  click: function($event) {\n                                    return _vm.toggleSidebar()\n                                  }\n                                }\n                              },\n                              [\n                                _c(\n                                  \"svg\",\n                                  { attrs: { width: \"13\", height: \"13\" } },\n                                  [\n                                    _c(\"use\", {\n                                      attrs: {\n                                        \"xmlns:xlink\":\n                                          \"http://www.w3.org/1999/xlink\",\n                                        \"xlink:href\": \"#svg-close\"\n                                      }\n                                    })\n                                  ]\n                                )\n                              ]\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"ul\",\n                          { staticClass: \"attribute-sidebar__list\" },\n                          _vm._l(attribute.values, function(value) {\n                            return _c(\n                              \"li\",\n                              {\n                                staticClass: \"attribute-sidebar__list-item\",\n                                class: [\n                                  {\n                                    \"single__attribute--disabled\": !_vm.isEnabled(\n                                      attribute.attributeId,\n                                      value.attributeValueId\n                                    )\n                                  },\n                                  {\n                                    \"single-item__attribute--active\":\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ]\n                                  }\n                                ],\n                                on: {\n                                  click: function($event) {\n                                    return _vm.selectAttribute(\n                                      attribute.attributeId,\n                                      value.attributeValueId\n                                    )\n                                  }\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(value.name) +\n                                    \"\\n                        \"\n                                )\n                              ]\n                            )\n                          }),\n                          0\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"attribute-sidebar__overlay\" })\n                    ]\n                  : _c(\n                      \"div\",\n                      {\n                        ref: \"attributesContaner\",\n                        refInFor: true,\n                        staticClass: \"details__attribute-select\"\n                      },\n                      [\n                        _c(\n                          \"select\",\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                                    \"\\n                        \" +\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                            _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                                      \"\\n                        \" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        ) +\n                                        \"\\n                    \"\n                                    )\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function(value) {\n                              return _c(\n                                \"option\",\n                                {\n                                  domProps: {\n                                    value: value.attributeValueId,\n                                    selected:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ]\n                                  }\n                                },\n                                [\n                                  _vm.isAttributeSelectionValid(\n                                    attribute.attributeId,\n                                    value.attributeValueId\n                                  )\n                                    ? [\n                                        _vm._v(\n                                          \"\\n                            \" +\n                                            _vm._s(value.name) +\n                                            \"\\n                        \"\n                                        )\n                                      ]\n                                    : [\n                                        _vm._v(\n                                          \"\\n                            \" +\n                                            _vm._s(\n                                              _vm.$translate(\n                                                \"Ceres::Template.singleItemInvalidAttribute\",\n                                                { name: value.name }\n                                              )\n                                            ) +\n                                            \"\\n                        \"\n                                        )\n                                      ]\n                                ],\n                                2\n                              )\n                            })\n                          ],\n                          2\n                        )\n                      ]\n                    )\n              ]\n            }),\n            _vm._v(\" \"),\n            Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12\" }, [\n                  _c(\"div\", { staticClass: \"input-unit\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        staticClass: \"custom-select\",\n                        on: {\n                          change: function($event) {\n                            return _vm.selectUnit($event.target.value)\n                          }\n                        }\n                      },\n                      _vm._l(_vm.possibleUnits, function(unit, unitId) {\n                        return _c(\n                          \"option\",\n                          {\n                            domProps: {\n                              value: unitId,\n                              selected: parseInt(unitId) === _vm.selectedUnit\n                            }\n                          },\n                          [\n                            _vm.isUnitSelectionValid(unitId)\n                              ? [\n                                  _vm._v(\n                                    \"\\n                            \" +\n                                      _vm._s(unit) +\n                                      \"\\n                        \"\n                                  )\n                                ]\n                              : [\n                                  _vm._v(\n                                    \"\\n                            \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemInvalidAttribute\",\n                                          { name: unit }\n                                        )\n                                      ) +\n                                      \"\\n                        \"\n                                  )\n                                ]\n                          ],\n                          2\n                        )\n                      }),\n                      0\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"label\", [\n                      _vm._v(\n                        \"\\n                    \" +\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.singleItemContent\")\n                          ) +\n                          \"\\n                \"\n                      )\n                    ])\n                  ])\n                ])\n              : _vm._e()\n          ]\n        : _vm.type === \"mobile\" &&\n          (_vm.attributes.length ||\n            (Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible))\n        ? [\n            _vm._l(_vm.attributes, function(attribute) {\n              return attribute.type === \"image\" ||\n                (_vm.attributeSizeId &&\n                  _vm.attributeSizeId.includes(parseInt(attribute.attributeId)))\n                ? [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"fixed-product-box__dropdown\",\n                        on: {\n                          click: function($event) {\n                            return _vm.showValues(\n                              \"#js--variation-mobile-\" + attribute.attributeId\n                            )\n                          }\n                        }\n                      },\n                      [\n                        _c(\n                          \"span\",\n                          { staticClass: \"fixed-product-box__label\" },\n                          [\n                            _vm.attributeSizeId !== \"\" &&\n                            _vm.attributeSizeId.includes(\n                              parseInt(attribute.attributeId)\n                            )\n                              ? [\n                                  _vm._v(\n                                    \"\\n                       \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"ODNaPo::NaPo.singleSize\"\n                                        )\n                                      ) +\n                                      \"\\n                    \"\n                                  )\n                                ]\n                              : attribute.type === \"image\"\n                              ? [\n                                  _vm._v(\n                                    \"\\n                       \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"ODNaPo::NaPo.singleColor\"\n                                        )\n                                      ) +\n                                      \"\\n                    \"\n                                  )\n                                ]\n                              : _vm._e()\n                          ],\n                          2\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"p\", [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              ) +\n                              \"\\n                \"\n                          )\n                        ])\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"fixed-product-box__values-wrapper\",\n                        attrs: {\n                          id: \"js--variation-mobile-\" + attribute.attributeId\n                        }\n                      },\n                      [\n                        _vm.attributeSizeId !== \"\" &&\n                        _vm.attributeSizeId.includes(\n                          parseInt(attribute.attributeId)\n                        )\n                          ? [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"fixed-product-box__size-table-cta\",\n                                  attrs: {\n                                    \"data-toggle\": \"modal\",\n                                    \"data-target\": \"#id--single-size-modal\"\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    { staticClass: \"details__size-cta\" },\n                                    [\n                                      _vm._v(\n                                        \"\\n                            \" +\n                                          _vm._s(\n                                            _vm.$translate(\n                                              \"ODNaPo::NaPo.sizeTable\"\n                                            )\n                                          ) +\n                                          \"\\n                        \"\n                                      )\n                                    ]\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"fixed-product-box__scroll-outer fixed-product-box__scroll-outer--text\"\n                                },\n                                [\n                                  _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"fixed-product-box__scroll-inner\"\n                                    },\n                                    _vm._l(attribute.values, function(value) {\n                                      return _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"fixed-product-box__value-box\",\n                                          class: [\n                                            {\n                                              \"fixed-product-box__value--disabled\": !_vm.isEnabled(\n                                                attribute.attributeId,\n                                                value.attributeValueId\n                                              )\n                                            },\n                                            {\n                                              \"single-item__attribute--active\":\n                                                value.attributeValueId ===\n                                                _vm.selectedAttributes[\n                                                  attribute.attributeId\n                                                ]\n                                            }\n                                          ],\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.selectAttribute(\n                                                attribute.attributeId,\n                                                value.attributeValueId\n                                              )\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _c(\n                                            \"span\",\n                                            {\n                                              staticClass:\n                                                \"fixed-product-box__value-text\"\n                                            },\n                                            [\n                                              _vm._v(\n                                                \"\\n                                    \" +\n                                                  _vm._s(value.name) +\n                                                  \"\\n                                \"\n                                              )\n                                            ]\n                                          )\n                                        ]\n                                      )\n                                    }),\n                                    0\n                                  )\n                                ]\n                              )\n                            ]\n                          : attribute.type === \"image\"\n                          ? [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"fixed-product-box__scroll-outer fixed-product-box__scroll-outer--image\"\n                                },\n                                [\n                                  _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"fixed-product-box__scroll-inner\"\n                                    },\n                                    _vm._l(attribute.values, function(value) {\n                                      return _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"fixed-product-box__value-box\",\n                                          class: [\n                                            {\n                                              \"fixed-product-box__value--disabled\": !_vm.isEnabled(\n                                                attribute.attributeId,\n                                                value.attributeValueId\n                                              )\n                                            },\n                                            {\n                                              \"single-item__attribute--active\":\n                                                value.attributeValueId ===\n                                                _vm.selectedAttributes[\n                                                  attribute.attributeId\n                                                ]\n                                            }\n                                          ],\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.selectAttribute(\n                                                attribute.attributeId,\n                                                value.attributeValueId\n                                              )\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _c(\"img\", {\n                                            staticClass:\n                                              \"fixed-product-box__value-image object-fit\",\n                                            attrs: {\n                                              src: value.imageUrl,\n                                              alt: value.name\n                                            }\n                                          })\n                                        ]\n                                      )\n                                    }),\n                                    0\n                                  )\n                                ]\n                              )\n                            ]\n                          : _vm._e()\n                      ],\n                      2\n                    )\n                  ]\n                : _vm._e()\n            })\n          ]\n        : _c(\"div\", [_vm._t(\"default\")], 2)\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div :class=\"{'fixed-product-box__variation-wrapper': type === 'mobile'}\">\n\n        <!-- desktop attribute selects -->\n        <template v-if=\"type === 'desktop' && (attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible))\">\n\n            <!-- slider attribute select -->\n            <template v-for=\"attribute in attributes\"\n                      v-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n                <div class=\"details__size-label\">\n                    <span>\n                        {{ $translate(\"ODNaPo::NaPo.singleColor\") }}:\n                    <strong>\n                        {{ getSelectedAttributeValueName(attribute) }}\n                    </strong>\n                </span>\n                </div>\n                <div class=\"single-swiper-attribute\">\n                    <div class=\"swiper-wrapper\"\n                         :id=\"'js--variation-' + attribute.attributeId\">\n                        <div class=\"swiper-slide single-swiper__attribute-slide\"\n                             v-for=\"value in attribute.values\"\n                             @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                             :class=\"[\n                                {'single__attribute--disabled': !isEnabled(attribute.attributeId, value.attributeValueId)},\n                                {'single-item__attribute--active': value.attributeValueId === selectedAttributes[attribute.attributeId]}\n                             ]\">\n                            <span v-if=\"attribute.type === 'box'\">\n                                {{ value.name }}\n                            </span>\n                            <img v-else\n                                 class=\"single-swiper__image single-swiper__attribute-image object-fit\"\n                                 :src=\"value.imageUrl\"\n                                 :alt=\"value.name\">\n                        </div>\n                    </div>\n                    <div class=\"swiper-button-next single-swiper-attribute-next\"></div>\n                    <div class=\"swiper-button-prev single-swiper-attribute-prev\"></div>\n                </div>\n            </template>\n\n            <template v-for=\"attribute in attributes\">\n\n                <!-- sidebar attribute (size) select -->\n                <template v-if=\"attribute.type !== 'box' && attribute.type !== 'image' && attributeSizeId && attributeSizeId.includes(parseInt(attribute.attributeId))\">\n                    <div class=\"details__size-label details__size-label--m-t\"\n                         :id=\"'js--variation-' + attribute.attributeId\">\n                    <span>\n                       {{ $translate(\"ODNaPo::NaPo.singleSize\") }}:\n                    </span>\n                        <span data-toggle=\"modal\"\n                              data-target=\"#id--single-size-modal\"\n                              class=\"details__size-cta\">\n                        <span>\n                            {{ $translate(\"ODNaPo::NaPo.sizeTable\") }}\n                        </span>\n                    </span>\n                    </div>\n                    <div class=\"details__attribute-select details__attribute-select--sidebar\"\n                         @click=\"toggleSidebar()\">\n                        <div class=\"details__attribute-fake-select\">\n                            {{ getSelectedAttributeValueName(attribute) }}\n                        </div>\n                    </div>\n                    <div class=\"attribute-sidebar__sidebar\">\n                        <div class=\"attribute-sidebar__header\">\n                            <div class=\"attribute-sidebar__title\">\n                                {{ $translate(\"ODNaPo::NaPo.singleSelectSize\") }}\n                            </div>\n                            <div data-toggle=\"modal\"\n                                 data-target=\"#id--single-size-modal\"\n                                 class=\"attribute-sidebar__size-cta\">\n                                {{ $translate(\"ODNaPo::NaPo.sizeTable\") }}\n                            </div>\n                            <div class=\"attribute-sidebar__close\"\n                                 @click=\"toggleSidebar()\">\n                                <svg width=\"13\" height=\"13\">\n                                    <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                         xlink:href=\"#svg-close\"></use>\n                                </svg>\n                            </div>\n                        </div>\n                        <ul class=\"attribute-sidebar__list\">\n                            <li class=\"attribute-sidebar__list-item\"\n                                v-for=\"value in attribute.values\"\n                                :class=\"[\n                                    {'single__attribute--disabled': !isEnabled(attribute.attributeId, value.attributeValueId)},\n                                    {'single-item__attribute--active': value.attributeValueId === selectedAttributes[attribute.attributeId]}\n                                ]\"\n                                @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\">\n                                {{ value.name }}\n                            </li>\n                        </ul>\n                    </div>\n                    <div class=\"attribute-sidebar__overlay\"></div>\n                </template>\n\n                <!-- select attribute select -->\n                <div v-else\n                     class=\"details__attribute-select\"\n                     ref=\"attributesContaner\">\n                    <select @change=\"selectAttribute(attribute.attributeId, $event.target.value)\">\n                        <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">\n                            {{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n                        </option>\n                        <option :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                                :selected=\"selectedAttributes[attribute.attributeId] === null\">\n                            {{ $translate(\"Ceres::Template.singleItemNoSelection\") }}\n                        </option>\n                        <option v-for=\"value in attribute.values\"\n                                :value=\"value.attributeValueId\"\n                                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n                            <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\">\n                                {{ value.name }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <!--<label v-tooltip=\"isTextCut(attribute.name)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\">-->\n                        <!--{{ attribute.name }}-->\n                    <!--</label>-->\n                </div>\n            </template>\n\n            <!-- units -->\n            <div class=\"col-12\" v-if=\"Object.keys(possibleUnits).length > 1 && isContentVisible\">\n                <div class=\"input-unit\">\n                    <select class=\"custom-select\"\n                            @change=\"selectUnit($event.target.value)\">\n                        <option v-for=\"(unit, unitId) in possibleUnits\"\n                                :value=\"unitId\"\n                                :selected=\"parseInt(unitId) === selectedUnit\">\n                            <template v-if=\"isUnitSelectionValid(unitId)\">\n                                {{ unit }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": unit }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <label>\n                        {{ $translate(\"Ceres::Template.singleItemContent\") }}\n                    </label>\n                </div>\n            </div>\n            <!-- /units -->\n\n        </template>\n        <!-- mobile fixed attribute selects (color and size) -->\n        <template v-else-if=\"type === 'mobile' && (attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible))\">\n            <template v-for=\"attribute in attributes\"\n                      v-if=\"attribute.type === 'image' || (attributeSizeId && attributeSizeId.includes(parseInt(attribute.attributeId)))\">\n                <div class=\"fixed-product-box__dropdown\"\n                     @click=\"showValues('#js--variation-mobile-' + attribute.attributeId)\">\n                    <span class=\"fixed-product-box__label\">\n                        <template v-if=\"attributeSizeId !== '' && attributeSizeId.includes(parseInt(attribute.attributeId))\">\n                           {{ $translate(\"ODNaPo::NaPo.singleSize\") }}\n                        </template>\n                        <template v-else-if=\"attribute.type === 'image'\">\n                           {{ $translate(\"ODNaPo::NaPo.singleColor\") }}\n                        </template>\n                    </span>\n                    <p>\n                        {{ getSelectedAttributeValueName(attribute) }}\n                    </p>\n                </div>\n                <div class=\"fixed-product-box__values-wrapper\"\n                     :id=\"'js--variation-mobile-' + attribute.attributeId\">\n                    <template v-if=\"attributeSizeId !== '' && attributeSizeId.includes(parseInt(attribute.attributeId))\">\n                        <div class=\"fixed-product-box__size-table-cta\"\n                             data-toggle=\"modal\"\n                             data-target=\"#id--single-size-modal\">\n                            <span class=\"details__size-cta\">\n                                {{ $translate(\"ODNaPo::NaPo.sizeTable\") }}\n                            </span>\n                        </div>\n                        <div class=\"fixed-product-box__scroll-outer fixed-product-box__scroll-outer--text\">\n                            <div class=\"fixed-product-box__scroll-inner\">\n                                <div v-for=\"value in attribute.values\"\n                                     class=\"fixed-product-box__value-box\"\n                                     :class=\"[\n                                        {'fixed-product-box__value--disabled': !isEnabled(attribute.attributeId, value.attributeValueId)},\n                                        {'single-item__attribute--active': value.attributeValueId === selectedAttributes[attribute.attributeId]}\n                                     ]\"\n                                     @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\">\n                                    <span class=\"fixed-product-box__value-text\">\n                                        {{ value.name }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    </template>\n                    <template v-else-if=\"attribute.type === 'image'\">\n                        <div class=\"fixed-product-box__scroll-outer fixed-product-box__scroll-outer--image\">\n                            <div class=\"fixed-product-box__scroll-inner\">\n                                <div v-for=\"value in attribute.values\"\n                                     class=\"fixed-product-box__value-box\"\n                                     :class=\"[\n                                        {'fixed-product-box__value--disabled': !isEnabled(attribute.attributeId, value.attributeValueId)},\n                                        {'single-item__attribute--active': value.attributeValueId === selectedAttributes[attribute.attributeId]}\n                                     ]\"\n                                     @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\">\n                                    <img class=\"fixed-product-box__value-image object-fit\"\n                                         :src=\"value.imageUrl\"\n                                         :alt=\"value.name\">\n                                </div>\n                            </div>\n                        </div>\n                    </template>\n                </div>\n            </template>\n        </template>\n        <div v-else>\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { textWidth } from \"ceres/app/helper/dom\";\nimport { isDefined, isNull, isNullOrUndefined } from \"ceres/app/helper/utils\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n    name: \"variation-select\",\n\n    props: {\n        forceContent:\n        {\n            type: Boolean,\n            default: false\n        },\n        attributeSizeId: null,\n        attributeColorId: null,\n        type: null\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            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        units() {\n            return this.currentVariationSelect && this.currentVariationSelect.units;\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            if(this.attributeSizeId !== null && this.attributeSizeId.includes(parseInt(attributeId))) {\n                this.toggleSidebar();\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         */\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        isEnabled(attributeId, attributeValueId) {\n\n            // let attribute = [];\n            //\n            // attribute[attributeId] = attributeValueId;\n            //\n            // if(\n            //     this.attributeSizeId !== null &&\n            //     this.attributeSizeId.includes(parseInt(attributeId)) &&\n            //     this.attributeColorId !== null\n            // ) {\n            //\n            //     let ret = this.variations.filter(variation => {\n            //\n            //         if(variation.stock.net === 0) {\n            //             return false;\n            //         }\n            //\n            //         let foundColor = false;\n            //         let foundSize  = false;\n            //\n            //         for (let i = 0; i < variation.attributes.length; i++) {\n            //\n            //             if(this.attributeColorId == variation.attributes[i].attributeValueId) {\n            //                 foundColor = true;\n            //             }else{\n            //                 const id  = variation.attributes[i].attributeId;\n            //                 const val = variation.attributes[i].attributeValueId;\n            //\n            //                 if (attribute[id] && attribute[id] == val) {\n            //                     foundSize = true;\n            //                 }\n            //             }\n            //         }\n            //\n            //         return foundColor && foundSize;\n            //\n            //     });\n            //\n            //     return ret.length > 0;\n            //\n            // }else{\n            //     return this.variations.filter(variation => {\n            //         for (let i = 0; i < variation.attributes.length; i++) {\n            //\n            //             if(variation.stock.stockNet === 0) {\n            //                 return false;\n            //             }\n            //\n            //             const id  = variation.attributes[i].attributeId;\n            //             const val = variation.attributes[i].attributeValueId;\n            //\n            //             if (!!attribute[id] && attribute[id] != val) {\n            //                 return false;\n            //             }\n            //         }\n            //\n            //         return variation.attributes.length > 0;\n            //\n            //     }).length > 0;\n            // }\n\n            return true;\n        },\n\n        toggleSidebar() {\n            if(window.innerWidth >= 992) {\n                $('.attribute-sidebar__sidebar').toggleClass('attribute-sidebar__sidebar--open');\n                $('body').toggleClass('attribute-sidebar--open');\n            }\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        showValues(selector) {\n\n            let $el = $(selector);\n\n            if($el.hasClass('fixed-product-box__values-wrapper--active')) {\n\n                $el.removeClass('fixed-product-box__values-wrapper--active');\n                $el.prev().removeClass('fixed-product-box__dropdown--active');\n\n                document.body.classList.remove('fixed-product-box--active')\n            }else{\n\n                $('.fixed-product-box')\n                    .find('.fixed-product-box__values-wrapper--active')\n                    .removeClass('fixed-product-box__values-wrapper--active')\n                    .prev().removeClass('fixed-product-box__dropdown--active');\n\n                $el.addClass('fixed-product-box__values-wrapper--active');\n                $el.prev().addClass('fixed-product-box__dropdown--active');\n\n                document.body.classList.add('fixed-product-box--active')\n            }\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(\"/Users/fhartwig/Sites/DIA-NaPo/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"],"sourceRoot":""}