{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?5e2d","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?4a32","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?fe78","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue?27c1","webpack:///resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue?93f3","webpack:///./resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///resources/js/src/app/components/itemList/CategoryItem.vue","webpack:///./resources/js/src/app/helper/getSlotData.js","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?45b6","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","hasLabel","isBundle","isSet","staticClass","class","tagClass","_v","_s","label","tagClasses","itemBundle","$translate","itemSet","_e","_withStripped","component","options","__file","attrs","item","variation","id","paddingClasses","style","paddingInlineStyles","_t","ref","_f","images","imageUrlAccessor","alt","title","urlWithVariationId","$ceres","config","enableImageCarousel","disableCarouselOnMobile","storeSpecial","bundleType","itemType","prices","rrp","default","specialOffer","decimalCount","global","shippingCostsCategoryId","href","_l","groupedAttributes","attribute","price","value","unitPrice","formatted","itemSetPrice","itemGraduatedPriceisCheapestSorting","itemGraduatedPricesalableVariationCount","itemPriceGraduated","lowestPrice","hasCrossPrice","domProps","innerHTML","unit","unitOfMeasurement","content","names","name","mayShowUnitPrice","basePrice","variationProperties","props","properties","vproperties","src","values","$data","$_enableCarousel","_uid","itemUrl","role","imageUrls","imageUrl","index","key","itemLazyImage","refInFor","url","getAltText","getTitleText","width","getImageWidth","height","getImageHeight","disableLazyLoad","imageOrItemImage","slotKey","vm","$options","slotData","hasOwnProperty","$slots","slotNode","elm","JSON","parse","textContent","text"],"mappings":"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","file":"chunks/ceres-22.min.js","sourcesContent":["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 p-2\" }, [\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 p-2\">\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=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/danielkaschlaw/Desktop/Sites/devTools_shit/16472/70/krumVueTheme/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","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"article\",\n    {\n      staticClass: \"cmp cmp-product-thumb px-0 pb-0\",\n      attrs: { \"data-testing\": _vm.item.variation.id }\n    },\n    [\n      _c(\n        \"div\",\n        { class: _vm.paddingClasses, style: _vm.paddingInlineStyles },\n        [\n          _c(\"div\", { staticClass: \"thumb-image\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prop-1-1\" },\n              [\n                _vm._t(\"item-image\", [\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: _vm._f(\"itemName\")(_vm.item),\n                      title: _vm._f(\"itemName\")(_vm.item),\n                      \"item-url\": _vm._f(\"itemURL\")(\n                        _vm.item,\n                        _vm.urlWithVariationId\n                      ),\n                      \"enable-carousel\":\n                        _vm.$ceres.config.item.enableImageCarousel,\n                      \"disable-carousel-on-mobile\": _vm.disableCarouselOnMobile\n                    }\n                  })\n                ])\n              ],\n              2\n            )\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"wish-wrapper\" },\n            [\n              _c(\"add-to-wish-list\", {\n                attrs: { \"variation-id\": _vm.item.variation.id }\n              })\n            ],\n            1\n          ),\n          _vm._v(\" \"),\n          _vm._t(\"store-special\", [\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          ]),\n          _vm._v(\" \"),\n          _vm._t(\"item-details\", [\n            _c(\n              \"div\",\n              { staticClass: \"thumb-content\" },\n              [\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"thumb-title\",\n                    class: {\n                      \"stretched-link\":\n                        _vm.$ceres.config.global.shippingCostsCategoryId == 0\n                    },\n                    attrs: {\n                      href: _vm._f(\"itemURL\")(_vm.item, _vm.urlWithVariationId)\n                    }\n                  },\n                  [\n                    _vm._v(\n                      \"\\n                    \" +\n                        _vm._s(_vm._f(\"itemName\")(_vm.item))\n                    ),\n                    _vm._l(_vm.item.groupedAttributes, function(attribute) {\n                      return _c(\"span\", [\n                        _vm._v(\n                          _vm._s(\n                            _vm._f(\"translate\")(\n                              \"Ceres::Template.itemGroupedAttribute\",\n                              attribute\n                            )\n                          )\n                        )\n                      ])\n                    })\n                  ],\n                  2\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  { staticClass: \"thumb-meta mt-2\" },\n                  [\n                    _vm._t(\"before-prices\"),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"prices justify-content-end align-items-end align-items-md-center flex-wrap flex-column flex-md-row\"\n                      },\n                      [\n                        _vm.item.prices.rrp &&\n                        _vm.item.prices.rrp.price.value > 0 &&\n                        _vm.item.prices.rrp.price.value >\n                          _vm.item.prices.default.price.value\n                          ? _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"price-view-port text-right text-md-left\"\n                              },\n                              [\n                                _vm.item.prices.specialOffer\n                                  ? _c(\"del\", { staticClass: \"crossprice\" }, [\n                                      _vm._v(\n                                        \"\\n                                \" +\n                                          _vm._s(\n                                            _vm._f(\"itemCrossPrice\")(\n                                              _vm.item.prices.default.unitPrice\n                                                .formatted,\n                                              true\n                                            )\n                                          ) +\n                                          \"\\n                            \"\n                                      )\n                                    ])\n                                  : _c(\"del\", { staticClass: \"crossprice\" }, [\n                                      _vm._v(\n                                        \"\\n                                \" +\n                                          _vm._s(\n                                            _vm._f(\"itemCrossPrice\")(\n                                              _vm.item.prices.rrp.unitPrice\n                                                .formatted\n                                            )\n                                          ) +\n                                          \"\\n                            \"\n                                      )\n                                    ])\n                              ]\n                            )\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          { staticClass: \"price\" },\n                          [\n                            _vm.item.item.itemType === \"set\"\n                              ? [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemSetPrice\",\n                                          { price: _vm.itemSetPrice }\n                                        )\n                                      ) +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFootnote\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              : _vm.itemGraduatedPriceisCheapestSorting\n                              ? [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFromPrice\",\n                                          { price: _vm.itemPriceGraduated }\n                                        )\n                                      ) +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFootnote\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              : _vm.itemGraduatedPricesalableVariationCount\n                              ? [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFromPrice\",\n                                          { price: _vm.itemPriceGraduated }\n                                        )\n                                      ) +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFootnote\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              : [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm._f(\"specialOffer\")(\n                                          _vm.item.prices.default.unitPrice\n                                            .formatted,\n                                          _vm.item.prices,\n                                          \"unitPrice\",\n                                          \"formatted\"\n                                        )\n                                      ) +\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.itemFootnote\"\n                                        )\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                          ],\n                          2\n                        )\n                      ]\n                    )\n                  ],\n                  2\n                ),\n                _vm._v(\" \"),\n                _vm._t(\"after-prices\"),\n                _vm._v(\" \"),\n                _vm.item.prices.default.lowestPrice.value && _vm.hasCrossPrice\n                  ? _c(\n                      \"div\",\n                      { staticClass: \"category-lowest-price small d-none\" },\n                      [\n                        _c(\"span\", {\n                          domProps: {\n                            innerHTML: _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.itemLowestPrice\",\n                                {\n                                  price:\n                                    _vm.item.prices.default.lowestPrice\n                                      .formatted\n                                }\n                              )\n                            )\n                          }\n                        })\n                      ]\n                    )\n                  : _vm._e(),\n                _vm._v(\" \"),\n                !(\n                  _vm.item.unit.unitOfMeasurement === \"C62\" &&\n                  _vm.item.unit.content === 1\n                )\n                  ? _c(\"div\", { staticClass: \"category-unit-price small\" }, [\n                      _c(\"span\", [_vm._v(_vm._s(_vm.item.unit.content))]),\n                      _vm._v(\" \"),\n                      _c(\"span\", [\n                        _vm._v(\" \" + _vm._s(_vm.item.unit.names.name))\n                      ]),\n                      _vm._v(\" \"),\n                      _vm.item.variation.mayShowUnitPrice\n                        ? _c(\"span\", [_vm._v(\" | \" + _vm._s(_vm.basePrice))])\n                        : _vm._e()\n                    ])\n                  : _vm._e()\n              ],\n              2\n            )\n          ])\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"px-0 himg\" },\n        [\n          _vm._l(_vm.item.variationProperties, function(props) {\n            return [\n              _vm._l(props.properties, function(vproperties) {\n                return vproperties.id == 25\n                  ? [\n                      _c(\"img\", {\n                        staticClass: \"img-fluid special-img\",\n                        attrs: {\n                          src: vproperties.values.value,\n                          alt: _vm._f(\"itemName\")(_vm.item)\n                        }\n                      })\n                    ]\n                  : _vm._e()\n              })\n            ]\n          })\n        ],\n        2\n      )\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 _vm.$data.$_enableCarousel\n    ? _c(\n        \"a\",\n        {\n          staticClass: \"owl-carousel owl-theme\",\n          attrs: {\n            id: \"owl-carousel-\" + _vm._uid,\n            href: _vm.itemUrl,\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemImageCarousel\"),\n            role: \"listbox\"\n          }\n        },\n        _vm._l(_vm.imageUrls, function(imageUrl, index) {\n          return _c(\n            \"div\",\n            { key: index },\n            [\n              _c(\"lazy-img\", {\n                ref: { itemLazyImage: index === 0 },\n                refInFor: true,\n                attrs: {\n                  \"image-url\": imageUrl.url,\n                  alt: _vm.getAltText(imageUrl),\n                  title: _vm.getTitleText(imageUrl),\n                  width: _vm.getImageWidth(imageUrl),\n                  height: _vm.getImageHeight(imageUrl),\n                  \"picture-class\": \"img-fluid\",\n                  role: \"option\"\n                }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    : _c(\n        \"a\",\n        { attrs: { href: _vm.itemUrl } },\n        [\n          _c(\"lazy-img\", {\n            ref: { itemLazyImage: !_vm.disableLazyLoad },\n            attrs: {\n              \"image-url\": _vm.imageOrItemImage,\n              alt: _vm.getAltText(_vm.imageUrls[0]),\n              title: _vm.getTitleText(_vm.imageUrls[0]),\n              width: _vm.getImageWidth(_vm.imageUrls[0]),\n              height: _vm.getImageHeight(_vm.imageUrls[0]),\n              \"picture-class\": \"img-fluid\"\n            }\n          })\n        ],\n        1\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <a\n        v-if=\"$data.$_enableCarousel\"\n        :id=\"`owl-carousel-${_uid}`\"\n        :href=\"itemUrl\"\n        :aria-label=\"$translate('Ceres::Template.itemImageCarousel')\"\n        role=\"listbox\"\n        class=\"owl-carousel owl-theme\">\n        <div v-for=\"(imageUrl, index) in imageUrls\" :key=\"index\">\n            <lazy-img\n                :image-url=\"imageUrl.url\"\n                :alt=\"getAltText(imageUrl)\"\n                :title=\"getTitleText(imageUrl)\"\n                :width=\"getImageWidth(imageUrl)\"\n                :height=\"getImageHeight(imageUrl)\"\n                :ref=\"{ 'itemLazyImage' : index === 0 }\"\n                picture-class=\"img-fluid\"\n                role=\"option\" />\n        </div>\n    </a>\n\n    <a v-else :href=\"itemUrl\">\n        <lazy-img\n            :ref=\"{ 'itemLazyImage': !disableLazyLoad }\"\n            :image-url=\"imageOrItemImage\"\n            :alt=\"getAltText(imageUrls[0])\"\n            :title=\"getTitleText(imageUrls[0])\"\n            :width=\"getImageWidth(imageUrls[0])\"\n            :height=\"getImageHeight(imageUrls[0])\"\n            picture-class=\"img-fluid\" />\n    </a>\n</template>\n\n<script>\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        alt:\n        {\n            type: String\n        },\n        title:\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    {\n        return {\n            $_enableCarousel: false\n        };\n    },\n\n    computed:\n    {\n        imageUrls()\n        {\n            return this.imageUrlsData;\n        },\n        imageOrItemImage()\n        {\n            return this.imageUrls.length ? this.imageUrls[0].url : this.itemImage;\n        }\n    },\n\n    mounted()\n    {\n        const isMobile = window.matchMedia(\"(max-width: 768px)\").matches;\n        const shouldCarouselBeEnabled = this.enableCarousel && this.imageUrls.length > 1;\n\n        this.$data.$_enableCarousel = this.disableCarouselOnMobile && isMobile ? false : shouldCarouselBeEnabled;\n\n        this.$nextTick(() =>\n        {\n            if (this.$data.$_enableCarousel)\n            {\n                this.initializeCarousel();\n            }\n        });\n    },\n\n    methods:\n    {\n        initializeCarousel()\n        {\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                {\n                    const element = event.target.querySelector(\".owl-item.active img\");\n\n                    if (element && element.dataset.src && !element.src)\n                    {\n                        element.src = element.dataset.src;\n                        element.removeAttribute(\"data-src\");\n                    }\n                },\n                onInitialized: event =>\n                {\n                    if (this.showNav)\n                    {\n                        document.querySelector(`#owl-nav-text-left-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n                        document.querySelector(`#owl-nav-text-right-${this._uid}`).parentElement.onclick = event => event.preventDefault();\n                    }\n                }\n            });\n        },\n\n        getAltText(image)\n        {\n            const alt = image && image.alternate ? image.alternate : this.alt;\n\n            return alt;\n        },\n\n        getTitleText(image)\n        {\n            const title = image && image.name ? image.name : this.title;\n\n            return title;\n        },\n\n        getImageWidth(image)\n        {\n            return image && image.width ? image.width : undefined;\n        },\n\n        getImageHeight(image)\n        {\n            return image && image.height ? image.height : undefined;\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!./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&\"","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/danielkaschlaw/Desktop/Sites/devTools_shit/16472/70/krumVueTheme/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","<template>\n    <article class=\"cmp cmp-product-thumb px-0 pb-0\" :data-testing=\"item.variation.id\">\n        <div :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\n\n             <div class=\"thumb-image\">\n                <div class=\"prop-1-1\">\n                    <slot name=\"item-image\">\n                        <category-image-carousel :image-urls-data=\"item.images | itemImages(imageUrlAccessor)\"\n                                                :alt=\"item | itemName\"\n                                                :title=\"item | itemName\"\n                                                :item-url=\"item | itemURL(urlWithVariationId)\"\n                                                :enable-carousel=\"$ceres.config.item.enableImageCarousel\"\n                                                :disable-carousel-on-mobile=\"disableCarouselOnMobile\"\n                                                ref=\"categoryImageCarousel\">\n                        </category-image-carousel>\n                    </slot>\n                </div>\n            </div>\n            <div class=\"wish-wrapper\">\n                <add-to-wish-list :variation-id=\"item.variation.id\"></add-to-wish-list>\n            </div>\n            <!-- STORE SPECIALS -->\n            <slot name=\"store-special\">\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            </slot>\n            <!-- ./STORE SPECIALS -->\n\n            <!-- ITEM DETAILS -->\n            <slot name=\"item-details\">\n                <div class=\"thumb-content\">\n                    <a :href=\"item | itemURL(urlWithVariationId)\" class=\"thumb-title\" :class=\"{ 'stretched-link': $ceres.config.global.shippingCostsCategoryId == 0 }\">\n                        {{ item | itemName }}<!--\n                    --><span v-for=\"attribute in item.groupedAttributes\">{{ \"Ceres::Template.itemGroupedAttribute\" | translate(attribute) }}</span>\n                    </a>\n                    <div class=\"thumb-meta mt-2\">\n                        <slot name=\"before-prices\"></slot>\n\n                        <div class=\"prices justify-content-end align-items-end align-items-md-center flex-wrap flex-column flex-md-row\">\n                            <div v-if=\"item.prices.rrp && item.prices.rrp.price.value > 0 && item.prices.rrp.price.value > item.prices.default.price.value\" class=\"price-view-port text-right text-md-left\">\n                                <del class=\"crossprice\" v-if=\"item.prices.specialOffer\">\n                                    {{ item.prices.default.unitPrice.formatted | itemCrossPrice(true) }}\n                                </del>\n                                <del class=\"crossprice\" v-else>\n                                    {{ item.prices.rrp.unitPrice.formatted | itemCrossPrice }}\n                                </del>\n                            </div>\n\n                            <div class=\"price\">\n                                <template v-if=\"item.item.itemType === 'set'\">\n                                    {{ $translate(\"Ceres::Template.itemSetPrice\", { price: itemSetPrice }) }}{{ $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else-if=\"itemGraduatedPriceisCheapestSorting\">\n                                    {{ $translate(\"Ceres::Template.itemFromPrice\", { price: itemPriceGraduated }) }}{{ $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else-if=\"itemGraduatedPricesalableVariationCount\">\n                                    {{ $translate(\"Ceres::Template.itemFromPrice\", { price: itemPriceGraduated }) }}{{ $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else>\n                                    {{ item.prices.default.unitPrice.formatted | specialOffer(item.prices, \"unitPrice\", \"formatted\") }}{{ $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                            </div>\n                        </div>\n                    </div>\n\n                    <slot name=\"after-prices\"></slot>\n\n                    <div class=\"category-lowest-price small d-none\" v-if=\"item.prices.default.lowestPrice.value && hasCrossPrice\">\n                        <span v-html=\"$translate('Ceres::Template.itemLowestPrice', {'price': item.prices.default.lowestPrice.formatted})\"></span>\n                    </div>\n\n                    <div class=\"category-unit-price small\" v-if=\"!(item.unit.unitOfMeasurement === 'C62' && item.unit.content === 1)\">\n                        <span>{{ item.unit.content }}</span>\n                        <span>&nbsp;{{ item.unit.names.name }}</span>\n                        <span v-if=\"item.variation.mayShowUnitPrice\">&nbsp;| {{ basePrice }}</span>\n                    </div>\n                </div>\n            </slot>\n            <!-- ./ITEM DETAILS  -->\n        </div>\n        \n        <div class=\"px-0 himg\">\n            <template v-for=\"props in item.variationProperties\">\n                <template v-for=\"vproperties in props.properties\" v-if=\"vproperties.id == 25\">\n                    <img :src=\"vproperties.values.value\" class=\"img-fluid special-img\" :alt=\"item | itemName\">\n                </template>\n                <!--\n                <template v-for=\"vproperties in props.properties\" v-if=\"vproperties.id == 157 && isMobile\">\n                    <img :src=\"vproperties.values.value\" class=\"img-fluid special-img\" :alt=\"item | itemName\">\n                </template>\n                <template v-for=\"vproperties in props.properties\" v-if=\"vproperties.id == 157\">\n                    <img :src=\"vproperties.values.value\" class=\"img-fluid special-img\" :alt=\"item | itemName\">\n                </template>\n                -->\n            </template>\n        </div>\n        \n    </article>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport CategoryImageCarousel from \"./CategoryImageCarousel.vue\";\nimport ItemStoreSpecial from \"./ItemStoreSpecial.vue\";\nimport {getSlotData} from \"../../helper/getSlotData\";\n\nexport default {\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            isXl: false,\n            isLg: false,\n            isMd: false,\n            isSm: false,\n            isMobile: false\n        };\n    },\n    \n    mounted() {\n        window.addEventListener('resize', this.onResize);\n        this.onResize();\n    },\n    \n    destroyed() {\n        window.removeEventListener('resize', this.onResize);\n    },\n    \n    methods: {\n        onResize() {\n            if (window.innerWidth >= 1200)\n            {\n                this.isXl = true;\n                this.isLg = false;\n                this.isMd = false;\n                this.isSm = false;\n                this.isMobile = false;\n            }\n            else if (window.innerWidth >= 992 && window.innerWidth < 1200)\n            {\n                this.isXl = false;\n                this.isLg = true;\n                this.isMd = false;\n                this.isSm = false;\n                this.isMobile = false;\n            }\n            else if (window.innerWidth >= 768 && window.innerWidth < 992)\n            {\n                this.isXl = false;\n                this.isLg = false;\n                this.isMd = true;\n                this.isSm = false;\n                this.isMobile = false;\n            }\n            else if (window.innerWidth >= 586 && window.innerWidth < 768)\n            {\n                this.isXl = false;\n                this.isLg = false;\n                this.isMd = false;\n                this.isSm = true;\n                this.isMobile = false;\n            }\n            else\n            {\n                this.isXl = false;\n                this.isLg = false;\n                this.isMd = false;\n                this.isSm = false;\n                this.isMobile = true;\n            }\n        }\n    },\n    \n    computed:\n    {\n        item()\n        {\n            return this.itemData || this.itemSlotData || this.itemDataRef;\n        },\n\n        itemSlotData: getSlotData('item-data'),\n        /**\n         * returns itemData.item.storeSpecial\n         */\n        storeSpecial()\n        {\n            return this.item.item.storeSpecial;\n        },\n    \n        isFrontendSpecial() {\n            if (this.item.variationProperties) {\n                for (let vProperties of this.item.variationProperties) {\n                    if(vProperties.properties.some((property) => property.id == 25)) {\n                        return true;\n                    }\n                }\n            }\n            return false;\n        },\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        basePrice()\n        {\n            return this.item.prices.default.basePrice;\n        },\n\n        itemPriceGraduated()\n        {\n           let unitPrice;\n           if (App.config.item.enableGraduatedPrices) {\n             unitPrice = this.item.prices.graduatedPrices.length > 0\n                 ? this.item.prices.graduatedPrices[0].unitPrice\n                 : this.item.prices.default.unitPrice;\n           } else {\n             unitPrice = this.item.prices.default.unitPrice;\n           }\n\n            return this.$options.filters.specialOffer(unitPrice.formatted, this.item.prices, \"unitPrice\", \"formatted\" );\n        },\n\n        itemGraduatedPriceisCheapestSorting()\n        {\n            return !!this.item.item && this.item.item.salableVariationCount > 1 && !!this.$ceres.isCheapestSorting;\n        },\n\n        itemGraduatedPricesalableVariationCount()\n        {\n            return !!this.item.item && this.item.item.salableVariationCount == 1 && this.item.prices.graduatedPrices.length > 1 && App.config.item.enableGraduatedPrices;\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        hasCrossPrice() {\n            const hasRrpPrice = !!this.item.prices.rrp &&\n                this.item.prices.rrp.unitPrice.value > this.item.prices.default.unitPrice.value;\n\n            const hasBeforePrice = !!this.item.prices.specialOffer &&\n                !!this.item.prices.default &&\n                this.item.prices.default.unitPrice.value > this.item.prices.specialOffer.unitPrice.value;\n\n            return hasRrpPrice || hasBeforePrice;\n        },\n\n        ...mapState({\n            showNetPrices: state => this.basket.showNetPrices\n        })\n    }\n}\n</script>\n","/**\n * Return a getter function to read json formatted data from a slot of the component.\n * This can be used to create a dynamic property for a vue component returning the parsed\n * json data from the given slot.\n * Once the data have been parsed, the result is stored on the vm options to avoid parsing the slot again.\n *\n * @param string slotKey The identifier of the slot to parse json data from\n */\nexport function getSlotData(slotKey)\n{\n    return (vm) =>\n    {\n        vm.$options.slotData = vm.$options.slotData || {};\n        if (!vm.$options.slotData.hasOwnProperty(slotKey) && vm.$slots.hasOwnProperty(slotKey))\n        {\n            const slotNode = vm.$slots[slotKey][0];\n\n            if (slotNode.elm)\n            {\n                vm.$options.slotData[slotKey] = JSON.parse(slotNode.elm.textContent);\n            }\n            else\n            {\n                vm.$options.slotData[slotKey] = JSON.parse(slotNode.text);\n            }\n        }\n\n        return vm.$options.slotData[slotKey];\n    };\n}\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/danielkaschlaw/Desktop/Sites/devTools_shit/16472/70/krumVueTheme/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":""}