{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.flat-map.js","webpack:///./node_modules/core-js/internals/flatten-into-array.js","webpack:///./node_modules/core-js/modules/es.array.unscopables.flat-map.js","webpack:///./resources/js/src/app/bigtex/ItemStoreSpecial.vue?f90b","webpack:///./resources/js/src/app/bigtex/ItemStoreSpecial.vue?af52","webpack:///resources/js/src/app/bigtex/ItemStoreSpecial.vue","webpack:///./resources/js/src/app/bigtex/ItemStoreSpecial.vue","webpack:///./resources/js/src/app/bigtex/ColorCross.vue?0ace","webpack:///./resources/js/src/app/bigtex/ColorCross.vue?fcfa","webpack:///resources/js/src/app/bigtex/ColorCross.vue","webpack:///./resources/js/src/app/bigtex/ColorCross.vue"],"names":["$","flattenIntoArray","toObject","toLength","aFunction","arraySpeciesCreate","target","proto","flatMap","callbackfn","A","O","this","sourceLen","length","arguments","undefined","isArray","bind","original","source","start","depth","mapper","thisArg","element","targetIndex","sourceIndex","mapFn","TypeError","module","exports","addToUnscopables","render","_vm","_h","$createElement","_c","_self","hasLabel","isBundle","isSet","staticClass","class","tagClass","_v","_s","label","tagClasses","itemBundle","$translate","itemSet","_e","_withStripped","component","options","__file","getCrossWithNames","_l","slice","itemsToShow","item","index","key","data","id","on","mouseenter","$event","hoverColor","color","mouseleave","resetHoverColor","attrs","href","texts","urlPath","storeSpecial","variation","bundleType","itemType","prices","rrp","default","specialOffer","src","images","all","urlSecondPreview","alt","name1","title","click","showMore","components","ItemStoreSpecial","props","crossitems","type","Array","required","hoverColorString","inject","itemId","methods","computed","currentVariation","$store","getters","sort","priorityA","priorityB","itemIdA","ownColorName","prop","property","names","name"],"mappings":"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","file":"chunks/ceres-5.min.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar flattenIntoArray = require('../internals/flatten-into-array');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar aFunction = require('../internals/a-function');\nvar arraySpeciesCreate = require('../internals/array-species-create');\n\n// `Array.prototype.flatMap` method\n// https://tc39.es/ecma262/#sec-array.prototype.flatmap\n$({ target: 'Array', proto: true }, {\n  flatMap: function flatMap(callbackfn /* , thisArg */) {\n    var O = toObject(this);\n    var sourceLen = toLength(O.length);\n    var A;\n    aFunction(callbackfn);\n    A = arraySpeciesCreate(O, 0);\n    A.length = flattenIntoArray(A, O, O, sourceLen, 0, 1, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n    return A;\n  }\n});\n","'use strict';\nvar isArray = require('../internals/is-array');\nvar toLength = require('../internals/to-length');\nvar bind = require('../internals/function-bind-context');\n\n// `FlattenIntoArray` abstract operation\n// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray\nvar flattenIntoArray = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {\n  var targetIndex = start;\n  var sourceIndex = 0;\n  var mapFn = mapper ? bind(mapper, thisArg, 3) : false;\n  var element;\n\n  while (sourceIndex < sourceLen) {\n    if (sourceIndex in source) {\n      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];\n\n      if (depth > 0 && isArray(element)) {\n        targetIndex = flattenIntoArray(target, original, element, toLength(element.length), targetIndex, depth - 1) - 1;\n      } else {\n        if (targetIndex >= 0x1FFFFFFFFFFFFF) throw TypeError('Exceed the acceptable array length');\n        target[targetIndex] = element;\n      }\n\n      targetIndex++;\n    }\n    sourceIndex++;\n  }\n  return targetIndex;\n};\n\nmodule.exports = flattenIntoArray;\n","// this method was added to unscopables after implementation\n// in popular engines, so it's moved to a separate module\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('flatMap');\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.hasLabel || _vm.isBundle || _vm.isSet\n    ? _c(\"div\", { staticClass: \"special-tags\" }, [\n        _vm.hasLabel\n          ? _c(\"span\", { staticClass: \"badge\", class: _vm.tagClass }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.label) + \"\\n    \")\n            ])\n          : _vm.isBundle\n          ? _c(\"span\", { class: _vm.tagClasses.itemBundle }, [\n              _vm._v(\n                \"\\n        \" +\n                  _vm._s(_vm.$translate(\"Ceres::Template.itemBundle\")) +\n                  \"\\n    \"\n              )\n            ])\n          : _vm.isSet\n          ? _c(\"span\", { class: _vm.tagClasses.itemSet }, [\n              _vm._v(\n                \"\\n        \" +\n                  _vm._s(_vm.$translate(\"Ceres::Template.itemSet\")) +\n                  \"\\n    \"\n              )\n            ])\n          : _vm._e()\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemStoreSpecial.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!./ItemStoreSpecial.vue?vue&type=script&lang=js&\"","<template>\n    <div v-if=\"hasLabel || isBundle || isSet\" class=\"special-tags\">\n        \n        <span v-if=\"hasLabel\" class=\"badge\" :class=\"tagClass\">\n            {{ label }}\n        </span>\n\n        <span v-else-if=\"isBundle\" :class=\"tagClasses.itemBundle\">\n            {{ $translate(\"Ceres::Template.itemBundle\") }}\n        </span>\n\n        <span v-else-if=\"isSet\" :class=\"tagClasses.itemSet\">\n            {{ $translate(\"Ceres::Template.itemSet\") }}\n        </span>\n\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined, isDefined } from \"../helper/utils\";\n\nexport default {\n\n    name: \"item-store-special\",\n\n    props: [\n        \"storeSpecial\",\n        \"recommendedRetailPrice\",\n        \"variationRetailPrice\",\n        \"specialOfferPrice\",\n        \"decimalCount\",\n        \"bundleType\",\n        \"itemType\"\n    ],\n\n    data()\n    {\n        return {\n            tagClass: \"\",\n            label: \"\",\n            tagClasses:\n            {\n                1: \"badge-offer badge-danger\",\n                2: \"badge-new badge-primary\",\n                3: \"badge-top badge-success\",\n                default: \"badge-success\",\n                itemBundle: \"badge badge-bundle bg-info\",\n                itemSet: \"badge badge-dark\"\n            },\n            labels:\n            {\n                1: this.$translate(\"Ceres::Template.storeSpecialOffer\"),\n                2: this.$translate(\"Ceres::Template.storeSpecialNew\"),\n                3: this.$translate(\"Ceres::Template.storeSpecialTop\")\n            }\n        };\n    },\n\n    computed:\n    {\n        hasLabel() {\n            return this.label && this.label !== \"\";\n        },\n\n        isBundle() {\n            return this.bundleType === \"bundle\";\n        },\n\n        isSet() {\n            return this.itemType === \"set\";\n        }\n    },\n\n    created()\n    {\n        this.initializeStoreSpecial();\n    },\n\n    methods:\n    {\n        initializeStoreSpecial()\n        {\n            if (!isNullOrUndefined(this.storeSpecial))\n            {\n                this.tagClass = this.tagClasses[this.storeSpecial.id] || this.tagClasses.default;\n            }\n            else\n            {\n                this.tagClass = this.tagClasses.default;\n            }\n\n            this.label = this.getLabel();\n        },\n\n        getLabel()\n        {\n            if (!isNullOrUndefined(this.storeSpecial) && this.storeSpecial.id === 1 && !isNullOrUndefined(this.recommendedRetailPrice))\n            {\n                return this.getPercentageSale();\n            }\n\n            if (isNullOrUndefined(this.storeSpecial))\n            {\n                return \"\";\n            }\n\n            return this.labels[this.storeSpecial.id] || this.storeSpecial.names.name;\n        },\n\n        getPercentageSale()\n        {\n            let percent;\n\n            if (isDefined(this.specialOfferPrice))\n            {\n                percent = (1 - this.specialOfferPrice.unitPrice.value / this.variationRetailPrice.unitPrice.value ) * -100;\n            }\n            else\n            {\n                percent = (1 - this.variationRetailPrice.unitPrice.value / this.recommendedRetailPrice.unitPrice.value ) * -100;\n            }\n\n            if (percent < 0)\n            {\n                return percent.toFixed(this.decimalCount).replace(\".\", App.decimalSeparator) + \"%\";\n            }\n\n            return \"\";\n        }\n    },\n\n    watch:\n    {\n        storeSpecial()\n        {\n            this.initializeStoreSpecial();\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./ItemStoreSpecial.vue?vue&type=template&id=001848ac&\"\nimport script from \"./ItemStoreSpecial.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemStoreSpecial.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/stefanschmidt/Entwicklung/plenty24/3672/203/Bigtex5/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('001848ac')) {\n      api.createRecord('001848ac', component.options)\n    } else {\n      api.reload('001848ac', component.options)\n    }\n    module.hot.accept(\"./ItemStoreSpecial.vue?vue&type=template&id=001848ac&\", function () {\n      api.rerender('001848ac', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/bigtex/ItemStoreSpecial.vue\"\nexport default component.exports","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.getCrossWithNames.length > 0\n    ? _c(\"div\", [\n        _c(\"span\", { staticClass: \"h4\" }, [\n          _vm._v(_vm._s(_vm.$translate(\"Bigtex5::Template.singleFarbeMore\")))\n        ]),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"d-flex flex-wrap\" },\n          [\n            _vm._l(_vm.getCrossWithNames.slice(0, _vm.itemsToShow), function(\n              item,\n              index\n            ) {\n              return [\n                _c(\n                  \"div\",\n                  {\n                    key: item.data.item.id,\n                    staticClass: \"mb-2\",\n                    on: {\n                      mouseenter: function($event) {\n                        return _vm.hoverColor(item.color)\n                      },\n                      mouseleave: function($event) {\n                        return _vm.resetHoverColor()\n                      }\n                    }\n                  },\n                  [\n                    _c(\n                      \"a\",\n                      {\n                        staticClass: \"cross-image\",\n                        attrs: {\n                          \"aria-label\": \"cross-image\",\n                          href:\n                            \"/\" +\n                            item.data.texts.urlPath +\n                            \"/a-\" +\n                            item.data.item.id +\n                            \"/\"\n                        }\n                      },\n                      [\n                        item.data.item.storeSpecial ||\n                        item.data.variation.bundleType === \"bundle\" ||\n                        item.data.item.itemType === \"set\"\n                          ? _c(\"item-store-special\", {\n                              attrs: {\n                                \"store-special\": item.data.item.storeSpecial,\n                                \"recommended-retail-price\":\n                                  item.data.prices.rrp,\n                                \"variation-retail-price\":\n                                  item.data.prices.default,\n                                \"special-offer-price\":\n                                  item.data.prices.specialOffer,\n                                \"decimal-count\": 0,\n                                \"bundle-type\": item.data.variation.bundleType,\n                                \"item-type\": item.data.item.itemType\n                              }\n                            })\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"img\", {\n                          staticClass: \"img-fluid\",\n                          attrs: {\n                            src: item.data.images.all[0].urlSecondPreview,\n                            alt: item.data.texts.name1,\n                            title: item.data.texts.name1\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  ]\n                )\n              ]\n            })\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", [\n          _vm.itemsToShow < _vm.getCrossWithNames.length\n            ? _c(\n                \"button\",\n                { staticClass: \"btn btn-primary\", on: { click: _vm.showMore } },\n                [_vm._v(\"\\n      Alle Farben anzeigen\\n    \")]\n              )\n            : _vm._e()\n        ])\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColorCross.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!./ColorCross.vue?vue&type=script&lang=js&\"","<template>\n  <div v-if=\"getCrossWithNames.length > 0\">\n    <span class=\"h4\">{{ $translate('Bigtex5::Template.singleFarbeMore') }}</span>\n    <div class=\"d-flex flex-wrap\">\n      <template v-for=\"(item, index) in getCrossWithNames.slice(0, itemsToShow)\">\n        <div\n            :key=\"item.data.item.id\"\n            @mouseenter=\"hoverColor(item.color)\"\n            @mouseleave=\"resetHoverColor()\"\n            class=\"mb-2\"\n        >\n          <a\n              aria-label=\"cross-image\"\n              class=\"cross-image\"\n              :href=\"`/${item.data.texts.urlPath}/a-${item.data.item.id}/`\"\n          >\n            <item-store-special\n                v-if=\"item.data.item.storeSpecial|| item.data.variation.bundleType === 'bundle' || item.data.item.itemType === 'set'\"\n                :store-special=\"item.data.item.storeSpecial\"\n                :recommended-retail-price=\"item.data.prices.rrp\"\n                :variation-retail-price=\"item.data.prices.default\"\n                :special-offer-price=\"item.data.prices.specialOffer\"\n                :decimal-count=\"0\"\n                :bundle-type=\"item.data.variation.bundleType\"\n                :item-type=\"item.data.item.itemType\"\n            />\n            <img\n                :src=\"item.data.images.all[0].urlSecondPreview\"\n                class=\"img-fluid\"\n                :alt=\"item.data.texts.name1\"\n                :title=\"item.data.texts.name1\"\n            />\n          </a>\n        </div>\n      </template>\n\n    </div>\n    <div>\n      <button v-if=\"itemsToShow < getCrossWithNames.length\" @click=\"showMore\" class=\"btn btn-primary\">\n        Alle Farben anzeigen\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ItemStoreSpecial from \"./ItemStoreSpecial.vue\";\n\nexport default {\n  components: {\n    ItemStoreSpecial,\n  },\n  props: {\n    crossitems: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      itemsToShow:6,\n      hoverColorString: '',\n    };\n  },\n  inject: {\n    itemId: {\n      default: null,\n    },\n  },\n  methods: {\n    showMore() {\n      this.itemsToShow += this.getCrossWithNames.length; // Load  more items\n    },\n    resetHoverColor() {\n      this.hoverColorString = '';\n    },\n    hoverColor(color) {\n      this.hoverColorString = color;\n    },\n  },\n  computed: {\n    currentVariation() {\n      return this.$store.getters[`${this.itemId}/currentItemVariation`];\n    },\n    getCrossWithNames() {\n      let getCrossWithNames = this.crossitems.flatMap(crossItem =>\n          crossItem.data.properties\n              .filter(prop => prop.group?.id === 22)\n              .map(prop => ({\n                color: prop.property.names.name,\n                data: crossItem.data,\n              }))\n      );\n\n      return getCrossWithNames.sort((a, b) => {\n        // Extract the storeSpecial objects\n        const storeSpecialA = a?.data?.item?.storeSpecial || null;\n        const storeSpecialB = b?.data?.item?.storeSpecial || null;\n\n        // Helper function to assign priority\n        const getPriority = (storeSpecial) => {\n          if (storeSpecial?.id === 3) return 1; // Highest priority\n          if (storeSpecial?.id === 2) return 2; // Second priority\n          return 3; // Lowest priority\n        };\n\n        // Compare priorities\n        const priorityA = getPriority(storeSpecialA);\n        const priorityB = getPriority(storeSpecialB);\n\n        // Sort by priority first\n        if (priorityA !== priorityB) {\n          return priorityA - priorityB; // Ascending order based on priority\n        }\n\n        // If priorities are the same, sort by data.item.id in descending order\n        const itemIdA = a?.data?.item?.id || 0;\n        const itemIdB = b?.data?.item?.id || 0;\n\n        return itemIdB - itemIdA; // Descending order based on item.id\n      });\n\n\n\n    },\n    ownColorName() {\n      const prop = this.currentVariation.properties.find(p => p.group?.id === 22);\n      return prop ? prop.property.names.name : '';\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./ColorCross.vue?vue&type=template&id=55edfdbe&\"\nimport script from \"./ColorCross.vue?vue&type=script&lang=js&\"\nexport * from \"./ColorCross.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/stefanschmidt/Entwicklung/plenty24/3672/203/Bigtex5/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('55edfdbe')) {\n      api.createRecord('55edfdbe', component.options)\n    } else {\n      api.reload('55edfdbe', component.options)\n    }\n    module.hot.accept(\"./ColorCross.vue?vue&type=template&id=55edfdbe&\", function () {\n      api.rerender('55edfdbe', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/bigtex/ColorCross.vue\"\nexport default component.exports"],"sourceRoot":""}