{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?19cf","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","$entries","render","_vm","this","_c","_self","staticClass","attributes","possibleUnitCombinationIds","isContentVisible","_l","attribute","index","type","ref","refInFor","attrs","id","name","on","change","$event","selectAttribute","attributeId","value","addPleaseSelectOption","hasSelection","domProps","_v","_s","$translate","_e","hasEmptyOption","selectedAttributes","selected","attributeValueId","isAttributeSelectionValid","directives","rawName","isTextCut","expression","for","title","class","images","active","invalid","click","getTooltip","src","imageUrl","alt","variationPriceValues","variationPrice","_f","price","unitValue","unitName","getPriceCompareValues","selectedVariationSaved","percentageSaved","bestChoice","_m","selectUnit","unitCombinationId","parseInt","selectedUnit","isUnitSelectionValid","possibleUnits","_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","err","e","transformPossibleUnits","map","isNullOrUndefined","methods","pricePerUnit","toFixed","onSelectionChange","compareAttributeValueId","_step2","results","compareBasePrice","_iterator2","console","warn","_step3","_iterator3","basePrice","unitId","setVariation","variationId","unsetInvalidSelection","qualifiedVariations","getQualifiedVariations","closestVariations","getClosestVariations","closestVariation","invalidSelection","getInvalidSelectionByVariation","correctSelection","attributeValue","getInvalidOptionTooltip","invalidSelections","attributesToReset","_step4","names","_iterator4","newUnit","join","isDefined","filter","find","closestSalableVariation","numberOfSalableChanges","closestNonSalableVariation","numberOfNonSalableChanges","_step5","_iterator5","changes","isNull","_step6","_iterator6","isSalable","_this","_loop","selectedAttributeId","variationAttribute","attributeToReset","attr","_step7","messages","JSON","parse","stringify","_iterator7","closeAfter","strict","ignoreUnit","_this2","uniqueValues","_toConsumableArray","Set","isEmptyOptionSelected","_ret","_loop2","v","filterSalableVariations","_this3","dispatch","then","document","dispatchEvent","CustomEvent","detail","documents","content","$refs","attributesContaner","textWidth","clientWidth","getSelectedAttributeValueName","selectedAttributeValueId","selectedAttributeValue","attrValue","_this4","sort","unitA","unitB","splitUnitName","unitNameSplit","split","isNaN","replace","currencyPattern","separator_thousands","watch","component"],"mappings":"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","file":"chunks/ceres-9.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","'use strict';\nvar $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.es/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"row\" },\n    [\n      _vm.attributes.length ||\n      (_vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible)\n        ? [\n            _vm._l(_vm.attributes, function (attribute, index) {\n              return _c(\n                \"div\",\n                { key: index, staticClass: \"col-12 variation-select\" },\n                [\n                  attribute.type === \"dropdown\"\n                    ? _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"input-unit\",\n                        },\n                        [\n                          _c(\n                            \"select\",\n                            {\n                              staticClass: \"custom-select\",\n                              attrs: {\n                                id: \"custom-select_\" + attribute.name,\n                                \"data-testing\": \"variation-select-dropdown\",\n                              },\n                              on: {\n                                change: function ($event) {\n                                  return _vm.selectAttribute(\n                                    attribute.attributeId,\n                                    $event.target.value\n                                  )\n                                },\n                              },\n                            },\n                            [\n                              _vm.addPleaseSelectOption || !_vm.hasSelection\n                                ? _c(\"option\", { domProps: { value: -1 } }, [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemPleaseSelect\"\n                                        )\n                                      )\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm.hasEmptyOption ||\n                              _vm.selectedAttributes[attribute.attributeId] ===\n                                null\n                                ? _c(\n                                    \"option\",\n                                    {\n                                      domProps: {\n                                        value: null,\n                                        selected:\n                                          _vm.selectedAttributes[\n                                            attribute.attributeId\n                                          ] === null,\n                                      },\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        )\n                                      ),\n                                    ]\n                                  )\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(attribute.values, function (value) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    key: value.attributeValueId,\n                                    domProps: {\n                                      value: value.attributeValueId,\n                                      selected:\n                                        value.attributeValueId ===\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ],\n                                    },\n                                  },\n                                  [\n                                    _vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                                              _vm._s(value.name) +\n                                              \"\\n\\t\\t\\t\\t\\t\\t\"\n                                          ),\n                                        ]\n                                      : _vm.isAttributeSelectionValid(\n                                          attribute.attributeId,\n                                          value.attributeValueId,\n                                          false\n                                        )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemNotSalableAttribute\",\n                                                  {\n                                                    name: value.name,\n                                                  }\n                                                )\n                                              ) +\n                                              \"\\n\\t\\t\\t\\t\\t\\t\"\n                                          ),\n                                        ]\n                                      : [\n                                          _vm._v(\n                                            \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemInvalidAttribute\",\n                                                  {\n                                                    name: value.name,\n                                                  }\n                                                )\n                                              ) +\n                                              \"\\n\\t\\t\\t\\t\\t\\t\"\n                                          ),\n                                        ],\n                                  ],\n                                  2\n                                )\n                              }),\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"label\",\n                            {\n                              directives: [\n                                {\n                                  name: \"tooltip\",\n                                  rawName: \"v-tooltip\",\n                                  value: _vm.isTextCut(attribute.name),\n                                  expression: \"isTextCut(attribute.name)\",\n                                },\n                              ],\n                              attrs: {\n                                for: \"custom-select_\" + attribute.name,\n                                \"data-toggle\": \"tooltip\",\n                                \"data-placement\": \"top\",\n                                title: attribute.name,\n                                \"data-testing\":\n                                  \"variation-select-dropdown-label\",\n                              },\n                            },\n                            [_vm._v(_vm._s(attribute.name))]\n                          ),\n                        ]\n                      )\n                    : attribute.type === \"box\" || attribute.type === \"image\"\n                    ? _c(\"div\", [\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"d-none text-muted\",\n                            attrs: { \"data-testing\": \"attribute-name\" },\n                          },\n                          [_vm._v(_vm._s(attribute.name) + \":\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"v-s-boxes py-1\",\n                            class: { images: attribute.type === \"image\" },\n                          },\n                          [\n                            _vm.addPleaseSelectOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === -1,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        -1\n                                      ),\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\",\n                                    },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          -1\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      ),\n                                    ]),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        null,\n                                        true\n                                      ),\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\",\n                                    },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          null\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        )\n                                      ),\n                                    ]),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function (value) {\n                              return _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"tooltip\",\n                                      rawName: \"v-tooltip\",\n                                      value: true,\n                                      expression: \"true\",\n                                    },\n                                  ],\n                                  key: value.attributeValueId,\n                                  staticClass: \"v-s-box bg-white\",\n                                  class: {\n                                    active:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                    invalid: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    ),\n                                  },\n                                  attrs: {\n                                    \"data-testing\": \"variation-select-box\",\n                                    \"data-html\": \"true\",\n                                    \"data-toggle\": \"tooltip\",\n                                    \"data-placement\": \"top\",\n                                    \"data-original-title\": _vm.getTooltip(\n                                      attribute,\n                                      value\n                                    ),\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    },\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"div\",\n                                    { staticClass: \"wk-variationselect-col1\" },\n                                    [\n                                      attribute.type === \"box\"\n                                        ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                            _vm._v(\n                                              _vm._s(value.name) +\n                                                \"\\n\\t\\t\\t\\t\\t\\t\\t\"\n                                            ),\n                                          ])\n                                        : _c(\n                                            \"div\",\n                                            {\n                                              staticClass:\n                                                \"wk-variationselect-image\",\n                                            },\n                                            [\n                                              _c(\"img\", {\n                                                staticClass: \"img-fluid\",\n                                                attrs: {\n                                                  src: value.imageUrl,\n                                                  alt: value.name,\n                                                },\n                                              }),\n                                            ]\n                                          ),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass:\n                                            \"wk-variationselect-name\",\n                                        },\n                                        [_vm._v(_vm._s(value.name))]\n                                      ),\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _vm._l(\n                                    _vm.variationPriceValues,\n                                    function (variationPrice) {\n                                      return [\n                                        variationPrice.attributeValueId ===\n                                        value.attributeValueId\n                                          ? [\n                                              _c(\n                                                \"div\",\n                                                {\n                                                  staticClass:\n                                                    \"wk-variationselect-col2\",\n                                                },\n                                                [\n                                                  _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"wk-variationselect-ppu\",\n                                                    },\n                                                    [\n                                                      _c(\"div\", [\n                                                        _vm._v(\n                                                          \"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\" +\n                                                            _vm._s(\n                                                              _vm._f(\n                                                                \"currency\"\n                                                              )(\n                                                                variationPrice.price /\n                                                                  variationPrice.unitValue\n                                                              )\n                                                            ) +\n                                                            \"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"\n                                                        ),\n                                                      ]),\n                                                      _vm._v(\" \"),\n                                                      _c(\n                                                        \"div\",\n                                                        {\n                                                          staticClass: \"small\",\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \"pro \" +\n                                                              _vm._s(\n                                                                variationPrice.unitName\n                                                              )\n                                                          ),\n                                                        ]\n                                                      ),\n                                                    ]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  _vm._l(\n                                                    _vm.getPriceCompareValues(\n                                                      _vm.selectedAttributes,\n                                                      _vm.variationPriceValues,\n                                                      value.attributeValueId\n                                                    ),\n                                                    function (\n                                                      selectedVariationSaved\n                                                    ) {\n                                                      return [\n                                                        selectedVariationSaved.percentageSaved >\n                                                        0\n                                                          ? _c(\n                                                              \"div\",\n                                                              {\n                                                                staticClass:\n                                                                  \"wk-variationselect-saved\",\n                                                                class: {\n                                                                  \"wk-variationselect-has-price\":\n                                                                    selectedVariationSaved.percentageSaved >\n                                                                    0,\n                                                                },\n                                                              },\n                                                              [\n                                                                _vm._v(\n                                                                  \"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t-\" +\n                                                                    _vm._s(\n                                                                      selectedVariationSaved.percentageSaved\n                                                                    ) +\n                                                                    \"%\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\"\n                                                                ),\n                                                              ]\n                                                            )\n                                                          : _vm._e(),\n                                                      ]\n                                                    }\n                                                  ),\n                                                ],\n                                                2\n                                              ),\n                                              _vm._v(\" \"),\n                                              _c(\n                                                \"div\",\n                                                {\n                                                  staticClass:\n                                                    \"wk-variationselect-col3\",\n                                                },\n                                                [\n                                                  _c(\n                                                    \"div\",\n                                                    {\n                                                      staticClass:\n                                                        \"wk-variationselect-price\",\n                                                    },\n                                                    [\n                                                      _c(\"span\", [\n                                                        _vm._v(\n                                                          _vm._s(\n                                                            _vm._f(\"currency\")(\n                                                              variationPrice.price\n                                                            )\n                                                          )\n                                                        ),\n                                                        _c(\"sup\", [\n                                                          _vm._v(\"*\"),\n                                                        ]),\n                                                      ]),\n                                                    ]\n                                                  ),\n                                                  _vm._v(\" \"),\n                                                  variationPrice.bestChoice\n                                                    ? [_vm._m(0, true)]\n                                                    : _vm._e(),\n                                                  _vm._v(\" \"),\n                                                  _c(\"i\", {\n                                                    staticClass:\n                                                      \"fa fa-check-circle\",\n                                                    attrs: {\n                                                      \"aria-hidden\": \"true\",\n                                                    },\n                                                  }),\n                                                ],\n                                                2\n                                              ),\n                                            ]\n                                          : _vm._e(),\n                                      ]\n                                    }\n                                  ),\n                                ],\n                                2\n                              )\n                            }),\n                          ],\n                          2\n                        ),\n                      ])\n                    : _vm._e(),\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  _c(\"div\", { staticClass: \"input-unit\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        staticClass: \"custom-select\",\n                        attrs: {\n                          id: \"unit-combination-ids-select\",\n                          \"data-testing\": \"variation-select-unit\",\n                        },\n                        on: {\n                          change: function ($event) {\n                            return _vm.selectUnit($event.target.value)\n                          },\n                        },\n                      },\n                      _vm._l(\n                        _vm.possibleUnitCombinationIds,\n                        function (unitCombinationId) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: unitCombinationId,\n                              domProps: {\n                                value: unitCombinationId,\n                                selected:\n                                  parseInt(unitCombinationId) ===\n                                  _vm.selectedUnit,\n                              },\n                            },\n                            [\n                              _vm.isUnitSelectionValid(unitCombinationId)\n                                ? [\n                                    _vm._v(\n                                      \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                                        _vm._s(\n                                          _vm.possibleUnits[unitCombinationId]\n                                        ) +\n                                        \"\\n\\t\\t\\t\\t\\t\\t\"\n                                    ),\n                                  ]\n                                : [\n                                    _vm._v(\n                                      \"\\n\\t\\t\\t\\t\\t\\t\\t\" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemInvalidAttribute\",\n                                            {\n                                              name: _vm.possibleUnits[\n                                                unitCombinationId\n                                              ],\n                                            }\n                                          )\n                                        ) +\n                                        \"\\n\\t\\t\\t\\t\\t\\t\"\n                                    ),\n                                  ],\n                            ],\n                            2\n                          )\n                        }\n                      ),\n                      0\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"label\",\n                      {\n                        attrs: {\n                          for: \"unit-combination-ids-select\",\n                          \"data-testing\": \"variation-select-unit-label\",\n                        },\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.singleItemContent\")\n                          )\n                        ),\n                      ]\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n          ]\n        : [_vm._t(\"default\")],\n    ],\n    2\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"div\", { staticClass: \"wk-bestchoice-icon\" }, [\n      _c(\"img\", {\n        attrs: {\n          src: \"https://cdn02.plentymarkets.com/waw2itk75f1a/frontend/werkstatt-king/template/gfx/topseller-badge.svg\",\n        },\n      }),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"row\">\r\n\t\t<template\r\n\t\t\tv-if=\"\r\n\t\t\t\tattributes.length ||\r\n\t\t\t\t\t(possibleUnitCombinationIds.length > 1 && isContentVisible)\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"col-12 variation-select\"\r\n\t\t\t\tv-for=\"(attribute, index) in attributes\"\r\n\t\t\t\t:key=\"index\"\r\n\t\t\t>\r\n\t\t\t\t<!-- dropdown -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"input-unit\"\r\n\t\t\t\t\tref=\"attributesContaner\"\r\n\t\t\t\t\tv-if=\"attribute.type === 'dropdown'\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<select\r\n\t\t\t\t\t\t:id=\"'custom-select_' + attribute.name\"\r\n\t\t\t\t\t\tclass=\"custom-select\"\r\n\t\t\t\t\t\t@change=\"\r\n\t\t\t\t\t\t\tselectAttribute(attribute.attributeId, $event.target.value)\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\tdata-testing=\"variation-select-dropdown\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{\r\n\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemPleaseSelect\")\r\n\t\t\t\t\t\t}}</option>\r\n\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\t:value=\"null\"\r\n\t\t\t\t\t\t\tv-if=\"\r\n\t\t\t\t\t\t\t\thasEmptyOption ||\r\n\t\t\t\t\t\t\t\t\tselectedAttributes[attribute.attributeId] === null\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t:selected=\"selectedAttributes[attribute.attributeId] === null\"\r\n\t\t\t\t\t\t\t>{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\tv-for=\"value in attribute.values\"\r\n\t\t\t\t\t\t\t:value=\"value.attributeValueId\"\r\n\t\t\t\t\t\t\t:selected=\"\r\n\t\t\t\t\t\t\t\tvalue.attributeValueId ===\r\n\t\t\t\t\t\t\t\t\tselectedAttributes[attribute.attributeId]\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t:key=\"value.attributeValueId\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<template\r\n\t\t\t\t\t\t\t\tv-if=\"\r\n\t\t\t\t\t\t\t\t\tisAttributeSelectionValid(\r\n\t\t\t\t\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\t\t\t\t\tvalue.attributeValueId,\r\n\t\t\t\t\t\t\t\t\t\ttrue\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ value.name }}\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t<template\r\n\t\t\t\t\t\t\t\tv-else-if=\"\r\n\t\t\t\t\t\t\t\t\tisAttributeSelectionValid(\r\n\t\t\t\t\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\t\t\t\t\tvalue.attributeValueId,\r\n\t\t\t\t\t\t\t\t\t\tfalse\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemNotSalableAttribute\", {\r\n\t\t\t\t\t\t\t\t\t\tname: value.name,\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t<template v-else>\r\n\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemInvalidAttribute\", {\r\n\t\t\t\t\t\t\t\t\t\tname: value.name,\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\t:for=\"'custom-select_' + attribute.name\"\r\n\t\t\t\t\t\tv-tooltip=\"isTextCut(attribute.name)\"\r\n\t\t\t\t\t\tdata-toggle=\"tooltip\"\r\n\t\t\t\t\t\tdata-placement=\"top\"\r\n\t\t\t\t\t\t:title=\"attribute.name\"\r\n\t\t\t\t\t\tdata-testing=\"variation-select-dropdown-label\"\r\n\t\t\t\t\t\t>{{ attribute.name }}</label\r\n\t\t\t\t\t>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- /dropdown -->\r\n\r\n\t\t\t\t<!-- box and image -->\r\n\t\t\t\t<div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\r\n\t\t\t\t\t<span class=\"d-none text-muted\" data-testing=\"attribute-name\"\r\n\t\t\t\t\t\t>{{ attribute.name }}:</span\r\n\t\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"v-s-boxes py-1\"\r\n\t\t\t\t\t\t:class=\"{ images: attribute.type === 'image' }\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"v-s-box bg-white empty-option\"\r\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\r\n\t\t\t\t\t\t\tv-if=\"addPleaseSelectOption\"\r\n\t\t\t\t\t\t\t@click=\"selectAttribute(attribute.attributeId, -1)\"\r\n\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\tactive: selectedAttributes[attribute.attributeId] === -1,\r\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(attribute.attributeId, -1),\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class=\"mx-3\">{{\r\n\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemPleaseSelect\")\r\n\t\t\t\t\t\t\t}}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"v-s-box bg-white empty-option\"\r\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\r\n\t\t\t\t\t\t\tv-if=\"hasEmptyOption\"\r\n\t\t\t\t\t\t\t@click=\"selectAttribute(attribute.attributeId, null)\"\r\n\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\tactive: selectedAttributes[attribute.attributeId] === null,\r\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(\r\n\t\t\t\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\t\t\t\tnull,\r\n\t\t\t\t\t\t\t\t\ttrue\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class=\"mx-3\">{{\r\n\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemNoSelection\")\r\n\t\t\t\t\t\t\t}}</span>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"v-s-box bg-white\"\r\n\t\t\t\t\t\t\tdata-testing=\"variation-select-box\"\r\n\t\t\t\t\t\t\tv-for=\"value in attribute.values\"\r\n\t\t\t\t\t\t\t@click=\"\r\n\t\t\t\t\t\t\t\tselectAttribute(attribute.attributeId, value.attributeValueId)\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\tactive:\r\n\t\t\t\t\t\t\t\t\tvalue.attributeValueId ===\r\n\t\t\t\t\t\t\t\t\tselectedAttributes[attribute.attributeId],\r\n\t\t\t\t\t\t\t\tinvalid: !isAttributeSelectionValid(\r\n\t\t\t\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\t\t\t\tvalue.attributeValueId,\r\n\t\t\t\t\t\t\t\t\ttrue\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\tv-tooltip=\"true\"\r\n\t\t\t\t\t\t\tdata-html=\"true\"\r\n\t\t\t\t\t\t\tdata-toggle=\"tooltip\"\r\n\t\t\t\t\t\t\tdata-placement=\"top\"\r\n\t\t\t\t\t\t\t:data-original-title=\"getTooltip(attribute, value)\"\r\n\t\t\t\t\t\t\t:key=\"value.attributeValueId\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div class=\"wk-variationselect-col1\">\r\n\t\t\t\t\t\t\t\t<span class=\"mx-3\" v-if=\"attribute.type === 'box'\"\r\n\t\t\t\t\t\t\t\t\t>{{ value.name }}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<div v-else class=\"wk-variationselect-image\">\r\n\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\tclass=\"img-fluid\"\r\n\t\t\t\t\t\t\t\t\t\t:src=\"value.imageUrl\"\r\n\t\t\t\t\t\t\t\t\t\t:alt=\"value.name\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"wk-variationselect-name\">{{ value.name }}</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<template v-for=\"variationPrice in variationPriceValues\">\r\n\t\t\t\t\t\t\t\t<template\r\n\t\t\t\t\t\t\t\t\tv-if=\"\r\n\t\t\t\t\t\t\t\t\t\tvariationPrice.attributeValueId === value.attributeValueId\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<div class=\"wk-variationselect-col2\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"wk-variationselect-ppu\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(variationPrice.price / variationPrice.unitValue)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t| currency\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"small\">pro {{ variationPrice.unitName }}</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<template\r\n\t\t\t\t\t\t\t\t\t\t\tv-for=\"selectedVariationSaved in getPriceCompareValues(\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectedAttributes,\r\n\t\t\t\t\t\t\t\t\t\t\t\tvariationPriceValues,\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue.attributeValueId\r\n\t\t\t\t\t\t\t\t\t\t\t)\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'wk-variationselect-has-price':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedVariationSaved.percentageSaved > 0,\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tv-if=\"selectedVariationSaved.percentageSaved > 0\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"wk-variationselect-saved\"\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t-{{ selectedVariationSaved.percentageSaved }}&#37;\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"wk-variationselect-col3\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"wk-variationselect-price\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t>{{ variationPrice.price | currency }}<sup>*</sup></span\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<template v-if=\"variationPrice.bestChoice\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"wk-bestchoice-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https://cdn02.plentymarkets.com/waw2itk75f1a/frontend/werkstatt-king/template/gfx/topseller-badge.svg\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t\t\t<i class=\"fa fa-check-circle\" aria-hidden=\"true\"></i>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- /box and image -->\r\n\t\t\t</div>\r\n\r\n\t\t\t<!-- units -->\r\n\t\t\t<div\r\n\t\t\t\tclass=\"col-12 variation-select\"\r\n\t\t\t\tv-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"input-unit\">\r\n\t\t\t\t\t<select\r\n\t\t\t\t\t\tid=\"unit-combination-ids-select\"\r\n\t\t\t\t\t\tclass=\"custom-select\"\r\n\t\t\t\t\t\t@change=\"selectUnit($event.target.value)\"\r\n\t\t\t\t\t\tdata-testing=\"variation-select-unit\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\tv-for=\"unitCombinationId in possibleUnitCombinationIds\"\r\n\t\t\t\t\t\t\t:value=\"unitCombinationId\"\r\n\t\t\t\t\t\t\t:selected=\"parseInt(unitCombinationId) === selectedUnit\"\r\n\t\t\t\t\t\t\t:key=\"unitCombinationId\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<template v-if=\"isUnitSelectionValid(unitCombinationId)\">\r\n\t\t\t\t\t\t\t\t{{ possibleUnits[unitCombinationId] }}\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t<template v-else>\r\n\t\t\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemInvalidAttribute\", {\r\n\t\t\t\t\t\t\t\t\t\tname: possibleUnits[unitCombinationId],\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t<label\r\n\t\t\t\t\t\tfor=\"unit-combination-ids-select\"\r\n\t\t\t\t\t\tdata-testing=\"variation-select-unit-label\"\r\n\t\t\t\t\t\t>{{ $translate(\"Ceres::Template.singleItemContent\") }}</label\r\n\t\t\t\t\t>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<!-- /units -->\r\n\t\t</template>\r\n\r\n\t\t<template v-else>\r\n\t\t\t<slot></slot>\r\n\t\t</template>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { textWidth } from \"../../helper/dom\";\r\n\timport { isDefined, isNull, isNullOrUndefined } from \"../../helper/utils\";\r\n\r\n\tconst NotificationService = require(\"../../services/NotificationService\");\r\n\r\n\texport default {\r\n\t\tname: \"variation-select\",\r\n\r\n\t\tprops: {\r\n\t\t\tforceContent: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tinject: {\r\n\t\t\titemId: {\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tfilteredVariationsCache: {},\r\n\t\t\t\tlastContentCount: 0,\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tmounted() {\r\n\t\t\t// initially check for valid selection and disable add to basket button\r\n\t\t\tthis.$store.commit(\r\n\t\t\t\t`${this.itemId}/variationSelect/setIsVariationSelected`,\r\n\t\t\t\t!!this.currentSelection\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\tcurrentVariation() {\r\n\t\t\t\treturn this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n\t\t\t},\r\n\t\t\tvariationPriceValues() {\r\n\t\t\t\treturn this.$store.getters[`${this.itemId}/variationPriceValues`];\r\n\t\t\t},\r\n\r\n\t\t\tcurrentVariationSelect() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.$store.state.items[this.itemId] &&\r\n\t\t\t\t\tthis.$store.state.items[this.itemId].variationSelect\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns true if any variation has no attributes\r\n\t\t\t */\r\n\t\t\thasEmptyOption() {\r\n\t\t\t\treturn this.variations.some(\r\n\t\t\t\t\t(variation) => !variation.attributes.length\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\taddPleaseSelectOption() {\r\n\t\t\t\treturn App.config.item.showPleaseSelect;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns the variation, based on the selected attributes / unit\r\n\t\t\t * returns false if there are none or multiple results\r\n\t\t\t */\r\n\t\t\tcurrentSelection() {\r\n\t\t\t\tconst filteredVariations = this.filterVariations(null, null, true);\r\n\r\n\t\t\t\tif (filteredVariations.length === 1) {\r\n\t\t\t\t\treturn filteredVariations[0];\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns all units, selectable by current selection\r\n\t\t\t * prop 'forceContent' with value true will return all units, without filtering\r\n\t\t\t */\r\n\t\t\tpossibleUnits() {\r\n\t\t\t\t// use an object, to make the entries unique\r\n\t\t\t\tconst possibleUnits = {};\r\n\t\t\t\tconst variations = this.forceContent\r\n\t\t\t\t\t? this.variations\r\n\t\t\t\t\t: this.filterVariations(null, null, null, true);\r\n\r\n\t\t\t\tfor (const variation of variations) {\r\n\t\t\t\t\tpossibleUnits[variation.unitCombinationId] = variation.unitName;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn possibleUnits;\r\n\t\t\t},\r\n\r\n\t\t\tpossibleUnitCombinationIds() {\r\n\t\t\t\treturn this.transformPossibleUnits(this.possibleUnits).map(\r\n\t\t\t\t\t(value) => value[0]\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tisContentVisible() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t(!this.forceContent && !!this.currentSelection) || this.forceContent\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\thasSelection() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t!isNullOrUndefined(this.selectedAttributes) &&\r\n\t\t\t\t\t!Object.values(this.selectedAttributes).some((value) => value < 0)\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tattributes() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.currentVariationSelect && this.currentVariationSelect.attributes\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tselectedAttributes() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.currentVariationSelect &&\r\n\t\t\t\t\tthis.currentVariationSelect.selectedAttributes\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tselectedUnit() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.currentVariationSelect &&\r\n\t\t\t\t\tthis.currentVariationSelect.selectedUnit\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tvariations() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.currentVariationSelect && this.currentVariationSelect.variations\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\t/**\r\n\t\t\t * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\r\n\t\t\t * @param {number} attributeId\r\n\t\t\t * @param {[number, string, null]} attributeValueId\r\n\t\t\t */\r\n\r\n\t\t\tpricePerUnit(item) {\r\n\t\t\t\treturn (item.price / item.unitValue).toFixed(2);\r\n\t\t\t},\r\n\r\n\t\t\tselectAttribute(attributeId, attributeValueId) {\r\n\t\t\t\tattributeValueId = parseInt(attributeValueId) || null;\r\n\r\n\t\t\t\tif (this.selectedAttributes[attributeId] !== attributeValueId) {\r\n\t\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t\t`${this.itemId}/variationSelect/selectItemAttribute`,\r\n\t\t\t\t\t\t{ attributeId, attributeValueId }\r\n\t\t\t\t\t);\r\n\t\t\t\t\tthis.onSelectionChange(attributeId, attributeValueId, null);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tgetPriceCompareValues(\r\n\t\t\t\tselectedAttributes,\r\n\t\t\t\tvariationPriceValues,\r\n\t\t\t\tcompareAttributeValueId\r\n\t\t\t) {\r\n\t\t\t\tconst results = [];\r\n\r\n\t\t\t\tlet compareBasePrice = null;\r\n\t\t\t\tfor (const variation of variationPriceValues) {\r\n\t\t\t\t\tif (variation.attributeValueId === compareAttributeValueId) {\r\n\t\t\t\t\t\tcompareBasePrice = variation.price / variation.unitValue;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (compareBasePrice === null) {\r\n\t\t\t\t\tconsole.warn(\"no attributeValueId\");\r\n\t\t\t\t\treturn results;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfor (const attributeId in selectedAttributes) {\r\n\t\t\t\t\tconst attributeValueId = selectedAttributes[attributeId];\r\n\t\t\t\t\tfor (const variation of variationPriceValues) {\r\n\t\t\t\t\t\tif (variation.attributeValueId === attributeValueId) {\r\n\t\t\t\t\t\t\tconst basePrice = variation.price / variation.unitValue;\r\n\t\t\t\t\t\t\tconst discountedBasePrice = basePrice - compareBasePrice;\r\n\t\t\t\t\t\t\tconst percentageSaved = (discountedBasePrice / basePrice) * 100;\r\n\t\t\t\t\t\t\tresults.push({\r\n\t\t\t\t\t\t\t\tpercentageSaved: percentageSaved.toFixed(0),\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn results;\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\r\n\t\t\t * @param {[number, string]} unitId\r\n\t\t\t */\r\n\t\t\tselectUnit(unitId) {\r\n\t\t\t\tunitId = parseInt(unitId);\r\n\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t`${this.itemId}/variationSelect/selectItemUnit`,\r\n\t\t\t\t\tunitId\r\n\t\t\t\t);\r\n\t\t\t\tthis.onSelectionChange(null, null, unitId);\r\n\t\t\t},\r\n\r\n\t\t\tonSelectionChange(attributeId, attributeValueId, unitId) {\r\n\t\t\t\tif (this.currentSelection) {\r\n\t\t\t\t\tthis.setVariation(this.currentSelection.variationId);\r\n\t\t\t\t} else if (!this.hasSelection) {\r\n\t\t\t\t\t// user switched back to \"please select\"\r\n\t\t\t\t\tthis.setVariation(0);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.unsetInvalidSelection(attributeId, attributeValueId, unitId);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.lastContentCount = this.possibleUnitCombinationIds.length;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * changes the selected attributes / unit, to ensure a valid seelction\r\n\t\t\t * @param {[number, null]} attributeId\r\n\t\t\t * @param {[number, null]} attributeValueId\r\n\t\t\t * @param {[number, null]} unitId\r\n\t\t\t */\r\n\t\t\tunsetInvalidSelection(attributeId, attributeValueId, unitId) {\r\n\t\t\t\tconst qualifiedVariations = this.getQualifiedVariations(\r\n\t\t\t\t\tattributeId,\r\n\t\t\t\t\tattributeValueId,\r\n\t\t\t\t\tunitId\r\n\t\t\t\t);\r\n\t\t\t\tconst closestVariations = this.getClosestVariations(\r\n\t\t\t\t\tqualifiedVariations\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// if the salable 'closestVariations' is undefined, take the not-salable one\r\n\t\t\t\tconst closestVariation = closestVariations[0] || closestVariations[1];\r\n\r\n\t\t\t\tif (!closestVariation) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst invalidSelection = this.getInvalidSelectionByVariation(\r\n\t\t\t\t\tclosestVariation\r\n\t\t\t\t);\r\n\r\n\t\t\t\tthis.correctSelection(invalidSelection);\r\n\t\t\t},\r\n\r\n\t\t\tgetTooltip(attribute, attributeValue) {\r\n\t\t\t\tif (\r\n\t\t\t\t\t!this.isAttributeSelectionValid(\r\n\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\tattributeValue.attributeValueId,\r\n\t\t\t\t\t\ttrue\r\n\t\t\t\t\t)\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn this.getInvalidOptionTooltip(\r\n\t\t\t\t\t\tattribute.attributeId,\r\n\t\t\t\t\t\tattributeValue.attributeValueId\r\n\t\t\t\t\t);\r\n\t\t\t\t} else if (attribute.type === \"image\") {\r\n\t\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\r\n\t\t\t\t\t\tattribute: attribute.name,\r\n\t\t\t\t\t\tvalue: attributeValue.name,\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn \"\";\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns a string for box tooltips, for not available options\r\n\t\t\t * @param {number} attributeId\r\n\t\t\t * @param {number} attributeValueId\r\n\t\t\t */\r\n\t\t\tgetInvalidOptionTooltip(attributeId, attributeValueId) {\r\n\t\t\t\tconst qualifiedVariations = this.getQualifiedVariations(\r\n\t\t\t\t\tattributeId,\r\n\t\t\t\t\tattributeValueId\r\n\t\t\t\t);\r\n\t\t\t\tconst closestVariations = this.getClosestVariations(\r\n\t\t\t\t\tqualifiedVariations\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!closestVariations || closestVariations.length <= 0) {\r\n\t\t\t\t\treturn \"\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst invalidSelections = [\r\n\t\t\t\t\t!!closestVariations[0]\r\n\t\t\t\t\t\t? this.getInvalidSelectionByVariation(closestVariations[0])\r\n\t\t\t\t\t\t: null,\r\n\t\t\t\t\t!!closestVariations[1]\r\n\t\t\t\t\t\t? this.getInvalidSelectionByVariation(closestVariations[1])\r\n\t\t\t\t\t\t: null,\r\n\t\t\t\t];\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\t!!invalidSelections[0] &&\r\n\t\t\t\t\t!!invalidSelections[1] &&\r\n\t\t\t\t\tinvalidSelections[0].attributesToReset.length >\r\n\t\t\t\t\t\tinvalidSelections[1].attributesToReset.length\r\n\t\t\t\t) {\r\n\t\t\t\t\t// there is a non-salable variation with less changes\r\n\t\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemNotSalable\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst invalidSelection = invalidSelections[0] || invalidSelections[1];\r\n\t\t\t\tconst names = [];\r\n\r\n\t\t\t\tfor (const attribute of invalidSelection.attributesToReset) {\r\n\t\t\t\t\tif (attribute.attributeId !== attributeId) {\r\n\t\t\t\t\t\tnames.push(\"<b>\" + attribute.name + \"</b>\");\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (invalidSelection.newUnit) {\r\n\t\t\t\t\tnames.push(\r\n\t\t\t\t\t\t\"<b>\" +\r\n\t\t\t\t\t\t\tthis.$translate(\"Ceres::Template.singleItemContent\") +\r\n\t\t\t\t\t\t\t\"</b>\"\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!names.length) {\r\n\t\t\t\t\treturn null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn this.$translate(\r\n\t\t\t\t\t\"Ceres::Template.singleItemNotAvailableInSelection\",\r\n\t\t\t\t\t{ name: names.join(\", \") }\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns a list of variations, filtered by attribute or unit\r\n\t\t\t * @param {[number, null]} attributeId\r\n\t\t\t * @param {[number, null]} attributeValueId\r\n\t\t\t * @param {[number, null]} unitId\r\n\t\t\t */\r\n\t\t\tgetQualifiedVariations(attributeId, attributeValueId, unitId) {\r\n\t\t\t\tif (isDefined(attributeValueId)) {\r\n\t\t\t\t\treturn this.variations.filter((variation) => {\r\n\t\t\t\t\t\treturn isDefined(\r\n\t\t\t\t\t\t\tvariation.attributes.find(\r\n\t\t\t\t\t\t\t\t(attribute) =>\r\n\t\t\t\t\t\t\t\t\tattribute.attributeId === attributeId &&\r\n\t\t\t\t\t\t\t\t\tattribute.attributeValueId === attributeValueId\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t});\r\n\t\t\t\t} else if (isDefined(unitId)) {\r\n\t\t\t\t\treturn this.variations.filter(\r\n\t\t\t\t\t\t(variation) => variation.unitCombinationId === unitId\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn this.variations.filter(\r\n\t\t\t\t\t(variation) => !variation.attributes.length\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\r\n\t\t\t * @param {array} qualifiedVariations\r\n\t\t\t */\r\n\t\t\tgetClosestVariations(qualifiedVariations) {\r\n\t\t\t\tlet closestSalableVariation, numberOfSalableChanges;\r\n\t\t\t\tlet closestNonSalableVariation, numberOfNonSalableChanges;\r\n\r\n\t\t\t\tfor (const variation of qualifiedVariations) {\r\n\t\t\t\t\tlet changes = 0;\r\n\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\tvariation.unitCombinationId !== this.selectedUnit &&\r\n\t\t\t\t\t\t!isNull(this.selectedUnit)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\t// when the unit dropdown isn't visible, it should have a lower weight for reset investigations\r\n\t\t\t\t\t\tconst unitWeight =\r\n\t\t\t\t\t\t\tthis.possibleUnitCombinationIds.length > 1 &&\r\n\t\t\t\t\t\t\tthis.isContentVisible\r\n\t\t\t\t\t\t\t\t? 0.9\r\n\t\t\t\t\t\t\t\t: 0.1;\r\n\r\n\t\t\t\t\t\tchanges += unitWeight;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (const attribute of variation.attributes) {\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\tthis.selectedAttributes[attribute.attributeId] !==\r\n\t\t\t\t\t\t\tattribute.attributeValueId\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\tchanges++;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\tvariation.isSalable &&\r\n\t\t\t\t\t\t(!numberOfSalableChanges || changes < numberOfSalableChanges)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\tclosestSalableVariation = variation;\r\n\t\t\t\t\t\tnumberOfSalableChanges = changes;\r\n\t\t\t\t\t} else if (\r\n\t\t\t\t\t\t!variation.isSalable &&\r\n\t\t\t\t\t\t(!numberOfNonSalableChanges || changes < numberOfNonSalableChanges)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\tclosestNonSalableVariation = variation;\r\n\t\t\t\t\t\tnumberOfNonSalableChanges = changes;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn [closestSalableVariation, closestNonSalableVariation];\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\r\n\t\t\t * @param {object} variation\r\n\t\t\t */\r\n\t\t\tgetInvalidSelectionByVariation(variation) {\r\n\t\t\t\tconst attributesToReset = [];\r\n\t\t\t\tlet newUnit = null;\r\n\r\n\t\t\t\tfor (let selectedAttributeId in this.selectedAttributes) {\r\n\t\t\t\t\tselectedAttributeId = parseInt(selectedAttributeId);\r\n\t\t\t\t\tconst variationAttribute = variation.attributes.find(\r\n\t\t\t\t\t\t(attribute) => attribute.attributeId === selectedAttributeId\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tif (!isNull(this.selectedAttributes[selectedAttributeId])) {\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t(variationAttribute &&\r\n\t\t\t\t\t\t\t\tvariationAttribute.attributeValueId !==\r\n\t\t\t\t\t\t\t\t\tthis.selectedAttributes[selectedAttributeId]) ||\r\n\t\t\t\t\t\t\t!variationAttribute\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\tconst attributeToReset = this.attributes.find(\r\n\t\t\t\t\t\t\t\t(attr) => attr.attributeId === selectedAttributeId\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tattributesToReset.push(attributeToReset);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (variation.unitCombinationId !== this.selectedUnit) {\r\n\t\t\t\t\tnewUnit = variation.unitCombinationId;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn { attributesToReset, newUnit };\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\r\n\t\t\t * @param {object} invalidSelection\r\n\t\t\t */\r\n\t\t\tcorrectSelection(invalidSelection) {\r\n\t\t\t\tconst messages = [];\r\n\t\t\t\tconst attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\r\n\r\n\t\t\t\tfor (const attributeToReset of invalidSelection.attributesToReset) {\r\n\t\t\t\t\tmessages.push(\r\n\t\t\t\t\t\tthis.$translate(\"Ceres::Template.singleItemNotAvailable\", {\r\n\t\t\t\t\t\t\tname: attributeToReset.name,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tattributes[attributeToReset.attributeId] =\r\n\t\t\t\t\t\t!this.hasEmptyOption && App.config.item.showPleaseSelect\r\n\t\t\t\t\t\t\t? -1\r\n\t\t\t\t\t\t\t: null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (invalidSelection.newUnit) {\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\tthis.lastContentCount > 1 &&\r\n\t\t\t\t\t\tthis.possibleUnitCombinationIds.length > 1 &&\r\n\t\t\t\t\t\t!isNull(this.selectedUnit)\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\tmessages.push(\r\n\t\t\t\t\t\t\tthis.$translate(\"Ceres::Template.singleItemNotAvailable\", {\r\n\t\t\t\t\t\t\t\tname: this.$translate(\"Ceres::Template.singleItemContent\"),\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t\t`${this.itemId}/variationSelect/selectItemUnit`,\r\n\t\t\t\t\t\tinvalidSelection.newUnit\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t`${this.itemId}/variationSelect/setItemSelectedAttributes`,\r\n\t\t\t\t\tattributes\r\n\t\t\t\t);\r\n\r\n\t\t\t\tthis.setVariation(\r\n\t\t\t\t\tthis.currentSelection ? this.currentSelection.variationId : 0\r\n\t\t\t\t);\r\n\r\n\t\t\t\tNotificationService.warn(messages.join(\"<br>\")).closeAfter(5000);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns matching variations with current selection\r\n\t\t\t * attributes and unitId could be filled, to check a specific selection\r\n\t\t\t * @param {object} attributes\r\n\t\t\t * @param {number} unitId\r\n\t\t\t * @param {boolean} strict\r\n\t\t\t */\r\n\t\t\tfilterVariations(attributes, unitId, strict, ignoreUnit) {\r\n\t\t\t\tattributes = attributes || this.selectedAttributes;\r\n\t\t\t\tunitId = unitId || this.selectedUnit;\r\n\t\t\t\tstrict = !!strict;\r\n\t\t\t\tignoreUnit = !!ignoreUnit;\r\n\r\n\t\t\t\tconst key =\r\n\t\t\t\t\tJSON.stringify(attributes) +\r\n\t\t\t\t\t\"_\" +\r\n\t\t\t\t\tunitId +\r\n\t\t\t\t\t\"_\" +\r\n\t\t\t\t\tstrict +\r\n\t\t\t\t\t\"_\" +\r\n\t\t\t\t\tignoreUnit;\r\n\r\n\t\t\t\tif (isDefined(this.filteredVariationsCache[key])) {\r\n\t\t\t\t\treturn this.filteredVariationsCache[key];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst uniqueValues = [...new Set(Object.values(attributes))];\r\n\t\t\t\tconst isEmptyOptionSelected =\r\n\t\t\t\t\tuniqueValues.length === 1 && isNull(uniqueValues[0]);\r\n\t\t\t\tconst filteredVariations = this.variations.filter((variation) => {\r\n\t\t\t\t\t// the selected unit is not matching\r\n\t\t\t\t\tif (!ignoreUnit && variation.unitCombinationId !== unitId) {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// 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\t\t\t\t\t// requires more than 0 attributes\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\t((!isEmptyOptionSelected && !variation.attributes.length) ||\r\n\t\t\t\t\t\t\t(isEmptyOptionSelected && variation.attributes.length)) &&\r\n\t\t\t\t\t\tthis.attributes.length > 0\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfor (const attributeId in attributes) {\r\n\t\t\t\t\t\tconst variationAttribute = variation.attributes.find(\r\n\t\t\t\t\t\t\t(variationAttribute) =>\r\n\t\t\t\t\t\t\t\tvariationAttribute.attributeId === parseInt(attributeId)\r\n\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t// an attribute is not matching with selection\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\tvariationAttribute &&\r\n\t\t\t\t\t\t\tvariationAttribute.attributeValueId !== attributes[attributeId] &&\r\n\t\t\t\t\t\t\t(strict ||\r\n\t\t\t\t\t\t\t\t(!strict &&\r\n\t\t\t\t\t\t\t\t\t!isNull(attributes[attributeId]) &&\r\n\t\t\t\t\t\t\t\t\tattributes[attributeId] !== -1))\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t});\r\n\r\n\t\t\t\tthis.filteredVariationsCache[key] = filteredVariations;\r\n\r\n\t\t\t\treturn filteredVariations;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns true, if the selection with a new attribute value would be valid\r\n\t\t\t * @param {number} attributeId\r\n\t\t\t * @param {[number, string, null]} attributeValueId\r\n\t\t\t * @param {boolean} filterSalableVariations\r\n\t\t\t */\r\n\t\t\tisAttributeSelectionValid(\r\n\t\t\t\tattributeId,\r\n\t\t\t\tattributeValueId,\r\n\t\t\t\tfilterSalableVariations\r\n\t\t\t) {\r\n\t\t\t\tattributeValueId = parseInt(attributeValueId) || null;\r\n\t\t\t\tif (this.selectedAttributes[attributeId] === attributeValueId) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst selectedAttributes = JSON.parse(\r\n\t\t\t\t\tJSON.stringify(this.selectedAttributes)\r\n\t\t\t\t);\r\n\r\n\t\t\t\tselectedAttributes[attributeId] = parseInt(attributeValueId) || null;\r\n\r\n\t\t\t\tconst ignoreUnit = !(\r\n\t\t\t\t\tObject.keys(this.possibleUnits).length > 1 && this.isContentVisible\r\n\t\t\t\t);\r\n\t\t\t\tlet variations = this.filterVariations(\r\n\t\t\t\t\tselectedAttributes,\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\tnull,\r\n\t\t\t\t\tignoreUnit\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (filterSalableVariations) {\r\n\t\t\t\t\tvariations = variations.filter((variation) => variation.isSalable);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn variations.length > 0;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * returns true, if the selection with a new unitId would be valid\r\n\t\t\t * @param {[number, string]} unitId\r\n\t\t\t */\r\n\t\t\tisUnitSelectionValid(unitId) {\r\n\t\t\t\tunitId = parseInt(unitId);\r\n\t\t\t\tif (this.selectedUnit === unitId) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.filterVariations(null, unitId).filter(\r\n\t\t\t\t\t\t(variation) => variation.isSalable\r\n\t\t\t\t\t).length > 0\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * dispatch vuex action 'loadVariation' to archive a variation\r\n\t\t\t * dispatches a custom event named 'onVariationChanged'\r\n\t\t\t * @param {[string, number, null]} variationId\r\n\t\t\t */\r\n\t\t\tsetVariation(variationId) {\r\n\t\t\t\tif (!isDefined(variationId) && this.currentSelection) {\r\n\t\t\t\t\tvariationId = this.currentSelection.variationId;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (isDefined(variationId)) {\r\n\t\t\t\t\tthis.$store\r\n\t\t\t\t\t\t.dispatch(`${this.itemId}/loadVariation`, variationId)\r\n\t\t\t\t\t\t.then((variation) => {\r\n\t\t\t\t\t\t\tdocument.dispatchEvent(\r\n\t\t\t\t\t\t\t\tnew CustomEvent(\"onVariationChanged\", {\r\n\t\t\t\t\t\t\t\t\tdetail: {\r\n\t\t\t\t\t\t\t\t\t\tattributes: variation.attributes,\r\n\t\t\t\t\t\t\t\t\t\tdocuments: variation.documents,\r\n\t\t\t\t\t\t\t\t\t\titemId: this.itemId,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tisTextCut(content) {\r\n\t\t\t\tif (this.$refs.attributesContaner) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\ttextWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") >\r\n\t\t\t\t\t\tthis.$refs.attributesContaner[0].clientWidth\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t},\r\n\r\n\t\t\tgetSelectedAttributeValueName(attribute) {\r\n\t\t\t\tconst selectedAttributeValueId = this.selectedAttributes[\r\n\t\t\t\t\tattribute.attributeId\r\n\t\t\t\t];\r\n\t\t\t\tconst selectedAttributeValue = attribute.values.find(\r\n\t\t\t\t\t(attrValue) => attrValue.attributeValueId === selectedAttributeValueId\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (selectedAttributeValue) {\r\n\t\t\t\t\treturn selectedAttributeValue.name;\r\n\t\t\t\t} else if (\r\n\t\t\t\t\tApp.config.item.showPleaseSelect &&\r\n\t\t\t\t\tselectedAttributeValueId === -1\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\r\n\t\t\t\t}\r\n\t\t\t\treturn this.$translate(\"Ceres::Template.singleItemNoSelection\");\r\n\t\t\t},\r\n\r\n\t\t\ttransformPossibleUnits(possibleUnits) {\r\n\t\t\t\treturn Object.entries(possibleUnits).sort((unitA, unitB) => {\r\n\t\t\t\t\tunitA = this.splitUnitName(unitA[1]);\r\n\t\t\t\t\tunitB = this.splitUnitName(unitB[1]);\r\n\t\t\t\t\t// order by unit\r\n\t\t\t\t\tif (unitA[1] < unitB[1]) {\r\n\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (unitA[1] > unitB[1]) {\r\n\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// order by content (count)\r\n\t\t\t\t\tif (unitA[0] < unitB[0]) {\r\n\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (unitA[0] > unitB[0]) {\r\n\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn 0;\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tsplitUnitName(unitName) {\r\n\t\t\t\tconst unitNameSplit = unitName.split(\" \");\r\n\r\n\t\t\t\tif (!isNaN(unitNameSplit[0])) {\r\n\t\t\t\t\tunitNameSplit[0] = unitNameSplit[0].replace(\r\n\t\t\t\t\t\tApp.currencyPattern.separator_thousands,\r\n\t\t\t\t\t\t\"\"\r\n\t\t\t\t\t);\r\n\t\t\t\t\tunitNameSplit[0] = parseInt(unitNameSplit[0]);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn unitNameSplit;\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\twatch: {\r\n\t\t\tcurrentSelection(value) {\r\n\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t`${this.itemId}/variationSelect/setIsVariationSelected`,\r\n\t\t\t\t\t!!value\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t\tvariations() {\r\n\t\t\t\t// FIX unset variation cache after subsequent variations are loaded\r\n\t\t\t\tthis.filteredVariationsCache = {};\r\n\t\t\t},\r\n\t\t},\r\n\t};\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=6aa1e0dc\"\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":""}