{"version":3,"sources":["webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.values.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":["DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","O","keys","length","i","result","call","push","module","exports","entries","values","$","$values","target","stat","$entries","render","_vm","this","_h","$createElement","_c","_self","staticClass","attributes","possibleUnitCombinationIds","isContentVisible","_l","attribute","index","type","ref","refInFor","attrs","id","name","on","change","$event","selectAttribute","attributeId","value","hasEmptyOption","domProps","selected","selectedAttributes","_v","_s","$translate","_e","attributeValueId","isAttributeSelectionValid","directives","rawName","isTextCut","expression","for","title","getSelectedAttributeValueName","class","images","active","invalid","click","currentVariation","filter","isSalable","getTooltip","src","imageUrl","alt","selectUnit","unitCombinationId","parseInt","selectedUnit","isUnitSelectionValid","possibleUnits","_t","_withStripped","changes","messages","attributeToReset","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-1.min.js","sourcesContent":["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.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.github.io/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/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    { staticClass: \"row\" },\n    [\n      _vm.attributes.length ||\n      (_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)\n        ? [\n            _vm._l(_vm.attributes, function(attribute, index) {\n              return _c(\n                \"div\",\n                { key: index, staticClass: \"col-12 variation-select\" },\n                [\n                  attribute.type === \"dropdown\"\n                    ? _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"input-unit\"\n                        },\n                        [\n                          _c(\n                            \"select\",\n                            {\n                              staticClass: \"custom-select\",\n                              attrs: { id: \"custom-select_\" + attribute.name },\n                              on: {\n                                change: function($event) {\n                                  return _vm.selectAttribute(\n                                    attribute.attributeId,\n                                    $event.target.value\n                                  )\n                                }\n                              }\n                            },\n                            [\n                              _vm.hasEmptyOption\n                                ? _c(\n                                    \"option\",\n                                    {\n                                      domProps: {\n                                        value: null,\n                                        selected:\n                                          _vm.selectedAttributes[\n                                            attribute.attributeId\n                                          ] === null\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      )\n                                    ]\n                                  )\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(attribute.values, function(value) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    key: value.attributeValueId,\n                                    domProps: {\n                                      value: value.attributeValueId,\n                                      selected:\n                                        value.attributeValueId ===\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ]\n                                    }\n                                  },\n                                  [\n                                    _vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n                            \" +\n                                              _vm._s(value.name) +\n                                              \"\\n                        \"\n                                          )\n                                        ]\n                                      : _vm.isAttributeSelectionValid(\n                                          attribute.attributeId,\n                                          value.attributeValueId,\n                                          false\n                                        )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n                        \" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemNotSalableAttribute\",\n                                                  { name: value.name }\n                                                )\n                                              ) +\n                                              \"\\n                      \"\n                                          )\n                                        ]\n                                      : [\n                                          _vm._v(\n                                            \"\\n                            \" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemInvalidAttribute\",\n                                                  { name: value.name }\n                                                )\n                                              ) +\n                                              \"\\n                        \"\n                                          )\n                                        ]\n                                  ],\n                                  2\n                                )\n                              })\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"label\",\n                            {\n                              directives: [\n                                {\n                                  name: \"tooltip\",\n                                  rawName: \"v-tooltip\",\n                                  value: _vm.isTextCut(attribute.name),\n                                  expression: \"isTextCut(attribute.name)\"\n                                }\n                              ],\n                              attrs: {\n                                for: \"custom-select_\" + attribute.name,\n                                \"data-toggle\": \"tooltip\",\n                                \"data-placement\": \"top\",\n                                title: attribute.name\n                              }\n                            },\n                            [_vm._v(_vm._s(attribute.name))]\n                          )\n                        ]\n                      )\n                    : attribute.type === \"box\" || attribute.type === \"image\"\n                    ? _c(\"div\", [\n                        _c(\n                          \"span\",\n                          { staticClass: \"text-muted attributeName\" },\n                          [_vm._v(_vm._s(attribute.name) + \":\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\"b\", [\n                          _vm._v(\n                            _vm._s(_vm.getSelectedAttributeValueName(attribute))\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.hasEmptyOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"v-s-box  empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        null,\n                                        true\n                                      )\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          null\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      )\n                                    ])\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function(value) {\n                              return _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"tooltip\",\n                                      rawName: \"v-tooltip\",\n                                      value: true,\n                                      expression: \"true\"\n                                    }\n                                  ],\n                                  key: value.attributeValueId,\n                                  staticClass: \"v-s-box \",\n                                  class: {\n                                    active:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                    \"not-sellable\":\n                                      !_vm.currentVariation.filter.isSalable &&\n                                      value.attributeValueId ===\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ],\n                                    invalid: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                  },\n                                  attrs: {\n                                    \"data-html\": \"true\",\n                                    \"data-toggle\": \"tooltip\",\n                                    \"data-placement\": \"top\",\n                                    \"data-original-title\": _vm.getTooltip(\n                                      attribute,\n                                      value\n                                    )\n                                  },\n                                  on: {\n                                    click: function($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    }\n                                  }\n                                },\n                                [\n                                  attribute.type === \"box\"\n                                    ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                        _vm._v(_vm._s(value.name))\n                                      ])\n                                    : _c(\"img\", {\n                                        staticClass: \"p-1\",\n                                        attrs: {\n                                          src: value.imageUrl,\n                                          alt: value.name\n                                        }\n                                      })\n                                ]\n                              )\n                            })\n                          ],\n                          2\n                        )\n                      ])\n                    : _vm._e()\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  _c(\"div\", { staticClass: \"input-unit\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        staticClass: \"custom-select\",\n                        attrs: { id: \"unit-combination-ids-select\" },\n                        on: {\n                          change: function($event) {\n                            return _vm.selectUnit($event.target.value)\n                          }\n                        }\n                      },\n                      _vm._l(_vm.possibleUnitCombinationIds, function(\n                        unitCombinationId\n                      ) {\n                        return _c(\n                          \"option\",\n                          {\n                            domProps: {\n                              value: unitCombinationId,\n                              selected:\n                                parseInt(unitCombinationId) === _vm.selectedUnit\n                            }\n                          },\n                          [\n                            _vm.isUnitSelectionValid(unitCombinationId)\n                              ? [\n                                  _vm._v(\n                                    \"\\n                        \" +\n                                      _vm._s(\n                                        _vm.possibleUnits[unitCombinationId]\n                                      ) +\n                                      \"\\n                      \"\n                                  )\n                                ]\n                              : [\n                                  _vm._v(\n                                    \"\\n                          \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemInvalidAttribute\",\n                                          {\n                                            name:\n                                              _vm.possibleUnits[\n                                                unitCombinationId\n                                              ]\n                                          }\n                                        )\n                                      ) +\n                                      \"\\n                        \"\n                                  )\n                                ]\n                          ],\n                          2\n                        )\n                      }),\n                      0\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"label\",\n                      { attrs: { for: \"unit-combination-ids-select\" } },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.singleItemContent\")\n                          )\n                        )\n                      ]\n                    )\n                  ])\n                ])\n              : _vm._e()\n          ]\n        : [_vm._t(\"default\")]\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"row\">\r\n    <template v-if=\"attributes.length || (possibleUnitCombinationIds.length > 1 && isContentVisible)\">\r\n          <div class=\"col-12 variation-select\" v-for=\"(attribute, index) in attributes\" :key=\"index\">\r\n              <!-- dropdown -->\r\n              <div class=\"input-unit\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\r\n                  <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\">\r\n                      <option :value=\"null\" v-if=\"hasEmptyOption\" :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\r\n                      <option\r\n                          v-for=\"value in attribute.values\"\r\n                          :value=\"value.attributeValueId\"\r\n                          :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\"\r\n                          :key=\"value.attributeValueId\"\r\n                      >\r\n                          <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\">\r\n                              {{ value.name }}\r\n                          </template>\r\n                        <template v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\r\n                          {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name }) }}\r\n                        </template>\r\n                          <template v-else>\r\n                              {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\r\n                          </template>\r\n                      </option>\r\n                  </select>\r\n                  <label :for=\"'custom-select_' + attribute.name\" v-tooltip=\"isTextCut(attribute.name)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\">{{ attribute.name }}</label>\r\n              </div>\r\n              <!-- /dropdown -->\r\n\r\n              <!-- box and image -->\r\n              <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\r\n                  <span class=\"text-muted attributeName\">{{ attribute.name }}:</span> <b>{{ getSelectedAttributeValueName(attribute) }}</b>\r\n                  <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\r\n                      <div class=\"v-s-box  empty-option\"\r\n                          v-if=\"hasEmptyOption\"\r\n                          @click=\"selectAttribute(attribute.attributeId, null)\"\r\n                           :class=\"{ 'active': selectedAttributes[attribute.attributeId] === null, 'invalid': !isAttributeSelectionValid(attribute.attributeId, null, true) }\">\r\n                          <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\r\n                      </div>\r\n\r\n                      <div class=\"v-s-box \"\r\n                          v-for=\"value in attribute.values\"\r\n                          @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\r\n                           :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'not-sellable': (!currentVariation.filter.isSalable && (value.attributeValueId === selectedAttributes[attribute.attributeId])) , 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\"\r\n                           v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"getTooltip(attribute, value)\"\r\n                           :key=\"value.attributeValueId\">\r\n                          <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\r\n                          <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n              <!-- /box and image -->\r\n          </div>\r\n\r\n          <!-- units -->\r\n        <div class=\"col-12 variation-select\" v-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\">\r\n           <div class=\"input-unit\">\r\n                  <select id=\"unit-combination-ids-select\" class=\"custom-select\" @change=\"selectUnit($event.target.value)\">\r\n                      <option\r\n                          v-for=\"unitCombinationId in possibleUnitCombinationIds\"\r\n                          :value=\"unitCombinationId\"\r\n                          :selected=\"parseInt(unitCombinationId) === selectedUnit\">\r\n                        <template v-if=\"isUnitSelectionValid(unitCombinationId)\">\r\n                          {{ possibleUnits[unitCombinationId] }}\r\n                        </template>\r\n                          <template v-else>\r\n                            {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": possibleUnits[unitCombinationId] }) }}\r\n                          </template>\r\n                      </option>\r\n                  </select>\r\n                  <label for=\"unit-combination-ids-select\">{{ $translate(\"Ceres::Template.singleItemContent\") }}</label>\r\n              </div>\r\n          </div>\r\n          <!-- /units -->\r\n    </template>\r\n      <template v-else>\r\n          <slot />\r\n      </template>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { textWidth } from \"../../helper/dom\";\r\nimport { isDefined, isNull } from \"../../helper/utils\";\r\n\r\nconst NotificationService = require(\"../../services/NotificationService\");\r\n\r\nexport default {\r\n\r\n    name: \"variation-select\",\r\n\r\n    inject: {\r\n        itemId: {\r\n            default: null\r\n        }\r\n    },\r\n\r\n\r\n    data()\r\n    {\r\n        return {\r\n            filteredVariationsCache: {},\r\n            lastContentCount: 0\r\n        };\r\n    },\r\n\r\n    mounted()\r\n    {\r\n         this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\r\n    },\r\n\r\n    computed:\r\n    {\r\n        currentVariation() {\r\n            return this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n        },\r\n        currentVariationSelect() {\r\n            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\r\n        },\r\n        /**\r\n         * returns true if any variation has no attributes\r\n         */\r\n        hasEmptyOption()\r\n        {\r\n            return this.variations.some(variation => !variation.attributes.length);\r\n        },\r\n\r\n        /**\r\n         * returns the variation, based on the selected attributes / unit\r\n         * returns false if there are none or multiple results\r\n         */\r\n        currentSelection()\r\n        {\r\n            const filteredVariations = this.filterVariations(null, null, true);\r\n\r\n            if (filteredVariations.length === 1)\r\n            {\r\n                return filteredVariations[0];\r\n            }\r\n\r\n            return false;\r\n        },\r\n\r\n        /**\r\n         * returns all units, selectable by current selection\r\n         * prop 'forceContent' with value true will return all units, without filtering\r\n         */\r\n        possibleUnits()\r\n        {\r\n          // use an object, to make the entries unique\r\n\r\n          const possibleUnits = {};\r\n            const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\r\n\r\n            for (const variation of variations)\r\n            {\r\n                possibleUnits[variation.unitCombinationId] = variation.unitName;\r\n            }\r\n\r\n            return possibleUnits;\r\n        },\r\n\r\n      possibleUnitCombinationIds()\r\n      {\r\n        return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\r\n      },\r\n\r\n        isContentVisible()\r\n        {\r\n            return !this.forceContent && !!this.currentSelection || this.forceContent;\r\n        },\r\n        attributes() {\r\n            return this.currentVariationSelect && this.currentVariationSelect.attributes;\r\n        },\r\n        units() {\r\n            return this.currentVariationSelect && this.currentVariationSelect.units;\r\n        },\r\n        selectedAttributes() {\r\n            return this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\r\n        },\r\n        selectedUnit() {\r\n            return this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\r\n        },\r\n        variations() {\r\n            return this.currentVariationSelect && this.currentVariationSelect.variations;\r\n        }\r\n    },\r\n\r\n    methods:\r\n    {\r\n        /**\r\n         * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\r\n         * @param {number} attributeId\r\n         * @param {[number, string, null]} attributeValueId\r\n         */\r\n        selectAttribute(attributeId, attributeValueId)\r\n        {\r\n            attributeValueId = parseInt(attributeValueId) || null;\r\n\r\n            if (this.selectedAttributes[attributeId] !== attributeValueId)\r\n            {\r\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\r\n                this.onSelectionChange(attributeId, attributeValueId, null);\r\n            }\r\n        },\r\n\r\n        /**\r\n         * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\r\n         * @param {[number, string]} unitId\r\n         */\r\n        selectUnit(unitId)\r\n        {\r\n            unitId = parseInt(unitId);\r\n            this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\r\n            this.onSelectionChange(null, null, unitId);\r\n        },\r\n\r\n        onSelectionChange(attributeId, attributeValueId, unitId)\r\n        {\r\n            if (this.currentSelection)\r\n            {\r\n                this.setVariation(this.currentSelection.variationId);\r\n            }\r\n            else\r\n            {\r\n                this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\r\n            }\r\n\r\n            this.lastContentCount = this.possibleUnitCombinationIds.length;\r\n        },\r\n\r\n        /**\r\n         * changes the selected attributes / unit, to ensure a valid seelction\r\n         * @param {[number, null]} attributeId\r\n         * @param {[number, null]} attributeValueId\r\n         * @param {[number, null]} unitId\r\n         */\r\n        unsetInvalidSelection(attributeId, attributeValueId, unitId)\r\n        {\r\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\r\n            const closestVariations = this.getClosestVariations(qualifiedVariations);\r\n\r\n            // if the salable 'closestVariations' is undefined, take the not-salable one\r\n            const closestVariation = closestVariations[0] || closestVariations[1];\r\n\r\n            if (!closestVariation)\r\n            {\r\n                return;\r\n            }\r\n\r\n            const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\r\n\r\n            this.correctSelection(invalidSelection);\r\n        },\r\n\r\n      getTooltip(attribute, attributeValue)\r\n      {\r\n        if(!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true))\r\n        {\r\n          return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\r\n        }\r\n        else if(attribute.type === \"image\")\r\n        {\r\n          return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\r\n            attribute: attribute.name,\r\n            value: attributeValue.name\r\n          });\r\n        }\r\n\r\n        return \"\";\r\n      },\r\n\r\n        /**\r\n         * returns a string for box tooltips, for not availble options\r\n         * @param {number} attributeId\r\n         * @param {number} attributeValueId\r\n         */\r\n        getInvalidOptionTooltip(attributeId, attributeValueId)\r\n        {\r\n          const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\r\n          const closestVariations   = this.getClosestVariations(qualifiedVariations);\r\n\r\n          if (!closestVariations || closestVariations.length <= 0)\r\n          {\r\n            return \"\";\r\n          }\r\n\r\n          const invalidSelections = [\r\n            !!closestVariations[0] ? this.getInvalidSelectionByVariation(closestVariations[0]) : null,\r\n            !!closestVariations[1] ? this.getInvalidSelectionByVariation(closestVariations[1]) : null\r\n          ];\r\n\r\n          if (!!invalidSelections[0]\r\n              && !!invalidSelections[1]\r\n              && invalidSelections[0].attributesToReset.length > invalidSelections[1].attributesToReset.length)\r\n          {\r\n            // there is a non-salable variation with less changes\r\n            return this.$translate(\"Ceres::Template.singleItemNotSalable\");\r\n          }\r\n\r\n          const invalidSelection = invalidSelections[0] || invalidSelections[1];\r\n          const names = [];\r\n\r\n          for (const attribute of invalidSelection.attributesToReset)\r\n          {\r\n            if (attribute.attributeId !== attributeId)\r\n            {\r\n              names.push(\"<b>\" + attribute.name +\"</b>\");\r\n            }\r\n          }\r\n          if (invalidSelection.newUnit)\r\n          {\r\n            names.push(\r\n                \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\r\n            );\r\n          }\r\n\r\n          if (!names.length)\r\n          {\r\n            return null;\r\n          }\r\n\r\n          return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", { name: names.join(\", \") });\r\n        },\r\n\r\n        /**\r\n         * returns a list of variations, filtered by attribute or unit\r\n         * @param {[number, null]} attributeId\r\n         * @param {[number, null]} attributeValueId\r\n         * @param {[number, null]} unitId\r\n         */\r\n        getQualifiedVariations(attributeId, attributeValueId, unitId)\r\n        {\r\n            if (isDefined(attributeValueId))\r\n            {\r\n                return this.variations.filter(variation =>\r\n                {\r\n                    return isDefined(variation.attributes.find(attribute =>\r\n                        attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\r\n                });\r\n            }\r\n            else if (isDefined(unitId))\r\n            {\r\n                return this.variations.filter(variation => variation.unitCombinationId === unitId);\r\n            }\r\n\r\n            return this.variations.filter(variation => !variation.attributes.length);\r\n        },\r\n\r\n        /**\r\n         * returns a variation, where a minimum of changes in the selection is required to archive\r\n         * @param {array} qualifiedVariations\r\n         */\r\n        getClosestVariations(qualifiedVariations)\r\n        {\r\n          let closestSalableVariation, numberOfSalableChanges;\r\n          let closestNonSalableVariation, numberOfNonSalableChanges;\r\n\r\n          for (const variation of qualifiedVariations)\r\n          {\r\n            let changes = 0;\r\n\r\n            if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit))\r\n            {\r\n              // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\r\n              const unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible ? 0.9 : 0.1;\r\n\r\n              changes += unitWeight;\r\n            }\r\n\r\n            for (const attribute of variation.attributes)\r\n            {\r\n              if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId)\r\n              {\r\n                changes++;\r\n              }\r\n            }\r\n\r\n            if(variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges))\r\n            {\r\n              closestSalableVariation = variation;\r\n              numberOfSalableChanges = changes;\r\n            }\r\n            else if (!variation.isSalable && (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges))\r\n            {\r\n              closestNonSalableVariation = variation;\r\n              numberOfNonSalableChanges = changes;\r\n            }\r\n          }\r\n\r\n          return [closestSalableVariation, closestNonSalableVariation];\r\n        },\r\n\r\n      /**\r\n       * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\r\n       * @param {object} variation\r\n       */\r\n      getInvalidSelectionByVariation(variation)\r\n      {\r\n        const attributesToReset = [];\r\n        let newUnit = null;\r\n\r\n        for (let selectedAttributeId in this.selectedAttributes)\r\n        {\r\n          selectedAttributeId = parseInt(selectedAttributeId);\r\n          const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\r\n\r\n          if (!isNull(this.selectedAttributes[selectedAttributeId]))\r\n          {\r\n            if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute)\r\n            {\r\n              const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\r\n\r\n              attributesToReset.push(attributeToReset);\r\n            }\r\n          }\r\n        }\r\n\r\n        if (variation.unitCombinationId !== this.selectedUnit)\r\n        {\r\n          newUnit = variation.unitCombinationId;\r\n        }\r\n\r\n        return { attributesToReset, newUnit };\r\n      },\r\n\r\n      /**\r\n       * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\r\n       * @param {object} invalidSelection\r\n       */\r\n      correctSelection(invalidSelection)\r\n      {\r\n        const messages   = [];\r\n        const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\r\n\r\n        for (const attributeToReset of invalidSelection.attributesToReset)\r\n        {\r\n          messages.push(\r\n              this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name: attributeToReset.name })\r\n          );\r\n\r\n          attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\r\n        }\r\n\r\n        if (invalidSelection.newUnit)\r\n        {\r\n          if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 && !isNull(this.selectedUnit))\r\n          {\r\n            messages.push(\r\n                this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name:\r\n                      this.$translate(\"Ceres::Template.singleItemContent\")\r\n                })\r\n            );\r\n          }\r\n\r\n          this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\r\n        }\r\n\r\n        this.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\r\n\r\n        this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\r\n\r\n        NotificationService.warn(\r\n            messages.join(\"<br>\")\r\n        ).closeAfter(5000);\r\n      },\r\n\r\n      /**\r\n       * returns matching variations with current selection\r\n       * attributes and unitId could be filled, to check a specific selection\r\n       * @param {object} attributes\r\n       * @param {number} unitId\r\n       * @param {boolean} strict\r\n       */\r\n      filterVariations(attributes, unitId, strict, ignoreUnit)\r\n      {\r\n        attributes = attributes || this.selectedAttributes;\r\n        unitId = unitId || this.selectedUnit;\r\n        strict = !!strict;\r\n        ignoreUnit = !!ignoreUnit;\r\n\r\n        const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\r\n\r\n        if (isDefined(this.filteredVariationsCache[key]))\r\n        {\r\n          return this.filteredVariationsCache[key];\r\n        }\r\n\r\n        const uniqueValues = [...new Set(Object.values(attributes))];\r\n        const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\r\n        const filteredVariations = this.variations.filter(variation =>\r\n        {\r\n          // the selected unit is not matching\r\n          if (!ignoreUnit && variation.unitCombinationId !== unitId)\r\n          {\r\n            return false;\r\n          }\r\n\r\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\r\n          // requires more than 0 attributes\r\n          if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\r\n              && this.attributes.length > 0)\r\n          {\r\n            return false;\r\n          }\r\n\r\n          for (const attributeId in attributes)\r\n          {\r\n            const variationAttribute = variation.attributes.find(variationAttribute =>\r\n                variationAttribute.attributeId === parseInt(attributeId));\r\n\r\n            // an attribute is not matching with selection\r\n            if (variationAttribute &&\r\n                variationAttribute.attributeValueId !== attributes[attributeId] &&\r\n                (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1))\r\n            {\r\n              return false;\r\n            }\r\n          }\r\n\r\n          return true;\r\n        });\r\n\r\n        this.filteredVariationsCache[key] = filteredVariations;\r\n\r\n        return filteredVariations;\r\n      },\r\n\r\n      /**\r\n       * returns true, if the selection with a new attribute value would be valid\r\n       * @param {number} attributeId\r\n       * @param {[number, string, null]} attributeValueId\r\n       * @param {boolean} filterSalableVariations\r\n       */\r\n      isAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations)\r\n      {\r\n        attributeValueId = parseInt(attributeValueId) || null;\r\n        if (this.selectedAttributes[attributeId] === attributeValueId)\r\n        {\r\n          return true;\r\n        }\r\n\r\n        const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\r\n\r\n        selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\r\n\r\n        const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\r\n        let variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\r\n\r\n        if (filterSalableVariations)\r\n        {\r\n          variations = variations.filter(variation => variation.isSalable)\r\n        }\r\n\r\n        return variations.length > 0;\r\n      },\r\n\r\n      /**\r\n       * returns true, if the selection with a new unitId would be valid\r\n       * @param {[number, string]} unitId\r\n       */\r\n      isUnitSelectionValid(unitId)\r\n      {\r\n        unitId = parseInt(unitId);\r\n        if (this.selectedUnit === unitId)\r\n        {\r\n          return true;\r\n        }\r\n\r\n        return this\r\n            .filterVariations(null, unitId)\r\n            .filter(variation => variation.isSalable)\r\n            .length > 0\r\n      },\r\n\r\n      /**\r\n       * dispatch vuex action 'loadVariation' to archive a variation\r\n       * dispatches a custom event named 'onVariationChanged'\r\n       * @param {[string, number, null]} variationId\r\n       */\r\n      setVariation(variationId)\r\n      {\r\n        if (!isDefined(variationId) && this.currentSelection)\r\n        {\r\n          variationId = this.currentSelection.variationId;\r\n        }\r\n\r\n        if (isDefined(variationId))\r\n        {\r\n          this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation =>\r\n          {\r\n            document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\r\n                {\r\n                  detail:\r\n                      {\r\n                        attributes: variation.attributes,\r\n                        documents: variation.documents,\r\n                        itemId: this.itemId\r\n                      }\r\n                }));\r\n          });\r\n        }\r\n      },\r\n\r\n      isTextCut(content)\r\n      {\r\n        if (this.$refs.attributesContaner)\r\n        {\r\n          return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\r\n        }\r\n\r\n        return false;\r\n      },\r\n\r\n      getSelectedAttributeValueName(attribute)\r\n      {\r\n        const selectedAttributeValueId =  this.selectedAttributes[attribute.attributeId];\r\n        const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\r\n\r\n        if (selectedAttributeValue)\r\n        {\r\n          return selectedAttributeValue.name;\r\n        }\r\n        else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1)\r\n        {\r\n          return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\r\n        }\r\n        return this.$translate(\"Ceres::Template.singleItemNoSelection\");\r\n      },\r\n\r\n      transformPossibleUnits(possibleUnits)\r\n      {\r\n        return Object.entries(possibleUnits).sort((unitA, unitB) => {\r\n          unitA = this.splitUnitName(unitA[1]);\r\n          unitB = this.splitUnitName(unitB[1]);\r\n          // order by unit\r\n          if (unitA[1] < unitB[1]) {\r\n            return -1;\r\n          }\r\n          if (unitA[1] > unitB[1]) {\r\n            return 1;\r\n          }\r\n          // order by content (count)\r\n          if (unitA[0] < unitB[0]) {\r\n            return -1;\r\n          }\r\n          if (unitA[0] > unitB[0]) {\r\n            return 1;\r\n          }\r\n          return 0;\r\n        });\r\n      },\r\n      splitUnitName(unitName) {\r\n        const unitNameSplit = unitName.split(\" \");\r\n\r\n        if (!isNaN(unitNameSplit[0])) {\r\n          unitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, \"\");\r\n          unitNameSplit[0] = parseInt(unitNameSplit[0]);\r\n        }\r\n\r\n        return unitNameSplit;\r\n      }\r\n    },\r\n\r\n    watch:\r\n    {\r\n        currentSelection(value)\r\n        {\r\n            this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariationSelect.vue?vue&type=template&id=4a939d05&\"\nimport script from \"./VariationSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationSelect.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\JVolke\\\\Documents\\\\plentyDevTool\\\\38722\\\\18\\\\KrauseSohn\\\\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":""}