https://tyngre.se/static/js/Product-CtaSection-RelatedProductsSele…ProductsSelectorComponent.f210854a.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1119],{10564:function(e,n,t){t.r(n),t.d(n,{RelatedProductsSelectorComponent:function(){return j}});var i,l,r,a,o=t(30168),d=(t(72791),t(19738)),s=t(20624),u=t(1413),c=t(45987),p=t(42667),f=t(80184),h=["labelWidth"],v=(0,d.styled)("div")(i||(i=(0,o.Z)(["\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    border-radius: var(--border-radius-pill);\n    background-color: var(--btn-variant-fill);\n"]))),b=(0,d.styled)("div")(l||(l=(0,o.Z)(["\n    display: flex;\n    align-items: center;\n    flex: 1;\n    min-width: 0;\n    padding: 0 16px;\n"]))),x=function(e){var n=e.labelWidth,t=void 0===n?"60%":n,i=(0,c.Z)(e,h);return(0,f.jsxs)(v,(0,u.Z)((0,u.Z)({},i),{},{children:[(0,f.jsx)(p.s7,{$size:"40px",$background:"var(--canvas-layer)"}),(0,f.jsx)(b,{children:(0,f.jsx)(p.N2,{$width:t,$height:"14px"})})]}))},m=t(33168),g=t(10554),y=Array.from({length:12},(function(e,n){return"skeleton-product-option-".concat(n)})),_=(0,d.styled)("div")(r||(r=(0,o.Z)(["\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n"]))),L=(0,d.styled)("li")(a||(a=(0,o.Z)(["\n    border-radius: var(--border-radius-pill);\n\n    &:has(:focus-visible):not(:has([data-related-product-option] ~ * :focus-visible)) {\n        outline: var(--site-focus-outline);\n        outline-offset: var(--site-focus-outline-offset);\n    }\n"]))),j=function(e){var n=e.relatedVariations,t=e.currentProduct,i=void 0===t?n[0]:t,l=e.type,r=void 0===l?"default":l,a=e.isLoading,o=void 0!==a&&a,d=e.label,u=e.placeholderL

1abel,c=(0,m.$)().t;return 0===n.length?null:(0,f.jsx)(_,{flex:"quickshop"===r?1:void 0,"aria-busy":o||void 0,children:(0,f.jsx)(s.StaticProductOptionSelector,{type:r,label:d,selectedLabel:i.name,defaultLabel:u,"aria-label":c("product.defaultSelector.placeholderLabel"),asGroup:!1,children:o?y.map((function(e){return(0,f.jsx)(L,{children:(0,f.jsx)(x,{})},e)})):n.map((function(e){return(0,f.jsx)(L,{children:(0,f.jsx)(g.RelatedProductOption,{"data-related-product-option":!0,type:"link",value:e.id,label:e.name,image:e.image,to:e.to,isSelected:i.sku===e.sku,inStock:e.variations.some((function(e){return e.inStock}))})},e.id)}))})})}}}]);