import{_ as H}from"./drGgfVkL.js";import{_ as J}from"./wnkhjwzU.js";import{_ as K}from"./DkDjManV.js";import{p as Y,e as Z,U as ee,s as R,S as te,b4 as p,r as h,T as se,b9 as ie,O as q,aX as ne,o as g,c as C,a as t,t as o,i as a,y as T,a1 as ae,b as v,F as oe,v as re,x as le,D as _,k as ce,A as ue,X as pe,w as S,d as k}from"./CQEXTTzB.js";const de=Y("/img/icons/star-circle.svg"),me={class:"relative"},fe={class:"items-center justify-between md:flex"},ve={class:"text-sm font-bold max-md:mb-3 max-md:mt-5"},_e={class:"flex px-4 py-3 text-sm"},ye={class:"basis-1/2 text-left"},be={class:"basis-1/2 text-left"},he=["onClick"],xe={class:"basis-1/2 text-left"},we={class:"basis-1/2 text-left"},ge={key:0,class:"flex w-[96px] rounded-full bg-gradient-to-r from-[#426ca2] to-[#9db4d0] px-1 py-[3px]"},Ce=["alt"],Se={class:"text-[10px] font-bold leading-[1] text-white"},ke={class:"border-t-2 border-t-gray-100 px-4 py-3"},Ve={class:"mb-2 text-sm"},Oe={class:"flex cursor-pointer items-center justify-between text-sm"},Pe={class:"basis-1/2"},$e={class:"basis-1/2"},qe={class:"mt-5 items-center justify-between md:mt-8 md:flex"},ze={class:"max-md:mb-3"},Qe={class:"text-sm font-bold"},Ie={class:"flex w-full max-w-[336.56px] items-center justify-between space-x-4"},De={class:"flex items-center space-x-5"},Ue=Z({__name:"QuantitySelector",props:{option:{}},setup(U){const z=U,j=ee(),{product:A}=R(j),V=te(),{quantitySelection:y,calculatedSizeAreaOptionValue:x,selectedPdpOptionValueIds:Q}=R(V),O=[...z.option.option_values].sort((e,n)=>p(n.name)-p(e.name)),I=h(F()),l=h(y.value),b=h(w()),m=se(()=>({per_piece:b.value,pack:b.value*(l.value||1)})),D=h(null),P=h(!1),$=()=>{P.value=!1},B=()=>{P.value=!0};ie(D,$);const L=e=>{V.setQuantitySelection(p(e.name)),l.value=p(e.name),$()},M=()=>{l.value||(l.value=1),V.setQuantitySelection(l.value)};q(y,()=>{l.value=y.value,b.value=w()},{immediate:!0}),ne(l,M,{debounce:300,maxWait:600}),q(x,()=>{I.value=F(),b.value=w()}),q(Q,()=>{b.value=w()});function F(){var u;const e=(u=x.value)==null?void 0:u.id,n=z.option.option_values.filter(s=>s.show_in_diy),r=[];for(const s of n){const i=d(e?[s.id,e]:[s.id]);if(i===1/0)continue;const c=i*p(s.name);r.push({option_value:s,per_piece:i,pack_price:c,is_popular:s.is_popular})}return r}function d(e){const r=A.value.variants.filter(u=>e.every(s=>u.option_values.some(i=>i.id===s))).map(u=>u.price);return Math.min(...r)}function w(){var i;if(l.value===null)return 0;const e=O.find(c=>p(c.name)==l.value),n=(i=x.value)==null?void 0:i.id;if(e){const c=n?[e.id,n]:[e.id];let f=d(c.concat(Q.value));return f===1/0&&(f=d(c)),f}const r=O.find(c=>p(c.name)<l.value),s=[...O].reverse().find(c=>p(c.name)>l.value);return r&&s?X(r,s,l.value):r?d(n?[r.id,n]:[r.id]):s?d(n?[s.id,n]:[s.id]):0}function X(e,n,r){var N;const u=(N=x.value)==null?void 0:N.id,s=p(e.name),i=p(n.name),c=d(u?[e.id,u]:[e.id]),f=d(u?[n.id,u]:[n.id]);if(r<=s)return c;if(r>=i)return f;const E=i-s,W=f-c,G=(r-s)/E;return c+G*W}return(e,n)=>{const r=H,u=J,s=K;return g(),C("div",null,[t("div",me,[t("div",fe,[t("p",ve,o(e.$t("product.choose_quantity")),1),t("div",{class:"input-field down-arrow-bg w-full cursor-pointer text-sm md:max-w-[336.56px]",onClick:B},[t("p",null,o(a(y))+" "+o(e.$t("common.pieces")),1)])]),T(t("div",{ref_key:"revealedSelector",ref:D,class:"absolute bottom-0 right-0 z-10 w-full border-2 border-gray-300 bg-white"},[t("div",{class:"absolute right-1 top-0 cursor-pointer p-4",onClick:$},[v(r,{class:"w-[10px] -rotate-90 opacity-80"})]),t("div",_e,[t("div",ye,o(e.$t("variant.quantities_table.quantity")),1),t("div",be,o(e.$t("variant.quantities_table.price_per_piece")),1)]),(g(!0),C(oe,null,re(a(I),i=>(g(),C("div",{key:`pqt${i.option_value.id}`,class:le(["flex cursor-pointer justify-between border-2 px-4 py-3 text-sm",a(y)===("extractNumberFromString"in e?e.extractNumberFromString:a(p))(i.option_value.name)?"border-blue":"border-transparent border-t-gray-100"]),onClick:c=>L(i.option_value)},[t("div",xe,[t("p",null,o(i.option_value.name),1)]),t("div",we,[t("p",null,o(("formatCurrency"in e?e.formatCurrency:a(_))(i.per_piece)),1),i.is_popular?(g(),C("div",ge,[t("img",{class:"mr-1",src:de,alt:e.$t("variant.quantities_table.most_popular"),width:"10px",height:"10px"},null,8,Ce),t("p",Se,o(e.$t("variant.quantities_table.most_popular")),1)])):ce("",!0)])],10,he))),128)),t("div",ke,[t("div",null,[t("p",Ve,o(e.$t("variant.quantities_table.set_custom_quantity")),1)]),t("div",Oe,[t("div",Pe,[T(t("input",{"onUpdate:modelValue":n[0]||(n[0]=i=>ue(l)?l.value=i:null),class:"input-field w-[90px] p-2 text-sm lg:w-[110px] xl:w-[140px]",type:"number",inputmode:"numeric",pattern:"[0-9]*",min:"1",onFocus:n[1]||(n[1]=i=>i.target.select())},null,544),[[pe,a(l),void 0,{number:!0}]])]),t("div",$e,[t("p",null,o(a(m).per_piece?("formatCurrency"in e?e.formatCurrency:a(_))(a(m).per_piece):""),1)])])])],512),[[ae,a(P)]])]),t("div",qe,[t("div",ze,[t("p",Qe,o(e.$t("variant.quantities_table.total_price")),1)]),t("div",Ie,[t("div",De,[v(u,{class:"w-[52px]",width:"52px"}),t("div",null,[v(s,{size:"lg",weight:"medium",class:"!my-0 text-blue-500 line-through"},{default:S(()=>[k(o(("formatCurrency"in e?e.formatCurrency:a(_))(a(m).pack,!1)),1)]),_:1}),v(s,{size:"sm",class:"!my-0 text-blue-500 line-through"},{default:S(()=>[k(o(("formatCurrency"in e?e.formatCurrency:a(_))(a(m).per_piece,!1,!1))+" "+o(e.$t("common.per_piece")),1)]),_:1})])]),t("div",null,[v(s,{size:"lg",weight:"bold",class:"!my-0"},{default:S(()=>[k(o(("formatCurrency"in e?e.formatCurrency:a(_))(a(m).pack)),1)]),_:1}),v(s,{size:"sm",class:"!my-0"},{default:S(()=>[k(o(("formatCurrency"in e?e.formatCurrency:a(_))(a(m).per_piece))+" "+o(e.$t("common.per_piece")),1)]),_:1})])])])])}}});export{Ue as _};