{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?fe78","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue?27c1","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue?059e","webpack:///resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?5e2d","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?704d","webpack:///resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///resources/js/src/app/components/itemList/CategoryItem.vue","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?dd9f","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","href","_f","item","urlWithVariationId","title","ref","images","imageUrlAccessor","disableCarouselOnMobile","_v","storeSpecial","variation","bundleType","itemType","prices","rrp","default","specialOffer","decimalCount","_e","id","manufacturer","externalName","manufacturerLink","_s","class","isRrp","unitPrice","formatted","template","naPoConfig","itemLists","attributeSizeId","attributeColorId","_withStripped","on","mouseover","$event","hover","mouseleave","imageUrls","length","alt","altText","isBackgroundImage","titleText","itemUrl","url","name","props","imageUrlsData","showDots","showNav","disableLazyLoad","type","Boolean","enableCarousel","data","$_enableCarousel","computed","created","isMobile","shouldCarouselBeEnabled","mounted","$nextTick","methods","component","options","__file","tagClass","$translate","label","percentageSale"],"mappings":"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","file":"chunks/ceres-46.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(\"article\", { staticClass: \"item item--listing\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"item__wrapper\" },\n      [\n        _c(\n          \"a\",\n          {\n            staticClass: \"item__image-wrapper\",\n            attrs: {\n              href: _vm._f(\"itemURL\")(_vm.item, _vm.urlWithVariationId),\n              title: _vm._f(\"itemName\")(_vm.item)\n            }\n          },\n          [\n            _c(\"category-image-carousel\", {\n              ref: \"categoryImageCarousel\",\n              attrs: {\n                \"image-urls-data\": _vm._f(\"itemImages\")(\n                  _vm.item.images,\n                  _vm.imageUrlAccessor\n                ),\n                \"alt-text\": _vm._f(\"itemName\")(_vm.item),\n                \"title-text\": _vm._f(\"itemName\")(_vm.item),\n                \"item-url\": _vm._f(\"itemURL\")(_vm.item, _vm.urlWithVariationId),\n                \"enable-carousel\": false,\n                \"disable-carousel-on-mobile\": _vm.disableCarouselOnMobile\n              }\n            })\n          ],\n          1\n        ),\n        _vm._v(\" \"),\n        _vm.storeSpecial ||\n        _vm.item.variation.bundleType === \"bundle\" ||\n        _vm.item.item.itemType === \"set\"\n          ? _c(\"item-store-special\", {\n              attrs: {\n                \"store-special\": _vm.storeSpecial,\n                \"recommended-retail-price\": _vm.item.prices.rrp,\n                \"variation-retail-price\": _vm.item.prices.default,\n                \"special-offer-price\": _vm.item.prices.specialOffer,\n                \"decimal-count\": _vm.decimalCount,\n                \"bundle-type\": _vm.item.variation.bundleType,\n                \"item-type\": _vm.item.item.itemType\n              }\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"item__wishlist\" },\n          [\n            _c(\"add-to-wish-list\", {\n              attrs: { \"variation-id\": _vm.item.variation.id }\n            })\n          ],\n          1\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"item__content\" },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"item__row\" },\n              [\n                _vm.item.item.manufacturer &&\n                !!_vm.item.item.manufacturer.externalName\n                  ? [\n                      _vm.manufacturerLink\n                        ? [\n                            _c(\n                              \"a\",\n                              {\n                                staticClass: \"item__producer\",\n                                attrs: {\n                                  title:\n                                    _vm.item.item.manufacturer.externalName,\n                                  href: _vm.manufacturerLink\n                                }\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                \" +\n                                    _vm._s(\n                                      _vm.item.item.manufacturer.externalName\n                                    ) +\n                                    \"\\n                            \"\n                                )\n                              ]\n                            )\n                          ]\n                        : [\n                            _c(\"span\", { staticClass: \"item__producer\" }, [\n                              _vm._v(\n                                \"\\n                                \" +\n                                  _vm._s(\n                                    _vm.item.item.manufacturer.externalName\n                                  ) +\n                                  \"\\n                            \"\n                              )\n                            ])\n                          ]\n                    ]\n                  : [\n                      _c(\"span\", { staticClass: \"item__producer\" }, [\n                        _vm._v(\n                          \"\\n                             \\n                        \"\n                        )\n                      ])\n                    ],\n                _vm._v(\" \"),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"item__price\",\n                    class: { \"item__price--color\": _vm.isRrp }\n                  },\n                  [\n                    _vm._v(\n                      \"\\n                        \" +\n                        _vm._s(_vm.item.prices.default.unitPrice.formatted) +\n                        \"\\n                    \"\n                    )\n                  ]\n                )\n              ],\n              2\n            ),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"item__row\" }, [\n              _c(\n                \"a\",\n                {\n                  staticClass: \"item__name\",\n                  attrs: {\n                    href: _vm._f(\"itemURL\")(_vm.item, _vm.urlWithVariationId),\n                    title: _vm._f(\"itemName\")(_vm.item)\n                  }\n                },\n                [\n                  _vm._v(\n                    \"\\n                        \" +\n                      _vm._s(_vm._f(\"itemName\")(_vm.item)) +\n                      \"\\n                    \"\n                  )\n                ]\n              ),\n              _vm._v(\" \"),\n              _vm.isRrp\n                ? _c(\"span\", { staticClass: \"item__crossprice\" }, [\n                    _vm._v(\n                      \"\\n                        \" +\n                        _vm._s(_vm.item.prices.rrp.unitPrice.formatted) +\n                        \"\\n                    \"\n                    )\n                  ])\n                : _vm._e()\n            ]),\n            _vm._v(\" \"),\n            _c(\"item-attributes\", {\n              attrs: {\n                template: \"#vue-item-attributes\",\n                item: _vm.item,\n                \"attribute-size-id\": _vm.naPoConfig.itemLists.attributeSizeId,\n                \"attribute-color-id\": _vm.naPoConfig.itemLists.attributeColorId\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\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(\n    \"div\",\n    {\n      on: {\n        mouseover: function($event) {\n          _vm.hover = true\n        },\n        mouseleave: function($event) {\n          _vm.hover = false\n        }\n      }\n    },\n    [\n      _vm.imageUrls\n        ? _c(\n            \"lazy-img\",\n            {\n              class: {\n                \"active-image\": !_vm.hover,\n                \"no-second-image\": _vm.imageUrls.length <= 1\n              },\n              attrs: {\n                \"picture-class\": \"container-image first-image item__image\",\n                \"image-url\": _vm._f(\"itemImage\")(_vm.imageUrls),\n                alt: _vm.altText,\n                isBackgroundImage: true,\n                title: _vm.titleText\n              }\n            },\n            [_c(\"a\", { attrs: { href: _vm.itemUrl } })]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.imageUrls.length > 1\n        ? _c(\n            \"lazy-img\",\n            {\n              class: { \"active-image\": _vm.hover },\n              attrs: {\n                \"picture-class\": \"container-image second-image item__image\",\n                \"image-url\": _vm.imageUrls[1].url,\n                alt: _vm.altText,\n                isBackgroundImage: true,\n                title: _vm.titleText\n              }\n            },\n            [_c(\"a\", { attrs: { href: _vm.itemUrl } })]\n          )\n        : _vm._e()\n    ],\n    1\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!./CategoryImageCarousel.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!./CategoryImageCarousel.vue?vue&type=script&lang=js&\"","<template>\n  <div @mouseover=\"hover = true\" @mouseleave=\"hover=false\">\n    <lazy-img\n        picture-class=\"container-image first-image item__image\"\n        :class=\"{'active-image': !hover,  'no-second-image': imageUrls.length<=1}\"\n        v-if=\"imageUrls\"\n        :image-url=\"imageUrls | itemImage\"\n        :alt=\"altText\"\n        :isBackgroundImage=\"true\"\n        :title=\"titleText\">\n      <a :href=\"itemUrl\"></a>\n    </lazy-img>\n    <lazy-img\n        picture-class=\"container-image second-image item__image\"\n        :class=\"{'active-image': hover}\"\n        v-if=\"imageUrls.length>1\"\n        :image-url=\"imageUrls[1].url\"\n        :alt=\"altText\"\n        :isBackgroundImage=\"true\"\n        :title=\"titleText\">\n      <a :href=\"itemUrl\"></a>\n    </lazy-img>\n  </div>\n</template>\n<script>\nimport 'owl.carousel';\n\nexport default {\n\n  name: 'category-image-carousel',\n\n  props: {\n    imageUrlsData:\n        {\n          type: Array,\n        },\n    itemUrl:\n        {\n          type: String,\n        },\n    altText:\n        {\n          type: String,\n        },\n    titleText:\n        {\n          type: String,\n        },\n    showDots:\n        {\n          type: Boolean,\n          default: App.config.item.categoryShowDots,\n        },\n    showNav:\n        {\n          type: Boolean,\n          default: App.config.item.categoryShowNav,\n        },\n    disableLazyLoad: {\n      type: Boolean,\n      default: false,\n    },\n    disableCarouselOnMobile:\n        {\n          type: Boolean,\n        },\n    enableCarousel:\n        {\n          type: Boolean,\n        },\n    template:\n        {\n          type: String,\n        },\n  },\n\n  data() {\n    return {\n      $_enableCarousel: false,\n      hover: false,\n    };\n  },\n\n  computed:\n    {\n      imageUrls() {\n        return this.imageUrlsData.sort((imageUrlA, imageUrlB) => {\n          if (imageUrlA.position > imageUrlB.position) {\n            return 1;\n          }\n          if (imageUrlA.position < imageUrlB.position) {\n            return -1;\n          }\n\n          return 0;\n        });\n      },\n    },\n\n\n\n  created() {\n    const isMobile = window.matchMedia('(max-width: 768px)').matches;\n    const shouldCarouselBeEnabled = this.enableCarousel && this.imageUrls.length > 1;\n\n    this.$_enableCarousel = this.disableCarouselOnMobile && isMobile ? false : shouldCarouselBeEnabled;\n  },\n\n  mounted() {\n    this.$nextTick(() => {\n      if (this.$_enableCarousel) {\n        this.initializeCarousel();\n      }\n    });\n  },\n\n  methods:\n      {\n        initializeCarousel() {\n          $('#owl-carousel-' + this._uid).owlCarousel({\n            dots: !!this.showDots,\n            items: 1,\n            mouseDrag: false,\n            loop: this.imageUrls.length > 1,\n            lazyLoad: !this.disableLazyLoad,\n            margin: 10,\n            nav: !!this.showNav,\n            navText: [\n              `<i id=\"owl-nav-text-left-${this._uid}\" class='fa fa-chevron-left' aria-hidden='true'></i>`,\n              `<i id=\"owl-nav-text-right-${this._uid}\" class='fa fa-chevron-right' aria-hidden='true'></i>`,\n            ],\n            onTranslated(event) {\n              const element = event.target.querySelector('.owl-item.active img');\n\n              if (element && element.dataset.src && !element.src) {\n                element.src = element.dataset.src;\n                element.removeAttribute('data-src');\n              }\n            },\n            onInitialized: event => {\n              if (this.showNav) {\n                document.querySelector(\n                    `#owl-nav-text-left-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n                document.querySelector(\n                    `#owl-nav-text-right-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n              }\n            },\n          });\n        },\n\n        getAltText(image) {\n          const altText = image && image.alternate ? image.alternate : this.altText;\n\n          return altText;\n        },\n\n        getImageName(image) {\n          const altText = image && image.name ? image.name : this.titleText;\n\n          return altText;\n        },\n      },\n};\n</script>\n","import { render, staticRenderFns } from \"./CategoryImageCarousel.vue?vue&type=template&id=62e5025e&\"\nimport script from \"./CategoryImageCarousel.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoryImageCarousel.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/fhartwig/Sites/DIA-NaPo/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('62e5025e')) {\n      api.createRecord('62e5025e', component.options)\n    } else {\n      api.reload('62e5025e', component.options)\n    }\n    module.hot.accept(\"./CategoryImageCarousel.vue?vue&type=template&id=62e5025e&\", function () {\n      api.rerender('62e5025e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/CategoryImageCarousel.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: \"item__tag\" }, [\n    _c(\n      \"div\",\n      { class: _vm.tagClass },\n      [\n        _vm.bundleType === \"bundle\"\n          ? [\n              _vm._v(\n                \"\\n            \" +\n                  _vm._s(_vm.$translate(\"ODCeres::Template.itemBundle\")) +\n                  \"\\n        \"\n              )\n            ]\n          : [_vm._v(\"\\n            \" + _vm._s(_vm.label) + \"\\n        \")]\n      ],\n      2\n    ),\n    _vm._v(\" \"),\n    _vm.storeSpecial && _vm.storeSpecial.id === 1 && _vm.percentageSale !== \"\"\n      ? _c(\"div\", { staticClass: \"item__tag-percent\" }, [\n          _vm._v(\"\\n        \" + _vm._s(_vm.percentageSale) + \"\\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!./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 class=\"item__tag\">\n        <div :class=\"tagClass\">\n            <template v-if=\"bundleType === 'bundle'\">\n                {{ $translate(\"ODCeres::Template.itemBundle\") }}\n            </template>\n            <template v-else>\n                {{ label }}\n            </template>\n        </div>\n        <div v-if=\"storeSpecial && storeSpecial.id === 1 && percentageSale !== ''\"\n             class=\"item__tag-percent\">\n            {{ percentageSale }}\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined, isDefined } from \"ceres/app/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: 'item__tag--sale',\n                2: 'item__tag--new',\n                3: 'item__tag--top',\n                default: 'item__tag--top',\n                itemBundle: \"badge badge-bundle bg-info\",\n                itemSet: \"badge badge-dark\"\n            },\n            labels:\n            {\n                1: this.$translate(\"ODNaPo::NaPo.storeSpecialOffer\"),\n                2: this.$translate(\"ODNaPo::NaPo.storeSpecialNew\"),\n                3: this.$translate(\"ODNaPo::NaPo.storeSpecialTop\")\n            }\n        };\n    },\n\n    computed: {\n        percentageSale()\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    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))\n            {\n                return \"\";\n            }\n\n            return this.labels[this.storeSpecial.id] || this.storeSpecial.names.name;\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=9410a8b2&\"\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/fhartwig/Sites/DIA-NaPo/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('9410a8b2')) {\n      api.createRecord('9410a8b2', component.options)\n    } else {\n      api.reload('9410a8b2', component.options)\n    }\n    module.hot.accept(\"./ItemStoreSpecial.vue?vue&type=template&id=9410a8b2&\", function () {\n      api.rerender('9410a8b2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/ItemStoreSpecial.vue\"\nexport default component.exports","<template>\n    <article class=\"item item--listing\">\n        <div class=\"item__wrapper\">\n\n            <a class=\"item__image-wrapper\"\n               :href=\"item | itemURL(urlWithVariationId)\"\n               :title=\"item | itemName\">\n<!--                <lazy-img :is-background-image=\"false\"-->\n<!--                          picture-class=\"item__image\"-->\n<!--                          :fallback-url=\"item.images | itemImages(imageUrlAccessor) | itemImage\"-->\n<!--                          :image-url=\"item.images | itemImages(imageUrlAccessor) | itemImage\">-->\n<!--                </lazy-img>-->\n\n              <category-image-carousel :image-urls-data=\"item.images | itemImages(imageUrlAccessor)\"\n                                       :alt-text=\"item | itemName\"\n                                       :title-text=\"item | itemName\"\n                                       :item-url=\"item | itemURL(urlWithVariationId)\"\n                                       :enable-carousel=false\n                                       :disable-carousel-on-mobile=\"disableCarouselOnMobile\"\n                                       ref=\"categoryImageCarousel\">\n              </category-image-carousel>\n            </a>\n\n            <item-store-special v-if=\"storeSpecial || item.variation.bundleType === 'bundle' || item.item.itemType === 'set'\"\n                                :store-special=\"storeSpecial\"\n                                :recommended-retail-price=\"item.prices.rrp\"\n                                :variation-retail-price=\"item.prices.default\"\n                                :special-offer-price=\"item.prices.specialOffer\"\n                                :decimal-count=\"decimalCount\"\n                                :bundle-type=\"item.variation.bundleType\"\n                                :item-type=\"item.item.itemType\">\n            </item-store-special>\n\n            <div class=\"item__wishlist\">\n                <add-to-wish-list :variation-id=\"item.variation.id\"></add-to-wish-list>\n            </div>\n\n            <div class=\"item__content\">\n                <div class=\"item__row\">\n                    <template v-if=\"item.item.manufacturer && !!item.item.manufacturer.externalName\">\n                        <template v-if=\"manufacturerLink\">\n                            <a class=\"item__producer\"\n                               :title=\"item.item.manufacturer.externalName\"\n                               :href=\"manufacturerLink\">\n                                {{ item.item.manufacturer.externalName }}\n                            </a>\n                        </template>\n                        <template v-else>\n                            <span class=\"item__producer\">\n                                {{ item.item.manufacturer.externalName }}\n                            </span>\n                        </template>\n                    </template>\n                    <!-- display empty element so structure is not broken -->\n                    <template v-else>\n                        <span class=\"item__producer\">\n                            &nbsp;\n                        </span>\n                    </template>\n                    <span class=\"item__price\"\n                          :class=\"{'item__price--color': isRrp}\">\n                        {{ item.prices.default.unitPrice.formatted }}\n                    </span>\n                </div>\n                <div class=\"item__row\">\n                    <a class=\"item__name\"\n                       :href=\"item | itemURL(urlWithVariationId)\"\n                       :title=\"item | itemName\">\n                        {{ item | itemName }}\n                    </a>\n                    <span class=\"item__crossprice\"\n                          v-if=\"isRrp\">\n                        {{ item.prices.rrp.unitPrice.formatted }}\n                    </span>\n                </div>\n                <item-attributes template=\"#vue-item-attributes\"\n                                 :item=\"item\"\n                                 :attribute-size-id=\"naPoConfig.itemLists.attributeSizeId\"\n                                 :attribute-color-id=\"naPoConfig.itemLists.attributeColorId\">\n                </item-attributes>\n            </div>\n        </div>\n    </article>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport CategoryImageCarousel from \"./CategoryImageCarousel.vue\";\nimport ItemStoreSpecial from \"./ItemStoreSpecial.vue\";\nimport { replaceAll }from \"../../helper/strings\";\n\nexport default {\n\n    components: {\n        CategoryImageCarousel,\n        ItemStoreSpecial\n    },\n\n    props: {\n        decimalCount:\n        {\n            type: Number,\n            default: 0\n        },\n        imageUrlAccessor:\n        {\n            type: String,\n            default: \"urlMiddle\"\n        },\n        itemData:\n        {\n            type: Object\n        },\n        disableCarouselOnMobile:\n        {\n            type: Boolean\n        },\n        paddingClasses:\n        {\n            type: String,\n            default: null\n        },\n        paddingInlineStyles:\n        {\n            type: String,\n            default: null\n        },\n        forceUrlWithVariationId:\n        {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    jsonDataFields: [\n        \"itemDataRef\"\n    ],\n\n    data() {\n        return {\n            naPoConfig : App.napoConfig,\n            links      : App.manufacturerLinks\n        }\n    },\n\n    computed:\n    {\n        item()\n        {\n            return this.itemData || this.itemDataRef;\n        },\n\n        /**\n         * returns itemData.item.storeSpecial\n         */\n        storeSpecial()\n        {\n            return this.item.item.storeSpecial;\n        },\n\n        // /**\n        //  * returns itemData.texts\n        //  */\n        // texts()\n        // {\n        //     return this.item.texts;\n        // },\n        //\n        // itemPrice()\n        // {\n        //     return this.$options.filters.specialOffer(this.item.prices.default.unitPrice.formatted, this.item.prices, \"unitPrice\", \"formatted\" );\n        // },\n        //\n        // itemSetPrice()\n        // {\n        //     return this.$options.filters.currency(\n        //         this.item.prices.default.price.value,\n        //         this.item.prices.default.currency\n        //     );\n        // },\n\n        urlWithVariationId()\n        {\n            return !this.$ceres.config.item.showPleaseSelect || this.$ceres.initialPleaseSelect == 0 || this.forceUrlWithVariationId;\n        },\n\n        manufacturerLink()\n        {\n\n            let name = this.item.item.manufacturer.externalName;\n\n            name = replaceAll(name,' ', '');\n            name = replaceAll(name, 'ß', 'ss');\n            name = replaceAll(name, \"'\", '');\n            name = replaceAll(name, \"´\", '');\n            name = replaceAll(name, \"&\", '');\n            name = replaceAll(name, \".\", '');\n            name = name.toLowerCase();\n\n            if(this.links && this.links[name]) {\n                return this.links[name];\n            }else{\n                return false;\n            }\n\n        },\n\n        altText(image)\n        {\n            return image && image.alternate ? image.alternate : this.$options.filters.itemName(this.item);\n        },\n\n        isRrp()\n        {\n            return (\n                this.item.prices.rrp &&\n                this.item.prices.rrp.unitPrice.value != 0 &&\n                this.item.prices.rrp.unitPrice.value > this.item.prices.default.unitPrice.value\n            )\n        },\n\n        ...mapState({\n            showNetPrices: state => state.basket.showNetPrices\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!./CategoryItem.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!./CategoryItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CategoryItem.vue?vue&type=template&id=8ab526e6&\"\nimport script from \"./CategoryItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoryItem.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/fhartwig/Sites/DIA-NaPo/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('8ab526e6')) {\n      api.createRecord('8ab526e6', component.options)\n    } else {\n      api.reload('8ab526e6', component.options)\n    }\n    module.hot.accept(\"./CategoryItem.vue?vue&type=template&id=8ab526e6&\", function () {\n      api.rerender('8ab526e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/CategoryItem.vue\"\nexport default component.exports"],"sourceRoot":""}