{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/CategoryImageCarousel.vue","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?3cde","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/ItemStoreSpecial.vue?4d8f","webpack:///node_modules/Ceres/resources/js/src/app/components/itemList/ItemStoreSpecial.vue","webpack:///resources/js/src/app/components/itemList/CategoryItem.vue","webpack:///./node_modules/Ceres/resources/js/src/app/helper/getSlotData.js","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?dd9f","webpack:///./node_modules/Ceres/resources/js/src/app/components/itemList/ItemStoreSpecial.vue?29ca","webpack:///./resources/js/src/app/components/itemList/CategoryItem.vue?bcf1"],"names":["render","_vm","this","_c","_self","staticClass","class","paddingClasses","style","paddingInlineStyles","item","variationCount","_v","_s","$translate","_e","_t","ref","attrs","_f","images","imageUrlAccessor","urlWithVariationId","$ceres","config","enableImageCarousel","disableCarouselOnMobile","storeSpecial","variation","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","showNetPrices","title","_withStripped","$data","$_enableCarousel","id","_uid","itemUrl","role","imageUrls","imageUrl","index","key","itemLazyImage","refInFor","url","alt","getAltText","getTitleText","width","getImageWidth","height","getImageHeight","disableLazyLoad","imageOrItemImage","props","imageUrlsData","type","showDots","showNav","enableCarousel","template","data","computed","mounted","methods","initializeCarousel","$","dots","items","mouseDrag","loop","lazyLoad","margin","nav","navText","onTranslated","element","onInitialized","document","hasLabel","isBundle","isSet","tagClass","label","tagClasses","itemBundle","itemSet","labels","created","initializeStoreSpecial","getLabel","getPercentageSale","percent","watch","slotKey","components","CategoryImageCarousel","ItemStoreSpecial","itemData","forceUrlWithVariationId","jsonDataFields","itemSlotData","vm","$options","slotData","hasOwnProperty","$slots","slotNode","elm","JSON","parse","textContent","text","texts","itemPrice","mapState"],"mappings":"4GAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EAAG,UAAW,CAAEE,YAAa,yBAA2B,CAC7DF,EACE,MACA,CAAEG,MAAOL,EAAIM,eAAgBC,MAAOP,EAAIQ,qBACxC,CACEN,EAAG,MAAO,CAAEE,YAAa,mBAAqB,CAC5CJ,EAAIS,KAAKA,KAAKC,eAAiB,EAC3BR,EAAG,OAAQ,CAAEE,YAAa,yBAA2B,CACnDJ,EAAIW,GACFX,EAAIY,GACFZ,EAAIa,WACF,mDAKRb,EAAIc,OAEVd,EAAIW,GAAG,KACPT,EAAG,MAAO,CAAEE,YAAa,eAAiB,CACxCF,EACE,MACA,CAAEE,YAAa,YACf,CACEJ,EAAIe,GAAG,cAAc,WACnB,MAAO,CACLb,EAAG,0BAA2B,CAC5Bc,IAAK,wBACLC,MAAO,CACL,kBAAmBjB,EAAIkB,GAAG,aAAPlB,CACjBA,EAAIS,KAAKU,OACTnB,EAAIoB,kBAEN,WAAYpB,EAAIkB,GAAG,WAAPlB,CAAmBA,EAAIS,MACnC,aAAcT,EAAIkB,GAAG,WAAPlB,CAAmBA,EAAIS,MACrC,WAAYT,EAAIkB,GAAG,UAAPlB,CACVA,EAAIS,KACJT,EAAIqB,oBAEN,kBACErB,EAAIsB,OAAOC,OAAOd,KAAKe,oBACzB,6BAA8BxB,EAAIyB,gCAM5C,KAGJzB,EAAIW,GAAG,KACPX,EAAIe,GAAG,iBAAiB,WACtB,MAAO,CACLf,EAAI0B,cAC8B,WAAlC1B,EAAIS,KAAKkB,UAAUC,YACQ,QAA3B5B,EAAIS,KAAKA,KAAKoB,SACV3B,EAAG,qBAAsB,CACvBe,MAAO,CACL,gBAAiBjB,EAAI0B,aACrB,2BAA4B1B,EAAIS,KAAKqB,OAAOC,IAC5C,yBAA0B/B,EAAIS,KAAKqB,OAAOE,QAC1C,sBAAuBhC,EAAIS,KAAKqB,OAAOG,aACvC,gBAAiBjC,EAAIkC,aACrB,cAAelC,EAAIS,KAAKkB,UAAUC,WAClC,YAAa5B,EAAIS,KAAKA,KAAKoB,YAG/B7B,EAAIc,SAGZd,EAAIW,GAAG,KACPX,EAAIe,GAAG,gBAAgB,WACrB,MAAO,CACLb,EACE,MACA,CAAEE,YAAa,iBACf,CACEF,EACE,IACA,CACEE,YAAa,oBACbC,MAAO,CACL,iBACsD,GAApDL,EAAIsB,OAAOC,OAAOY,OAAOC,yBAE7BnB,MAAO,CACLoB,KAAMrC,EAAIkB,GAAG,UAAPlB,CAAkBA,EAAIS,KAAMT,EAAIqB,sBAG1C,CACErB,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIkB,GAAG,WAAPlB,CAAmBA,EAAIS,QAElCT,EAAIsC,GAAGtC,EAAIS,KAAK8B,mBAAmB,SAAUC,GAC3C,OAAOtC,EAAG,OAAQ,CAChBF,EAAIW,GACFX,EAAIY,GACFZ,EAAIkB,GAAG,YAAPlB,CACE,uCACAwC,WAOZ,GAEFxC,EAAIW,GAAG,KACPT,EACE,MACA,CAAEE,YAAa,mBACf,CACEJ,EAAIe,GAAG,iBACPf,EAAIW,GAAG,KACPT,EAAG,MAAO,CAAEE,YAAa,UAAY,CACnCJ,EAAIS,KAAKqB,OAAOC,KAChB/B,EAAIS,KAAKqB,OAAOC,IAAIU,MAAMC,MAAQ,GAClC1C,EAAIS,KAAKqB,OAAOC,IAAIU,MAAMC,MACxB1C,EAAIS,KAAKqB,OAAOE,QAAQS,MAAMC,MAC5BxC,EAAG,MAAO,CAAEE,YAAa,mBAAqB,CAC5CJ,EAAIS,KAAKqB,OAAOG,aACZ/B,EAAG,MAAO,CAAEE,YAAa,cAAgB,CACvCJ,EAAIW,GACF,qCACEX,EAAIY,GACFZ,EAAIkB,GAAG,iBAAPlB,CACEA,EAAIS,KAAKqB,OAAOE,QAAQW,UACrBC,WACH,IAGJ,oCAGN1C,EAAG,MAAO,CAAEE,YAAa,cAAgB,CACvCJ,EAAIW,GACF,qCACEX,EAAIY,GACFZ,EAAIkB,GAAG,iBAAPlB,CACEA,EAAIS,KAAKqB,OAAOC,IAAIY,UACjBC,YAGP,sCAIZ5C,EAAIc,KACRd,EAAIW,GAAG,KACPT,EACE,MACA,CAAEE,YAAa,SACf,CAC6B,QAA3BJ,EAAIS,KAAKA,KAAKoB,SACV,CACE7B,EAAIW,GACF,qCACEX,EAAIY,GACFZ,EAAIa,WACF,+BACA,CAAE4B,MAAOzC,EAAI6C,gBAGjB,IACA7C,EAAIY,GACFZ,EAAIa,WACF,iCAGJ,mCAGNb,EAAI8C,qCAmBJ9C,EAAI+C,wCAlBJ,CACE/C,EAAIW,GACF,qCACEX,EAAIY,GACFZ,EAAIa,WACF,gCACA,CAAE4B,MAAOzC,EAAIgD,sBAGjB,IACAhD,EAAIY,GACFZ,EAAIa,WACF,iCAGJ,mCAsBN,CACEb,EAAIW,GACF,qCACEX,EAAIY,GACFZ,EAAIkB,GAAG,eAAPlB,CACEA,EAAIS,KAAKqB,OAAOE,QAAQW,UACrBC,UACH5C,EAAIS,KAAKqB,OACT,YACA,cAGJ,IACA9B,EAAIY,GACFZ,EAAIa,WACF,iCAGJ,oCAIZ,MAIN,GAEFb,EAAIW,GAAG,KACPX,EAAIe,GAAG,gBACPf,EAAIW,GAAG,KACPX,EAAIS,KAAKqB,OAAOE,QAAQiB,YAAYP,OAAS1C,EAAIkD,cAC7ChD,EAAG,MAAO,CAAEE,YAAa,+BAAiC,CACxDF,EAAG,OAAQ,CACTiD,SAAU,CACRC,UAAWpD,EAAIY,GACbZ,EAAIa,WAAW,kCAAmC,CAChD4B,MACEzC,EAAIS,KAAKqB,OAAOE,QAAQiB,YAAYL,kBAMhD5C,EAAIc,KACRd,EAAIW,GAAG,KAE+B,QAApCX,EAAIS,KAAK4C,KAAKC,mBACY,IAA1BtD,EAAIS,KAAK4C,KAAKE,QAEZrD,EAAG,MAAO,CAAEE,YAAa,6BAA+B,CACtDF,EAAG,OAAQ,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIS,KAAK4C,KAAKE,YACxCvD,EAAIW,GAAG,KACPT,EAAG,OAAQ,CACTF,EAAIW,GAAG,IAAMX,EAAIY,GAAGZ,EAAIS,KAAK4C,KAAKG,MAAMC,SAE1CzD,EAAIW,GAAG,KACPX,EAAIS,KAAKkB,UAAU+B,iBACfxD,EAAG,OAAQ,CAACF,EAAIW,GAAG,MAAQX,EAAIY,GAAGZ,EAAI2D,cACtC3D,EAAIc,OAEVd,EAAIc,KACRd,EAAIW,GAAG,KACPT,EAAG,MAAO,CAAEE,YAAa,wBAA0B,CACjDJ,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIa,WAAW,iCACtB,KAEJb,EAAI4D,cACA1D,EAAG,OAAQ,CACTF,EAAIW,GACFX,EAAIY,GAAGZ,EAAIa,WAAW,mCAG1BX,EAAG,OAAQ,CACTF,EAAIW,GACFX,EAAIY,GAAGZ,EAAIa,WAAW,mCAG9Bb,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIa,WAAW,kCACtB,0BAEJb,EAAIsB,OAAOC,OAAOY,OAAOC,wBAA0B,EAC/ClC,EACE,IACA,CACEE,YAAa,kBACba,MAAO,CACL,cAAe,QACfoB,KAAM,kBACNwB,MAAO7D,EAAIa,WACT,uCAIN,CACEb,EAAIW,GACFX,EAAIY,GACFZ,EAAIa,WACF,yCAMVX,EACE,IACA,CACEe,MAAO,CACL4C,MAAO7D,EAAIa,WACT,uCAIN,CACEb,EAAIW,GACFX,EAAIY,GACFZ,EAAIa,WACF,4CAQlB,QAKR,MAKNd,EAAO+D,eAAgB,E,+GClWnB/D,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOF,EAAI+D,MAAMC,iBACb9D,EACE,IACA,CACEE,YAAa,yBACba,MAAO,CACLgD,GAAI,gBAAF,OAAkBjE,EAAIkE,MACxB7B,KAAMrC,EAAImE,QACV,aAAcnE,EAAIa,WAAW,qCAC7BuD,KAAM,YAGVpE,EAAIsC,GAAGtC,EAAIqE,WAAW,SAAUC,EAAUC,GACxC,OAAOrE,EACL,MACA,CAAEsE,IAAKD,GACP,CACErE,EAAG,WAAY,CACbc,IAAK,CAAEyD,cAAyB,IAAVF,GACtBG,UAAU,EACVzD,MAAO,CACL,YAAaqD,EAASK,IACtBC,IAAK5E,EAAI6E,WAAWP,GACpBT,MAAO7D,EAAI8E,aAAaR,GACxBS,MAAO/E,EAAIgF,cAAcV,GACzBW,OAAQjF,EAAIkF,eAAeZ,GAC3B,gBAAiB,YACjBF,KAAM,aAIZ,MAGJ,GAEFlE,EACE,IACA,CAAEe,MAAO,CAAEoB,KAAMrC,EAAImE,UACrB,CACEjE,EAAG,WAAY,CACbc,IAAK,CAAEyD,eAAgBzE,EAAImF,iBAC3BlE,MAAO,CACL,YAAajB,EAAIoF,iBACjBR,IAAK5E,EAAI6E,WAAW7E,EAAIqE,UAAU,IAClCR,MAAO7D,EAAI8E,aAAa9E,EAAIqE,UAAU,IACtCU,MAAO/E,EAAIgF,cAAchF,EAAIqE,UAAU,IACvCY,OAAQjF,EAAIkF,eAAelF,EAAIqE,UAAU,IACzC,gBAAiB,gBAIvB,IAIRtE,EAAO+D,eAAgB,ECxBR,ICnC0L,EDmC1L,CAEfL,+BAEA4B,OACAC,cACA,CACAC,YAEApB,QACA,CACAoB,aAEAX,IACA,CACAW,aAEA1B,MACA,CACA0B,aAEAC,SACA,CACAD,aACAvD,0CAEAyD,QACA,CACAF,aACAvD,yCAEAmD,iBACAI,aACAvD,YAEAP,wBACA,CACA8D,cAEAG,eACA,CACAH,cAEAI,SACA,CACAJ,cAIAK,gBAEA,OACA5B,sBAIA6B,SACA,CACAxB,qBAEA,2BAEAe,4BAEA,oEAIAU,mBACA,WACA,kDACA,+CAEA,mEAEA,2BAEA,0BAEA,2BAKAC,QACA,CACAC,8BACA,WACAC,2CACAC,qBACAC,QACAC,aACAC,6BACAC,+BACAC,UACAC,mBACAC,4CACA,uGACA,qEAEAC,yBAEA,qDAEA,2BAEAC,oBACAA,gCAGAC,0BAEA,YAEAC,+FAAA,2BACAA,gGAAA,gCAMAhC,uBAIA,OAFA,qCAKAC,yBAIA,OAFA,6BAKAE,0BAEA,kCAGAE,2BAEA,sC,OE/Je,EAXC,YACd,EACA,EHiDoB,IG/CpB,EACA,KACA,KACA,M,QCdEnF,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOF,EAAI8G,UAAY9G,EAAI+G,UAAY/G,EAAIgH,MACvC9G,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CAC7CJ,EAAI8G,SACA5G,EAAG,OAAQ,CAAEE,YAAa,QAASC,MAAOL,EAAIiH,UAAY,CACxDjH,EAAIW,GAAG,aAAeX,EAAIY,GAAGZ,EAAIkH,OAAS,YAE5ClH,EAAI+G,SACJ7G,EAAG,OAAQ,CAAEG,MAAOL,EAAImH,WAAWC,YAAc,CAC/CpH,EAAIW,GACF,aACEX,EAAIY,GAAGZ,EAAIa,WAAW,+BACtB,YAGNb,EAAIgH,MACJ9G,EAAG,OAAQ,CAAEG,MAAOL,EAAImH,WAAWE,SAAW,CAC5CrH,EAAIW,GACF,aACEX,EAAIY,GAAGZ,EAAIa,WAAW,4BACtB,YAGNb,EAAIc,OAEVd,EAAIc,MAGVf,EAAO+D,eAAgB,E,6BC9B6K,ECqBrL,CAEfL,0BAEA4B,OACA,eACA,yBACA,uBACA,oBACA,eACA,aACA,YAGAO,gBAEA,OACAqB,YACAC,SACAC,WACA,CACA,6BACA,4BACA,4BACAnF,wBACAoF,wCACAC,4BAEAC,OACA,CACA,uDACA,qDACA,wDAKAzB,SACA,CACAiB,oBACA,oCAGAC,oBACA,kCAGAC,iBACA,8BAIAO,mBAEA,+BAGAxB,QACA,CACAyB,kCAEA,+BAMA,sCAJA,6EAOA,4BAGAC,oBAEA,0GAKA,+BAEA,GAGA,gEARA,0BAWAC,6BAEA,MAWA,OAPAC,EAFA,qCAEAA,0FAIAA,+FAGA,EAEA,mEAGA,KAIAC,MACA,CACAlG,wBAEA,iC,k4BCjBA,IC9G4BmG,ECRwL,EFsHpN,CACAC,YACAC,wBACAC,iBGlHgB,YACd,EACA,ENoBoB,IMlBpB,EACA,KACA,KACA,M,SH8GF3C,OACAnD,aACA,CACAqD,YACAvD,WAEAZ,iBACA,CACAmE,YACAvD,qBAEAiG,SACA,CACA1C,aAEA9D,wBACA,CACA8D,cAEAjF,eACA,CACAiF,YACAvD,cAEAxB,oBACA,CACA+E,YACAvD,cAEAkG,wBACA,CACA3C,aACAvD,aAIAmG,gBACA,eAGAtC,S,+VAAAA,EAEApF,gBAEA,2DAGA2H,cCnK4BP,EDmK5BO,YCjKW,SAACC,GAGJ,GADAA,EAAGC,SAASC,SAAWF,EAAGC,SAASC,UAAY,IAC1CF,EAAGC,SAASC,SAASC,eAAeX,IAAYQ,EAAGI,OAAOD,eAAeX,GAC9E,CACI,IAAMa,EAAWL,EAAGI,OAAOZ,GAAS,GAEhCa,EAASC,IAETN,EAAGC,SAASC,SAASV,GAAWe,KAAKC,MAAMH,EAASC,IAAIG,aAIxDT,EAAGC,SAASC,SAASV,GAAWe,KAAKC,MAAMH,EAASK,MAI5D,OAAOV,EAAGC,SAASC,SAASV,KDqJpCnG,wBAEA,oCAMAsH,iBAEA,wBAGAC,qBAEA,kIAGAtF,qBAEA,2CAGAX,8BAEA,MASA,OAPAL,EADA,uCACAA,0CACA,8CAGAA,mCAGA,0FAGAG,+CAEA,iGAGAC,mDAEA,mJAGAF,wBAEA,sCACA,qCACA,oCAIAxB,8BAEA,qFAGA6B,yBACA,8BACA,8EAEA,qCACA,0BACA,uFAEA,cAGAgG,aACAtF,0BAAA,mCIjPI,EAAY,YACd,EACA7D,EZwVoB,IYtVpB,EACA,KACA,KACA,MAIa,Y","file":"chunks/ceres-46.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"article\", { staticClass: \"cmp cmp-product-thumb\" }, [\n    _c(\n      \"div\",\n      { class: _vm.paddingClasses, style: _vm.paddingInlineStyles },\n      [\n        _c(\"div\", { staticClass: \"variation-badge\" }, [\n          _vm.item.item.variationCount > 1\n            ? _c(\"span\", { staticClass: \"variation-badge__text\" }, [\n                _vm._v(\n                  _vm._s(\n                    _vm.$translate(\n                      \"ODElvirasBastelmaterial::Template.variation\"\n                    )\n                  )\n                ),\n              ])\n            : _vm._e(),\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"thumb-image\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"prop-1-1\" },\n            [\n              _vm._t(\"item-image\", function () {\n                return [\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\":\n                        _vm.$ceres.config.item.enableImageCarousel,\n                      \"disable-carousel-on-mobile\": _vm.disableCarouselOnMobile,\n                    },\n                  }),\n                ]\n              }),\n            ],\n            2\n          ),\n        ]),\n        _vm._v(\" \"),\n        _vm._t(\"store-special\", function () {\n          return [\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        }),\n        _vm._v(\" \"),\n        _vm._t(\"item-details\", function () {\n          return [\n            _c(\n              \"div\",\n              { staticClass: \"thumb-content\" },\n              [\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"thumb-title small\",\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(\"div\", { staticClass: \"prices\" }, [\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(\"div\", { staticClass: \"price-view-port\" }, [\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                        : _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                                    \" \" +\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                                    \" \" +\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                                    \" \" +\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                                    \" \" +\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.itemFootnote\"\n                                      )\n                                    ) +\n                                    \"\\n                            \"\n                                ),\n                              ],\n                        ],\n                        2\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(\"div\", { staticClass: \"category-lowest-price small\" }, [\n                      _c(\"span\", {\n                        domProps: {\n                          innerHTML: _vm._s(\n                            _vm.$translate(\"Ceres::Template.itemLowestPrice\", {\n                              price:\n                                _vm.item.prices.default.lowestPrice.formatted,\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                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"vat small text-muted\" }, [\n                  _vm._v(\n                    \"\\n                    \" +\n                      _vm._s(_vm.$translate(\"Ceres::Template.itemFootnote\")) +\n                      \" \"\n                  ),\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(\n                                \"Ceres::Template.itemShippingCosts\"\n                              )\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(\n                                \"Ceres::Template.itemShippingCosts\"\n                              )\n                            )\n                          ),\n                        ]\n                      ),\n                ]),\n              ],\n              2\n            ),\n          ]\n        }),\n      ],\n      2\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\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 \"-!../../../../../../../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&\"","import { render, staticRenderFns } from \"./CategoryImageCarousel.vue?vue&type=template&id=d66e5b3e&\"\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\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\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 \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../vue-loader/lib/index.js??vue-loader-options!./ItemStoreSpecial.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../babel-loader/lib/index.js!../../../../../../../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","<template>\n    <article class=\"cmp cmp-product-thumb\">\n        <div :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\n\n            <div class=\"variation-badge\">\n                <span v-if=\"item.item.variationCount > 1\" class=\"variation-badge__text\">{{\n                    $translate(\"ODElvirasBastelmaterial::Template.variation\") }}</span>\n            </div>\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-text=\"item | itemName\" :title-text=\"item | itemName\"\n                            :item-url=\"item | itemURL(urlWithVariationId)\"\n                            :enable-carousel=\"$ceres.config.item.enableImageCarousel\"\n                            :disable-carousel-on-mobile=\"disableCarouselOnMobile\" ref=\"categoryImageCarousel\">\n                        </category-image-carousel>\n                    </slot>\n                </div>\n            </div>\n\n            <!-- STORE SPECIALS -->\n            <slot name=\"store-special\">\n                <item-store-special\n                    v-if=\"storeSpecial || item.variation.bundleType === 'bundle' || item.item.itemType === 'set'\"\n                    :store-special=\"storeSpecial\" :recommended-retail-price=\"item.prices.rrp\"\n                    :variation-retail-price=\"item.prices.default\" :special-offer-price=\"item.prices.specialOffer\"\n                    :decimal-count=\"decimalCount\" :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 small\"\n                        :class=\"{ 'stretched-link': $ceres.config.global.shippingCostsCategoryId == 0 }\">\n                        {{ item | itemName }}<!--\n                    --><span v-for=\"attribute in item.groupedAttributes\">{{ \"Ceres::Template.itemGroupedAttribute\" |\n            translate(attribute) }}</span>\n                    </a>\n                    <div class=\"thumb-meta mt-2\">\n                        <slot name=\"before-prices\"></slot>\n\n                        <div class=\"prices\">\n                            <div v-if=\"item.prices.rrp && item.prices.rrp.price.value > 0 && item.prices.rrp.price.value > item.prices.default.price.value\"\n                                class=\"price-view-port\">\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 }) }} {{\n                                    $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else-if=\"itemGraduatedPriceisCheapestSorting\">\n                                    {{ $translate(\"Ceres::Template.itemFromPrice\", { price: itemPriceGraduated }) }} {{\n                                    $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else-if=\"itemGraduatedPricesalableVariationCount\">\n                                    {{ $translate(\"Ceres::Template.itemFromPrice\", { price: itemPriceGraduated }) }} {{\n                                    $translate(\"Ceres::Template.itemFootnote\") }}\n                                </template>\n                                <template v-else>\n                                    {{ item.prices.default.unitPrice.formatted | specialOffer(item.prices, \"unitPrice\",\n                                    \"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\"\n                        v-if=\"item.prices.default.lowestPrice.value && hasCrossPrice\">\n                        <span\n                            v-html=\"$translate('Ceres::Template.itemLowestPrice', {'price': item.prices.default.lowestPrice.formatted})\"></span>\n                    </div>\n\n                    <div class=\"category-unit-price small\"\n                        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\n                    <div class=\"vat small text-muted\">\n                        {{ $translate(\"Ceres::Template.itemFootnote\") }} <span v-if=\"showNetPrices\">{{\n                            $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\"\n                            href=\"#shippingscosts\" class=\"text-appearance\"\n                            :title=\"$translate('Ceres::Template.itemShippingCosts')\">{{\n                            $translate(\"Ceres::Template.itemShippingCosts\") }}</a>\n                        <a v-else :title=\"$translate('Ceres::Template.itemShippingCosts')\">{{\n                            $translate(\"Ceres::Template.itemShippingCosts\") }}</a>\n                    </div>\n                </div>\n            </slot>\n            <!-- ./ITEM DETAILS  -->\n        </div>\n    </article>\n</template>\n\n<script>\n    import { mapState } from \"vuex\";\n    import CategoryImageCarousel from \"ceres/app/components/itemList/CategoryImageCarousel.vue\";\n    import ItemStoreSpecial from \"ceres/app/components/itemList/ItemStoreSpecial.vue\";\n\timport {getSlotData} from \"ceres/app/helper/getSlotData\";\n\n    export 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\t\t\t\t\treturn this.itemData || this.itemSlotData || this.itemDataRef;\n                },\n\n\t\t\t\titemSlotData: getSlotData('item-data'),\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\t\t\t\tbasePrice()\n\t\t\t\t{\n\t\t\t\t\treturn this.item.prices.default.basePrice;\n\t\t\t\t},\n\n\t\t\t\titemPriceGraduated()\n\t\t\t\t{\n\t\t\t\t\tlet unitPrice;\n\t\t\t\t\tif (App.config.item.enableGraduatedPrices) {\n\t\t\t\t\t\tunitPrice = this.item.prices.graduatedPrices.length > 0\n\t\t\t\t\t\t\t? this.item.prices.graduatedPrices[0].unitPrice\n\t\t\t\t\t\t\t: this.item.prices.default.unitPrice;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tunitPrice = this.item.prices.default.unitPrice;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn this.$options.filters.specialOffer(unitPrice.formatted, this.item.prices, \"unitPrice\", \"formatted\" );\n\t\t\t\t},\n\n\t\t\t\titemGraduatedPriceisCheapestSorting()\n\t\t\t\t{\n\t\t\t\t\treturn !!this.item.item && this.item.item.salableVariationCount > 1 && !!this.$ceres.isCheapestSorting;\n\t\t\t\t},\n\n\t\t\t\titemGraduatedPricesalableVariationCount()\n\t\t\t\t{\n\t\t\t\t\treturn !!this.item.item && this.item.item.salableVariationCount == 1 && this.item.prices.graduatedPrices.length > 1 && App.config.item.enableGraduatedPrices;\n\t\t\t\t},\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;\n                },\n\n\t\t\t\thasCrossPrice() {\n\t\t\t\t\tconst hasRrpPrice = !!this.item.prices.rrp &&\n\t\t\t\t\t\tthis.item.prices.rrp.unitPrice.value > this.item.prices.default.unitPrice.value;\n\n\t\t\t\t\tconst hasBeforePrice = !!this.item.prices.specialOffer &&\n\t\t\t\t\t\t!!this.item.prices.default &&\n\t\t\t\t\t\tthis.item.prices.default.unitPrice.value > this.item.prices.specialOffer.unitPrice.value;\n\n\t\t\t\t\treturn hasRrpPrice || hasBeforePrice;\n\t\t\t\t},\n\n                ...mapState({\n                    showNetPrices: state => state.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 \"./ItemStoreSpecial.vue?vue&type=template&id=0ee4265e&\"\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 \"!../../../../../../../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\nexport default component.exports","import { render, staticRenderFns } from \"./CategoryItem.vue?vue&type=template&id=5a9b3e36&\"\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\nexport default component.exports"],"sourceRoot":""}