{"version":3,"sources":["webpack://multicontent-widget/./node_modules/core-js/internals/object-to-array.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.array.find.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.object.entries.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.object.keys.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.object.values.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.set.constructor.js","webpack://multicontent-widget/./node_modules/core-js/modules/es.set.js","webpack://multicontent-widget/./resources/js/src/components/item/VariationSelectTable.vue?f51d","webpack://multicontent-widget/resources/js/src/components/item/VariationSelectTable.vue","webpack://multicontent-widget/./resources/js/src/components/item/VariationSelectTable.vue?b44a","webpack://multicontent-widget/./resources/js/src/helper/dom.js","webpack://multicontent-widget/./resources/js/src/components/item/VariationSelectTable.vue"],"names":["DESCRIPTORS","uncurryThis","objectKeys","toIndexedObject","propertyIsEnumerable","push","createMethod","TO_ENTRIES","it","key","O","keys","length","i","result","module","exports","entries","values","$","$find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","find","callbackfn","this","arguments","undefined","$entries","stat","toObject","nativeKeys","fails","$values","collection","init","render","_vm","_h","$createElement","_c","_self","staticClass","attributes","possibleUnitCombinationIds","isContentVisible","_l","attribute","index","attributeAsTable","attributeId","style","appearance","class","staticStyle","height","_v","_s","name","sortVariationsByAttribute","variationsData","infoVariations","variation","cursor","on","click","$event","selectAttribute","valueId","selectedAttributes","width","_e","value","backendName","prices","default","basePrice","rrp","unitPrice","specialOffer","_f","formatted","price","$translate","type","ref","refInFor","attrs","id","change","addPleaseSelectOption","hasSelection","domProps","hasEmptyOption","selected","attributeValueId","isAttributeSelectionValid","directives","rawName","isTextCut","expression","for","title","getSelectedAttributeValueName","images","active","invalid","getTooltip","src","imageUrl","alt","selectUnit","unitCombinationId","parseInt","selectedUnit","isUnitSelectionValid","possibleUnits","_t","_withStripped","text","fontFamily","tag","document","createElement","position","left","whiteSpace","font","innerHTML","body","appendChild","clientWidth","removeChild","component","options","__file"],"mappings":"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","file":"chunks/multicontent-1.min.js","sourcesContent":["var DESCRIPTORS = require('../internals/descriptors');\nvar uncurryThis = require('../internals/function-uncurry-this');\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// `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(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 $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.es/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n","var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","'use strict';\nvar collection = require('../internals/collection');\nvar collectionStrong = require('../internals/collection-strong');\n\n// `Set` constructor\n// https://tc39.es/ecma262/#sec-set-objects\ncollection('Set', function (init) {\n  return function Set() { return init(this, arguments.length ? arguments[0] : undefined); };\n}, collectionStrong);\n","// TODO: Remove this module from `core-js@4` since it's replaced to module below\nrequire('../modules/es.set.constructor');\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                  _vm.attributeAsTable(attribute.attributeId)\n                    ? _c(\n                        \"div\",\n                        {\n                          staticClass: \"border mb-3\",\n                          style: {\n                            \"--color-hover\": \"var(--\" + _vm.appearance + \")\",\n                          },\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"title\",\n                              class: \"bg-\" + _vm.appearance,\n                              staticStyle: {\n                                \"border-bottom\": \"1px solid #dbdbdb\",\n                                height: \"37px\",\n                                \"line-height\": \"37px\",\n                                \"padding-left\": \"15px\",\n                                \"font-size\": \"17px\",\n                              },\n                            },\n                            [\n                              _vm._v(\n                                \"\\n          \" +\n                                  _vm._s(attribute.name) +\n                                  \"\\n        \"\n                              ),\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            { staticClass: \"variations\" },\n                            _vm._l(\n                              _vm.sortVariationsByAttribute(\n                                _vm.variationsData.infoVariations,\n                                attribute.attributeId\n                              ),\n                              function (variation, index) {\n                                return _c(\n                                  \"div\",\n                                  {\n                                    key: index,\n                                    staticClass:\n                                      \"d-flex align-items-center py-2 position-relative\",\n                                    staticStyle: { cursor: \"pointer\" },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.selectAttribute(\n                                          variation.attributes[0].attributeId,\n                                          variation.attributes[0].valueId\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"div\", {\n                                      staticClass:\n                                        \" position-absolute h-100 w-100 table-element\",\n                                      class: [\n                                        variation.attributes[0].valueId ===\n                                        _vm.selectedAttributes[\n                                          variation.attributes[0].attributeId\n                                        ]\n                                          ? \"selected\"\n                                          : \"\",\n                                      ],\n                                    }),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass: \"button_select\",\n                                        staticStyle: {\n                                          width: \"8%\",\n                                          height: \"100%\",\n                                          \"text-align\": \"center\",\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"div\",\n                                          {\n                                            staticClass: \"table-option border\",\n                                            class: [\n                                              variation.attributes[0]\n                                                .valueId ===\n                                              _vm.selectedAttributes[\n                                                variation.attributes[0]\n                                                  .attributeId\n                                              ]\n                                                ? \"opt-selected  bg-\" +\n                                                  _vm.appearance\n                                                : \"\",\n                                            ],\n                                          },\n                                          [\n                                            variation.attributes[0].valueId ===\n                                            _vm.selectedAttributes[\n                                              variation.attributes[0]\n                                                .attributeId\n                                            ]\n                                              ? _c(\"div\", [_vm._v(\"✓\")])\n                                              : _vm._e(),\n                                          ]\n                                        ),\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass: \"name_variant\",\n                                        staticStyle: {\n                                          width: \"18%\",\n                                          \"overflow-wrap\": \"break-word\",\n                                        },\n                                      },\n                                      [\n                                        _vm._v(\n                                          _vm._s(\n                                            variation.attributes[0].value\n                                              .backendName\n                                          )\n                                        ),\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"grundpreis text-right px-1\",\n                                        staticStyle: {\n                                          width: \"28%\",\n                                          \"overflow-wrap\": \"break-word\",\n                                        },\n                                      },\n                                      [\n                                        _vm._v(\n                                          _vm._s(\n                                            variation.prices.default.basePrice\n                                          )\n                                        ),\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass: \"text-right px-2\",\n                                        staticStyle: {\n                                          width: \"46%\",\n                                          \"overflow-wrap\": \"break-word\",\n                                        },\n                                      },\n                                      [\n                                        (!!variation.prices.rrp &&\n                                          variation.prices.rrp.unitPrice.value >\n                                            variation.prices.default.unitPrice\n                                              .value) ||\n                                        (!!variation.prices.specialOffer &&\n                                          !!variation.prices.default &&\n                                          variation.prices.default.unitPrice\n                                            .value >\n                                            variation.prices.specialOffer\n                                              .unitPrice.value)\n                                          ? _c(\n                                              \"div\",\n                                              {\n                                                staticClass: \"preis px-2\",\n                                                staticStyle: {\n                                                  \"font-size\": \"0.8rem\",\n                                                  \"overflow-wrap\": \"break-word\",\n                                                },\n                                              },\n                                              [\n                                                !!variation.prices.specialOffer\n                                                  ? [\n                                                      _c(\"s\", [\n                                                        _vm._v(\n                                                          _vm._s(\n                                                            _vm._f(\n                                                              \"itemCrossPrice\"\n                                                            )(\n                                                              variation.prices\n                                                                .default\n                                                                .unitPrice\n                                                                .formatted,\n                                                              true\n                                                            )\n                                                          )\n                                                        ),\n                                                      ]),\n                                                    ]\n                                                  : [\n                                                      _c(\"s\", [\n                                                        _vm._v(\n                                                          _vm._s(\n                                                            _vm._f(\n                                                              \"itemCrossPrice\"\n                                                            )(\n                                                              variation.prices\n                                                                .rrp.unitPrice\n                                                                .formatted\n                                                            )\n                                                          )\n                                                        ),\n                                                      ]),\n                                                    ],\n                                              ],\n                                              2\n                                            )\n                                          : _c(\"div\", {\n                                              staticClass: \"preis px-2\",\n                                              staticStyle: {\n                                                width: \"26%\",\n                                                \"font-size\": \"0.8rem\",\n                                                \"overflow-wrap\": \"break-word\",\n                                              },\n                                            }),\n                                        _vm._v(\" \"),\n                                        _c(\n                                          \"div\",\n                                          {\n                                            staticClass:\n                                              \"preis font-weight-bold\",\n                                            staticStyle: {\n                                              \"overflow-wrap\": \"break-word\",\n                                            },\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"\\n                \" +\n                                                _vm._s(\n                                                  variation.prices.default.price\n                                                    .formatted\n                                                ) +\n                                                \"\\n                \"\n                                            ),\n                                            _c(\"sup\", [\n                                              _vm._v(\n                                                _vm._s(\n                                                  _vm.$translate(\n                                                    \"Ceres::Template.singleItemFootnote1\"\n                                                  )\n                                                )\n                                              ),\n                                            ]),\n                                          ]\n                                        ),\n                                      ]\n                                    ),\n                                  ]\n                                )\n                              }\n                            ),\n                            0\n                          ),\n                        ]\n                      )\n                    : attribute.type === \"dropdown\"\n                    ? _c(\n                        \"div\",\n                        {\n                          ref: \"attributesContaner\",\n                          refInFor: true,\n                          staticClass: \"input-unit\",\n                        },\n                        [\n                          _c(\n                            \"select\",\n                            {\n                              staticClass: \"custom-select\",\n                              attrs: {\n                                id: \"custom-select_\" + attribute.name,\n                                \"data-testing\": \"variation-select-dropdown\",\n                              },\n                              on: {\n                                change: function ($event) {\n                                  return _vm.selectAttribute(\n                                    attribute.attributeId,\n                                    $event.target.value\n                                  )\n                                },\n                              },\n                            },\n                            [\n                              _vm.addPleaseSelectOption || !_vm.hasSelection\n                                ? _c(\"option\", { domProps: { value: -1 } }, [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemPleaseSelect\"\n                                        )\n                                      )\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm.hasEmptyOption ||\n                              _vm.selectedAttributes[attribute.attributeId] ===\n                                null\n                                ? _c(\n                                    \"option\",\n                                    {\n                                      domProps: {\n                                        value: null,\n                                        selected:\n                                          _vm.selectedAttributes[\n                                            attribute.attributeId\n                                          ] === null,\n                                      },\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        )\n                                      ),\n                                    ]\n                                  )\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(attribute.values, function (value) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    key: value.attributeValueId,\n                                    domProps: {\n                                      value: value.attributeValueId,\n                                      selected:\n                                        value.attributeValueId ===\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ],\n                                    },\n                                  },\n                                  [\n                                    _vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n              \" +\n                                              _vm._s(value.name) +\n                                              \"\\n            \"\n                                          ),\n                                        ]\n                                      : _vm.isAttributeSelectionValid(\n                                          attribute.attributeId,\n                                          value.attributeValueId,\n                                          false\n                                        )\n                                      ? [\n                                          _vm._v(\n                                            \"\\n              \" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemNotSalableAttribute\",\n                                                  { name: value.name }\n                                                )\n                                              ) +\n                                              \"\\n            \"\n                                          ),\n                                        ]\n                                      : [\n                                          _vm._v(\n                                            \"\\n              \" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemInvalidAttribute\",\n                                                  { name: value.name }\n                                                )\n                                              ) +\n                                              \"\\n            \"\n                                          ),\n                                        ],\n                                  ],\n                                  2\n                                )\n                              }),\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"label\",\n                            {\n                              directives: [\n                                {\n                                  name: \"tooltip\",\n                                  rawName: \"v-tooltip\",\n                                  value: _vm.isTextCut(attribute.name),\n                                  expression: \"isTextCut(attribute.name)\",\n                                },\n                              ],\n                              attrs: {\n                                for: \"custom-select_\" + attribute.name,\n                                \"data-toggle\": \"tooltip\",\n                                \"data-placement\": \"top\",\n                                title: attribute.name,\n                                \"data-testing\":\n                                  \"variation-select-dropdown-label\",\n                              },\n                            },\n                            [_vm._v(_vm._s(attribute.name))]\n                          ),\n                        ]\n                      )\n                    : attribute.type === \"box\" || attribute.type === \"image\"\n                    ? _c(\"div\", [\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"text-muted\",\n                            attrs: { \"data-testing\": \"attribute-name\" },\n                          },\n                          [_vm._v(_vm._s(attribute.name) + \":\")]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"b\",\n                          { attrs: { \"data-testing\": \"attribute-value\" } },\n                          [\n                            _vm._v(\n                              _vm._s(\n                                _vm.getSelectedAttributeValueName(attribute)\n                              )\n                            ),\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"v-s-boxes py-3\",\n                            class: { images: attribute.type === \"image\" },\n                          },\n                          [\n                            _vm.addPleaseSelectOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === -1,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        -1\n                                      ),\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\",\n                                    },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          -1\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      ),\n                                    ]),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm.hasEmptyOption\n                              ? _c(\n                                  \"div\",\n                                  {\n                                    staticClass:\n                                      \"v-s-box bg-white empty-option\",\n                                    class: {\n                                      active:\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ] === null,\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        null,\n                                        true\n                                      ),\n                                    },\n                                    attrs: {\n                                      \"data-testing\": \"variation-select-box\",\n                                    },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          null\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemNoSelection\"\n                                          )\n                                        )\n                                      ),\n                                    ]),\n                                  ]\n                                )\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            _vm._l(attribute.values, function (value) {\n                              return _c(\n                                \"div\",\n                                {\n                                  directives: [\n                                    {\n                                      name: \"tooltip\",\n                                      rawName: \"v-tooltip\",\n                                      value: true,\n                                      expression: \"true\",\n                                    },\n                                  ],\n                                  key: value.attributeValueId,\n                                  staticClass: \"v-s-box bg-white\",\n                                  class: {\n                                    active:\n                                      value.attributeValueId ===\n                                      _vm.selectedAttributes[\n                                        attribute.attributeId\n                                      ],\n                                    invalid: !_vm.isAttributeSelectionValid(\n                                      attribute.attributeId,\n                                      value.attributeValueId,\n                                      true\n                                    ),\n                                  },\n                                  attrs: {\n                                    \"data-testing\": \"variation-select-box\",\n                                    \"data-html\": \"true\",\n                                    \"data-toggle\": \"tooltip\",\n                                    \"data-placement\": \"top\",\n                                    \"data-original-title\": _vm.getTooltip(\n                                      attribute,\n                                      value\n                                    ),\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    },\n                                  },\n                                },\n                                [\n                                  attribute.type === \"box\"\n                                    ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                        _vm._v(_vm._s(value.name)),\n                                      ])\n                                    : _c(\"img\", {\n                                        staticClass: \"p-1\",\n                                        attrs: {\n                                          src: value.imageUrl,\n                                          alt: value.name,\n                                        },\n                                      }),\n                                ]\n                              )\n                            }),\n                          ],\n                          2\n                        ),\n                      ])\n                    : _vm._e(),\n                ]\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.possibleUnitCombinationIds.length > 1 && _vm.isContentVisible\n              ? _c(\"div\", { staticClass: \"col-12 variation-select\" }, [\n                  _c(\"div\", { staticClass: \"input-unit\" }, [\n                    _c(\n                      \"select\",\n                      {\n                        staticClass: \"custom-select\",\n                        attrs: {\n                          id: \"unit-combination-ids-select\",\n                          \"data-testing\": \"variation-select-unit\",\n                        },\n                        on: {\n                          change: function ($event) {\n                            return _vm.selectUnit($event.target.value)\n                          },\n                        },\n                      },\n                      _vm._l(\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              \" +\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: _vm.possibleUnits[\n                                                unitCombinationId\n                                              ],\n                                            }\n                                          )\n                                        ) +\n                                        \"\\n            \"\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 = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"row\">\n    <template v-if=\"attributes.length || (possibleUnitCombinationIds.length > 1 && isContentVisible)\">\n      <div class=\"col-12 variation-select\" v-for=\"(attribute, index) in attributes\" :key=\"index\">\n\n        <!-- variation table -->\n        <div v-if=\"attributeAsTable(attribute.attributeId)\" class=\"border mb-3\" :style=\"{ '--color-hover' : `var(--${appearance})` }\">\n          <div class=\"title\" :class=\"`bg-${appearance}`\" style=\"border-bottom: 1px solid #dbdbdb;height: 37px;line-height: 37px;padding-left: 15px;font-size: 17px;\">\n            {{ attribute.name }}\n          </div>\n          <div class=\"variations\">\n            <div class=\"d-flex align-items-center py-2 position-relative\"\n                v-for=\"(variation, index) in sortVariationsByAttribute(variationsData.infoVariations, attribute.attributeId)\" :key=\"index\" \n                @click=\"selectAttribute(variation.attributes[0].attributeId, variation.attributes[0].valueId)\" style=\"cursor: pointer;\">\n              <div class=\" position-absolute h-100 w-100 table-element\" :class=\"[variation.attributes[0].valueId === selectedAttributes[variation.attributes[0].attributeId] ? 'selected' : '']\"></div>\n              <div class=\"button_select\" style=\"width: 8%;height: 100%;text-align: center;\">\n                <div \n                     :class=\"[ variation.attributes[0].valueId === selectedAttributes[variation.attributes[0].attributeId] ?  `opt-selected  bg-${appearance}` : '']\"\n                     class=\"table-option border\">\n                  <div v-if=\"variation.attributes[0].valueId === selectedAttributes[variation.attributes[0].attributeId]\">✓</div>\n                </div>\n              </div>\n              <div class=\"name_variant\" style=\"width: 18%; overflow-wrap: break-word;\">{{ variation.attributes[0].value.backendName }}</div>\n              <div class=\"grundpreis text-right px-1\" style=\"width: 28%; overflow-wrap: break-word;\">{{ variation.prices.default.basePrice }}</div>\n              <div class=\"text-right px-2\" style=\"width: 46%; overflow-wrap: break-word;\">\n                <div class=\"preis px-2\" v-if=\"(!!variation.prices.rrp && variation.prices.rrp.unitPrice.value > variation.prices.default.unitPrice.value) || (!!variation.prices.specialOffer && !!variation.prices.default && variation.prices.default.unitPrice.value > variation.prices.specialOffer.unitPrice.value)\" style=\"font-size:0.8rem; overflow-wrap: break-word;\">\n                  <template v-if=\"!!variation.prices.specialOffer\">\n                    <s>{{ variation.prices.default.unitPrice.formatted | itemCrossPrice(true) }}</s>\n                  </template>\n                  <template v-else>\n                    <s>{{ variation.prices.rrp.unitPrice.formatted | itemCrossPrice }}</s>\n                  </template>\n                </div>\n                <div class=\"preis px-2\" v-else style=\"width: 26%; font-size:0.8rem; overflow-wrap: break-word;\"></div>\n                <div class=\"preis font-weight-bold\" style=\"overflow-wrap: break-word;\">\n                  {{ variation.prices.default.price.formatted }}\n                  <sup>{{ $translate(\"Ceres::Template.singleItemFootnote1\") }}</sup>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- /variation table -->\n\n        <!-- dropdown -->\n        <div v-else-if=\"attribute.type === 'dropdown'\" class=\"input-unit\" ref=\"attributesContaner\" >\n          <select :id=\"'custom-select_' + attribute.name\" class=\"custom-select\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\" data-testing=\"variation-select-dropdown\">\n            <option :value=\"-1\" v-if=\"addPleaseSelectOption || !hasSelection\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n            <option\n                :value=\"null\" v-if=\"hasEmptyOption || selectedAttributes[attribute.attributeId] === null\"\n                :selected=\"selectedAttributes[attribute.attributeId] === null\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</option>\n            <option\n                v-for=\"value in attribute.values\"\n                :value=\"value.attributeValueId\"\n                :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\"\n                :key=\"value.attributeValueId\">\n              <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true)\">\n                {{ value.name }}\n              </template>\n              <template v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\n                {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name }) }}\n              </template>\n              <template v-else>\n                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n              </template>\n            </option>\n          </select>\n          <label :for=\"'custom-select_' + attribute.name\" v-tooltip=\"isTextCut(attribute.name)\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"attribute.name\" data-testing=\"variation-select-dropdown-label\">{{ attribute.name }}</label>\n        </div>\n        <!-- /dropdown -->\n\n        <!-- box and image -->\n        <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n          <span class=\"text-muted\" data-testing=\"attribute-name\">{{ attribute.name }}:</span> <b data-testing=\"attribute-value\">{{ getSelectedAttributeValueName(attribute) }}</b>\n          <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\n            <div class=\"v-s-box bg-white empty-option\"\n                 data-testing=\"variation-select-box\"\n                 v-if=\"addPleaseSelectOption\"\n                 @click=\"selectAttribute(attribute.attributeId, -1)\"\n                 :class=\"{ 'active': selectedAttributes[attribute.attributeId] === -1, 'invalid': !isAttributeSelectionValid(attribute.attributeId, -1) }\">\n              <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</span>\n            </div>\n            <div class=\"v-s-box bg-white empty-option\"\n                 data-testing=\"variation-select-box\"\n                 v-if=\"hasEmptyOption\"\n                 @click=\"selectAttribute(attribute.attributeId, null)\"\n                 :class=\"{ 'active': selectedAttributes[attribute.attributeId] === null, 'invalid': !isAttributeSelectionValid(attribute.attributeId, null, true) }\">\n              <span class=\"mx-3\">{{ $translate(\"Ceres::Template.singleItemNoSelection\") }}</span>\n            </div>\n\n            <div class=\"v-s-box bg-white\"\n                 data-testing=\"variation-select-box\"\n                 v-for=\"value in attribute.values\"\n                 @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                 :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, true) }\"\n                 v-tooltip=\"true\" data-html=\"true\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"getTooltip(attribute, value)\"\n                 :key=\"value.attributeValueId\">\n              <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n              <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\n            </div>\n          </div>\n        </div>\n        <!-- /box and image -->\n      </div>\n\n      <!-- units -->\n      <div class=\"col-12 variation-select\" v-if=\"possibleUnitCombinationIds.length > 1 && isContentVisible\">\n        <div class=\"input-unit\">\n          <select id=\"unit-combination-ids-select\" class=\"custom-select\" @change=\"selectUnit($event.target.value)\" data-testing=\"variation-select-unit\">\n            <option\n                v-for=\"unitCombinationId in possibleUnitCombinationIds\"\n                :value=\"unitCombinationId\"\n                :selected=\"parseInt(unitCombinationId) === selectedUnit\"\n                :key=\"unitCombinationId\">\n              <template v-if=\"isUnitSelectionValid(unitCombinationId)\">\n                {{ possibleUnits[unitCombinationId] }}\n              </template>\n              <template v-else>\n                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": possibleUnits[unitCombinationId] }) }}\n              </template>\n            </option>\n          </select>\n          <label for=\"unit-combination-ids-select\" data-testing=\"variation-select-unit-label\">{{ $translate(\"Ceres::Template.singleItemContent\") }}</label>\n        </div>\n      </div>\n      <!-- /units -->\n\n    </template>\n\n\n\n    <template v-else>\n      <slot></slot>\n    </template>\n  </div>\n\n</template>\n\n<script>\n    import { textWidth } from \"../../helper/dom\";\n    import { isDefined, isNull, isNullOrUndefined } from \"../../helper/utils\";\n\n    export default {\n      name: \"variation-select-table\",\n      props: {\n        forceContent: { type: Boolean, default: false },\n        tableAttributes: { type: Array, default: [] },\n        variationsData: { type: Object, default: {} },\n        appearance : { type: String, default: \"primary\" },\n        display: { type: String, default: \"all\" }\n      },\n\n      inject: {\n        itemId: {\n          default: null\n        }\n      },\n\n      data()\n      {\n        return {\n          filteredVariationsCache: {},\n          lastContentCount: 0\n        };\n      },\n\n      mounted()\n      {\n        // initially check for valid selection and disable add to basket button\n        this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n      },\n\n      computed:\n          {\n            currentVariation() {\n              return this.$store.getters[`${this.itemId}/currentItemVariation`];\n            },\n\n            currentVariationSelect() {\n              return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n            },\n\n            /**\n             * returns true if any variation has no attributes\n             */\n            hasEmptyOption()\n            {\n              return this.variations.some(variation => !variation.attributes.length);\n            },\n\n            addPleaseSelectOption()\n            {\n              return App.config.item.showPleaseSelect;\n            },\n\n            /**\n             * returns the variation, based on the selected attributes / unit\n             * returns false if there are none or multiple results\n             */\n            currentSelection()\n            {\n              const filteredVariations = this.filterVariations(null, null, true);\n\n              if (filteredVariations.length === 1)\n              {\n                return filteredVariations[0];\n              }\n\n              return false;\n            },\n\n            /**\n             * returns all units, selectable by current selection\n             * prop 'forceContent' with value true will return all units, without filtering\n             */\n            possibleUnits()\n            {\n              // use an object, to make the entries unique\n              const possibleUnits = {};\n              const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n              for (const variation of variations)\n              {\n                possibleUnits[variation.unitCombinationId] = variation.unitName;\n              }\n\n              return possibleUnits;\n            },\n\n            possibleUnitCombinationIds()\n            {\n              return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\n            },\n\n            isContentVisible()\n            {\n              return !this.forceContent && !!this.currentSelection || this.forceContent;\n            },\n\n            hasSelection()\n            {\n              return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n            },\n\n            attributes() {\n              return this.currentVariationSelect && this.currentVariationSelect.attributes;\n            },\n\n            selectedAttributes() {\n              return this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\n            },\n\n            selectedUnit() {\n              return this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\n            },\n\n            variations() {\n              return this.currentVariationSelect && this.currentVariationSelect.variations;\n            }\n          },\n\n      methods:\n          {\n            /**\n             * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n             * @param {number} attributeId\n             * @param {[number, string, null]} attributeValueId\n             */\n            selectAttribute(attributeId, attributeValueId)\n            {\n              attributeValueId = parseInt(attributeValueId) || null;\n\n              if (this.selectedAttributes[attributeId] !== attributeValueId)\n              {\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                this.onSelectionChange(attributeId, attributeValueId, null);\n              }\n            },\n\n            /**\n             * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n             * @param {[number, string]} unitId\n             */\n            selectUnit(unitId)\n            {\n              unitId = parseInt(unitId);\n              this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId);\n              this.onSelectionChange(null, null, unitId);\n            },\n\n            onSelectionChange(attributeId, attributeValueId, unitId)\n            {\n              if (this.currentSelection)\n              {\n                this.setVariation(this.currentSelection.variationId);\n              }\n              else if (!this.hasSelection)\n              {\n                // user switched back to \"please select\"\n                this.setVariation(0);\n              }\n              else\n              {\n                this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n              }\n\n              this.lastContentCount = this.possibleUnitCombinationIds.length;\n            },\n\n            /**\n             * changes the selected attributes / unit, to ensure a valid seelction\n             * @param {[number, null]} attributeId\n             * @param {[number, null]} attributeValueId\n             * @param {[number, null]} unitId\n             */\n            unsetInvalidSelection(attributeId, attributeValueId, unitId)\n            {\n              const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n              const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n              // if the salable 'closestVariations' is undefined, take the not-salable one\n              const closestVariation = closestVariations[0] || closestVariations[1];\n\n              if (!closestVariation)\n              {\n                return;\n              }\n\n              const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n              this.correctSelection(invalidSelection);\n            },\n\n            getTooltip(attribute, attributeValue)\n            {\n              if(!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true))\n              {\n                return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n              }\n              else if(attribute.type === \"image\")\n              {\n                return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n                  attribute: attribute.name,\n                  value: attributeValue.name\n                });\n              }\n\n              return \"\";\n            },\n\n            /**\n             * returns a string for box tooltips, for not available options\n             * @param {number} attributeId\n             * @param {number} attributeValueId\n             */\n            getInvalidOptionTooltip(attributeId, attributeValueId)\n            {\n              const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n              const closestVariations   = this.getClosestVariations(qualifiedVariations);\n\n              if (!closestVariations || closestVariations.length <= 0)\n              {\n                return \"\";\n              }\n\n              const invalidSelections = [\n                !!closestVariations[0] ? this.getInvalidSelectionByVariation(closestVariations[0]) : null,\n                !!closestVariations[1] ? this.getInvalidSelectionByVariation(closestVariations[1]) : null\n              ];\n\n              if (!!invalidSelections[0]\n                  && !!invalidSelections[1]\n                  && invalidSelections[0].attributesToReset.length > invalidSelections[1].attributesToReset.length)\n              {\n                // there is a non-salable variation with less changes\n                return this.$translate(\"Ceres::Template.singleItemNotSalable\");\n              }\n\n              const invalidSelection = invalidSelections[0] || invalidSelections[1];\n              const names = [];\n\n              for (const attribute of invalidSelection.attributesToReset)\n              {\n                if (attribute.attributeId !== attributeId)\n                {\n                  names.push(\"<b>\" + attribute.name +\"</b>\");\n                }\n              }\n              if (invalidSelection.newUnit)\n              {\n                names.push(\n                    \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n                );\n              }\n\n              if (!names.length)\n              {\n                return null;\n              }\n\n              return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", { name: names.join(\", \") });\n            },\n\n            /**\n             * returns a list of variations, filtered by attribute or unit\n             * @param {[number, null]} attributeId\n             * @param {[number, null]} attributeValueId\n             * @param {[number, null]} unitId\n             */\n            getQualifiedVariations(attributeId, attributeValueId, unitId)\n            {\n              if (isDefined(attributeValueId))\n              {\n                return this.variations.filter(variation =>\n                {\n                  return isDefined(variation.attributes.find(attribute =>\n                      attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                });\n              }\n              else if (isDefined(unitId))\n              {\n                return this.variations.filter(variation => variation.unitCombinationId === unitId);\n              }\n\n              return this.variations.filter(variation => !variation.attributes.length);\n            },\n\n            /**\n             * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\n             * @param {array} qualifiedVariations\n             */\n            getClosestVariations(qualifiedVariations)\n            {\n              let closestSalableVariation, numberOfSalableChanges;\n              let closestNonSalableVariation, numberOfNonSalableChanges;\n\n              for (const variation of qualifiedVariations)\n              {\n                let changes = 0;\n\n                if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit))\n                {\n                  // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n                  const unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n                  changes += unitWeight;\n                }\n\n                for (const attribute of variation.attributes)\n                {\n                  if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId)\n                  {\n                    changes++;\n                  }\n                }\n\n                if(variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges))\n                {\n                  closestSalableVariation = variation;\n                  numberOfSalableChanges = changes;\n                }\n                else if (!variation.isSalable && (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges))\n                {\n                  closestNonSalableVariation = variation;\n                  numberOfNonSalableChanges = changes;\n                }\n              }\n\n              return [closestSalableVariation, closestNonSalableVariation];\n            },\n\n            /**\n             * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n             * @param {object} variation\n             */\n            getInvalidSelectionByVariation(variation)\n            {\n              const attributesToReset = [];\n              let newUnit = null;\n\n              for (let selectedAttributeId in this.selectedAttributes)\n              {\n                selectedAttributeId = parseInt(selectedAttributeId);\n                const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n                if (!isNull(this.selectedAttributes[selectedAttributeId]))\n                {\n                  if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute)\n                  {\n                    const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\n\n                    attributesToReset.push(attributeToReset);\n                  }\n                }\n              }\n\n              if (variation.unitCombinationId !== this.selectedUnit)\n              {\n                newUnit = variation.unitCombinationId;\n              }\n\n              return { attributesToReset, newUnit };\n            },\n\n            /**\n             * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n             * @param {object} invalidSelection\n             */\n            correctSelection(invalidSelection)\n            {\n              const messages   = [];\n              const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n              for (const attributeToReset of invalidSelection.attributesToReset)\n              {\n                messages.push(\n                    this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name: attributeToReset.name })\n                );\n\n                attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\n              }\n\n              if (invalidSelection.newUnit)\n              {\n                if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 && !isNull(this.selectedUnit))\n                {\n                  messages.push(\n                      this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name:\n                            this.$translate(\"Ceres::Template.singleItemContent\")\n                      })\n                  );\n                }\n\n                this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n              }\n\n              this.$store.commit(`${this.itemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n              this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n              // NotificationService.warn(\n              //     messages.join(\"<br>\")\n              // ).closeAfter(5000);\n            },\n\n            /**\n             * returns matching variations with current selection\n             * attributes and unitId could be filled, to check a specific selection\n             * @param {object} attributes\n             * @param {number} unitId\n             * @param {boolean} strict\n             */\n            filterVariations(attributes, unitId, strict, ignoreUnit)\n            {\n              attributes = attributes || this.selectedAttributes;\n              unitId = unitId || this.selectedUnit;\n              strict = !!strict;\n              ignoreUnit = !!ignoreUnit;\n\n              const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n              if (isDefined(this.filteredVariationsCache[key]))\n              {\n                return this.filteredVariationsCache[key];\n              }\n\n              const uniqueValues = [...new Set(Object.values(attributes))];\n              const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n              const filteredVariations = this.variations.filter(variation =>\n              {\n                // the selected unit is not matching\n                if (!ignoreUnit && variation.unitCombinationId !== unitId)\n                {\n                  return false;\n                }\n\n                // the variation has no attributes (only checked, if any attribute has a selected value); or the variation has attributes and empty option is selected\n                // requires more than 0 attributes\n                if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\n                    && this.attributes.length > 0)\n                {\n                  return false;\n                }\n\n                for (const attributeId in attributes)\n                {\n                  const variationAttribute = variation.attributes.find(variationAttribute =>\n                      variationAttribute.attributeId === parseInt(attributeId));\n\n                  // an attribute is not matching with selection\n                  if (variationAttribute &&\n                      variationAttribute.attributeValueId !== attributes[attributeId] &&\n                      (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1))\n                  {\n                    return false;\n                  }\n                }\n\n                return true;\n              });\n\n              this.filteredVariationsCache[key] = filteredVariations;\n\n              return filteredVariations;\n            },\n\n            /**\n             * returns true, if the selection with a new attribute value would be valid\n             * @param {number} attributeId\n             * @param {[number, string, null]} attributeValueId\n             * @param {boolean} filterSalableVariations\n             */\n            isAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations)\n            {\n              attributeValueId = parseInt(attributeValueId) || null;\n              if (this.selectedAttributes[attributeId] === attributeValueId)\n              {\n                return true;\n              }\n\n              const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n              selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n              const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n              let variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\n\n              if (filterSalableVariations)\n              {\n                variations = variations.filter(variation => variation.isSalable)\n              }\n\n              return variations.length > 0;\n            },\n\n            /**\n             * returns true, if the selection with a new unitId would be valid\n             * @param {[number, string]} unitId\n             */\n            isUnitSelectionValid(unitId)\n            {\n              unitId = parseInt(unitId);\n              if (this.selectedUnit === unitId)\n              {\n                return true;\n              }\n\n              return this\n                  .filterVariations(null, unitId)\n                  .filter(variation => variation.isSalable)\n                  .length > 0\n            },\n\n            /**\n             * dispatch vuex action 'loadVariation' to archive a variation\n             * dispatches a custom event named 'onVariationChanged'\n             * @param {[string, number, null]} variationId\n             */\n            setVariation(variationId)\n            {\n              if (!isDefined(variationId) && this.currentSelection)\n              {\n                variationId = this.currentSelection.variationId;\n              }\n\n              if (isDefined(variationId))\n              {\n                this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation =>\n                {\n                  document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                      {\n                        detail:\n                            {\n                              attributes: variation.attributes,\n                              documents: variation.documents,\n                              itemId: this.itemId\n                            }\n                      }));\n                });\n              }\n            },\n\n            isTextCut(content)\n            {\n              if (this.$refs.attributesContaner)\n              {\n                return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\n              }\n\n              return false;\n            },\n\n            getSelectedAttributeValueName(attribute)\n            {\n              const selectedAttributeValueId =  this.selectedAttributes[attribute.attributeId];\n              const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n              if (selectedAttributeValue)\n              {\n                return selectedAttributeValue.name;\n              }\n              else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1)\n              {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n              }\n              return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n            },\n\n            transformPossibleUnits(possibleUnits)\n            {\n              return Object.entries(possibleUnits).sort((unitA, unitB) => {\n                unitA = this.splitUnitName(unitA[1]);\n                unitB = this.splitUnitName(unitB[1]);\n                // order by unit\n                if (unitA[1] < unitB[1]) {\n                  return -1;\n                }\n                if (unitA[1] > unitB[1]) {\n                  return 1;\n                }\n                // order by content (count)\n                if (unitA[0] < unitB[0]) {\n                  return -1;\n                }\n                if (unitA[0] > unitB[0]) {\n                  return 1;\n                }\n                return 0;\n              });\n            },\n            splitUnitName(unitName) {\n              const unitNameSplit = unitName.split(\" \");\n\n              if (!isNaN(unitNameSplit[0])) {\n                unitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, \"\");\n                unitNameSplit[0] = parseInt(unitNameSplit[0]);\n              }\n\n              return unitNameSplit;\n            },\n\n            attributeAsTable(attributeId){\n              if(this.display === 'all'){\n                return true\n              }else{\n                if(this.tableAttributes.length > 0){\n                  return this.tableAttributes.includes(attributeId.toString())\n                }else{\n                  return false\n                }\n              }\n            },\n\n            sortVariationsByAttribute(variations, attributeId){\n\n              // let attributesData = this.tableAttributes.map( (a) => { return {id: a[0], type: a[1]}});\n              // let attribute = attributesData.filter( a => a.id === attributeId.toString() );\n\n              // if( attribute[0].type === 'B' ){\n              //   return variations.sort((a,b) => {\n              //     if(a.attributes[0].value.position > b.attributes[0].value.position){return 1}\n              //     if(a.attributes[0].value.position < b.attributes[0].value.position){return 0}\n              //     return 0\n              //   })\n              // }else{\n                return variations.filter( variation => variation.attributes.length > 0 ).sort((a,b) => {\n                  if(a.attributes[0].value.position > b.attributes[0].value.position){return 1}\n                  if(a.attributes[0].value.position < b.attributes[0].value.position){return -1}\n                  return 0\n                })\n              // }\n\n            },\n\n\n          },\n\n      watch:\n          {\n            currentSelection(value)\n            {\n              this.$store.commit(`${this.itemId}/variationSelect/setIsVariationSelected`, !!value);\n            },\n            variations()\n            {\n              // FIX unset variation cache after subsequent variations are loaded\n              this.filteredVariationsCache = {};\n            }\n          }\n    }\n</script>\n","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelectTable.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!./VariationSelectTable.vue?vue&type=script&lang=js&\"","/**\n * Get the width of a specified text depending on the font-family\n *\n * @param {string} text\n * @param {string} fontFamily\n *\n * @returns {integer}\n */\nexport function textWidth(text, fontFamily)\n{\n    const tag = document.createElement(\"div\");\n\n    tag.style.position = \"absolute\";\n    tag.style.left = \"-99in\";\n    tag.style.whiteSpace = \"nowrap\";\n    tag.style.font = fontFamily;\n    tag.innerHTML = text;\n\n    document.body.appendChild(tag);\n\n    const result = tag.clientWidth;\n\n    document.body.removeChild(tag);\n\n    return result;\n}","import { render, staticRenderFns } from \"./VariationSelectTable.vue?vue&type=template&id=f2cc756a&\"\nimport script from \"./VariationSelectTable.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationSelectTable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/nsierrar/Projects/PlentyMarkets/Repo-GitHub/MultiContentWidget/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('f2cc756a')) {\n      api.createRecord('f2cc756a', component.options)\n    } else {\n      api.reload('f2cc756a', component.options)\n    }\n    module.hot.accept(\"./VariationSelectTable.vue?vue&type=template&id=f2cc756a&\", function () {\n      api.rerender('f2cc756a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/item/VariationSelectTable.vue\"\nexport default component.exports"],"sourceRoot":""}