"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[31690,34566],{38695:(n,t,e)=>{e.r(t),e.d(t,{default:()=>H});e(47941),e(82526),e(38880),e(89554),e(54747),e(49337),e(33321),e(69070);var r,o,i,a,c,u,l=e(64572),s=e(45987),f=e(29439),d=(e(92087),e(57327),e(26699),e(32023),e(47042),e(26833),e(21249),e(67294)),p=e(28225),m=e(63742),g=e(18627),v=e(77862),h=e(30168),b=e(85664),y=e(54882),w=e(30305),x=e(50693),P=e(51062),O=e(71893),E=(0,O.ZP)(b.C)(r||(r=(0,h.Z)(["\n  width: max-content;\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  padding: 0.25rem 0.5rem;\n  flex-direction: ",";\n\n  &.flag-trending {\n    display: none;\n  }\n"])),(function(n){return n.isRight?"row-reverse":"row"})),j=(0,O.ZP)(y.J)(o||(o=(0,h.Z)(["\n  z-index: 2;\n  display: flex;\n  align-items: flex-start;\n  width: auto;\n  top: calc(100% + 0.5rem);\n  "," {\n    padding: ",";\n  }\n  "," {\n    padding: 1rem;\n  }\n"])),w.B.tabletPortrait,(function(n){return n.theme.spacing.spacing01}),w.B.desktop),S=(0,O.ZP)(x.z)(i||(i=(0,h.Z)(["\n  padding: unset;\n  align-items: start;\n  &:hover {\n    background-color: white;\n  }\n  &:focus {\n    border: none;\n  }\n"]))),C=O.ZP.p(a||(a=(0,h.Z)(["\n  &&& {\n    margin-bottom: unset;\n  }\n"]))),k=O.ZP.span(c||(c=(0,h.Z)(["\n  ",";\n  color: ",";\n  background: transparent;\n"])),P.g.captionBold,(function(n){return n.color}));!function(n){n[n.RIGHT=0]="RIGHT",n[n.LEFT=1]="LEFT"}(u||(u={}));e(92222);var Z=e(53397),I=e(22981),N=e(85893);function A(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function L(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?A(Object(e),!0).forEach((function(t){(0,l.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var R="opened",D="closed";const T=function(n){var t=n.children,e=n.contentPopover,r=(0,I.EB)(w.B.desktop),o=(0,d.useState)(!1),i=(0,f.Z)(o,2),a=i[0],c=i[1],u=function(n,t){n.stopPropagation(),n.preventDefault(),t===R&&c(!0),t===D&&c(!1)};return(0,N.jsxs)("div",{children:[(0,N.jsx)("span",L(L(L({},!r&&{onClick:function(n){return u(n,R)}}),r&&{onMouseEnter:function(){return c(!a)},onMouseLeave:function(){return c(!a)}}),{},{children:t})),(0,N.jsxs)(j,{noArrow:!0,active:a,"data-testid":"popover",children:[(0,N.jsx)(C,{children:e}),!r&&(0,N.jsx)(S,{ghost:!0,icon:!0,onClick:function(n){return u(n,D)},children:(0,N.jsx)(m.J,{small:!0,icon:"remove"})})]})]})};var W=["icon","iconPosition","textColor"],B=["text","popoverText"];function F(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function _(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?F(Object(e),!0).forEach((function(t){(0,l.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):F(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}const H=function(n){var t=n.flags,e=n.typeListing,r=n.amountDiscountCart,o=n.campaignStyle,i=n.isInPriorityCampaign,a=void 0!==i&&i,c=(0,p.$G)(),h=(0,f.Z)(c,1)[0],b=a&&(null===o||void 0===o?void 0:o.flag)&&e!==v.IL.CAMPAIGNS,y=(0,d.useCallback)((function(n,t){var e=[g.WN.PROMO];return(t===v.IL.CAMPAIGNS?n.filter((function(n){return!e.includes(n)})):n).filter((function(n){return Object.values(g.WN).includes(n)})).slice(0,b?1:2)}),[b]),w=function(n){var t=n.flag,e=n.text,r=n.labelAttributes,o=r.icon,i=r.iconPosition,a=r.textColor,c=(0,s.Z)(r,W);return(0,N.jsxs)(E,_(_({},c),{},{isRight:i===u.RIGHT,className:"flag-".concat(t.toLowerCase()),children:[o&&(0,N.jsx)(m.J,{icon:o,fill:a,small:!0}),(0,N.jsx)(k,{color:a,children:e})]}))};return(0,N.jsxs)(N.Fragment,{children:[b&&(0,N.jsx)(E,{bgColor:null===o||void 0===o?void 0:o.primaryColor,textColor:null===o||void 0===o?void 0:o.secondaryColor,isRight:!1,children:(0,N.jsx)(k,{color:null===o||void 0===o?void 0:o.secondaryColor,children:o.flag})},o.flag),y(t,e).map((function(n){var t=function(n,t,e){var r=Z.n.light.colors,o={discountCart:e("product.label.discountCart"),digital:e("product.label.digital"),freeShipping:e("product.label.freeShipping"),isNew:e("product.label.isNew"),promotion:e("product.label.promotion"),refurbished:e("product.label.refurbished"),refurbishedSemiNew:e("product.label.refurbishedSemiNew"),refurbishedLikeNew:e("product.label.refurbishedLikeNew"),refurbishedFunctional:e("product.label.refurbishedFunctional"),sponsored:e("product.label.sponsored"),pcChoice:"Trending",pcRecommended:e("product.label.recommended"),clearance:e("product.label.clearance")},i=o.discountCart,a=o.digital,c=o.freeShipping,s=o.isNew,f=o.promotion,d=o.refurbished,p=o.refurbishedSemiNew,m=o.refurbishedLikeNew,v=o.refurbishedFunctional,h=o.sponsored,b=o.pcChoice,y=o.pcRecommended,w=o.clearance;return function(n){var o;return(o={},(0,l.Z)(o,g.WN.DISCOUNT_CART,{text:"-".concat(t,"€ ").concat(i),textColor:r.brand.main,bgColor:r.brand.main,outline:!0}),(0,l.Z)(o,g.WN.DIGITAL,{text:a,textColor:r.secondary.main,bgColor:r.secondary.main,outline:!0}),(0,l.Z)(o,g.WN.FREE_SHIPPING,{text:c,textColor:r.success.main,bgColor:r.success.main,outline:!0}),(0,l.Z)(o,g.WN.NEW,{text:s,textColor:r.secondary.main,bgColor:r.secondary.main,outline:!0}),(0,l.Z)(o,g.WN.PROMO,{text:f,textColor:r.brand.dark,bgColor:r.brand.dark,outline:!0}),(0,l.Z)(o,g.WN.REFURBISHED,{text:d,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,l.Z)(o,g.WN.REFURBISHED_FUNCTIONAL,{text:v,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,l.Z)(o,g.WN.REFURBISHED_LIKE_NEW,{text:m,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,l.Z)(o,g.WN.REFURBISHED_SEMI_NEW,{text:p,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,l.Z)(o,g.WN.SPONSORED,{text:h,textColor:r.black,bgColor:r.environment.percent20,outline:!0}),(0,l.Z)(o,g.WN.PCCHOICE,{text:b,icon:"interface_information",textColor:r.white,bgColor:"linear-gradient(90deg, #FF6000 0%, #FFA90D 138.43%)",outline:!1,iconPosition:u.RIGHT,popoverText:e("product.card.flags.pcchoice.popoverText")}),(0,l.Z)(o,g.WN.RECOMMENDATION,{text:y,icon:"interface_information",textColor:r.white,bgColor:r.brandBlue.main,outline:!1,iconPosition:u.RIGHT,popoverText:e("product.card.flags.pcrecommended.popoverText")}),(0,l.Z)(o,g.WN.CLEARANCE,{text:w,textColor:r.black,bgColor:r.warning.main,outline:!1}),o)[n]||{text:null}}(n)}(n,r,h),e=t.text,o=t.popoverText,i=(0,s.Z)(t,B);return(0,N.jsx)(d.Fragment,{children:e&&(0,N.jsx)(N.Fragment,{children:o?(0,N.jsx)(T,{contentPopover:o,children:w({flag:n,text:e,labelAttributes:i})}):w({flag:n,text:e,labelAttributes:i})})},n)}))]})}},14973:(n,t,e)=>{e.r(t),e.d(t,{default:()=>v});var r,o=e(64572),i=e(45987),a=(e(68309),e(47941),e(82526),e(57327),e(38880),e(89554),e(54747),e(49337),e(33321),e(69070),e(67294)),c=e(30168),u=e(71893),l=e(42347),s=(0,u.ZP)(l.r)(r||(r=(0,c.Z)(["\n  align-items: flex-start;\n  z-index: 0;\n"]))),f=e(85893),d=["children","article","options","isAlgoliaLink","queryId","dataList"];function p(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function m(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?p(Object(e),!0).forEach((function(t){(0,o.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var g=function(n){var t,e=n.children,r=n.article,o=n.options,a=n.isAlgoliaLink,c=void 0!==a&&a,u=n.queryId,l=void 0===u?"":u,p=n.dataList,g=(0,i.Z)(n,d);return(0,f.jsx)(s,m(m(m(m(m({},g),{},{"data-adtype":r.adType||void 0,"data-adhash":r.adHash||void 0,"data-adid":r.adId||void 0,"data-adid-load":r.adIdLoad||void 0,"data-adid-view":r.adIdView||void 0,"data-adid-basket":r.adIdBasket||void 0,"data-adslot-load":r.adSlotLoad||void 0,"data-adslot-view":r.adSlotView||void 0,"data-adunique":r.adUnique||void 0,"data-product-name":r.name||void 0,"data-product-id":r.id||void 0,"data-product-price":String(r.originalPrice||void 0),"data-product-total-discount":String(r.discount||0),"data-product-brand":r.brandName||void 0,"data-product-category":r.familyName||void 0,"data-product-stock-web":String((null===(t=r.delivery)||void 0===t?void 0:t.availabilityCode)||void 0),"data-product-list":p,"data-product-position":o.loop,"data-eec-action":o.eccAction},c&&{"data-algolia-position":o.loop+1}),""!==l&&{"data-algolia-queryid":l}),c&&"objectId"in r&&r.objectId&&{"data-algolia-objectid":r.objectId}),{},{children:e}))};const v=(0,a.memo)(g)},76644:(n,t,e)=>{var r;e.d(t,{Z:()=>r}),function(n){n.IMPRESSION="impression"}(r||(r={}))},27826:(n,t,e)=>{e.d(t,{t:()=>o});var r=e(67294),o=function(n){var t=n.price,e=n.numberFormatLocale,o=void 0===e?"de-DE":e,i=new Intl.NumberFormat(o);return r.createElement(r.Fragment,null,i.format(t),"€")}},4915:(n,t,e)=>{e.r(t),e.d(t,{MultiCarousel:()=>gt});var r=e(7730),o=e(79785),i=e(63742),a=e(67294),c=e(28225),u=e(62812),l=e(85664),s=e(51062),f=e(71893),d=e(14973);function p(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function m(){var n=p(["\n  &:hover {\n    color: inherit;\n  }\n"]);return m=function(){return n},n}function g(){var n=p(["\n  width: 16rem;\n  height: 20.75rem;\n  padding: ",";\n  border-radius: 8px;\n  position: relative;\n"]);return g=function(){return n},n}function v(){var n=p(["\n  width: 11.25rem;\n  aspect-ratio: 1 / 1;\n  margin: 0 auto;\n  display: block;\n"]);return v=function(){return n},n}function h(){var n=p(["\n  margin: 0 auto;\n  width: 100%;\n  position: relative;\n  display: block;\n  height: fit-content;\n"]);return h=function(){return n},n}function b(){var n=p(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: ",";\n  ",";\n"]);return b=function(){return n},n}function y(){var n=p(["\n  height: 3.75rem;\n  margin-top: ",";\n  display: block;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n"]);return y=function(){return n},n}function w(){var n=p(["\n    margin: "," 0 ",";\n  "]);return w=function(){return n},n}function x(){var n=p(["\n  ","\n"]);return x=function(){return n},n}function P(){var n=p(["\n  ",";\n  white-space: nowrap;\n"]);return P=function(){return n},n}function O(){var n=p(["\n  ","\n  color: ",";\n  margin-right: ",";\n"]);return O=function(){return n},n}function E(){var n=p(["\n  color: ",";\n  margin-right: ",";\n"]);return E=function(){return n},n}function j(){var n=p(["\n  ",";\n  color: ",";\n  text-decoration: line-through;\n  white-space: nowrap;\n"]);return j=function(){return n},n}function S(){var n=p(["\n  ","\n"]);return S=function(){return n},n}function C(){var n=p(["\n  display: flex;\n  flex-wrap: wrap;\n  position: absolute;\n  left: 0;\n  bottom: ",";\n  width: 100%;\n  gap: ",";\n  transform: none;\n"]);return C=function(){return n},n}var k=(0,f.ZP)(d.default)(m()),Z=f.ZP.div(g(),(function(n){return n.theme.spacing.spacing02})),I=f.ZP.img(v()),N=f.ZP.div(h()),A=(0,f.ZP)(l.C)(b(),(function(n){return n.theme.colors.danger.main}),s.g.captionBold),L=(0,f.ZP)(r.Z)(y(),(function(n){return n.theme.spacing.spacing005})),R=f.ZP.div(x(),(function(n){var t=n.theme;return(0,f.iv)(w(),t.spacing.spacing005,t.spacing.spacing01)})),D=(0,f.iv)(P(),s.g.header.h3),T=f.ZP.span(O(),D,(function(n){return n.theme.colors.danger.main}),(function(n){return n.theme.spacing.spacing01})),W=(0,f.ZP)(r.Z)(E(),(function(n){return n.theme.colors.environment.percent40}),(function(n){return n.theme.spacing.spacing005})),B=f.ZP.span(j(),s.g.body2Regular,(function(n){return n.theme.colors.environment.percent40})),F=f.ZP.span(S(),D),_=f.ZP.div(C(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing005}));function H(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function M(){var n=H(["\n  background-color: ",";\n"]);return M=function(){return n},n}function G(){var n=H(["\n  margin-top: ",";\n  ","\n  text-align: center;\n  text-decoration-line: underline;\n"]);return G=function(){return n},n}var $=(0,f.ZP)(Z)(M(),(function(n){return n.theme.colors.white})),z=f.ZP.div(G(),(function(n){return n.theme.spacing.spacing005}),s.g.body1Regular),U=e(67294);function q(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r}function J(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var r,o,i=[],a=!0,c=!1;try{for(e=e.call(n);!(a=(r=e.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==e.return||e.return()}finally{if(c)throw o}}return i}}(n,t)||function(n,t){if(!n)return;if("string"===typeof n)return q(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return q(n,t)}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var K=function(n){var t=n.moreLink,e=t.startsWith("/")?t:"/".concat(t),r=(0,J((0,c.$G)(),1)[0])("cms.carousel.moreSlide.viewMoreProducts");return U.createElement("a",{href:e,"aria-label":r},U.createElement($,null,U.createElement(I,{src:"https://img.pccomponentes.com/pcblog/1683237600000/more-link.png",alt:r}),U.createElement(z,null,r)))},V=e(89652),X=e(18685);function Q(n,t,e,r,o,i,a){try{var c=n[i](a),u=c.value}catch(n){return void e(n)}c.done?t(u):Promise.resolve(u).then(r,o)}var Y,nn,tn=function(n,t){var e,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"===typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){return function(i){if(e)throw new TypeError("Generator is already executing.");for(;a;)try{if(e=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(n,a)}catch(n){i=[6,n],r=0}finally{e=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}},en=(0,u.af)().getRecommendedInformation,rn=(Y=function(n){var t,e,r,o,i,a,c;return tn(this,(function(u){switch(u.label){case 0:return t=n.activityName,e=n.entityId,r=n.language,[4,en(t,e||"",null)];case 1:if(!(o=u.sent()))return[2];i=o.split(",").map(Number),u.label=2;case 2:return u.trys.push([2,4,,5]),[4,(0,X.S)(i,r)];case 3:return(a=u.sent())&&a.ok?[2,null===(c=a.data)||void 0===c?void 0:c.articles]:[3,5];case 4:return u.sent(),(0,V.Z)(),[3,5];case 5:return[2]}}))},nn=function(){var n=this,t=arguments;return new Promise((function(e,r){var o=Y.apply(n,t);function i(n){Q(o,e,r,i,a,"next",n)}function a(n){Q(o,e,r,i,a,"throw",n)}i(void 0)}))},function(n){return nn.apply(this,arguments)}),on=e(30305),an=e(91044),cn=e(50693),un=e(3323),ln=e(27826),sn=e(76644),fn=e(86706),dn=e(61436),pn=e(38695),mn=e(67294);function gn(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r}function vn(){return vn=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},vn.apply(this,arguments)}function hn(n,t){if(null==n)return{};var e,r,o=function(n,t){if(null==n)return{};var e,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||(o[e]=n[e]);return o}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}function bn(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var r,o,i=[],a=!0,c=!1;try{for(e=e.call(n);!(a=(r=e.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==e.return||e.return()}finally{if(c)throw o}}return i}}(n,t)||function(n,t){if(!n)return;if("string"===typeof n)return gn(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);"Object"===e&&n.constructor&&(e=n.constructor.name);if("Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return gn(n,t)}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function yn(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function wn(){var n=yn(["\n    padding: "," ",";\n    background-color: ",";\n    margin-bottom: ",";\n  "]);return wn=function(){return n},n}function xn(){var n=yn(["\n      padding: "," ",";\n    "]);return xn=function(){return n},n}function Pn(){var n=yn(["\n      margin-bottom: ",";\n      padding: "," ",";\n    "]);return Pn=function(){return n},n}function On(){var n=yn(["\n  width: 100%;\n  ","\n\n  "," {\n    ","\n  }\n\n  "," {\n    ","\n  }\n"]);return On=function(){return n},n}function En(){var n=yn(["\n  width: 100%;\n  max-width: 97.5rem;\n  margin: 0 auto;\n\n  "," {\n    width: calc(100% + ",");\n    display: flex;\n  }\n"]);return En=function(){return n},n}function jn(){var n=yn(["\n  margin-bottom: ",";\n  "," {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    gap: 1rem;\n  }\n  "," {\n    width: 23.5rem;\n    padding: ",";\n    margin-bottom: 0;\n    margin-right: ",";\n    display: block;\n    flex: 0 0 auto;\n  }\n"]);return jn=function(){return n},n}function Sn(){var n=yn(["\n  max-height: ",";\n  max-width: 100%;\n  margin-bottom: ",";\n"]);return Sn=function(){return n},n}function Cn(){var n=yn(["\n  margin-top: 0 !important;\n  margin-bottom: ",";\n  ","\n\n  "," {\n    ","\n    margin-bottom: 0;\n  }\n\n  "," {\n    margin-bottom: ",";\n  }\n"]);return Cn=function(){return n},n}function kn(){var n=yn(["\n  white-space: nowrap;\n\n  "," {\n    ",";\n    padding: 11px ",";\n    min-height: ",";\n  }\n"]);return kn=function(){return n},n}function Zn(){var n=yn(["\n  width: calc(100% + ",");\n  overflow: hidden;\n\n  "," {\n    width: calc(100% + ",");\n  }\n\n  "," {\n    height: 28.125rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n"]);return Zn=function(){return n},n}function In(){var n=yn(["\n  margin-bottom: ",";\n  display: flex;\n  overflow-x: auto;\n"]);return In=function(){return n},n}function Nn(){var n=yn(["\n    padding: 0 ",";\n  "]);return Nn=function(){return n},n}function An(){var n=yn(["\n      box-shadow: ",";\n    "]);return An=function(){return n},n}function Ln(){var n=yn(["\n  height: ",";\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  ","\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  ","\n"]);return Ln=function(){return n},n}function Rn(){var n=yn(["\n  position: relative;\n"]);return Rn=function(){return n},n}function Dn(){var n=yn(["\n  padding-right: ",";\n  display: flex;\n  gap: ",";\n  overflow-x: auto;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  overscroll-behavior-x: contain;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"]);return Dn=function(){return n},n}function Tn(){var n=yn(["\n  width: ",";\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 5rem;\n\n  @media (hover: none) {\n    display: none;\n  }\n"]);return Tn=function(){return n},n}function Wn(){var n=yn(["\n      display: none;\n    "]);return Wn=function(){return n},n}function Bn(){var n=yn(["\n  ","\n\n  ","\n"]);return Bn=function(){return n},n}function Fn(){var n=yn(["\n      display: none;\n    "]);return Fn=function(){return n},n}function _n(){var n=yn(["\n  ","\n  right: 0;\n\n  ","\n"]);return _n=function(){return n},n}function Hn(){var n=yn(["\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n"]);return Hn=function(){return n},n}function Mn(){var n=yn(["\n  background-color: ",";\n"]);return Mn=function(){return n},n}function Gn(){var n=yn(["\n  width: 100%;\n  height: 20.75rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n"]);return Gn=function(){return n},n}var $n=f.ZP.div(On(),(function(n){var t=n.theme;return(0,f.iv)(wn(),t.spacing.spacing05,t.spacing.spacing02,t.colors.environment.percent05,t.spacing.spacing05)}),on.B.tabletPortrait,(function(n){var t=n.theme;return(0,f.iv)(xn(),t.spacing.spacing05,t.spacing.spacing04)}),on.B.desktop,(function(n){var t=n.theme;return(0,f.iv)(Pn(),t.spacing.spacing07,t.spacing.spacing07,t.spacing.spacing04)})),zn=f.ZP.div(En(),on.B.desktop,(function(n){return n.theme.spacing.spacing04})),Un=f.ZP.div(jn(),(function(n){return n.theme.spacing.spacing02}),on.B.tabletPortrait,on.B.desktop,(function(n){return n.theme.spacing.spacing04}),(function(n){return n.theme.spacing.spacing03})),qn=f.ZP.img(Sn(),(function(n){return n.theme.spacing.spacing05}),(function(n){return n.theme.spacing.spacing01})),Jn=(0,f.ZP)(an.X)(Cn(),(function(n){return n.theme.spacing.spacing02}),s.g.header.h3,on.B.tabletPortrait,s.g.header.h2,on.B.desktop,(function(n){return n.theme.spacing.spacing03})),Kn=(0,f.ZP)(cn.z)(kn(),on.B.desktop,s.g.body1Regular,(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing06})),Vn=f.ZP.div(Zn(),(function(n){return n.theme.spacing.spacing02}),on.B.tabletPortrait,(function(n){return n.theme.spacing.spacing04}),on.B.desktop),Xn=f.ZP.div(In(),(function(n){return n.theme.spacing.spacing03})),Qn=f.ZP.div(Ln(),(function(n){return n.theme.spacing.spacing06}),(function(n){var t=n.theme;return(0,f.iv)(Nn(),t.spacing.spacing03)}),(function(n){return n.$isSelected&&(0,f.iv)(An(),(function(n){var t=n.theme;return"inset 0px -4px 0px ".concat(t.colors.black)}))})),Yn=f.ZP.div(Rn()),nt=f.ZP.div(Dn(),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing03})),tt=(0,f.iv)(Tn(),(function(n){return n.theme.spacing.spacing06})),et=(0,f.ZP)(cn.z)(Bn(),tt,(function(n){return n.$isHidden&&(0,f.iv)(Wn())})),rt=(0,f.ZP)(cn.z)(_n(),tt,(function(n){return n.$isHidden&&(0,f.iv)(Fn())})),ot=f.ZP.div(Hn()),it=(0,f.ZP)((function(n){var t=n.article,e=n.dataProductList,r=hn(n,["article","dataProductList"]),o=(0,f.Fg)(),i=bn((0,c.$G)(),1)[0],a=t.discount,u=t.images,l=t.name,s=t.originalPrice,d=t.promotionalPrice,p=t.ratingAvg,m=t.ratingCount,g=t.recommendedPrice,v=t.slug,h=t.flags,b=t.isInPriorityCampaign,y=t.discountInCart,w=v.startsWith("/")?v:"/".concat(v),x=g&&d&&g>=d,P=(0,fn.v9)(dn.KX);return mn.createElement(k,{article:t,href:w,options:{listName:"",loop:0,eccAction:sn.Z.IMPRESSION},dataList:e},mn.createElement(Z,vn({},r),mn.createElement(N,null,mn.createElement(I,{src:u.large.path,alt:l}),!!a&&mn.createElement(A,{isolated:!0},"-",a,"%"),(h.length||b)&&mn.createElement(_,null,mn.createElement(pn.default,{campaignStyle:P,isInPriorityCampaign:b,amountDiscountCart:y||0,flags:h}))),mn.createElement(L,{title:l,typo:"body2Regular"},l),mn.createElement(R,null,d&&d<s?mn.createElement(mn.Fragment,null,mn.createElement(T,null,mn.createElement(ln.t,{price:d})),x&&mn.createElement(W,{typo:"body2Regular"},i("product.pvpr")),mn.createElement(B,null,mn.createElement(ln.t,{price:x?g:s}))):mn.createElement(F,null,mn.createElement(ln.t,{price:s}))),p&&mn.createElement(un.i,{rating:2*p,opinionText:"(".concat(m,")"),fill:o.colors.warning.main,marginValue:4})))}))(Mn(),(function(n){return n.theme.colors.white})),at=f.ZP.div(Gn(),(function(n){return n.theme.colors.white}));function ct(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=new Array(t);e<t;e++)r[e]=n[e];return r}function ut(n,t,e,r,o,i,a){try{var c=n[i](a),u=c.value}catch(n){return void e(n)}c.done?t(u):Promise.resolve(u).then(r,o)}function lt(){return lt=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},lt.apply(this,arguments)}function st(n,t){if(null==n)return{};var e,r,o=function(n,t){if(null==n)return{};var e,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||(o[e]=n[e]);return o}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}function ft(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var r,o,i=[],a=!0,c=!1;try{for(e=e.call(n);!(a=(r=e.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==e.return||e.return()}finally{if(c)throw o}}return i}}(n,t)||pt(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function dt(n){return function(n){if(Array.isArray(n))return ct(n)}(n)||function(n){if("undefined"!==typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||pt(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pt(n,t){if(n){if("string"===typeof n)return ct(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(e):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?ct(n,t):void 0}}var mt=function(n,t){var e,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"===typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(i){return function(c){return function(i){if(e)throw new TypeError("Generator is already executing.");for(;a;)try{if(e=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(n,a)}catch(n){i=[6,n],r=0}finally{e=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}},gt=function(n){var t,e=n.featuredImage,l=n.actionLink,s=n.categories,f=n.htmlId,d=n.language,p=n.title,m=st(n,["featuredImage","actionLink","categories","htmlId","language","title"]),g=ft((0,c.$G)(),1)[0],v=s.map((function(n){return n.name})),h=ft((0,a.useState)(0),2),b=h[0],y=h[1],w=ft((0,a.useState)(s.map((function(n){return n.articles||[]}))),2),x=w[0],P=w[1],O=ft((0,a.useState)(x[0]),2),E=O[0],j=O[1],S=ft((0,a.useState)(!0),2),C=S[0],k=S[1],Z=ft((0,a.useState)(!1),2),I=Z[0],N=Z[1],A=ft((0,a.useState)([]),2),L=A[0],R=A[1],D=ft((0,a.useState)(!0),2),T=D[0],W=D[1],B=(0,a.useRef)(null),F=B.current,_=(0,a.useRef)(null),H=(null===(t=_.current)||void 0===t?void 0:t.clientWidth)||0,M=s[b],G=M.loop,$=M.categoryLink,z=(0,a.useCallback)((function(){return l&&(0,u.Ze)(l)}),[l]),U=(0,a.useCallback)((function(n){return function(){y(n),j(x[n])}}),[x]),q=function(n){var t=n.clientWidth,e=n.scrollWidth;return{carouselWidth:t,scrollWidth:e,currentScroll:n.scrollLeft,maxScroll:e-t}};return(0,a.useEffect)((function(){s.map(function(){var n=function(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var i=n.apply(t,e);function a(n){ut(i,r,o,a,c,"next",n)}function c(n){ut(i,r,o,a,c,"throw",n)}a(void 0)}))}}((function(n,t){var e,r,o,i;return mt(this,(function(a){switch(a.label){case 0:return e=n.customized,!(r=null===e||void 0===e?void 0:e.activityName)||x[t].length||L.includes(t)?[3,2]:(R((function(n){return dt(n).concat([t])})),o=e.entityId,[4,rn({activityName:r,entityId:o,language:d})]);case 1:(i=a.sent())&&(P((function(n){return dt(n.slice(0,t)).concat([i],dt(n.slice(t+1)))})),b===t&&j(i),R((function(n){return n.filter((function(n){return n!==t}))}))),a.label=2;case 2:return[2]}}))}));return function(t,e){return n.apply(this,arguments)}}())}),[s,L,d,x,b]),(0,a.useEffect)((function(){L.includes(b)||E.length||j(x[b])}),[L,x,b,E.length]),(0,a.useEffect)((function(){if(F){F.scrollLeft=0;var n=q(F),t=n.carouselWidth,e=n.scrollWidth;W(!(e>t))}}),[E,F]),a.createElement($n,lt({},f&&{id:f},{className:"cms-module multi-carousel-article-module-class"},m),a.createElement(zn,null,a.createElement(Un,null,a.createElement("div",null,e&&a.createElement(qn,lt({},e)),a.createElement(Jn,{as:"h2"},p)),l&&a.createElement(Kn,{onClick:z},g("carousel.postCard.seeMore"))),a.createElement(Vn,null,a.createElement(Xn,null,v.map((function(n,t){return a.createElement(Qn,{key:n,$isSelected:t===b,onClick:U(t)},a.createElement(r.Z,{typo:"body1Bold"},n))}))),a.createElement(Yn,lt({},M.htmlId&&{id:M.htmlId}),L.includes(b)||!E.length?a.createElement(at,null,a.createElement(o.$,{"data-testid":"spinner"})):a.createElement(a.Fragment,null,a.createElement(nt,{onScroll:function(n){var t=q(n.currentTarget),e=t.currentScroll,r=t.maxScroll;C||I?(e>0&&k(!1),e<r&&N(!1)):(0===e&&k(!0),e===r&&N(!0))},ref:B},E.map((function(n){return a.createElement(ot,{key:n.id,ref:_},a.createElement(it,{article:n,dataProductList:M.dataProductList}))})),$&&a.createElement(ot,null,a.createElement(K,{moreLink:$}))),a.createElement(et,{secondary:!0,big:!0,onClick:function(){if(F){var n=q(F).currentScroll-H;F.scrollLeft=n}},$isHidden:T||C},a.createElement(i.J,{icon:"chevron_left",big:!0})),a.createElement(rt,{secondary:!0,big:!0,onClick:function(){if(F){var n=q(F),t=n.currentScroll,e=n.maxScroll,r=t+H;F.scrollLeft=t===e&&G?0:r}},$isHidden:T||I&&!G},a.createElement(i.J,{icon:"chevron_right",big:!0})))))))}}}]);
//# sourceMappingURL=MultiCarouselComponent.js.map