"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[23],{46:function(e,s,a){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.useColorOrderWrapper=s.ColorSelector=void 0;const i=a(0),c=a(1),t=a(3),r=a(2);a(7),a(68);const n=a(19),d=l(a(69)),o=a(670),h=a(192),{wrapper:p,wrapperText:m,wrapperInUpsell:u,wrapperTextLabel:w,wrapperTextSelectedColor:x,wrapperSwatches:C,wrapperSwatchesContent:j,wrapperSwatchesContentOption:g,wrapperSwatchesContentOptionItem:S,wrapperSwatchesContentOptionItemReducedWidth:v,wrapperSwatchesContentOptionGroupSwatches:b,slider:O,sliderSlide:_,sliderSlideActive:f,sliderSlideContent:N,sliderMaskLeft:k,sliderMaskRight:H,slideWrap:M}=d.default;s.ColorSelector=function({isMobile:e,colorOrder:s,selectedColor:a,variantLabel:l="Color",inUpsell:t=!1,colorGroups:d,colorGroup:v,setColorGroup:b,setCurrentVariantById:y,areBlendjetColorsGroupsTabs:B=!1,swatchType:I,onSaleSwatchBadge:L}){let V=s;const{sliderRef:T,currentSlide:G,jsEnabled:W,handleClick:E}=(0,o.useSlider)({setColorGroup:b}),Z=!!v&&!!d&&B;return(0,i.jsxs)(c.Fragment,{children:[Z&&(W?(0,i.jsxs)("div",Object.assign({className:M},{children:[(0,i.jsx)("div",Object.assign({ref:T,className:(0,r.cx)("keen-slider",O)},{children:d.map((({logo:e,name:s},a)=>(0,i.jsx)("div",Object.assign({style:{minWidth:"27%"},className:(0,r.cx)("keen-slider__slide",_,G===a&&f),onClick:()=>E(a)},{children:(0,i.jsx)("div",Object.assign({className:N},{children:e?(0,i.jsx)("img",{src:e.image.url,alt:s}):(0,i.jsx)("p",{children:s})}))}),a)))})),(0,i.jsx)("div",{className:k}),(0,i.jsx)("div",{className:H})]})):(0,i.jsxs)("div",Object.assign({className:M},{children:[(0,i.jsx)("div",Object.assign({className:O},{children:[d[d.length-1],...d].map((({logo:e,name:s},a)=>(0,i.jsx)("div",Object.assign({style:{minWidth:"27%"},className:(0,r.cx)(_,1===a&&f),onClick:()=>E(a)},{children:(0,i.jsx)("div",Object.assign({className:N},{children:e?(0,i.jsx)("img",{src:e.image.url,alt:s}):(0,i.jsx)("p",{children:s})}))}),a)))})),(0,i.jsx)("div",{className:k}),(0,i.jsx)("div",{className:H})]}))),(0,i.jsxs)("div",Object.assign({className:p},{children:[a.title&&(0,i.jsxs)("div",Object.assign({className:(0,r.cx)(m,t&&u)},{children:[(0,i.jsx)("h6",Object.assign({className:w},{children:`${l}:`})),(0,i.jsx)("h6",Object.assign({className:(0,r.cx)(x,"no-translate")},{children:a.title}))]})),(0,i.jsx)("div",Object.assign({className:C},{children:(0,i.jsx)("div",Object.assign({className:(0,r.cx)(j,"options nacelle")},{children:Z?(0,i.jsx)("div",Object.assign({className:g},{children:(0,i.jsx)("div",Object.assign({className:(0,r.cx)(S,"columns is-marginless is-multiline nacelle")},{children:v.variants.map((({colorId:e,id:s,colorData:{swatch_src:l,swatch_hex:c,swatch_centered_image:t},onSale:r,image:n},d)=>(0,i.jsx)(h.Swatch,{colorId:e,swatch_src:"image"===I?n.src.replace("h_800","h_50"):"centeredImage"===I?t&&""!=t?t:n.src.replace("h_800","h_200"):l,swatch_hex:c,isSelected:a.id===e,swatchClicked:()=>{y&&y(s)},swatchType:t&&""!=t?void 0:I,size:"largeColor"===I?"xl":"mediumColor"===I?"md":void 0,onSale:r,onSaleSwatchBadge:L},`swatch${s}${d}`)))}))})):(0,i.jsx)(c.Fragment,{children:(0,i.jsx)("div",Object.assign({className:g},{children:(0,i.jsx)("div",Object.assign({className:(0,r.cx)(S,"columns is-marginless is-multiline nacelle")},{children:V.map((({swatch:e,swatchClicked:s,swatch_src:l,swatch_hex:c,onSale:t})=>(0,i.jsx)(n.ProductOptionSwatch,{colorId:e,swatch_src:l,swatch_hex:c,isSelected:e===a.id,swatchClicked:s,isInSelect:"largeColor"!==I&&"mediumColor"!==I,size:"largeColor"===I?"xl":"mediumColor"===I?"md":void 0,onSale:t,onSaleSwatchBadge:L})))}))}))})}))}))]}))]})},s.useColorOrderWrapper=(e,s,a)=>{var l;const[i,c]=(0,t.useState)(0),r=null!=a?a:c,n=null!==(l=(e=e.map(((e,s)=>Object.assign(Object.assign({},e),{swatchClicked:()=>r(s)}))))[i])&&void 0!==l?l:e[0];return{colorOrder:e,selected:s||(n?{id:n.swatch,title:n.swatch.split("-").join(" ")}:void 0)}}},192:function(e,s,a){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.Swatch=void 0;const i=a(0),c=(a(1),a(2)),t=l(a(70)),{wrapper:r,wrapperActive:n,wrapperSwatch:d,wrapperSwatchSaleCircle:o,wrapperBadge:h,wrapperBadgeSmall:p,wrapperBadgeMedium:m}=t.default,u=(0,i.jsxs)("svg",Object.assign({width:"37",height:"18",viewBox:"0 0 37 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[(0,i.jsx)("rect",{width:"37",height:"18",rx:"9",fill:"#E4632B"}),(0,i.jsx)("path",{d:"M7.172 13.156C6.34 13.156 5.644 12.952 5.084 12.544C4.532 12.136 4.156 11.544 3.956 10.768L5.324 10.372C5.476 10.876 5.692 11.248 5.972 11.488C6.252 11.72 6.652 11.836 7.172 11.836C7.66 11.836 8.052 11.732 8.348 11.524C8.652 11.316 8.804 11.02 8.804 10.636C8.804 10.332 8.684 10.08 8.444 9.88C8.204 9.68 7.776 9.528 7.16 9.424C6.176 9.24 5.436 8.948 4.94 8.548C4.444 8.148 4.196 7.6 4.196 6.904C4.196 6.424 4.32 5.996 4.568 5.62C4.824 5.244 5.176 4.952 5.624 4.744C6.072 4.528 6.584 4.42 7.16 4.42C7.928 4.42 8.564 4.62 9.068 5.02C9.572 5.42 9.916 5.984 10.1 6.712L8.732 7.096C8.612 6.64 8.428 6.3 8.18 6.076C7.94 5.852 7.6 5.74 7.16 5.74C6.704 5.74 6.34 5.84 6.068 6.04C5.796 6.24 5.66 6.528 5.66 6.904C5.66 7.216 5.796 7.452 6.068 7.612C6.348 7.772 6.8 7.916 7.424 8.044C8.4 8.236 9.116 8.54 9.572 8.956C10.036 9.364 10.268 9.924 10.268 10.636C10.268 11.132 10.132 11.572 9.86 11.956C9.588 12.34 9.216 12.636 8.744 12.844C8.272 13.052 7.748 13.156 7.172 13.156ZM16.8987 11.116H13.4667L12.7707 13H11.2707L14.4147 4.6H15.9507L19.0947 13H17.5947L16.8987 11.116ZM16.4067 9.796L15.1827 6.496L13.9587 9.796H16.4067ZM20.6924 4.6H22.1564V11.656H25.8284V13H20.6924V4.6ZM27.5205 4.6H32.8005V5.92H28.9845V8.128H32.2965V9.412H28.9845V11.68H32.8005V13H27.5205V4.6Z",fill:"white"})]}));s.Swatch=function({swatchClicked:e,isSelected:s,size:a="small",swatch_src:l,swatchType:t,swatch_hex:w,onSaleSwatchBadge:x="none",onSale:C=!1}){const j="xl"===a?"58px":"md"===a?"50px":"44px",g="xl"===a?"50px":"md"===a?"42px":"35px";return(0,i.jsxs)("div",Object.assign({className:(0,c.cx)(r),onClick:e,style:{width:j,height:j}},{children:[(0,i.jsx)("div",{className:(0,c.cx)(d,C&&"badgeAndCircle"===x&&o),onClick:e,style:{width:g,height:g,backgroundColor:w,backgroundImage:`url(${l})`}}),C&&("badgeAndCircle"===x||"badge"===x)&&(0,i.jsx)("div",Object.assign({className:(0,c.cx)(h,"md"===a&&m,"small"===a&&p)},{children:u})),s&&(0,i.jsx)("div",{className:n})]}))}},670:(e,s,a)=>{Object.defineProperty(s,"__esModule",{value:!0}),s.useSlider=void 0;const l=a(10),i=a(3);s.useSlider=({setColorGroup:e})=>{const[s,a]=(0,i.useState)(0),[c,t]=(0,i.useState)(!1),[r,n]=(0,l.useKeenSlider)({slides:{origin:"center",perView:"auto"},loop:!0,rubberband:!0,slideChanged:e=>{a(e.track.details.rel)},animationEnded:s=>{e&&e(s.track.details.rel)}});return(0,i.useEffect)((()=>{t(!0)}),[]),{sliderRef:r,currentSlide:s,jsEnabled:c,handleClick:s=>{n.current&&(n.current.moveToIdx(s),e&&e(s))}}}}}]);