{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationSelection.vue?da74","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationImageSelection.vue?5637","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationImageSelection.vue?7f14","webpack:///resources/js/src/modeherz/components/item/variationSelection/VariationImageSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationImageSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationDropdownSelection.vue?1bc3","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationDropdownSelection.vue?a335","webpack:///resources/js/src/modeherz/components/item/variationSelection/VariationDropdownSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationDropdownSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationTextboxSelection.vue?c45f","webpack:///resources/js/src/modeherz/components/item/variationSelection/VariationTextboxSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationTextboxSelection.vue?25fb","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationTextboxSelection.vue","webpack:///resources/js/src/modeherz/components/item/variationSelection/VariationSelection.vue","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationSelection.vue?0023","webpack:///./resources/js/src/modeherz/components/item/variationSelection/VariationSelection.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","variationAttributes","variationAttribute","key","attribute","propertyId","_v","_s","texts","lang","type","attrs","variationId","decode","value","values","preloadImageLimit","_e","_withStripped","id","on","mouseleave","resetPreviewImage","variationsToShow","variation","mouseenter","$event","previewImage","class","sold","hasStock","active","href","langPrefix","urlPath","click","setShowAllState","alt","name","title","$translate","lazy","opened","length","showMore","component","options","__file","directives","rawName","expression","change","$$selectedVal","Array","prototype","filter","call","target","o","selected","map","_value","multiple","domProps","optionText"],"mappings":"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","file":"chunks/ceres-client-48.min.js","sourcesContent":["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: \"d-flex flex-column w-100\" },\n    _vm._l(_vm.variationAttributes, function (variationAttribute) {\n      return _c(\n        \"div\",\n        {\n          key: variationAttribute.attribute.propertyId,\n          staticClass: \"fs-property d-flex mb-3 variations\",\n        },\n        [\n          _c(\"div\", { staticClass: \"headline text-uppercase\" }, [\n            _c(\"span\", [\n              _vm._v(_vm._s(variationAttribute.attribute.texts[_vm.lang])),\n            ]),\n          ]),\n          _vm._v(\" \"),\n          variationAttribute.attribute.type === \"images\"\n            ? _c(\"mh-variation-image-selection\", {\n                attrs: {\n                  \"variation-id\": _vm.variationId,\n                  \"variation-attributes\": _vm.decode(\n                    variationAttribute.value.values.value\n                  ),\n                  \"preload-image-limit\": _vm.preloadImageLimit,\n                  lang: _vm.lang,\n                },\n              })\n            : variationAttribute.attribute.type === \"dropdown\"\n            ? _c(\"mh-variation-dropdown-selection\", {\n                attrs: {\n                  \"variation-id\": _vm.variationId,\n                  \"variation-attributes\": _vm.decode(\n                    variationAttribute.value.values.value\n                  ),\n                  lang: _vm.lang,\n                },\n              })\n            : variationAttribute.attribute.type === \"textbox\"\n            ? _c(\"mh-variation-textbox-selection\", {\n                attrs: {\n                  \"variation-id\": _vm.variationId,\n                  \"variation-attributes\": _vm.decode(\n                    variationAttribute.value.values.value\n                  ),\n                  lang: _vm.lang,\n                },\n              })\n            : _vm._e(),\n        ],\n        1\n      )\n    }),\n    0\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"items color\" }, [\n    _c(\n      \"ul\",\n      {\n        staticClass: \"d-flex flex-wrap list-unstyled mb-0\",\n        attrs: { id: \"colorList\" },\n        on: { mouseleave: _vm.resetPreviewImage },\n      },\n      _vm._l(_vm.variationsToShow, function (variation) {\n        return _c(\n          \"li\",\n          {\n            key: variation.variationId,\n            on: {\n              mouseenter: function ($event) {\n                return _vm.previewImage(variation.previewImage)\n              },\n            },\n          },\n          [\n            _c(\n              \"a\",\n              {\n                class: {\n                  sold: !variation.hasStock,\n                  active: _vm.variationId === variation.variationId,\n                },\n                attrs: { href: _vm.langPrefix + variation.urlPath },\n                on: { click: _vm.setShowAllState },\n              },\n              [\n                _c(\"mh-item-image\", {\n                  attrs: {\n                    \"img-url\": variation.previewImage,\n                    alt: variation.name,\n                    title:\n                      variation.name +\n                      (variation.hasStock\n                        ? \"\"\n                        : \" - \" +\n                          _vm.$translate(\n                            \"modeherz::SingleItemPageClient.itemPageSoldOut\"\n                          )),\n                    lazy: \"\",\n                  },\n                }),\n              ],\n              1\n            ),\n          ]\n        )\n      }),\n      0\n    ),\n    _vm._v(\" \"),\n    !_vm.opened && _vm.variationAttributes.length > _vm.preloadImageLimit\n      ? _c(\n          \"button\",\n          {\n            staticClass: \"btn btn-outline-primary\",\n            on: { click: _vm.showMore },\n          },\n          [\n            _vm._v(\n              \"\\n        \" +\n                _vm._s(\n                  _vm.$translate(\n                    \"modeherz::SingleItemPageClient.itemPageShowMore\"\n                  )\n                ) +\n                \"\\n    \"\n            ),\n          ]\n        )\n      : _vm._e(),\n  ])\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!./VariationImageSelection.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!./VariationImageSelection.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"items color\">\r\n        <ul\r\n            id=\"colorList\"\r\n            class=\"d-flex flex-wrap list-unstyled mb-0\"\r\n            @mouseleave=\"resetPreviewImage\"\r\n        >\r\n            <li\r\n                v-for=\"variation in variationsToShow\"\r\n                :key=\"variation.variationId\"\r\n                @mouseenter=\"previewImage(variation.previewImage)\"\r\n            >\r\n                <a\r\n                    :href=\"langPrefix + variation.urlPath\"\r\n                    :class=\"{'sold': !variation.hasStock , 'active': variationId === variation.variationId }\"\r\n                    @click=\"setShowAllState\"\r\n                >\r\n                    <mh-item-image :img-url=\"variation.previewImage\"\r\n                                   :alt=\"variation.name\"\r\n                                   :title=\"variation.name + (variation.hasStock ? '' : (' - ' + $translate('modeherz::SingleItemPageClient.itemPageSoldOut')))\"\r\n                                   lazy\r\n                    />\r\n                </a>\r\n            </li>\r\n        </ul>\r\n        <button\r\n            v-if=\"!opened && variationAttributes.length > preloadImageLimit\"\r\n            class=\"btn btn-outline-primary\"\r\n            @click=\"showMore\"\r\n        >\r\n            {{ $translate(\"modeherz::SingleItemPageClient.itemPageShowMore\") }}\r\n        </button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { isBreakpointUp } from '../../../helpers/device-size-check';\r\n\r\n    export default {\r\n        name: 'VariationImageSelection',\r\n        props: {\r\n            variationAttributes: {\r\n                type: Array,\r\n                default: () => [],\r\n            },\r\n            variationId: {\r\n                type: Number,\r\n                required: true,\r\n            },\r\n            preloadImageLimit: {\r\n                type: Number,\r\n                default: 12,\r\n            },\r\n            lang: {\r\n                type: String,\r\n                required: true,\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                opened: false,\r\n                originalImage: null,\r\n                isLargeDevice: false,\r\n                imageConversionEnabled: App.config.log.modernImagesConversion,\r\n            };\r\n        },\r\n        computed: {\r\n            variationsToShow() {\r\n                if (this.opened) {\r\n                    return this.variationAttributes;\r\n                }\r\n                return this.variationAttributes.slice(0, this.preloadImageLimit);\r\n            },\r\n            langPrefix() {\r\n                return this.lang === App.defaultLanguage ? '' : ('/' + this.lang);\r\n            },\r\n        },\r\n        mounted() {\r\n            this.isLargeDevice = isBreakpointUp('md');\r\n            try {\r\n                if (window.localStorage) {\r\n                    const opened = window.localStorage.getItem('item.variation.show-all');\r\n                    const clickedOnVariationImageTile = window.localStorage.getItem('item.variation.clicked');\r\n                    if (opened === 'true' && clickedOnVariationImageTile === 'true') {\r\n                        this.showMore();\r\n                    }\r\n                    window.localStorage.setItem('item.variation.clicked', false + '');\r\n                }\r\n            } catch (e) {\r\n                console.error('error with local storage', e);\r\n            }\r\n        },\r\n        methods: {\r\n            showMore() {\r\n                this.opened = true;\r\n                this.$nextTick(() => {\r\n                    $('[data-toggle=\"tooltip\"]').tooltip();\r\n                });\r\n\r\n            },\r\n            previewImage(url) {\r\n                if (!this.isLargeDevice) {\r\n                    return;\r\n                }\r\n                const currentImage = document.querySelector('.mz-figure > img');\r\n                if (!currentImage) {\r\n                    return;\r\n                }\r\n                if (!this.originalImage) {\r\n                    this.originalImage = currentImage.src;\r\n                }\r\n                currentImage.src = url.replace('/preview/', '/full/') + (this.imageConversionEnabled && App.features.avif ? '.avif' : '');\r\n            },\r\n            resetPreviewImage() {\r\n                if (this.originalImage) {\r\n                    document.querySelector('.mz-figure > img').src = this.originalImage;\r\n                    this.originalImage = null;\r\n                }\r\n            },\r\n            setShowAllState() {\r\n                try {\r\n                    if (window.localStorage) {\r\n                        window.localStorage.setItem('item.variation.show-all', this.opened + '');\r\n                        window.localStorage.setItem('item.variation.clicked', true + '');\r\n                    }\r\n                } catch (e) {\r\n                    console.error('error with local storage', e);\r\n                }\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render, staticRenderFns } from \"./VariationImageSelection.vue?vue&type=template&id=5065d67f&scoped=true&\"\nimport script from \"./VariationImageSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationImageSelection.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  \"5065d67f\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('5065d67f')) {\n      api.createRecord('5065d67f', component.options)\n    } else {\n      api.reload('5065d67f', component.options)\n    }\n    module.hot.accept(\"./VariationImageSelection.vue?vue&type=template&id=5065d67f&scoped=true&\", function () {\n      api.rerender('5065d67f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/variationSelection/VariationImageSelection.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 _c(\n    \"select\",\n    {\n      directives: [\n        {\n          name: \"model\",\n          rawName: \"v-model\",\n          value: _vm.value,\n          expression: \"value\",\n        },\n      ],\n      staticClass: \"custom-select\",\n      on: {\n        change: function ($event) {\n          var $$selectedVal = Array.prototype.filter\n            .call($event.target.options, function (o) {\n              return o.selected\n            })\n            .map(function (o) {\n              var val = \"_value\" in o ? o._value : o.value\n              return val\n            })\n          _vm.value = $event.target.multiple ? $$selectedVal : $$selectedVal[0]\n        },\n      },\n    },\n    _vm._l(_vm.variationAttributes, function (variation) {\n      return _c(\n        \"option\",\n        {\n          key: variation.variationId,\n          class: { \"text-gray-500\": !variation.hasStock },\n          domProps: {\n            value: variation.urlPath,\n            selected: _vm.variationId === variation.variationId,\n          },\n        },\n        [_vm._v(\"\\n    \" + _vm._s(_vm.optionText(variation)) + \"\\n  \")]\n      )\n    }),\n    0\n  )\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!./VariationDropdownSelection.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!./VariationDropdownSelection.vue?vue&type=script&lang=js&\"","<template>\n  <select\n    v-model=\"value\"\n    class=\"custom-select\"\n  >\n    <option\n      v-for=\"variation in variationAttributes\"\n      :key=\"variation.variationId\"\n      :value=\"variation.urlPath\"\n      :selected=\"variationId === variation.variationId\"\n      :class=\"{'text-gray-500': !variation.hasStock}\"\n    >\n      {{ optionText(variation) }}\n    </option>\n  </select>\n</template>\n\n<script>\nexport default {\n    name: 'VariationDropdownSelection',\n    props: {\n        variationAttributes: {\n            type: Array,\n            default: () => []\n        },\n        variationId: {\n            type: Number,\n            required: true\n        },\n        preloadImageLimit: {\n            type: Number,\n            default: 12\n        },\n        lang: {\n            type: String,\n            required: true\n        }\n    },\n    data () {\n        return {\n            value: this.variationAttributes.find(v => this.variationId === v.variationId).urlPath\n        }\n    },\n    computed: {\n        langPrefix () {\n            return this.lang === App.defaultLanguage ? '' : ('/' + this.lang)\n        }\n    },\n    watch: {\n        value () {\n            this.goToVariation(this.value)\n        }\n    },\n    methods: {\n        optionText (variation) {\n            if (variation.hasStock) {\n                return variation.name\n            }\n            return variation.name + ' - ' + this.$translate('modeherz::SingleItemPageClient.itemPageSoldOut')\n        },\n        goToVariation (urlPath) {\n            window.location = (this.langPrefix + urlPath)\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import { render, staticRenderFns } from \"./VariationDropdownSelection.vue?vue&type=template&id=4da57bdd&scoped=true&\"\nimport script from \"./VariationDropdownSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationDropdownSelection.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  \"4da57bdd\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('4da57bdd')) {\n      api.createRecord('4da57bdd', component.options)\n    } else {\n      api.reload('4da57bdd', component.options)\n    }\n    module.hot.accept(\"./VariationDropdownSelection.vue?vue&type=template&id=4da57bdd&scoped=true&\", function () {\n      api.rerender('4da57bdd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/variationSelection/VariationDropdownSelection.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 _c(\"div\", { staticClass: \"items color\" }, [\n    _c(\n      \"ul\",\n      {\n        staticClass: \"d-flex flex-wrap list-unstyled mb-0\",\n        attrs: { id: \"sizeList\" },\n      },\n      _vm._l(_vm.variationsToShow, function (variation) {\n        return _c(\"li\", { key: variation.variationId }, [\n          _c(\n            \"a\",\n            {\n              class: {\n                sold: !variation.hasStock,\n                active: _vm.variationId === variation.variationId,\n              },\n              attrs: { href: _vm.langPrefix + variation.urlPath },\n            },\n            [_vm._v(\"\\n        \" + _vm._s(variation.name) + \"\\n      \")]\n          ),\n        ])\n      }),\n      0\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"items color\">\n    <ul\n      id=\"sizeList\"\n      class=\"d-flex flex-wrap list-unstyled mb-0\"\n    >\n      <li\n        v-for=\"variation in variationsToShow\"\n        :key=\"variation.variationId\"\n      >\n        <a\n          :href=\"langPrefix + variation.urlPath\"\n          :class=\"{'sold': !variation.hasStock , 'active': variationId === variation.variationId }\"\n        >\n          {{ variation.name }}\n        </a>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\nexport default {\n    name: 'VariationImageSelection',\n    props: {\n        variationAttributes: {\n            type: Array,\n            default: () => []\n        },\n        variationId: {\n            type: Number,\n            required: true\n        },\n        preloadImageLimit: {\n            type: Number,\n            default: 12\n        },\n        lang: {\n            type: String,\n            required: true\n        }\n    },\n    data () {\n        return {\n            opened: false\n        }\n    },\n    computed: {\n        variationsToShow () {\n            if (this.opened) {\n                return this.variationAttributes\n            }\n            return this.variationAttributes.slice(0, this.preloadImageLimit)\n        },\n        langPrefix () {\n            return this.lang === App.defaultLanguage ? '' : ('/' + this.lang)\n        }\n    },\n    methods: {\n        showMore () {\n            this.opened = true\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationTextboxSelection.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!./VariationTextboxSelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariationTextboxSelection.vue?vue&type=template&id=c4034488&scoped=true&\"\nimport script from \"./VariationTextboxSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationTextboxSelection.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  \"c4034488\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('c4034488')) {\n      api.createRecord('c4034488', component.options)\n    } else {\n      api.reload('c4034488', component.options)\n    }\n    module.hot.accept(\"./VariationTextboxSelection.vue?vue&type=template&id=c4034488&scoped=true&\", function () {\n      api.rerender('c4034488', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/variationSelection/VariationTextboxSelection.vue\"\nexport default component.exports","<template>\n  <div class=\"d-flex flex-column w-100\">\n    <div\n      v-for=\"variationAttribute in variationAttributes\"\n      :key=\"variationAttribute.attribute.propertyId\"\n      class=\"fs-property d-flex mb-3 variations\"\n    >\n      <div class=\"headline text-uppercase\">\n        <span>{{ variationAttribute.attribute.texts[lang] }}</span>\n      </div>\n\n      <mh-variation-image-selection\n        v-if=\"variationAttribute.attribute.type === 'images'\"\n        :variation-id=\"variationId\"\n        :variation-attributes=\"decode(variationAttribute.value.values.value)\"\n        :preload-image-limit=\"preloadImageLimit\"\n        :lang=\"lang\"\n      />\n      <mh-variation-dropdown-selection\n        v-else-if=\"variationAttribute.attribute.type === 'dropdown'\"\n        :variation-id=\"variationId\"\n        :variation-attributes=\"decode(variationAttribute.value.values.value)\"\n        :lang=\"lang\"\n      />\n      <mh-variation-textbox-selection\n        v-else-if=\"variationAttribute.attribute.type === 'textbox'\"\n        :variation-id=\"variationId\"\n        :variation-attributes=\"decode(variationAttribute.value.values.value)\"\n        :lang=\"lang\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport VariationImageSelection from './VariationImageSelection.vue'\nimport VariationDropdownSelection from './VariationDropdownSelection.vue'\nimport VariationTextboxSelection from './VariationTextboxSelection.vue'\n\nexport default {\n    name: 'MhVariationSelection',\n    components: {\n        MhVariationImageSelection: VariationImageSelection,\n        MhVariationDropdownSelection: VariationDropdownSelection,\n        MhVariationTextboxSelection: VariationTextboxSelection\n    },\n    props: {\n        variationId: {\n            type: Number,\n            required: true\n        },\n        variationProperties: {\n            type: Array,\n            default: () => []\n        },\n        preloadImageLimit: {\n            type: Number,\n            default: 12\n        }\n    },\n    computed: {\n        validAttributes () {\n            return App.modeherzConfig.itemVariations.reduce((agg, cur) => ({ [cur.propertyId]: cur, ...agg }), {})\n        },\n        lang () {\n            return App.language\n        },\n        variationAttributes () {\n            if (!this.variationProperties) {\n                return []\n            }\n            return this.variationProperties\n                .flatMap(vp => vp.properties)\n                .filter(p => !!this.validAttributes[p.id])\n                .map(p => ({ attribute: this.validAttributes[p.id], value: p }))\n                .sort((a, b) => {\n                    const aPrio = a.attribute.priority\n                    const bPrio = b.attribute.priority\n                    return aPrio - bPrio\n                })\n        }\n    },\n    methods: {\n        decode (value) {\n            if (value) {\n                return JSON.parse(value).data.items\n            }\n            return []\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!./VariationSelection.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!./VariationSelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VariationSelection.vue?vue&type=template&id=0f6c966e&\"\nimport script from \"./VariationSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationSelection.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('0f6c966e')) {\n      api.createRecord('0f6c966e', component.options)\n    } else {\n      api.reload('0f6c966e', component.options)\n    }\n    module.hot.accept(\"./VariationSelection.vue?vue&type=template&id=0f6c966e&\", function () {\n      api.rerender('0f6c966e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/variationSelection/VariationSelection.vue\"\nexport default component.exports"],"sourceRoot":""}