1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6175],{56175:function(e,l,a){a.r(l);var r=a(52322),n=a(2784),i=a(32832),o=a(37539),t=a(7174),d=a(12524),s=a.n(d);l.default=e=>{var l;let{product:a,setVariantId:d,selectedVariant:u,placeHolder:c,borderColor:p,optionGap:v,bgColor:m,className:b,arrowIcon:x,borderWidthPx:h,dropdownSlot:f,newLayout:j}=e,[g,S]=(0,n.useState)(!1);return(0,r.jsx)("div",{className:b,onClick:e=>e.preventDefault(),children:j?(0,r.jsx)(i.Dl.Provider,{value:{selectedValue:String(null==u?void 0:u.id),itemsInContext:null!==(l=null==a?void 0:a.variants.map(e=>({label:e.name,value:String(e.id),data:{availableForSale:e.availableForSale}})))&&void 0!==l?l:[],open:g,setOpen:e=>S(e),onSelect:e=>{d(String(e)),S(!1)}},children:(0,r.jsx)(o.FW,{name:"Dropdown Data",data:{"Selected Variant":null==u?void 0:u.name,"Dropdown Open":g},children:f})}):(0,r.jsx)(t.Ri,{as:"div",value:String(null==u?void 0:u.id),onChange:d,children:e=>{let{open:l}=e;return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(t.Ri.Button,{className:"w-full",children:(0,r.jsxs)("div",{className:s()("flex flex-row justify-between w-full pointer rounded-sm border-2 pl-2 pr-1"),style:{borderColor:p||"black",borderWidth:h?"".concat(h,"px"):"2px",borderBottomWidth:l?0:"unset",borderBottomRightRadius:l?0:"0.125rem",borderBottomLeftRadius:l?0:"0.125rem",backgroundColor:m},children:[(0,r.jsx)("span",{children:(null==u?void 0:u.name)?null==u?void 0:u.name:c}),(0,r.jsx)("span",{className:"flex flex-col justify-center",children:x})]})}),(0,r.jsx)(t.Ri.Options,{className:"absolute w-full transform duration-75 ease-in-out cursor-pointer rounded-b-sm z-40",style:{borderWidth:h?"".concat(h,"px"):"2px",borderTopWidth:"0px",borderColor:p||"black",backgroundColor:m},children:null==a?void 0:a.variants.map((e,l)=>(0!==l&&a.variants.length,(0,r.jsx)(t.Ri.Option,{value:e.id,disabled:!e.availableForSale,className:"pl-2",style:{paddingTop:0!==l&&v?"".concat(v,"px"):""},children:e.name},e.id)))})]})}})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.