{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue?611a","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue?7a37","webpack:///node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue","webpack:///resources/js/src/app/components/itemList/CategoryItem.vue","webpack:///resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue?569f","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?fe78","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?5e2d","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?c61b","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?704d","webpack:///./resources/js/src/app/components/itemList/ItemStoreSpecial.vue?0a7d"],"names":[],"mappings":"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;AAGA;AAHA;AAnBA;AAyBA,GAzCA;AA2CA,YACA;AACA,YADA,sBACA;AACA;AACA,KAHA;AAKA,YALA,sBAKA;AACA;AACA,KAPA;AASA,SATA,mBASA;AACA;AACA;AAXA,GA5CA;AA0DA,SA1DA,qBA2DA;AACA;AACA,GA7DA;AA+DA,WACA;AACA,0BADA,oCAEA;AACA,gHACA;AACA;AACA;AACA,OAJA,MAMA;AACA;AACA;AACA;;AAEA;AACA,KAfA;AAiBA,YAjBA,sBAkBA;AACA,gQACA;AACA;AACA;;AAEA,+GACA;AACA;AACA;;AAEA;AACA,KA9BA;AAgCA,qBAhCA,+BAiCA;AACA;;AAEA,4GACA;AACA;AACA,OAHA,MAKA;AACA;AACA;;AAEA,uBACA;AACA;AACA;;AAEA;AACA;AAnDA,GAhEA;AAsHA,SACA;AACA,gBADA,0BAEA;AACA;AACA;AAJA;AAvHA,G;;;;;;;;;;;;ACjBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,aAAa,aAAa;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,SAAS,SAAS,oBAAoB,EAAE;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrFA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd,KAAK;AACL;AACA,iBAAiB,gCAAgC;AACjD;AACA;AACA,WAAW,kCAAkC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,mBAAmB,iCAAiC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,qBAAqB,mCAAmC;AACxD;AACA;AACA;AACA,mBAAmB,4DAA4D;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,kCAAkC;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC,4CAA4C;AAC7E;AACA;AACA;AACA,+BAA+B,uCAAuC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,uCAAuC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,gCAAgC;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,mDAAmD;AACxE;AACA;AACA,eAAe,mCAAmC;AAClD;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxNA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,4DAA4D;AAC7E;AACA,wBAAwB,4CAA4C;AACpE;AACA;AACA;AACA,wBAAwB,mCAAmC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,gCAAgC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjCA;AAAA;AAAA;AAAA;AAA2F;AAC3B;AACL;;;AAG3D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,uFAAM;AACR,EAAE,gGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAoM,CAAgB,gPAAG,EAAC,C;;;;;;;;;;;;ACAxN;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAA+F;AAC3B;AACL;;;AAG/D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,2FAAM;AACR,EAAE,oGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAwM,CAAgB,oPAAG,EAAC,C;;;;;;;;;;;;ACA5N;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-4.js","sourcesContent":["import { render, staticRenderFns } from \"./CategoryImageCarousel.vue?vue&type=template&id=408781ca&\"\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 \"!../../../../../../../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/davidisaak/Sites/pp-foliesen/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('408781ca')) {\n      api.createRecord('408781ca', component.options)\n    } else {\n      api.reload('408781ca', component.options)\n    }\n    module.hot.accept(\"./CategoryImageCarousel.vue?vue&type=template&id=408781ca&\", function () {\n      api.rerender('408781ca', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue\"\nexport default component.exports","import mod from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./CategoryImageCarousel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./CategoryImageCarousel.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../../vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./CategoryImageCarousel.vue?vue&type=template&id=408781ca&\"","<template>\n    <a :id=\"'owl-carousel-' + _uid\" v-if=\"$_enableCarousel\" class=\"owl-carousel owl-theme\" :href=\"itemUrl\" role=\"listbox\" :aria-label=\"$translate('Ceres::Template.itemImageCarousel')\">\n        <div v-for=\"(imageUrl, index) in imageUrls\" :key=\"index\">\n            <lazy-img v-if=\"index === 0 && !disableLazyLoad\" ref=\"itemLazyImage\" picture-class=\"img-fluid\" :image-url=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getTitleText(imageUrl)\" role=\"option\"></lazy-img>\n            <img v-else-if=\"index !== 0 && !disableLazyLoad\" class=\"img-fluid owl-lazy\" :data-src=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getTitleText(imageUrl)\" role=\"option\">\n            <img v-else class=\"img-fluid\" :src=\"imageUrl.url\" :alt=\"getAltText(imageUrl)\" :title=\"getAltText(imageUrl)\" role=\"option\">\n        </div>\n    </a>\n\n    <a v-else :href=\"itemUrl\">\n        <lazy-img v-if=\"!disableLazyLoad\" ref=\"itemLazyImage\" picture-class=\"img-fluid\" :image-url=\"imageUrls | itemImage\" :alt=\"getAltText(imageUrls[0])\" :title=\"getTitleText(imageUrls[0])\"></lazy-img>\n        <img v-else class=\"img-fluid\" :src=\"imageUrls | itemImage\" :alt=\"getAltText(imageUrls[0])\" :title=\"getTitleText(imageUrls[0])\">\n    </a>\n</template>\n\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        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    },\n\n    created()\n    {\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    {\n        this.$nextTick(() =>\n        {\n            if (this.$_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}\n</script>\n","<template>\n    <article class=\"list-item\" :data-url=\"itemData | itemURL\">\n        <div class=\"list-item__row\">\n            <div class=\"list-item__image\">\n                <slot name=\"item-image\">\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=\"true\"\n                                             ref=\"categoryImageCarousel\">\n                    </category-image-carousel>\n                </slot>\n            </div>\n            <div class=\"list-item__info\">\n                <a :href=\"item | itemURL(urlWithVariationId)\" class=\"list-item__name\" :class=\"{ 'stretched-link': $ceres.config.global.shippingCostsCategoryId == 0 }\">\n                    <span>{{ item | itemName }}</span><!--\n                    --><!--<span v-for=\"attribute in item.groupedAttributes\">{{ \"Ceres::Template.itemGroupedAttribute\" | translate(attribute) }}</span>-->\n                </a>\n                <div class=\"list-item__prices\">\n                    <!-- TODO: wenn item, home -->\n                    <div v-if=\"isHomeOrItemView\" class=\"list-item__price list-item__price--primary\">\n                        Jetzt entdecken\n                    </div>\n                    <!-- TODO else -->\n                    <div v-else>\n                        <div class=\"list-item__price\">\n                            <span v-if=\"item.variations && item.variations.length > 1\">ab</span> {{ item.prices.default.unitPrice.formatted | specialOffer(item.prices, \"unitPrice\", \"formatted\") }}\n                        </div>\n                        <div v-if=\"itemData.prices.rrp && itemData.prices.rrp.price.value > 0 && itemData.prices.rrp.price.value > itemData.prices.default.unitPrice.value\" class=\"list-item__price-view-port\">\n                            <del class=\"list-item__crossprice\" v-if=\"itemData.prices.specialOffer\">\n                                {{ itemData.prices.default.unitPrice.formatted }}\n                            </del>\n                            <del class=\"list-item__crossprice\" v-else>\n                                {{ itemData.prices.rrp.unitPrice.formatted }}\n                            </del>\n                        </div>\n                    </div>\n                    <!-- TODO endif -->\n                </div>\n                <!-- TODO: if not item, home -->\n                <div class=\"list-item__vat\" v-if=\"!isHomeOrItemView\">\n                    <span v-if=\"showNetPrices\">{{ $translate(\"Ceres::Template.itemExclVAT\") }}</span>\n                    <span v-else>{{ $translate(\"Ceres::Template.itemInclVAT\") }}</span>\n                    {{ $translate(\"Ceres::Template.itemExclusive\") }}\n                    <a v-if=\"$ceres.config.global.shippingCostsCategoryId > 0\" data-toggle=\"modal\" href=\"#shippingscosts\" class=\"text-appearance\" :title=\"$translate('Ceres::Template.itemShippingCosts')\">{{ $translate(\"Ceres::Template.itemShippingCosts\") }}</a>\n                    <a v-else :title=\"$translate('Ceres::Template.itemShippingCosts')\">{{ $translate(\"Ceres::Template.itemShippingCosts\") }}</a>\n                </div>\n                <div class=\"single-wish single-wish__cat-item\">\n                    <div class=\"single-wish__wish\">\n                        <add-to-wish-list :variation-id=\"itemData.variation.id\" ></add-to-wish-list>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <slot name=\"store-special\">\n            <item-store-special v-if=\"storeSpecial\"\n                                :store-special=\"storeSpecial\"\n                                :recommended-retail-price=\"itemData.prices.rrp\"\n                                :variation-retail-price=\"itemData.prices.default\"\n                                :decimal-count=\"2\"\n                                :bundle-type=\"itemData.variation.bundleType\"></item-store-special>\n        </slot>\n    </article>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport CategoryImageCarousel from \"ceres/app/components/itemList/CategoryImageCarousel.vue\";\nimport ItemStoreSpecial from \"./ItemStoreSpecial.vue\";\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    computed:\n    {\n        item()\n        {\n            return this.itemData || this.itemDataRef;\n        },\n\n        isHomeOrItemView(){\n            return App.isHomeView || App.isItemView;\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        ...mapState({\n            showNetPrices: state => state.basket.showNetPrices\n        })\n    }\n}\n</script>\n","<template>\n    <div :class=\"tagType + '-tag '\" class=\"special-tags\" v-if=\"label.length || bundleType === 'bundle' || itemType === 'set'\">\n        <span v-if=\"label.length\" class=\"badge\" :class=\"tagClass\">\n            {{ label }}\n        </span>\n        <span v-else-if=\"bundleType === 'bundle'\" :class=\"tagClasses.itemBundle\">\n            {{ $translate(\"Ceres::Template.itemBundle\") }}\n        </span>\n        <span v-else-if=\"itemType === 'set'\" :class=\"tagClasses.itemSet\">\n            {{ $translate(\"Ceres::Template.itemSet\") }}\n        </span>\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            tagTypes:{\n                1: \"offer\",\n                2: \"new\",\n                3: \"top\",\n                default: \"default\"\n            },\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                this.tagType = this.tagTypes[this.storeSpecial.id] || this.tagTypes.default;\n            }\n            else\n            {\n                this.tagClass = this.tagClasses.default;\n                this.tagType = this.tagTypes.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","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.$_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            role: \"listbox\",\n            \"aria-label\": _vm.$translate(\"Ceres::Template.itemImageCarousel\")\n          }\n        },\n        _vm._l(_vm.imageUrls, function(imageUrl, index) {\n          return _c(\n            \"div\",\n            { key: index },\n            [\n              index === 0 && !_vm.disableLazyLoad\n                ? _c(\"lazy-img\", {\n                    ref: \"itemLazyImage\",\n                    refInFor: true,\n                    attrs: {\n                      \"picture-class\": \"img-fluid\",\n                      \"image-url\": imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getTitleText(imageUrl),\n                      role: \"option\"\n                    }\n                  })\n                : index !== 0 && !_vm.disableLazyLoad\n                ? _c(\"img\", {\n                    staticClass: \"img-fluid owl-lazy\",\n                    attrs: {\n                      \"data-src\": imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getTitleText(imageUrl),\n                      role: \"option\"\n                    }\n                  })\n                : _c(\"img\", {\n                    staticClass: \"img-fluid\",\n                    attrs: {\n                      src: imageUrl.url,\n                      alt: _vm.getAltText(imageUrl),\n                      title: _vm.getAltText(imageUrl),\n                      role: \"option\"\n                    }\n                  })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    : _c(\n        \"a\",\n        { attrs: { href: _vm.itemUrl } },\n        [\n          !_vm.disableLazyLoad\n            ? _c(\"lazy-img\", {\n                ref: \"itemLazyImage\",\n                attrs: {\n                  \"picture-class\": \"img-fluid\",\n                  \"image-url\": _vm._f(\"itemImage\")(_vm.imageUrls),\n                  alt: _vm.getAltText(_vm.imageUrls[0]),\n                  title: _vm.getTitleText(_vm.imageUrls[0])\n                }\n              })\n            : _c(\"img\", {\n                staticClass: \"img-fluid\",\n                attrs: {\n                  src: _vm._f(\"itemImage\")(_vm.imageUrls),\n                  alt: _vm.getAltText(_vm.imageUrls[0]),\n                  title: _vm.getTitleText(_vm.imageUrls[0])\n                }\n              })\n        ],\n        1\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    \"article\",\n    {\n      staticClass: \"list-item\",\n      attrs: { \"data-url\": _vm._f(\"itemURL\")(_vm.itemData) }\n    },\n    [\n      _c(\"div\", { staticClass: \"list-item__row\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"list-item__image\" },\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-text\": _vm._f(\"itemName\")(_vm.item),\n                  \"title-text\": _vm._f(\"itemName\")(_vm.item),\n                  \"item-url\": _vm._f(\"itemURL\")(\n                    _vm.item,\n                    _vm.urlWithVariationId\n                  ),\n                  \"enable-carousel\": false,\n                  \"disable-carousel-on-mobile\": true\n                }\n              })\n            ])\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"list-item__info\" }, [\n          _c(\n            \"a\",\n            {\n              staticClass: \"list-item__name\",\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            [_c(\"span\", [_vm._v(_vm._s(_vm._f(\"itemName\")(_vm.item)))])]\n          ),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"list-item__prices\" }, [\n            _vm.isHomeOrItemView\n              ? _c(\n                  \"div\",\n                  { staticClass: \"list-item__price list-item__price--primary\" },\n                  [\n                    _vm._v(\n                      \"\\n                    Jetzt entdecken\\n                \"\n                    )\n                  ]\n                )\n              : _c(\"div\", [\n                  _c(\"div\", { staticClass: \"list-item__price\" }, [\n                    _vm.item.variations && _vm.item.variations.length > 1\n                      ? _c(\"span\", [_vm._v(\"ab\")])\n                      : _vm._e(),\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm._f(\"specialOffer\")(\n                            _vm.item.prices.default.unitPrice.formatted,\n                            _vm.item.prices,\n                            \"unitPrice\",\n                            \"formatted\"\n                          )\n                        ) +\n                        \"\\n                    \"\n                    )\n                  ]),\n                  _vm._v(\" \"),\n                  _vm.itemData.prices.rrp &&\n                  _vm.itemData.prices.rrp.price.value > 0 &&\n                  _vm.itemData.prices.rrp.price.value >\n                    _vm.itemData.prices.default.unitPrice.value\n                    ? _c(\"div\", { staticClass: \"list-item__price-view-port\" }, [\n                        _vm.itemData.prices.specialOffer\n                          ? _c(\n                              \"del\",\n                              { staticClass: \"list-item__crossprice\" },\n                              [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(\n                                      _vm.itemData.prices.default.unitPrice\n                                        .formatted\n                                    ) +\n                                    \"\\n                        \"\n                                )\n                              ]\n                            )\n                          : _c(\n                              \"del\",\n                              { staticClass: \"list-item__crossprice\" },\n                              [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(\n                                      _vm.itemData.prices.rrp.unitPrice\n                                        .formatted\n                                    ) +\n                                    \"\\n                        \"\n                                )\n                              ]\n                            )\n                      ])\n                    : _vm._e()\n                ])\n          ]),\n          _vm._v(\" \"),\n          !_vm.isHomeOrItemView\n            ? _c(\"div\", { staticClass: \"list-item__vat\" }, [\n                _vm.showNetPrices\n                  ? _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.$translate(\"Ceres::Template.itemExclVAT\"))\n                      )\n                    ])\n                  : _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.$translate(\"Ceres::Template.itemInclVAT\"))\n                      )\n                    ]),\n                _vm._v(\n                  \"\\n                \" +\n                    _vm._s(_vm.$translate(\"Ceres::Template.itemExclusive\")) +\n                    \"\\n                \"\n                ),\n                _vm.$ceres.config.global.shippingCostsCategoryId > 0\n                  ? _c(\n                      \"a\",\n                      {\n                        staticClass: \"text-appearance\",\n                        attrs: {\n                          \"data-toggle\": \"modal\",\n                          href: \"#shippingscosts\",\n                          title: _vm.$translate(\n                            \"Ceres::Template.itemShippingCosts\"\n                          )\n                        }\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.itemShippingCosts\")\n                          )\n                        )\n                      ]\n                    )\n                  : _c(\n                      \"a\",\n                      {\n                        attrs: {\n                          title: _vm.$translate(\n                            \"Ceres::Template.itemShippingCosts\"\n                          )\n                        }\n                      },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.itemShippingCosts\")\n                          )\n                        )\n                      ]\n                    )\n              ])\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"single-wish single-wish__cat-item\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"single-wish__wish\" },\n              [\n                _c(\"add-to-wish-list\", {\n                  attrs: { \"variation-id\": _vm.itemData.variation.id }\n                })\n              ],\n              1\n            )\n          ])\n        ])\n      ]),\n      _vm._v(\" \"),\n      _vm._t(\"store-special\", [\n        _vm.storeSpecial\n          ? _c(\"item-store-special\", {\n              attrs: {\n                \"store-special\": _vm.storeSpecial,\n                \"recommended-retail-price\": _vm.itemData.prices.rrp,\n                \"variation-retail-price\": _vm.itemData.prices.default,\n                \"decimal-count\": 2,\n                \"bundle-type\": _vm.itemData.variation.bundleType\n              }\n            })\n          : _vm._e()\n      ])\n    ],\n    2\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.label.length ||\n    _vm.bundleType === \"bundle\" ||\n    _vm.itemType === \"set\"\n    ? _c(\"div\", { staticClass: \"special-tags\", class: _vm.tagType + \"-tag \" }, [\n        _vm.label.length\n          ? _c(\"span\", { staticClass: \"badge\", class: _vm.tagClass }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.label) + \"\\n    \")\n            ])\n          : _vm.bundleType === \"bundle\"\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.itemType === \"set\"\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 { 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/davidisaak/Sites/pp-foliesen/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","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CategoryItem.vue?vue&type=template&id=8ab526e6&\"","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/davidisaak/Sites/pp-foliesen/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","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemStoreSpecial.vue?vue&type=template&id=9410a8b2&\""],"sourceRoot":""}