{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?094d","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?2512"],"names":["$","$values","values","target","stat","O","DESCRIPTORS","fails","uncurryThis","objectGetPrototypeOf","objectKeys","toIndexedObject","propertyIsEnumerable","f","push","IE_BUG","Object","create","createMethod","TO_ENTRIES","it","key","keys","IE_WORKAROUND","length","i","result","module","exports","entries","render","_vm","this","_c","_self","attributes","possibleUnits","isContentVisible","_l","attribute","staticClass","type","directives","name","rawName","value","isTextCut","expression","attrs","title","_v","_s","ref","refInFor","id","on","change","$event","selectAttribute","attributeId","addPleaseSelectOption","hasSelection","domProps","$translate","_e","hasEmptyOption","selectedAttributes","selected","attributeValueId","isAttributeSelectionValid","getSelectedAttributeValueName","class","images","active","invalid","click","getInvalidOptionTooltip","src","imageUrl","alt","selectUnit","unit","unitId","parseInt","selectedUnit","isUnitSelectionValid","for","_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","unitCombinationId","unitName","err","e","isNullOrUndefined","units","methods","onSelectionChange","setVariation","variationId","unsetInvalidSelection","qualifiedVariations","getQualifiedVariations","closestVariations","getClosestVariations","closestVariation","invalidSelection","getInvalidSelectionByVariation","correctSelection","getTooltip","attributeValue","getClosestVariation","_step2","names","_iterator2","attributesToReset","newUnit","join","isDefined","filter","find","numberOfRequiredChanges","_step3","_iterator3","changes","isNull","_step4","_iterator4","_this","_loop","selectedAttributeId","variationAttribute","attributeToReset","attr","_step5","messages","JSON","parse","stringify","_iterator5","warn","closeAfter","strict","ignoreUnit","_this2","uniqueValues","_toConsumableArray","Set","isEmptyOptionSelected","_ret","_loop2","v","_this3","dispatch","then","document","dispatchEvent","CustomEvent","detail","documents","content","$refs","attributesContaner","textWidth","clientWidth","selectedAttributeValueId","selectedAttributeValue","attrValue","watch","component"],"mappings":"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","file":"chunks/ceres-client-7.min.js","sourcesContent":["'use strict';\nvar $ = 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","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar fails = require('../internals/fails');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar objectGetPrototypeOf = require('../internals/object-get-prototype-of');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar $propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\nvar propertyIsEnumerable = uncurryThis($propertyIsEnumerable);\nvar push = uncurryThis([].push);\n\n// in some IE versions, `propertyIsEnumerable` returns incorrect result on integer keys\n// of `null` prototype objects\nvar IE_BUG = DESCRIPTORS && fails(function () {\n  // eslint-disable-next-line es/no-object-create -- safe\n  var O = Object.create(null);\n  O[2] = 2;\n  return !propertyIsEnumerable(O, 2);\n});\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 IE_WORKAROUND = IE_BUG && objectGetPrototypeOf(O) === null;\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 || (IE_WORKAROUND ? key in O : propertyIsEnumerable(O, key))) {\n        push(result, 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 render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _vm.attributes.length ||\n    (Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible)\n      ? _c(\n          \"div\",\n          [\n            _vm._l(_vm.attributes, function (attribute) {\n              return _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                attribute.type === \"dropdown\"\n                  ? _c(\"div\", { staticClass: \"row\" }, [\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                          staticClass:\n                            \"col-12 col-md-4 custom-label d-flex align-items-center\",\n                          attrs: {\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: attribute.name,\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(attribute.name) +\n                              \"\\n                \"\n                          ),\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"col-12 col-md-8 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                                      \"\\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                                    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                                    )\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                  : 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                        [\n                          _vm._v(\n                            \"\\n                   \" +\n                              _vm._s(attribute.name) +\n                              \":\\n                \"\n                          ),\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"b\",\n                        { attrs: { \"data-testing\": \"attribute-value\" } },\n                        [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              ) +\n                              \"\\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: \"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                                      \"\\n                            \" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        ) +\n                                        \"\\n                        \"\n                                    ),\n                                  ]),\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.hasEmptyOption\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"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                                    ),\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                                      \"\\n                            \" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        ) +\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: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId\n                                    ),\n                                    expression:\n                                      \"!isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\",\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                                  ),\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\":\n                                    _vm.getInvalidOptionTooltip(\n                                      attribute.attributeId,\n                                      value.attributeValueId\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(\n                                        \"\\n                            \" +\n                                          _vm._s(value.name) +\n                                          \"\\n                        \"\n                                      ),\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            _vm._v(\" \"),\n            Object.keys(_vm.possibleUnits).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.possibleUnits, function (unit, unitId) {\n                        return _c(\n                          \"option\",\n                          {\n                            key: unitId,\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(\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                          \"\\n                    \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemContent\"\n                              )\n                            ) +\n                            \"\\n                \"\n                        ),\n                      ]\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n          ],\n          2\n        )\n      : _c(\"div\", [_vm._t(\"default\")], 2),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div v-if=\"attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible)\">\n            <div class=\"col-12 variation-select\" v-for=\"attribute in attributes\">\n                <div class=\"row\" v-if=\"attribute.type === 'dropdown'\">\n                    <label class=\"col-12 col-md-4 custom-label d-flex align-items-center\"\n                           v-tooltip=\"isTextCut(attribute.name)\"\n                           data-toggle=\"tooltip\"\n                           data-placement=\"top\"\n                           :title=\"attribute.name\">\n                        {{ attribute.name }}\n                    </label>\n                    <!-- dropdown -->\n                    <div class=\"col-12 col-md-8 input-unit\" ref=\"attributesContaner\">\n                        <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select\"\n                                @change=\"selectAttribute(attribute.attributeId, $event.target.value)\" data-testing=\"variation-select-dropdown\">\n                            <option :value=\"-1\"\n                                    v-if=\"addPleaseSelectOption || !hasSelection\">\n                                {{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n                            </option>\n                            <option :value=\"null\"\n                                    v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                                    :selected=\"selectedAttributes[attribute.attributeId] === null\">\n                                {{ $translate(\"Ceres::Template.singleItemNoSelection\") }}\n                            </option>\n                            <option 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)\">\n                                    {{ value.name }}\n                                </template>\n                                <template v-else>\n                                    {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", {\"name\": value.name}) }}\n                                </template>\n                            </option>\n                        </select>\n                    </div>\n                    <!-- /dropdown -->\n                </div>\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\">\n                       {{ attribute.name }}:\n                    </span>\n                    <b data-testing=\"attribute-value\">\n                        {{ getSelectedAttributeValueName(attribute) }}\n                    </b>\n                    <div class=\"v-s-boxes py-3\"\n                         :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\">\n                                {{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n                            </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) }\">\n                            <span class=\"mx-3\">\n                                {{ $translate(\"Ceres::Template.singleItemNoSelection\") }}\n                            </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) }\"\n                             v-tooltip=\"!isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\"\n                             data-html=\"true\"\n                             data-toggle=\"tooltip\"\n                             data-placement=\"top\"\n                             :data-original-title=\"getInvalidOptionTooltip(attribute.attributeId, value.attributeValueId)\"\n                             :key=\"value.attributeValueId\">\n                            <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">\n                                {{ value.name }}\n                            </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=\"Object.keys(possibleUnits).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 v-for=\"(unit, unitId) in possibleUnits\"\n                                :value=\"unitId\"\n                                :selected=\"parseInt(unitId) === selectedUnit\"\n                                :key=\"unitId\">\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 for=\"unit-combination-ids-select\" data-testing=\"variation-select-unit-label\">\n                        {{ $translate(\"Ceres::Template.singleItemContent\") }}\n                    </label>\n                </div>\n            </div>\n            <!-- /units -->\n\n        </div>\n\n        <div v-else>\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport {textWidth} from \"ceres/app/helper/dom\";\nimport {isDefined, isNull, isNullOrUndefined} from \"ceres/app/helper/utils\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n    name: \"variation-select\",\n\n    props: {\n        forceContent:\n            {\n                type: Boolean,\n                default: false\n            }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data() {\n        return {\n            filteredVariationsCache: {},\n            lastContentCount: 0\n        };\n    },\n\n    mounted() {\n        // initially check for valid selection and disable add to basket button\n        this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n    },\n\n    computed:\n        {\n            currentVariation() {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`];\n            },\n\n            currentVariationSelect() {\n                return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n            },\n\n            /**\n             * returns true if any variation has no attributes\n             */\n            hasEmptyOption() {\n                return this.variations.some(variation => !variation.attributes.length);\n            },\n\n            addPleaseSelectOption() {\n                return App.config.item.showPleaseSelect;\n            },\n\n            /**\n             * returns the variation, based on the selected attributes / unit\n             * returns false if there are none or multiple results\n             */\n            currentSelection() {\n                const filteredVariations = this.filterVariations(null, null, true);\n\n                if (filteredVariations.length === 1) {\n                    return filteredVariations[0];\n                }\n\n                return false;\n            },\n\n            /**\n             * returns all units, selectable by current selection\n             * prop 'forceContent' with value true will return all units, without filtering\n             */\n            possibleUnits() {\n                const possibleUnits = {};\n                const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n                for (const variation of variations) {\n                    possibleUnits[variation.unitCombinationId] = variation.unitName;\n                }\n\n                return possibleUnits;\n            },\n\n            isContentVisible() {\n                return !this.forceContent && !!this.currentSelection || this.forceContent;\n            },\n\n            hasSelection() {\n                return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n            },\n\n            attributes() {\n                return this.currentVariationSelect && this.currentVariationSelect.attributes;\n            },\n\n            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                attributeValueId = parseInt(attributeValueId) || null;\n\n                if (this.selectedAttributes[attributeId] !== attributeValueId) {\n                    this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, {\n                        attributeId,\n                        attributeValueId\n                    });\n                    this.onSelectionChange(attributeId, attributeValueId, null);\n                }\n            },\n\n            /**\n             * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n             * @param {[number, string]} unitId\n             */\n            selectUnit(unitId) {\n                unitId = parseInt(unitId);\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\n                this.onSelectionChange(null, null, unitId);\n            },\n\n            onSelectionChange(attributeId, attributeValueId, unitId) {\n                if (this.currentSelection) {\n                    this.setVariation(this.currentSelection.variationId);\n                } else if (!this.hasSelection) {\n                    // user switched back to \"please select\"\n                    this.setVariation(0);\n                } else {\n                    this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n                }\n\n                this.lastContentCount = Object.keys(this.possibleUnits).length;\n            },\n\n            /**\n             * changes the selected attributes / unit, to ensure a valid seelction\n             * @param {[number, null]} attributeId\n             * @param {[number, null]} attributeValueId\n             * @param {[number, null]} unitId\n             */\n            unsetInvalidSelection(attributeId, attributeValueId, unitId) {\n                const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n                const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n                // if the salable 'closestVariations' is undefined, take the not-salable one\n                const closestVariation = closestVariations[0] || closestVariations[1];\n\n                if (!closestVariation) {\n                    return;\n                }\n\n                const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n                this.correctSelection(invalidSelection);\n            },\n\n            getTooltip(attribute, attributeValue) {\n                if (!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId)) {\n                    return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n                } else if (attribute.type === \"image\") {\n                    return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n                        attribute: attribute.name,\n                        value: attributeValue.name\n                    });\n                }\n\n                return \"\";\n            },\n\n            /**\n             * returns a string for box tooltips, for not available options\n             * @param {number} attributeId\n             * @param {number} attributeValueId\n             */\n            getInvalidOptionTooltip(attributeId, attributeValueId) {\n                const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n                const closestVariation = this.getClosestVariation(qualifiedVariations);\n\n                if (!closestVariation) {\n                    return \"\";\n                }\n\n                const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n                const names = [];\n\n                for (const attribute of invalidSelection.attributesToReset) {\n                    if (attribute.attributeId !== attributeId) {\n                        names.push(\"<b>\" + attribute.name + \"</b>\");\n                    }\n                }\n                if (invalidSelection.newUnit) {\n                    names.push(\n                        \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n                    );\n                }\n\n                if (!names.length) {\n                    return null;\n                }\n\n                return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", {name: names.join(\", \")});\n            },\n\n            /**\n             * returns a list of variations, filtered by attribute or unit\n             * @param {[number, null]} attributeId\n             * @param {[number, null]} attributeValueId\n             * @param {[number, null]} unitId\n             */\n            getQualifiedVariations(attributeId, attributeValueId, unitId) {\n                if (isDefined(attributeValueId)) {\n                    return this.variations.filter(variation => {\n                        return isDefined(variation.attributes.find(attribute =>\n                            attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                    });\n                } else if (isDefined(unitId)) {\n                    return this.variations.filter(variation => variation.unitCombinationId === unitId);\n                }\n\n                return this.variations.filter(variation => !variation.attributes.length);\n            },\n\n            /**\n             * returns a variation, where a minimum of changes in the selection is required to archive\n             * @param {array} qualifiedVariations\n             */\n            getClosestVariation(qualifiedVariations) {\n                let closestVariation;\n                let numberOfRequiredChanges;\n\n                for (const variation of qualifiedVariations) {\n                    let changes = 0;\n\n                    if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit)) {\n                        // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n                        const unitWeight = Object.keys(this.possibleUnits).length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n                        changes += unitWeight;\n                    }\n\n                    for (const attribute of variation.attributes) {\n                        if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId) {\n                            changes++;\n                        }\n                    }\n\n                    if (!numberOfRequiredChanges || changes < numberOfRequiredChanges) {\n                        closestVariation = variation;\n                        numberOfRequiredChanges = changes;\n                    }\n                }\n\n                return closestVariation;\n            },\n\n            /**\n             * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n             * @param {object} variation\n             */\n            getInvalidSelectionByVariation(variation) {\n                const attributesToReset = [];\n                let newUnit = null;\n\n                for (let selectedAttributeId in this.selectedAttributes) {\n                    selectedAttributeId = parseInt(selectedAttributeId);\n                    const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n                    if (!isNull(this.selectedAttributes[selectedAttributeId])) {\n                        if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute) {\n                            const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\n\n                            attributesToReset.push(attributeToReset);\n                        }\n                    }\n                }\n\n                if (variation.unitCombinationId !== this.selectedUnit) {\n                    newUnit = variation.unitCombinationId;\n                }\n\n                return {attributesToReset, newUnit};\n            },\n\n            /**\n             * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n             * @param {object} invalidSelection\n             */\n            correctSelection(invalidSelection) {\n                const messages = [];\n                const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n                for (const attributeToReset of invalidSelection.attributesToReset) {\n                    messages.push(\n                        this.$translate(\"Ceres::Template.singleItemNotAvailable\", {name: attributeToReset.name})\n                    );\n\n                    attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\n                }\n\n                if (invalidSelection.newUnit) {\n                    if (this.lastContentCount > 1 && Object.keys(this.possibleUnits).length > 1 && !isNull(this.selectedUnit)) {\n                        messages.push(\n                            this.$translate(\"Ceres::Template.singleItemNotAvailable\", {\n                                name:\n                                    this.$translate(\"Ceres::Template.singleItemContent\")\n                            })\n                        );\n                    }\n\n                    this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n                }\n\n                this.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n                this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n                NotificationService.warn(\n                    messages.join(\"<br>\")\n                ).closeAfter(5000);\n            },\n\n            /**\n             * returns matching variations with current selection\n             * attributes and unitId could be filled, to check a specific selection\n             * @param {object} attributes\n             * @param {number} unitId\n             * @param {boolean} strict\n             */\n            filterVariations(attributes, unitId, strict, ignoreUnit) {\n                attributes = attributes || this.selectedAttributes;\n                unitId = unitId || this.selectedUnit;\n                strict = !!strict;\n                ignoreUnit = !!ignoreUnit;\n\n                const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n                if (isDefined(this.filteredVariationsCache[key])) {\n                    return this.filteredVariationsCache[key];\n                }\n\n                const uniqueValues = [...new Set(Object.values(attributes))];\n                const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n                const filteredVariations = this.variations.filter(variation => {\n                    // the selected unit is not matching\n                    if (!ignoreUnit && variation.unitCombinationId !== unitId) {\n                        return false;\n                    }\n\n                    // the variation has no attributes (only checked, if any attribute has a selected value); or the variation has attributes and empty option is selected\n                    // requires more than 0 attributes\n                    if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\n                        && this.attributes.length > 0) {\n                        return false;\n                    }\n\n                    for (const attributeId in attributes) {\n                        const variationAttribute = variation.attributes.find(variationAttribute =>\n                            variationAttribute.attributeId === parseInt(attributeId));\n\n                        // an attribute is not matching with selection\n                        if (variationAttribute &&\n                            variationAttribute.attributeValueId !== attributes[attributeId] &&\n                            (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1)) {\n                            return false;\n                        }\n                    }\n\n                    return true;\n                });\n\n                this.filteredVariationsCache[key] = filteredVariations;\n\n                return filteredVariations;\n            },\n\n            /**\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) {\n                attributeValueId = parseInt(attributeValueId) || null;\n                if (this.selectedAttributes[attributeId] === attributeValueId) {\n                    return true;\n                }\n\n                const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n                selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n                const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n\n                return !!this.filterVariations(selectedAttributes, null, null, ignoreUnit).length;\n            },\n\n            /**\n             * returns true, if the selection with a new unitId would be valid\n             * @param {[number, string]} unitId\n             */\n            isUnitSelectionValid(unitId) {\n                unitId = parseInt(unitId);\n                if (this.selectedUnit === unitId) {\n                    return true;\n                }\n\n                return !!this.filterVariations(null, unitId).length;\n            },\n\n            /**\n             * dispatch vuex action 'loadVariation' to archive a variation\n             * dispatches a custom event named 'onVariationChanged'\n             * @param {[string, number, null]} variationId\n             */\n            setVariation(variationId) {\n                if (!isDefined(variationId) && this.currentSelection) {\n                    variationId = this.currentSelection.variationId;\n                }\n\n                if (isDefined(variationId)) {\n                    this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation => {\n                        document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                            {\n                                detail:\n                                    {\n                                        attributes: variation.attributes,\n                                        documents: variation.documents,\n                                        itemId: this.itemId\n                                    }\n                            }));\n                    });\n                }\n            },\n\n            isTextCut(content) {\n                if (this.$refs.attributesContaner) {\n                    return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\n                }\n\n                return false;\n            },\n\n            getSelectedAttributeValueName(attribute) {\n                const selectedAttributeValueId = this.selectedAttributes[attribute.attributeId];\n                const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n                if (selectedAttributeValue) {\n                    return selectedAttributeValue.name;\n                } else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1) {\n                    return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n                }\n                return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n            }\n        },\n\n    watch:\n        {\n            currentSelection(value) {\n                this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n            },\n            variations() {\n                // FIX unset variation cache after subsequent variations are loaded\n                this.filteredVariationsCache = {};\n            }\n        }\n}\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=f08778c2\"\nimport script from \"./VariationSelect.vue?vue&type=script&lang=js\"\nexport * from \"./VariationSelect.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}