@dropins/tools 1.0.0-alpha2 → 1.0.0-alpha4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/chunks/deviceUtils.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
var
|
|
4
|
-
`)};var Ze=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,he=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,K=/[\s\n\\/='"\0<>]/,be=/^xlink:?./,Be=/["&<]/;function
|
|
5
|
-
`)!==-1||String(e).indexOf("<")!==-1},fe={},Ge=/([A-Z])/g;function me(e){var t="";for(var r in e){var n=e[r];n!=null&&n!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:fe[r]||(fe[r]=r.replace(Ge,"-$1").toLowerCase()),t=typeof n=="number"&&Ze.test(r)===!1?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function ee(e,t){return Array.isArray(t)?t.reduce(ee,e):t!=null&&t!==!1&&e.push(t),e}function de(){this.__d=!0}function we(e,t){return{__v:e,context:t,props:e.props,setState:de,forceUpdate:de,__d:!0,__h:[]}}function Z(e,t){var r=e.contextType,n=r&&t[r.__c];return r!=null?n?n.props.value:r.__:t}var I=[];function F(e,t,r,n,s,
|
|
6
|
-
`),
|
|
7
|
-
`)?
|
|
8
|
-
`)&&(
|
|
9
|
-
`):
|
|
10
|
-
`+
|
|
11
|
-
`),re=!1,G=0;G<L.length;G++){var X=L[G];if(X!=null&&X!==!1){var N=F(X,t,r,!0,
|
|
12
|
-
`+
|
|
13
|
-
`)&&(
|
|
14
|
-
`),
|
|
3
|
+
var je=Object.defineProperty;var xe=(e,t,r)=>t in e?je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var ie=(e,t,r)=>xe(e,typeof t!="symbol"?t+"":t,r);import{g as Ae}from"./image-params-keymap.js";import{jsx as S}from"../preact-jsx-runtime.js";import{l as y,_ as ye,k as V,G as Me,B as se}from"./icons/Add.js";import{signal as ae}from"../signals.js";const Se=e=>e.reduce((r,n)=>{if(!n)return r;if(typeof n=="string"&&(r+=` ${n}`),Array.isArray(n)){const[s,d]=n;s&&d&&(r+=` ${s}`)}return r},"").trim();function Ee(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $e=function(t){return Ce(t)&&!Ne(t)};function Ce(e){return!!e&&typeof e=="object"}function Ne(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||Le(e)}var Pe=typeof Symbol=="function"&&Symbol.for,Te=Pe?Symbol.for("react.element"):60103;function Le(e){return e.$$typeof===Te}function De(e){return Array.isArray(e)?[]:{}}function W(e,t){return t.clone!==!1&&t.isMergeableObject(e)?D(De(e),e,t):e}function Fe(e,t,r){return e.concat(t).map(function(n){return W(n,r)})}function Ue(e,t){if(!t.customMerge)return D;var r=t.customMerge(e);return typeof r=="function"?r:D}function qe(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function oe(e){return Object.keys(e).concat(qe(e))}function ve(e,t){try{return t in e}catch{return!1}}function Ve(e,t){return ve(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function We(e,t,r){var n={};return r.isMergeableObject(e)&&oe(e).forEach(function(s){n[s]=W(e[s],r)}),oe(t).forEach(function(s){Ve(e,s)||(ve(e,s)&&r.isMergeableObject(t[s])?n[s]=Ue(s,r)(e[s],t[s],r):n[s]=W(t[s],r))}),n}function D(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||Fe,r.isMergeableObject=r.isMergeableObject||$e,r.cloneUnlessOtherwiseSpecified=W;var n=Array.isArray(t),s=Array.isArray(e),d=n===s;return d?n?r.arrayMerge(e,t,r):We(e,t,r):W(t,r)}D.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,s){return D(n,s,r)},{})};var ke=D,ze=ke;const nt=Ee(ze),it=(e,t)=>{let r;return function(...n){clearTimeout(r),r=setTimeout(()=>e.apply(this,n),t)}},le={medium:768,large:1024,xlarge:1366,xxlarge:1920},Ke=(e,t)=>{const[r,n]=e.split("?"),s=new URLSearchParams(n),d=Ae(),g=d&&Object.keys(d)||[];let f={},b={...d};return(g==null?void 0:g.length)>0&&t?f=Object.entries(t).reduce((_,[h,l])=>{const o=d[h];if(typeof o=="string")_[o]=l;else if(typeof o=="function"){const[O,w]=o(l);_[O]=w}return delete b[h],_},{}):f={auto:"webp",quality:80,crop:!1,fit:"cover",...t},Object.entries(b).forEach(([,_])=>{if(typeof _=="function"){const[h,l]=_(void 0);f[h]=l}}),Object.entries(f).forEach(([_,h])=>{h!=null&&s.set(_,String(h))}),`${r}?${s.toString()}`},st=(e,t)=>{if(!e||!(t!=null&&t.width))return;const r=n=>Ke(e,{...n});return Object.entries(le).map(([,n])=>{const s=t.width*n/le.xxlarge;return`${r({...t,width:s})} ${n}w`}).join(`,
|
|
4
|
+
`)};var Ze=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,he=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,K=/[\s\n\\/='"\0<>]/,be=/^xlink:?./,Be=/["&<]/;function q(e){if(Be.test(e+="")===!1)return e;for(var t=0,r=0,n="",s="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:s=""";break;case 38:s="&";break;case 60:s="<";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=s,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var ce=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||" "))},ue=function(e,t,r){return String(e).length>40||String(e).indexOf(`
|
|
5
|
+
`)!==-1||String(e).indexOf("<")!==-1},fe={},Ge=/([A-Z])/g;function me(e){var t="";for(var r in e){var n=e[r];n!=null&&n!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:fe[r]||(fe[r]=r.replace(Ge,"-$1").toLowerCase()),t=typeof n=="number"&&Ze.test(r)===!1?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function ee(e,t){return Array.isArray(t)?t.reduce(ee,e):t!=null&&t!==!1&&e.push(t),e}function de(){this.__d=!0}function we(e,t){return{__v:e,context:t,props:e.props,setState:de,forceUpdate:de,__d:!0,__h:[]}}function Z(e,t){var r=e.contextType,n=r&&t[r.__c];return r!=null?n?n.props.value:r.__:t}var I=[];function F(e,t,r,n,s,d){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":q(e);var g=r.pretty,f=g&&typeof g=="string"?g:" ";if(Array.isArray(e)){for(var b="",_=0;_<e.length;_++)g&&_>0&&(b+=`
|
|
6
|
+
`),b+=F(e[_],t,r,n,s,d);return b}if(e.constructor!==void 0)return"";var h,l=e.type,o=e.props,O=!1;if(typeof l=="function"){if(O=!0,!r.shallow||!n&&r.renderRootComponent!==!1){if(l===V){var w=[];return ee(w,e.props.children),F(w,t,r,r.shallowHighOrder!==!1,s,d)}var v,i=e.__c=we(e,t);y.__b&&y.__b(e);var P=y.__r;if(l.prototype&&typeof l.prototype.render=="function"){var E=Z(l,t);(i=e.__c=new l(o,E)).__v=e,i._dirty=i.__d=!0,i.props=o,i.state==null&&(i.state={}),i._nextState==null&&i.__s==null&&(i._nextState=i.__s=i.state),i.context=E,l.getDerivedStateFromProps?i.state=Object.assign({},i.state,l.getDerivedStateFromProps(i.props,i.state)):i.componentWillMount&&(i.componentWillMount(),i.state=i._nextState!==i.state?i._nextState:i.__s!==i.state?i.__s:i.state),P&&P(e),v=i.render(i.props,i.state,i.context)}else for(var C=Z(l,t),T=0;i.__d&&T++<25;)i.__d=!1,P&&P(e),v=l.call(e.__c,o,C);return i.getChildContext&&(t=Object.assign({},t,i.getChildContext())),y.diffed&&y.diffed(e),F(v,t,r,r.shallowHighOrder!==!1,s,d)}l=(h=l).displayName||h!==Function&&h.name||function(J){var Q=(Function.prototype.toString.call(J).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!Q){for(var z=-1,R=I.length;R--;)if(I[R]===J){z=R;break}z<0&&(z=I.push(J)-1),Q="UnnamedComponent"+z}return Q}(h)}var x,j,p="<"+l;if(o){var m=Object.keys(o);r&&r.sortAttributes===!0&&m.sort();for(var $=0;$<m.length;$++){var a=m[$],u=o[a];if(a!=="children"){if(!K.test(a)&&(r&&r.allAttributes||a!=="key"&&a!=="ref"&&a!=="__self"&&a!=="__source")){if(a==="defaultValue")a="value";else if(a==="defaultChecked")a="checked";else if(a==="defaultSelected")a="selected";else if(a==="className"){if(o.class!==void 0)continue;a="class"}else s&&be.test(a)&&(a=a.toLowerCase().replace(/^xlink:?/,"xlink:"));if(a==="htmlFor"){if(o.for)continue;a="for"}a==="style"&&u&&typeof u=="object"&&(u=me(u)),a[0]==="a"&&a[1]==="r"&&typeof u=="boolean"&&(u=String(u));var c=r.attributeHook&&r.attributeHook(a,u,t,r,O);if(c||c==="")p+=c;else if(a==="dangerouslySetInnerHTML")j=u&&u.__html;else if(l==="textarea"&&a==="value")x=u;else if((u||u===0||u==="")&&typeof u!="function"){if(!(u!==!0&&u!==""||(u=a,r&&r.xml))){p=p+" "+a;continue}if(a==="value"){if(l==="select"){d=u;continue}l==="option"&&d==u&&o.selected===void 0&&(p+=" selected")}p=p+" "+a+'="'+q(u)+'"'}}}else x=u}}if(g){var A=p.replace(/\n\s*/," ");A===p||~A.indexOf(`
|
|
7
|
+
`)?g&&~p.indexOf(`
|
|
8
|
+
`)&&(p+=`
|
|
9
|
+
`):p=A}if(p+=">",K.test(l))throw new Error(l+" is not a valid HTML tag name in "+p);var L,Oe=he.test(l)||r.voidElements&&r.voidElements.test(l),M=[];if(j)g&&ue(j)&&(j=`
|
|
10
|
+
`+f+ce(j,f)),p+=j;else if(x!=null&&ee(L=[],x).length){for(var B=g&&~p.indexOf(`
|
|
11
|
+
`),re=!1,G=0;G<L.length;G++){var X=L[G];if(X!=null&&X!==!1){var N=F(X,t,r,!0,l==="svg"||l!=="foreignObject"&&s,d);if(g&&!B&&ue(N)&&(B=!0),N)if(g){var ne=N.length>0&&N[0]!="<";re&&ne?M[M.length-1]+=N:M.push(N),re=ne}else M.push(N)}}if(g&&B)for(var Y=M.length;Y--;)M[Y]=`
|
|
12
|
+
`+f+ce(M[Y],f)}if(M.length||j)p+=M.join("");else if(r&&r.xml)return p.substring(0,p.length-1)+" />";return!Oe||L||j?(g&&~p.indexOf(`
|
|
13
|
+
`)&&(p+=`
|
|
14
|
+
`),p=p+"</"+l+">"):p=p.replace(/>$/," />"),p}var Xe={shallow:!0};k.render=k;var Ye=function(e,t){return k(e,t,Xe)},pe=[];function k(e,t,r){t=t||{};var n=y.__s;y.__s=!0;var s,d=ye(V,null);return d.__k=[e],s=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?F(e,t,r):U(e,t,!1,void 0,d),y.__c&&y.__c(e,pe),y.__s=n,pe.length=0,s}function H(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?ye(null,null,e):e}function Je(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&be.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Qe(e,t){return e==="style"&&t!=null&&typeof t=="object"?me(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var _e=Array.isArray,ge=Object.assign;function U(e,t,r,n,s){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":q(e);if(_e(e)){var d="";s.__k=e;for(var g=0;g<e.length;g++)d+=U(e[g],t,r,n,s),e[g]=H(e[g]);return d}if(e.constructor!==void 0)return"";e.__=s,y.__b&&y.__b(e);var f=e.type,b=e.props;if(typeof f=="function"){var _;if(f===V)_=b.children;else{_=f.prototype&&typeof f.prototype.render=="function"?function(m,$){var a=m.type,u=Z(a,$),c=new a(m.props,u);m.__c=c,c.__v=m,c.__d=!0,c.props=m.props,c.state==null&&(c.state={}),c.__s==null&&(c.__s=c.state),c.context=u,a.getDerivedStateFromProps?c.state=ge({},c.state,a.getDerivedStateFromProps(c.props,c.state)):c.componentWillMount&&(c.componentWillMount(),c.state=c.__s!==c.state?c.__s:c.state);var A=y.__r;return A&&A(m),c.render(c.props,c.state,c.context)}(e,t):function(m,$){var a,u=we(m,$),c=Z(m.type,$);m.__c=u;for(var A=y.__r,L=0;u.__d&&L++<25;)u.__d=!1,A&&A(m),a=m.type.call(u,m.props,c);return a}(e,t);var h=e.__c;h.getChildContext&&(t=ge({},t,h.getChildContext()))}var l=U(_=_!=null&&_.type===V&&_.key==null?_.props.children:_,t,r,n,e);return y.diffed&&y.diffed(e),e.__=void 0,y.unmount&&y.unmount(e),l}var o,O,w="<";if(w+=f,b)for(var v in o=b.children,b){var i=b[v];if(!(v==="key"||v==="ref"||v==="__self"||v==="__source"||v==="children"||v==="className"&&"class"in b||v==="htmlFor"&&"for"in b||K.test(v))){if(i=Qe(v=Je(v,r),i),v==="dangerouslySetInnerHTML")O=i&&i.__html;else if(f==="textarea"&&v==="value")o=i;else if((i||i===0||i==="")&&typeof i!="function"){if(i===!0||i===""){i=v,w=w+" "+v;continue}if(v==="value"){if(f==="select"){n=i;continue}f!=="option"||n!=i||"selected"in b||(w+=" selected")}w=w+" "+v+'="'+q(i)+'"'}}}var P=w;if(w+=">",K.test(f))throw new Error(f+" is not a valid HTML tag name in "+w);var E="",C=!1;if(O)E+=O,C=!0;else if(typeof o=="string")E+=q(o),C=!0;else if(_e(o)){e.__k=o;for(var T=0;T<o.length;T++){var x=o[T];if(o[T]=H(x),x!=null&&x!==!1){var j=U(x,t,f==="svg"||f!=="foreignObject"&&r,n,e);j&&(E+=j,C=!0)}}}else if(o!=null&&o!==!1&&o!==!0){e.__k=[H(o)];var p=U(o,t,f==="svg"||f!=="foreignObject"&&r,n,e);p&&(E+=p,C=!0)}if(y.diffed&&y.diffed(e),e.__=void 0,y.unmount&&y.unmount(e),C)w+=E;else if(he.test(f))return P+" />";return w+"</"+f+">"}k.shallowRender=Ye;const Re=Me(null);class at{constructor(t){ie(this,"_provider");this._provider=t}render(t,r){return async n=>{var l;if(!t)throw new Error("Component is not defined");if(!n)throw new Error("Root element is not defined");const s=await((l=t.getInitialData)==null?void 0:l.call(t,r))??{},d=ae({...r}),g=ae(new Set),f=this._provider,b=({next:o})=>S(Re.Provider,{value:g,children:S(te,{node:f,...f.props,children:S(t,{...o.value,initialData:s})})});n.innerHTML="";const _=document.createElement("div");n.classList.add("dropin-design"),se(S(b,{next:d}),_);const h={remove:()=>{se(null,_)},setProps:o=>{const O=o(d.peek());d.value=O}};return new Promise(o=>{g.subscribe(O=>{if(O.size===0)return n.classList.add("dropin-design"),n.appendChild(_.firstChild??_),o(h)})})}}unmount(t){var r;if(!t)throw new Error("Root element is not defined");(r=t.firstChild)==null||r.remove()}async toString(t,r,n){var d;if(!t)throw new Error("Component is not defined");const s=await((d=t.getInitialData)==null?void 0:d.call(t,r))??{};return k(S(te,{node:this._provider,...this._provider.props,children:S(t,{...r,initialData:s})}),{},{...n})}}function te({node:e,...t}){return e?Array.isArray(e)?S(V,{children:e.map((r,n)=>S(te,{node:r,className:t.className,...t},n))}):(t.className=Se([e.props.className,t.className]),S(e.type,{ref:e.ref,...e.props,...t},e.key)):null}const ot=e=>typeof e=="number",lt=()=>{const e=navigator.userAgent.toLowerCase(),t=/ipad|iphone|ipod/.test(e),r=e.includes("mac")&&"ontouchend"in document;return t||r};export{at as R,Re as S,te as V,it as a,lt as b,Se as c,nt as d,st as g,ot as i};
|
package/chunks/icons/GiftCard.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{_ as
|
|
3
|
+
import{_ as t}from"./Add.js";const r=C=>t("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...C},t("path",{d:"M22 12.8571V6.75774C22 6.33761 21.5848 6 21.0884 6H2.91155C2.40614 6 2 6.34511 2 6.75774V12.8571M22 12.8571H2M22 12.8571V17.0049C22 17.5468 21.5939 18 21.0884 18H2.91155C2.41516 18 2 17.5567 2 17.0049V12.8571M5.18182 16.0886L8.64545 12.8229M8.64545 12.8229L12.1087 16.0886M8.64545 12.8229C8.64545 12.8229 8.09964 10.4743 7.56328 9.96857C7.02692 9.46286 6.15419 9.46286 5.61783 9.96857C5.08146 10.4743 5.08146 11.2971 5.61783 11.8029C6.15419 12.3086 8.64545 12.8229 8.64545 12.8229ZM8.64545 12.8229C8.64545 12.8229 11.1542 12.2914 11.6905 11.7857C12.2269 11.28 12.2269 10.4571 11.6905 9.95141C11.1542 9.4457 10.2814 9.4457 9.74507 9.95141C9.2087 10.4571 8.64545 12.8229 8.64545 12.8229ZM8.64506 17.2886V6.70286",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}));export{r as default};
|
package/components.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as o,R as fe,a as le,V as y,b as ee,g as ve,i as Ne}from"./chunks/deviceUtils.js";import{G as ge,T as M,k as F,F as N,L as we,h as A,q as T,S as K,A as U,g as ke,y as V,_ as ye,N as de,E as Ie,x as xe}from"./chunks/icons/Add.js";import{IntlProvider as De,Localizer as te,Text as Z,useText as D}from"./i18n.js";import j from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import $e from"./chunks/icons/WarningWithCircle.js";import Se from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Le from"./chunks/icons/Eye.js";import Pe from"./chunks/icons/EyeClose.js";import ce from"./chunks/icons/Check.js";import z from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Oe from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ce={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},re={Dropin:Ce},ne={default:re,en_US:re},Ae=i=>J(ne.default,ne[i]||{}),ie=1,q=({className:i,fullWidth:r=!1,lines:n=ie,size:t="small",variant:a="row",children:s=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${a}`,a],[`dropin-skeleton-row__${a}-${t}`,a&&t]];if(!s&&a==="empty")return e("div",{className:o(["dropin-skeleton-row dropin-skeleton-row__empty",i])});if(s){const h=s.trim();return e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],i]),dangerouslySetInnerHTML:{__html:h}})}return n>ie===!1?e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,i])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:o(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],i]),children:Array.from({length:n}).map((h,c)=>e("div",{class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},c))})},Ve=({className:i,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:o(["dropin-skeleton",i]),role:"status","aria-label":"Loading...",children:r}),pe=ge({locale:"en-US"}),Re=({lang:i="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const s=J(r.default,r[i]??{});return J(Ae(i),s)},[i,r]),a=i.replace("_","-");return e(pe.Provider,{value:{locale:a},children:e(De,{definition:t,children:e(F,{children:n})})})},ft=new fe(e(Re,{})),Be=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(i){return"/"+i},ae={},g=function(r,n,t){let a=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),d=(l==null?void 0:l.nonce)||(l==null?void 0:l.getAttribute("nonce"));a=Promise.allSettled(n.map(_=>{if(_=Fe(_),_ in ae)return;ae[_]=!0;const m=_.endsWith(".css"),h=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${_}"]${h}`))return;const c=document.createElement("link");if(c.rel=m?"stylesheet":Be,m||(c.as="script"),c.crossOrigin="",c.href=_,d&&c.setAttribute("nonce",d),document.head.appendChild(c),m)return new Promise((p,u)=>{c.addEventListener("load",p),c.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}function s(l){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=l,window.dispatchEvent(d),!d.defaultPrevented)throw l}return a.then(l=>{for(const d of l||[])d.status==="rejected"&&s(d.reason);return r().catch(s)})},He={Add:N(()=>g(()=>import("./chunks/icons/Add.js").then(i=>i.$),[])),Bulk:N(()=>g(()=>import("./chunks/icons/Bulk.js"),[])),Burger:N(()=>g(()=>import("./chunks/icons/Burger.js"),[])),Cart:N(()=>g(()=>import("./chunks/icons/Cart.js"),[])),Check:N(()=>g(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:N(()=>g(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:N(()=>g(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:N(()=>g(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:N(()=>g(()=>import("./chunks/icons/Close.js"),[])),Heart:N(()=>g(()=>import("./chunks/icons/Heart.js"),[])),Minus:N(()=>g(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:N(()=>g(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:N(()=>g(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:N(()=>g(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:N(()=>g(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:N(()=>g(()=>import("./chunks/icons/Sort.js"),[])),Star:N(()=>g(()=>import("./chunks/icons/Star.js"),[])),View:N(()=>g(()=>import("./chunks/icons/View.js"),[])),User:N(()=>g(()=>import("./chunks/icons/User.js"),[])),Warning:N(()=>g(()=>import("./chunks/icons/Warning.js"),[])),Locker:N(()=>g(()=>import("./chunks/icons/Locker.js"),[])),Wallet:N(()=>g(()=>import("./chunks/icons/Wallet.js"),[])),Card:N(()=>g(()=>import("./chunks/icons/Card.js"),[])),Order:N(()=>g(()=>import("./chunks/icons/Order.js"),[])),Delivery:N(()=>g(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:N(()=>g(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:N(()=>g(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:N(()=>g(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:N(()=>g(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:N(()=>g(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:N(()=>g(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:N(()=>g(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:N(()=>g(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:N(()=>g(()=>import("./chunks/icons/Trash.js"),[])),Eye:N(()=>g(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:N(()=>g(()=>import("./chunks/icons/EyeClose.js"),[])),Date:N(()=>g(()=>import("./chunks/icons/Date.js"),[])),AddressBook:N(()=>g(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:N(()=>g(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:N(()=>g(()=>import("./chunks/icons/Coupon.js"),[])),Gift:N(()=>g(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:N(()=>g(()=>import("./chunks/icons/GiftCard.js"),[]))};function L({source:i,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:a,...s}){const l=typeof i=="string"?He[i]:null,d={className:o(["dropin-icon",`dropin-icon--shape-stroke-${n}`,a]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...s,...d}),children:l?e(l,{...s,...d}):e(i,{...s,...d})})}const qe=({name:i,value:r="1",className:n,disabled:t,error:a,success:s,min:l,max:d,onValue:_,onUpdateError:m,size:h="medium",...c})=>{const[p,u]=A(Number(r)),f=Number(l),b=Number(d),v=a||p<f||p>b,w=p<f?"Dropin.Incrementer.minQuantityMessage":p>b?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",I=T(le(async $=>{if(_)try{_($)}catch(k){m&&m(k)}},200),[_,m]),E=$=>{let k=$;I(k),u(k)};return e("div",{className:o(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:o(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",s],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(p-1),disabled:t||p<f+1,"aria-label":e(Z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(L,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:i,value:p,disabled:t,onBlur:()=>{E(Number(p))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...c}),e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(p+1),disabled:t||p>b-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},_e=({name:i,value:r,variant:n="primary",className:t,disabled:a,error:s,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:h,maxLength:c,success:p,...u})=>{const f=(u==null?void 0:u.id)||i||`dropin-input-${Math.random().toString(36)}`,b=T(le(async w=>{if(d)try{await d(w)}catch(I){_&&_(I)}},200),[d,_]),v=w=>{const I=w.target;b(I.value.trim())};return e("div",{className:o(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",a]]),children:[h&&e(y,{node:h,className:o(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:f,onChange:v,type:"text",maxLength:c,name:i,value:r,...u,className:o(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!s],["dropin-input--success",!!p],["dropin-input--disabled",a],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],t]),disabled:a}),l&&e("label",{htmlFor:f,className:o([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!s]]),children:l})]}),s&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:$e,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),p&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},vt=({name:i="",error:r,value:n,label:t,onChange:a,onBlur:s,...l})=>{const[d,_]=A((n==null?void 0:n.toString())??""),m=U(null),h=D({picker:"Dropin.InputDate.picker"}),c=T(b=>{b.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),p=T(b=>{var w;const v=(w=b.currentTarget.parentElement)==null?void 0:w.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),u=T(b=>{b.currentTarget.setAttribute("type","text"),s==null||s(b)},[s]),f=T(b=>{_(b.target.value),a==null||a(b)},[a]);return e("div",{className:o(["dropin-input-date"]),children:[ee()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:f}):null,e(ue,{error:r,children:e(_e,{"data-testid":"input-date",error:!!r,name:i,value:d,placeholder:t,floatingLabel:t,onFocus:c,onBlur:u,onChange:f,"aria-labelledby":t,className:"dropin-input-date__input",...l})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:p,children:e(L,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:i=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const a=D({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),s=l=>{switch(l){case 2:return a.chartTwoSymbols;case 3:return a.chartThreeSymbols;case 4:return a.chartFourSymbols;default:return""}};return e("div",{className:o(["dropin-password-status-indicator"]),children:[i>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[oe[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[oe[n],e("span",{className:"pending",children:s(r)})]}):null]})},Nt=({placeholder:i,floatingLabel:r,children:n,name:t,required:a,className:s,minLength:l,autoComplete:d,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:h,validateLengthConfig:c,requiredCharacterClasses:p,errorMessage:u,onValue:f,onBlur:b,...v})=>{const w=D({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[I,E]=A(!1),$=T(()=>{E(P=>!P)},[]),k=I?w.buttonHideTitle:w.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:o(["dropin-input-password",["dropin-input-password--error",u],s]),...v,children:[e(ue,{error:u,children:e(_e,{autoComplete:d,name:t??"password",type:I?"text":"password",placeholder:i||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":a||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:a||!1,value:_,onValue:f,icon:e(Te,{}),onBlur:b,"data-testid":"passwordInput"})}),e(B,{"aria-label":k,title:k,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:o(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,s]),onClick:$,children:e(L,{focusable:!1,"aria-hidden":I,source:I?Le:Pe})}),m?null:e(Me,{minLength:l,requiredCharacterClasses:p,validateLengthConfig:c,uniqueSymbolsStatus:h}),n]})},gt=({disabled:i,name:r="",errorMessage:n,value:t,label:a,className:s,onChange:l,onBlur:d,..._})=>{const m=U(null),h=ke(),c=!!(n!=null&&n.length);return V(()=>{const p=m.current;p&&(p.style.height="auto",p.style.height=`${p.scrollHeight}px`)},[t]),e("div",{className:o(["dropin-textarea-container",s]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:o(["dropin-textarea",["dropin-textarea--error",c],["dropin-textarea--disabled",!!i]]),id:h,placeholder:a,name:r,value:t,disabled:i,onBlur:d,onChange:l,..._}),e("label",{htmlFor:h,className:o(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",c]]),children:a}),c?e("div",{className:o(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",c]]),children:n}):null]})},Ge=({className:i,src:r,params:n,loading:t="lazy",srcSet:a,onLoad:s,...l})=>{const[d,_]=A(!1),m=M(()=>{if(a)return a;if(!(!r||!n))return ve(r,{...n})},[n,r,a]),h=c=>{_(!0),s==null||s(c)};return e("img",{...l,className:o(["dropin-image",["dropin-image--loaded",d],i]),loading:t,onLoad:h,src:r,srcSet:m})},me=({variant:i="primary",className:r})=>e("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${i}`,r])});var We={};const R=({amount:i=0,currency:r,locale:n=We.LOCALE??void 0,variant:t="default",weight:a="bold",className:s,children:l,sale:d=!1,formatOptions:_={},size:m="small",...h})=>{const c=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),p=M(()=>c.format(i),[i,c]);return e("span",{...h,className:o(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${a}`,["dropin-price--sale",d],s]),children:p})},Ke=({name:i,label:r,value:n,size:t="medium",checked:a=!1,disabled:s=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:h,...c})=>e("label",{className:o([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",s]]),children:[e("input",{name:i,value:n,checked:a,disabled:s,type:"radio",className:o(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",s]]),"aria-busy":_,...c}),e("span",{className:o(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",s]]),children:r}),e("span",{className:o(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",s]]),children:d})]}),B=({value:i,variant:r="primary",size:n="medium",icon:t,className:a,children:s,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:h,...c})=>{let p="dropin-button";(t&&!s||t&&d&&!_||!t&&d&&m)&&(p="dropin-iconButton"),d&&_&&(p="dropin-button"),a=o([p,`${p}--${n}`,`${p}--${r}`,[`${p}--${r}--disabled`,l],s&&t&&`${p}--with-icon`,!s&&_&&t&&`${p}--with-icon`,d&&m&&`${p}--with-icon`,a]);const u=o(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,l],t==null?void 0:t.props.className]),f=h?{node:e("a",{}),role:"link",href:h,...c,disabled:l,active:d,onKeyDown:b=>{l&&b.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...c,value:i,disabled:l,active:d};return e(y,{...f,className:a,children:[t&&!d&&e(y,{node:t,className:u}),m&&d&&e(y,{node:m,className:u}),s&&!d&&(typeof s=="string"?e("span",{children:s}):s),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(i,r,n,t,a){return i||(r?r.value:n||t?"":a?a.value:null)}const Ue=({name:i,value:r=null,options:n,variant:t="primary",floatingLabel:a,size:s="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:h,icon:c,className:p,...u})=>{const f=(u==null?void 0:u.id)||i||`dropin-picker-${Math.random().toString(36)}`,b=!!(u!=null&&u.required),v=n==null?void 0:n.find(O=>!O.disabled),[w,I]=A(()=>se(r,h,m,a,v));V(()=>{I(se(r,h,m,a,v))},[r,h,m,a,v]);const E=O=>{const{options:x,value:S}=O.target;for(const G of x)G.selected&&(I(S),l(O))},$=n==null?void 0:n.map(O=>{const{value:x,text:S,disabled:G}=O;return e("option",{value:x,selected:x===w,disabled:G,className:o(["dropin-picker__option"]),children:S},x)}),k=!!w,P=()=>(!b||!k)&&(a||m);return e("div",{className:o([p,"dropin-picker",`dropin-picker__${s}`,["dropin-picker__floating",!!a],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",c]]),children:[c&&e(c.type,{...c.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:o(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${s}`,["dropin-picker__select--floating",!!a]]),name:i,"aria-label":i,disabled:d,onChange:E,...u,children:[P()&&e("option",{selected:!k,value:"",className:o(["dropin-picker__option dropin-picker__placeholder"]),children:a??m},r),$]}),e(L,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),a&&k&&e("label",{htmlFor:f,className:o(["dropin-picker__floatingLabel",!!a]),children:a})]})},ue=({className:i,label:r,error:n,hint:t,success:a,size:s="medium",disabled:l=!1,children:d,..._})=>{var c;const m=((c=d==null?void 0:d.props)==null?void 0:c.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:o(["dropin-field",i]),children:[r&&e("label",{className:o(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${s}`]),htmlFor:m,children:r}),e("div",{className:o(["dropin-field__content"]),children:h&&d&&ye(h,{...d.props,id:m,key:d.key,disabled:l,size:s,error:!!n,success:!!a&&!n})}),e("div",{className:o(["dropin-field__hint",[`dropin-field__hint--${s}`,s],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!a&&!n],["dropin-field__hint--disabled",!!l]]),children:n||a||t})]})},wt=({icon:i,className:r,children:n,active:t=!1,disabled:a=!1,...s})=>e("button",{role:"button",disabled:a,...s,className:o(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",a],r]),children:[i&&e(y,{node:i,className:o(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),kt=({className:i,variant:r="primary",activeOption:n,disabled:t=!1,dividers:a=!0,children:s,handleSelect:l,...d})=>{const[_,m]=A(n),h=T(p=>{t||p.props.disabled||(m(p.props.value),l&&l(p.props.value))},[l,m,t]),c=de.map(s,p=>{const u=t||p.props.disabled,f=p.props.value===_;return Ie(p,{disabled:u,active:f,onClick:()=>h(p),className:o(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",f],["dropin-action-button-group__option--with-dividers",a]])})});return e("div",{role:"group",...d,className:o(["dropin-action-button-group",`dropin-action-button-group--${r}`,i]),children:c})},je=({variant:i="primary",className:r,children:n,...t})=>e("div",{...t,className:o(["dropin-card",`dropin-card--${i}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),yt=({name:i,value:r,size:n="medium",disabled:t=!1,error:a=!1,label:s="",description:l="",className:d,checked:_,...m})=>{const[h,c]=A(_===void 0?!1:_),p=U(null),u=b=>{var v;(v=m.onChange)==null||v.call(m,b),c(b.currentTarget.checked)},f=b=>{var v;b.key===" "&&(b.preventDefault(),(v=p==null?void 0:p.current)==null||v.click())};return V(()=>{typeof _=="boolean"&&c(_)},[_]),e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:p,name:i,value:r,type:"checkbox",disabled:t,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",a],d]),...m,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${i}-label`,"aria-describedby":l?`${i}-description`:void 0,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",a],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:f,children:e(L,{className:o(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})})]}),e("div",{id:`${i}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:s}),e("div",{}),l&&e("div",{id:`${i}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:l})]})},It=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...f})=>{const b=D("Dropin.Swatches.outOfStock.label").label,v=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=T(async x=>{if(p)try{await p(x)}catch(S){u&&u(S)}},[p,u]),E=x=>{const S=x.target;I(S.value)},P=d&&(x=>{const S=new Option().style;return S.color=x,S.color!==""})(d)?d:"var(--color-gray-300);",O=()=>h?`${s}: ${a} ${b}`:m?`${s}: ${a} ${v}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":O(),checked:m,disabled:_,onChange:E,...f,className:o(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],i])}),e("span",{style:{"--bg-color":P},className:o(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],i])})]})},xt=({className:i,name:r,value:n,label:t,groupAriaLabel:a,id:s,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:c,...p})=>{const u=D("Dropin.Swatches.outOfStock.label").label,f=D("Dropin.Swatches.selected.label").label,b=D("Dropin.Swatches.swatch.label").label,[v,w]=A(!1),I=U(null),E=T(async P=>{if(h)try{await h(P)}catch(O){c&&c(O)}},[h,c]),$=P=>{const O=P.target;E(O.value)},k=()=>_?`${a}: ${t} ${u}`:d?`${a}: ${t} ${f}`:`${a}: ${t} ${b}`;return V(()=>{I.current&&I.current.scrollWidth>I.current.clientWidth&&w(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:s,value:n,"aria-label":k(),checked:d,disabled:l,onChange:$,...p,className:o(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],i])}),e("label",{htmlFor:s,ref:I,className:o(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],i]),children:t})]})},ze=({ariaLabel:i,size:r="small",stroke:n="4",children:t,className:a,style:s,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=D({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>i||(t?_.updatingChildren:_.updating);return t?e("div",{...l,className:o(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:o(["dropin-progress-spinner-background",a]),style:s}),e("div",{className:o(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:o([a,...d]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...f})=>{const b=D("Dropin.Swatches.outOfStock.label").label,v=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=T(async k=>{if(p)try{await p(k)}catch(P){u&&u(P)}},[p,u]),E=k=>{const P=k.target;I(P.value)},$=()=>h?`${s}: ${a} ${b}`:m?`${s}: ${a} ${v}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-image-swatch__container",i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...f,className:o(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],i])}),e("span",{className:o(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],i]),children:e(Ge,{src:l,className:o(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},Ze=({className:i,children:r,title:n,secondaryText:t,actionIconPosition:a="left",iconOpen:s=K,iconClose:l=j,iconLeft:d=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:h,onStateChange:c,...p})=>{const[u,f]=A(!1),b=$=>{$.stopImmediatePropagation();const k=!u;f(k),c==null||c(k)};V(()=>{typeof h<"u"&&f(h)},[h]);const v=D(`Dropin.Accordion.${u?"close":"open"}.label`).label,w=e(L,{source:s,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),I=e(L,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),E=e(L,{source:d,size:"24"});return e("div",{...p,className:o(["dropin-accordion-section",i]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${v} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[a==="left"&&(u?I:w),_&&E,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[t&&e("h4",{className:"dropin-accordion-section__secondary-text",children:t}),a==="right"&&(u?I:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:u?"grid":"none"},children:(u||m&&!u)&&r})]})},Et=({className:i,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:a=j,...s})=>{const l=e(me,{variant:"secondary"}),d=_=>e(F,{children:[e(Ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:a}),l]});return e("div",{...s,className:o(["dropin-accordion",i]),children:[l,...(Array.isArray(r)?r:[r]).map(d)]})},$t=({variant:i="primary",className:r,type:n="warning",additionalActions:t,onDismiss:a,heading:s,description:l,icon:d,itemList:_,actionButtonPosition:m,...h})=>{var p,u,f;const c=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:o(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${i}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(y,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:s})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[t&&(m==="top"||!m&&t.length<=1)&&e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(p=t[0])==null?void 0:p.onClick:void 0,"aria-label":(u=t[0])==null?void 0:u.label,children:(f=t[0])==null?void 0:f.label}),a&&e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:a,"aria-label":c.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(y,{node:_,className:o(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(b=>e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},St=({size:i="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:a=!0,escapeToDismiss:s=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...h})=>{const c=T(()=>{l==null||l()},[l]),p=D({modalCloseLabel:"Dropin.Modal.Close.label"});return V(()=>{const u=f=>{const b=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");a&&b&&v&&!v.contains(f.target)&&c()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[c,a]),V(()=>{const u=f=>{f.key==="Escape"&&s&&c()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[c,s]),V(()=>{const u=document.scrollingElement,f=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=f}},[]),e("div",{className:o(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...h,className:o(["dropin-modal__body",[`dropin-modal__body--${i}`,i],_]),children:[e("div",{className:o(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:o(["dropin-modal__header-title-content"]),children:r}),d&&e(B,{"aria-label":p.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:c,icon:e(z,{})})]}),e("div",{className:o(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Tt=({className:i,children:r,ariaLabel:n,image:t,title:a,price:s,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:h,configurations:c,warning:p,alert:u,discount:f,savings:b,quantity:v,description:w,attributes:I,footer:E,loading:$=!1,updating:k=!1,quantityType:P,dropdownOptions:O,onQuantity:x,onRemove:S,...G})=>{var Y,Q;const{locale:W}=xe(pe),C=D({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(Je,{});const he=P==="dropdown"?e(Ue,{className:o(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":C.quantity,disabled:k,variant:"primary",options:O,handleSelect:H=>x==null?void 0:x(Number(H.target.value))}):e(qe,{className:o(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:H=>x==null?void 0:x(Number(H)),name:"quantity","aria-label":C.quantity,disabled:k});return e("div",{...G,className:o(["dropin-cart-item",["dropin-cart-item--updating",k],i]),children:[k&&e(ze,{className:o(["dropin-cart-item__spinner"]),ariaLabel:n?(Y=C.updating)==null?void 0:Y.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(y,{node:t,className:o(["dropin-cart-item__image"])}),a&&e(y,{node:a,className:o(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!x||!!S]])}),w&&e(y,{node:w,className:o(["dropin-cart-item__description"])}),h&&e(y,{node:h,className:o(["dropin-cart-item__sku"])}),e("div",{className:o(["dropin-cart-item__savings__wrapper"]),children:[f&&e(y,{node:f,className:o(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),b&&e(y,{node:b,className:o(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:o(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),c&&e("ul",{className:o(["dropin-cart-item__configurations"]),children:Object.entries(c).map(([H,be])=>e("li",{className:o(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:o(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),s&&e("span",{className:o(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[v&&!x&&e(F,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(W)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",v==null?void 0:v.toLocaleString(W),";"]})]}),e(y,{node:s,role:"text"}),v&&v>1&&e(F,{children:[" ",C.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:o(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!x]]),children:[x?he:v&&e("span",{className:o(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(W)})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert"])}),e("div",{className:o(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:_,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),f&&e(y,{node:f,className:o(["dropin-cart-item__discount"])}),b&&e(y,{node:b,className:o(["dropin-cart-item__savings"])})]}),E&&e("div",{className:o(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),S&&e(B,{"data-testid":"cart-item-remove-button",className:o(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Oe,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Q=C.remove)==null?void 0:Q.replace("{product}",n):C.removeDefault}),disabled:k})]})},Je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ve,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),Lt=({className:i,children:r,...n})=>e("div",{...n,className:o(["dropin-cart-list",i]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,a)=>e("div",{className:"dropin-cart-list__item",children:t},a))})}),Pt=({className:i,children:r,locale:n,currency:t,amount:a,variant:s="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:h,sale:c=!1,...p})=>{const u=M(()=>a||l===d||l&&!d||d&&!l,[a,d,l]);return e("div",{children:u?e("div",{...p,className:o(["dropin-price-range",i]),children:e(R,{amount:a??l??d,currency:t,locale:n,size:_,variant:s,sale:c})}):e("div",{...p,className:o(["dropin-price-range",i]),children:[m==="dash"?e(Xe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="from to"?e(Ye,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="as low as"?e(Qe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null]})})};function Xe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){return e(F,{children:[e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Ye({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__from",`dropin-price-range__from--${s}`]),children:d.from}),e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:o(["dropin-price-range__to",`dropin-price-range__to--${s}`]),children:d.to}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Qe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${s}`]),children:d.asLowAs}),i?e("div",{children:[e(R,{amount:n,currency:t,locale:a,size:s,variant:"strikethrough"}),e(R,{amount:i,currency:t,locale:a,size:s,className:"dropin-price-range__special",sale:!!i&&l})]}):e(R,{amount:r,currency:t,locale:a,size:s})]})}const Ot=({className:i,categories:r,separator:n,...t})=>e(F,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:o(["dropin-breadcrumbs__container",i]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((a,s)=>e("li",{className:o(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",s===r.length-1]]),children:[e(y,{node:a,className:"dropin-breadcrumbs__link"}),!n&&s!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&s!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},s))})})}),Ct=({className:i,variant:r,icon:n,message:t,onDismiss:a,action:s,...l})=>{const d=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:o([i,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(y,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:t,className:o(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[s&&e(B,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:s.onClick,"aria-label":s.label,children:s.label}),e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:a,"aria-label":d.dismiss})]})]})},At=({className:i,icon:r,heading:n,headingLevel:t=2,message:a,action:s,variant:l="secondary",...d})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...d,className:o(["dropin-illustrated-message",i]),children:e(je,{variant:l,children:[r&&e(y,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),a&&e(y,{node:a,className:"dropin-illustrated-message__message"}),s&&e(y,{node:s,className:"dropin-illustrated-message__action"})]})})},Vt=({className:i,label:r,name:n,value:t,selected:a=!0,onChange:s,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:o(["dropin-toggle-button",i,["dropin-toggle-button__selected",a]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ke,{label:"",name:n,value:t,checked:a,onChange:()=>s&&s(t),"aria-label":r,busy:d,className:o([i,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),r]})]})}),Rt=({title:i=null,size:r="medium",cta:n,divider:t=!0,className:a,...s})=>i?e("div",{...s,className:o(["dropin-header-container",a]),"data-testid":"dropin-header-container",children:[e("span",{className:o(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:i}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:o(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Bt=({label:i,className:r,children:n,...t})=>!i&&!n?null:e("div",{...t,className:o(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:i})}),Ft=({className:i,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:a,...s})=>{const l=!!r&&(Array.isArray(r)?r.length>0:!0),d=l?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...s,className:o(["dropin-content-grid",i]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:o(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!l]]),style:d,children:l?r:a})})},Ht=({totalPages:i=10,currentPage:r=1,onChange:n,className:t,...a})=>{const s=D({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=T(()=>{const c=Math.min(r+1,i);n==null||n(c)},[r,n,i]),d=T(()=>{const c=Math.max(r-1,1);n==null||n(c)},[r,n]),_=T(c=>{Ne(c)&&(n==null||n(c))},[n]),m=T((c,p)=>{let u=[];const f=(b,v)=>{for(let w=b;w<=v;w++)u.push({page:w,isActive:w===c,label:w})};return p<=5?f(1,p):c<=2?(f(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),f(p-1,p)):c>=p-3?f(p-4,p):(f(c-1,c),u.push({page:"ellipsis",isActive:!1,label:"..."}),f(p-1,p)),u},[]),h=M(()=>m(r,i),[m,r,i]);return e("div",{...a,className:o(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:d,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:h.map((c,p)=>e("li",{"data-testid":`dropin-pagination_list-item--${c.page}`,className:o(["dropin-pagination_list-item",`dropin-pagination_list-item--${c.page}`,["dropin-pagination_list-item--active",c.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${c.page}`,onClick:()=>_(c.page),children:c.label})},`${c.page}_${p}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":s.forwardButton,disabled:r===i,onClick:l,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:X})})]})};export{Et as Accordion,Ze as AccordionSection,wt as ActionButton,kt as ActionButtonGroup,Ct as AlertBanner,Ot as Breadcrumbs,B as Button,je as Card,Tt as CartItem,Je as CartItemSkeleton,Lt as CartList,yt as Checkbox,It as ColorSwatch,Ft as ContentGrid,me as Divider,ue as Field,Rt as Header,L as Icon,At as IllustratedMessage,Ge as Image,Dt as ImageSwatch,$t as InLineAlert,qe as Incrementer,_e as Input,vt as InputDate,Nt as InputPassword,St as Modal,Ht as Pagination,Ue as Picker,R as Price,Pt as PriceRange,ze as ProgressSpinner,Ke as RadioButton,Ve as Skeleton,q as SkeletonRow,Bt as Tag,gt as TextArea,xt as TextSwatch,Vt as ToggleButton,pe as UIContext,Re as UIProvider,ft as provider};
|
|
3
|
+
import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as o,R as fe,a as le,V as y,b as ee,g as ve,i as Ne}from"./chunks/deviceUtils.js";import{G as ge,T as M,k as F,F as N,L as we,h as A,q as L,S as K,A as U,g as ke,y as V,_ as ye,N as de,E as Ie,x as xe}from"./chunks/icons/Add.js";import{IntlProvider as De,Localizer as te,Text as Z,useText as D}from"./i18n.js";import j from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import $e from"./chunks/icons/WarningWithCircle.js";import Se from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Le from"./chunks/icons/Eye.js";import Pe from"./chunks/icons/EyeClose.js";import ce from"./chunks/icons/Check.js";import z from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Oe from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ce={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},re={Dropin:Ce},ne={default:re,en_US:re},Ae=i=>J(ne.default,ne[i]||{}),ie=1,q=({className:i,fullWidth:r=!1,lines:n=ie,size:t="small",variant:a="row",children:s=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${a}`,a],[`dropin-skeleton-row__${a}-${t}`,a&&t]];if(!s&&a==="empty")return e("div",{className:o(["dropin-skeleton-row dropin-skeleton-row__empty",i])});if(s){const h=s.trim();return e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],i]),dangerouslySetInnerHTML:{__html:h}})}return n>ie===!1?e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,i])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:o(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],i]),children:Array.from({length:n}).map((h,c)=>e("div",{class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},c))})},Ve=({className:i,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:o(["dropin-skeleton",i]),role:"status","aria-label":"Loading...",children:r}),pe=ge({locale:"en-US"}),Re=({lang:i="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const s=J(r.default,r[i]??{});return J(Ae(i),s)},[i,r]),a=i.replace("_","-");return e(pe.Provider,{value:{locale:a},children:e(De,{definition:t,children:e(F,{children:n})})})},ft=new fe(e(Re,{})),Be=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(i){return"/"+i},ae={},g=function(r,n,t){let a=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),d=(l==null?void 0:l.nonce)||(l==null?void 0:l.getAttribute("nonce"));a=Promise.allSettled(n.map(_=>{if(_=Fe(_),_ in ae)return;ae[_]=!0;const m=_.endsWith(".css"),h=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${_}"]${h}`))return;const c=document.createElement("link");if(c.rel=m?"stylesheet":Be,m||(c.as="script"),c.crossOrigin="",c.href=_,d&&c.setAttribute("nonce",d),document.head.appendChild(c),m)return new Promise((p,u)=>{c.addEventListener("load",p),c.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}function s(l){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=l,window.dispatchEvent(d),!d.defaultPrevented)throw l}return a.then(l=>{for(const d of l||[])d.status==="rejected"&&s(d.reason);return r().catch(s)})},He={Add:N(()=>g(()=>import("./chunks/icons/Add.js").then(i=>i.$),[])),Bulk:N(()=>g(()=>import("./chunks/icons/Bulk.js"),[])),Burger:N(()=>g(()=>import("./chunks/icons/Burger.js"),[])),Cart:N(()=>g(()=>import("./chunks/icons/Cart.js"),[])),Check:N(()=>g(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:N(()=>g(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:N(()=>g(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:N(()=>g(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:N(()=>g(()=>import("./chunks/icons/Close.js"),[])),Heart:N(()=>g(()=>import("./chunks/icons/Heart.js"),[])),Minus:N(()=>g(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:N(()=>g(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:N(()=>g(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:N(()=>g(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:N(()=>g(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:N(()=>g(()=>import("./chunks/icons/Sort.js"),[])),Star:N(()=>g(()=>import("./chunks/icons/Star.js"),[])),View:N(()=>g(()=>import("./chunks/icons/View.js"),[])),User:N(()=>g(()=>import("./chunks/icons/User.js"),[])),Warning:N(()=>g(()=>import("./chunks/icons/Warning.js"),[])),Locker:N(()=>g(()=>import("./chunks/icons/Locker.js"),[])),Wallet:N(()=>g(()=>import("./chunks/icons/Wallet.js"),[])),Card:N(()=>g(()=>import("./chunks/icons/Card.js"),[])),Order:N(()=>g(()=>import("./chunks/icons/Order.js"),[])),Delivery:N(()=>g(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:N(()=>g(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:N(()=>g(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:N(()=>g(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:N(()=>g(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:N(()=>g(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:N(()=>g(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:N(()=>g(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:N(()=>g(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:N(()=>g(()=>import("./chunks/icons/Trash.js"),[])),Eye:N(()=>g(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:N(()=>g(()=>import("./chunks/icons/EyeClose.js"),[])),Date:N(()=>g(()=>import("./chunks/icons/Date.js"),[])),AddressBook:N(()=>g(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:N(()=>g(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:N(()=>g(()=>import("./chunks/icons/Coupon.js"),[])),Gift:N(()=>g(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:N(()=>g(()=>import("./chunks/icons/GiftCard.js"),[]))};function P({source:i,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:a,...s}){const l=typeof i=="string"?He[i]:null,d={className:o(["dropin-icon",`dropin-icon--shape-stroke-${n}`,a]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...s,...d}),children:l?e(l,{...s,...d}):e(i,{...s,...d})})}const qe=({name:i,value:r="1",className:n,disabled:t,error:a,success:s,min:l,max:d,onValue:_,onUpdateError:m,size:h="medium",...c})=>{const[p,u]=A(Number(r)),b=Number(l),v=Number(d),f=a||p<b||p>v,w=p<b?"Dropin.Incrementer.minQuantityMessage":p>v?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",I=L(le(async $=>{if(_)try{_($)}catch(k){m&&m(k)}},200),[_,m]),E=$=>{let k=$;I(k),u(k)};return e("div",{className:o(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:o(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",f],["dropin-incrementer__content--success",s],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(p-1),disabled:t||p<b+1,"aria-label":e(Z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(P,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:i,value:p,disabled:t,onBlur:()=>{E(Number(p))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...c}),e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(p+1),disabled:t||p>v-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(P,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),f&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},_e=({name:i,value:r,variant:n="primary",className:t,disabled:a,error:s,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:h,maxLength:c,success:p,...u})=>{const b=(u==null?void 0:u.id)||i||`dropin-input-${Math.random().toString(36)}`,v=L(le(async w=>{if(d)try{await d(w)}catch(I){_&&_(I)}},200),[d,_]),f=w=>{const I=w.target;v(I.value.trim())};return e("div",{className:o(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",a]]),children:[h&&e(y,{node:h,className:o(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:f,type:"text",maxLength:c,name:i,value:r,...u,className:o(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!s],["dropin-input--success",!!p],["dropin-input--disabled",a],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],t]),disabled:a}),l&&e("label",{htmlFor:b,className:o([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!s]]),children:l})]}),s&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(P,{source:$e,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),p&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(P,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},vt=({name:i="",error:r,value:n,label:t,onChange:a,onBlur:s,...l})=>{const[d,_]=A((n==null?void 0:n.toString())??""),m=U(null),h=D({picker:"Dropin.InputDate.picker"}),c=L(v=>{v.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),p=L(v=>{var w;const f=(w=v.currentTarget.parentElement)==null?void 0:w.querySelector("input");f==null||f.focus(),f==null||f.showPicker()},[]),u=L(v=>{v.currentTarget.setAttribute("type","text"),s==null||s(v)},[s]),b=L(v=>{_(v.target.value),a==null||a(v)},[a]);return e("div",{className:o(["dropin-input-date"]),children:[ee()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:b}):null,e(ue,{error:r,children:e(_e,{"data-testid":"input-date",error:!!r,name:i,value:d,placeholder:t,floatingLabel:t,onFocus:c,onBlur:u,onChange:b,"aria-labelledby":t,className:"dropin-input-date__input",...l})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:p,children:e(P,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:i=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const a=D({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),s=l=>{switch(l){case 2:return a.chartTwoSymbols;case 3:return a.chartThreeSymbols;case 4:return a.chartFourSymbols;default:return""}};return e("div",{className:o(["dropin-password-status-indicator"]),children:[i>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[oe[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[oe[n],e("span",{className:"pending",children:s(r)})]}):null]})},Nt=({placeholder:i,floatingLabel:r,children:n,name:t,required:a,className:s,minLength:l,autoComplete:d,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:h,validateLengthConfig:c,requiredCharacterClasses:p,errorMessage:u,onValue:b,onBlur:v,...f})=>{const w=D({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[I,E]=A(!1),$=L(()=>{E(S=>!S)},[]),k=I?w.buttonHideTitle:w.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:o(["dropin-input-password",["dropin-input-password--error",u],s]),...f,children:[e(ue,{error:u,children:e(_e,{autoComplete:d,name:t??"password",type:I?"text":"password",placeholder:i||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":a||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:a||!1,value:_,onValue:b,icon:e(Te,{}),onBlur:v,"data-testid":"passwordInput"})}),e(B,{"aria-label":k,title:k,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:o(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,s]),onClick:$,children:e(P,{focusable:!1,"aria-hidden":I,source:I?Le:Pe})}),m?null:e(Me,{minLength:l,requiredCharacterClasses:p,validateLengthConfig:c,uniqueSymbolsStatus:h}),n]})},gt=({disabled:i,name:r="",errorMessage:n,value:t,label:a,className:s,onChange:l,onBlur:d,..._})=>{const m=U(null),h=ke(),c=!!(n!=null&&n.length);return V(()=>{const p=m.current;p&&(p.style.height="auto",p.style.height=`${p.scrollHeight}px`)},[t]),e("div",{className:o(["dropin-textarea-container",s]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:o(["dropin-textarea",["dropin-textarea--error",c],["dropin-textarea--disabled",!!i]]),id:h,placeholder:a,name:r,value:t,disabled:i,onBlur:d,onChange:l,..._}),e("label",{htmlFor:h,className:o(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",c]]),children:a}),c?e("div",{className:o(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",c]]),children:n}):null]})},Ge=({className:i,src:r,params:n,loading:t="lazy",srcSet:a,onLoad:s,...l})=>{const[d,_]=A(!1),m=M(()=>{if(a)return a;if(!(!r||!n))return ve(r,{...n})},[n,r,a]),h=c=>{_(!0),s==null||s(c)};return e("img",{...l,className:o(["dropin-image",["dropin-image--loaded",d],i]),loading:t,onLoad:h,src:r,srcSet:m})},me=({variant:i="primary",className:r})=>e("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${i}`,r])});var We={};const R=({amount:i=0,currency:r,locale:n=We.LOCALE??void 0,variant:t="default",weight:a="bold",className:s,children:l,sale:d=!1,formatOptions:_={},size:m="small",...h})=>{const c=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),p=M(()=>c.format(i),[i,c]);return e("span",{...h,className:o(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${a}`,["dropin-price--sale",d],s]),children:p})},Ke=({name:i,label:r,value:n,size:t="medium",checked:a=!1,disabled:s=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:h,...c})=>e("label",{className:o([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",s]]),children:[e("input",{name:i,value:n,checked:a,disabled:s,type:"radio",className:o(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",s]]),"aria-busy":_,...c}),e("span",{className:o(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",s]]),children:r}),e("span",{className:o(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",s]]),children:d})]}),B=({value:i,variant:r="primary",size:n="medium",icon:t,className:a,children:s,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:h,...c})=>{let p="dropin-button";(t&&!s||t&&d&&!_||!t&&d&&m)&&(p="dropin-iconButton"),d&&_&&(p="dropin-button"),a=o([p,`${p}--${n}`,`${p}--${r}`,[`${p}--${r}--disabled`,l],s&&t&&`${p}--with-icon`,!s&&_&&t&&`${p}--with-icon`,d&&m&&`${p}--with-icon`,a]);const u=o(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,l],t==null?void 0:t.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...c,disabled:l,active:d,onKeyDown:v=>{l&&v.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...c,value:i,disabled:l,active:d};return e(y,{...b,className:a,children:[t&&!d&&e(y,{node:t,className:u}),m&&d&&e(y,{node:m,className:u}),s&&!d&&(typeof s=="string"?e("span",{children:s}):s),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(i,r,n,t,a){return i||(r?r.value:n||t?"":a?a.value:null)}const Ue=({name:i,value:r=null,options:n,variant:t="primary",floatingLabel:a,size:s="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:h,icon:c,className:p,...u})=>{const b=(u==null?void 0:u.id)||i||`dropin-picker-${Math.random().toString(36)}`,v=!!(u!=null&&u.required),f=n==null?void 0:n.find(O=>!O.disabled),[w,I]=A(()=>se(r,h,m,a,f));V(()=>{I(se(r,h,m,a,f))},[r,h,m,a,f]);const E=O=>{const{options:x,value:T}=O.target;for(const G of x)G.selected&&(I(T),l(O))},$=n==null?void 0:n.map(O=>{const{value:x,text:T,disabled:G}=O;return e("option",{value:x,selected:x===w,disabled:G,className:o(["dropin-picker__option"]),children:T},x)}),k=!!w,S=()=>(!v||!k)&&(a||m);return e("div",{className:o([p,"dropin-picker",`dropin-picker__${s}`,["dropin-picker__floating",!!a],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",c]]),children:[c&&e(c.type,{...c.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:o(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${s}`,["dropin-picker__select--floating",!!a]]),name:i,"aria-label":i,disabled:d,onChange:E,...u,children:[S()&&e("option",{selected:!k,value:"",className:o(["dropin-picker__option dropin-picker__placeholder"]),children:a??m},r),$]}),e(P,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),a&&k&&e("label",{htmlFor:b,className:o(["dropin-picker__floatingLabel",!!a]),children:a})]})},ue=({className:i,label:r,error:n,hint:t,success:a,size:s="medium",disabled:l=!1,children:d,..._})=>{var c;const m=((c=d==null?void 0:d.props)==null?void 0:c.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:o(["dropin-field",i]),children:[r&&e("label",{className:o(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${s}`]),htmlFor:m,children:r}),e("div",{className:o(["dropin-field__content"]),children:h&&d&&ye(h,{...d.props,id:m,key:d.key,disabled:l,size:s,error:!!n,success:!!a&&!n})}),e("div",{className:o(["dropin-field__hint",[`dropin-field__hint--${s}`,s],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!a&&!n],["dropin-field__hint--disabled",!!l]]),children:n||a||t})]})},wt=({icon:i,className:r,children:n,active:t=!1,disabled:a=!1,...s})=>e("button",{role:"button",disabled:a,...s,className:o(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",a],r]),children:[i&&e(y,{node:i,className:o(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),kt=({className:i,variant:r="primary",activeOption:n,disabled:t=!1,dividers:a=!0,children:s,handleSelect:l,...d})=>{const[_,m]=A(n),h=L(p=>{t||p.props.disabled||(m(p.props.value),l&&l(p.props.value))},[l,m,t]),c=de.map(s,p=>{const u=t||p.props.disabled,b=p.props.value===_;return Ie(p,{disabled:u,active:b,onClick:()=>h(p),className:o(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",a]])})});return e("div",{role:"group",...d,className:o(["dropin-action-button-group",`dropin-action-button-group--${r}`,i]),children:c})},je=({variant:i="primary",className:r,children:n,...t})=>e("div",{...t,className:o(["dropin-card",`dropin-card--${i}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),yt=({name:i,value:r,size:n="medium",disabled:t=!1,error:a=!1,label:s="",description:l="",className:d,checked:_,...m})=>{const[h,c]=A(_===void 0?!1:_),p=U(null),u=v=>{var f;(f=m.onChange)==null||f.call(m,v),c(v.currentTarget.checked)},b=v=>{var f;v.key===" "&&(v.preventDefault(),(f=p==null?void 0:p.current)==null||f.click())};return V(()=>{typeof _=="boolean"&&c(_)},[_]),e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:p,name:i,value:r,type:"checkbox",disabled:t,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",a],d]),...m,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${i}-label`,"aria-describedby":l?`${i}-description`:void 0,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",a],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:b,children:e(P,{className:o(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})})]}),e("div",{id:`${i}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:s}),e("div",{}),l&&e("div",{id:`${i}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:l})]})},It=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...b})=>{const v=D("Dropin.Swatches.outOfStock.label").label,f=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=L(async x=>{if(p)try{await p(x)}catch(T){u&&u(T)}},[p,u]),E=x=>{const T=x.target;I(T.value)},S=d&&(x=>{const T=new Option().style;return T.color=x,T.color!==""})(d)?d:"var(--color-gray-300);",O=()=>h?`${s}: ${a} ${v}`:m?`${s}: ${a} ${f}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":O(),checked:m,disabled:_,onChange:E,...b,className:o(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],i])}),e("span",{style:{"--bg-color":S},className:o(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],i])})]})},xt=({className:i,name:r,value:n,label:t,groupAriaLabel:a,id:s,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:c,...p})=>{const u=D("Dropin.Swatches.outOfStock.label").label,b=D("Dropin.Swatches.selected.label").label,v=D("Dropin.Swatches.swatch.label").label,[f,w]=A(!1),I=U(null),E=L(async S=>{if(h)try{await h(S)}catch(O){c&&c(O)}},[h,c]),$=S=>{const O=S.target;E(O.value)},k=()=>_?`${a}: ${t} ${u}`:d?`${a}: ${t} ${b}`:`${a}: ${t} ${v}`;return V(()=>{I.current&&I.current.scrollWidth>I.current.clientWidth&&w(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...f?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:s,value:n,"aria-label":k(),checked:d,disabled:l,onChange:$,...p,className:o(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],i])}),e("label",{htmlFor:s,ref:I,className:o(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],i]),children:t})]})},ze=({ariaLabel:i,size:r="small",stroke:n="4",children:t,className:a,style:s,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=D({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>i||(t?_.updatingChildren:_.updating);return t?e("div",{...l,className:o(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:o(["dropin-progress-spinner-background",a]),style:s}),e("div",{className:o(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:o([a,...d]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...b})=>{const v=D("Dropin.Swatches.outOfStock.label").label,f=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=L(async k=>{if(p)try{await p(k)}catch(S){u&&u(S)}},[p,u]),E=k=>{const S=k.target;I(S.value)},$=()=>h?`${s}: ${a} ${v}`:m?`${s}: ${a} ${f}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-image-swatch__container",i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...b,className:o(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],i])}),e("span",{className:o(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],i]),children:e(Ge,{src:l,className:o(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},Ze=({className:i,children:r,title:n,ariaLabelTitle:t,secondaryText:a,actionIconPosition:s="left",iconOpen:l=K,iconClose:d=j,iconLeft:_=K,showIconLeft:m=!1,renderContentWhenClosed:h=!0,defaultOpen:c,onStateChange:p,...u})=>{const[b,v]=A(!1),f=k=>{k.stopImmediatePropagation();const S=!b;v(S),p==null||p(S)};V(()=>{typeof c<"u"&&v(c)},[c]);const w=D(`Dropin.Accordion.${b?"close":"open"}.label`).label,I=e(P,{source:l,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__open-icon"}),E=e(P,{source:d,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__close-icon"}),$=e(P,{source:_,size:"24"});return e("div",{...u,className:o(["dropin-accordion-section",i]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:f,onKeyPress:f,role:"button","aria-label":`${w} ${t??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(b?E:I),m&&$,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[a&&e("h4",{className:"dropin-accordion-section__secondary-text",children:a}),s==="right"&&(b?E:I)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:b?"grid":"none"},children:(b||h&&!b)&&r})]})},Et=({className:i,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:a=j,...s})=>{const l=e(me,{variant:"secondary"}),d=_=>e(F,{children:[e(Ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:a}),l]});return e("div",{...s,className:o(["dropin-accordion",i]),children:[l,...(Array.isArray(r)?r:[r]).map(d)]})},$t=({variant:i="primary",className:r,type:n="warning",additionalActions:t,onDismiss:a,heading:s,description:l,icon:d,itemList:_,actionButtonPosition:m,...h})=>{var p,u,b;const c=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:o(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${i}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(y,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:s})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[t&&(m==="top"||!m&&t.length<=1)&&e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(p=t[0])==null?void 0:p.onClick:void 0,"aria-label":(u=t[0])==null?void 0:u.label,children:(b=t[0])==null?void 0:b.label}),a&&e(B,{icon:e(P,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:a,"aria-label":c.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(y,{node:_,className:o(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(v=>e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:v.onClick,children:v.label},v.label))})]})},St=({size:i="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:a=!0,escapeToDismiss:s=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...h})=>{const c=L(()=>{l==null||l()},[l]),p=D({modalCloseLabel:"Dropin.Modal.Close.label"});return V(()=>{const u=b=>{const v=document.querySelector(".dropin-modal"),f=document.querySelector(".dropin-modal__body");a&&v&&f&&!f.contains(b.target)&&c()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[c,a]),V(()=>{const u=b=>{b.key==="Escape"&&s&&c()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[c,s]),V(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e("div",{className:o(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...h,className:o(["dropin-modal__body",[`dropin-modal__body--${i}`,i],_]),children:[e("div",{className:o(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:o(["dropin-modal__header-title-content"]),children:r}),d&&e(B,{"aria-label":p.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:c,icon:e(z,{})})]}),e("div",{className:o(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Tt=({className:i,children:r,ariaLabel:n,image:t,title:a,price:s,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:h,configurations:c,warning:p,alert:u,discount:b,savings:v,quantity:f,description:w,attributes:I,footer:E,loading:$=!1,updating:k=!1,quantityType:S,dropdownOptions:O,onQuantity:x,onRemove:T,...G})=>{var Y,Q;const{locale:W}=xe(pe),C=D({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(Je,{});const he=S==="dropdown"?e(Ue,{className:o(["dropin-cart-item__quantity__picker"]),value:String(f),name:"quantity","aria-label":C.quantity,disabled:k,variant:"primary",options:O,handleSelect:H=>x==null?void 0:x(Number(H.target.value))}):e(qe,{className:o(["dropin-cart-item__quantity__incrementer"]),value:f,min:1,onValue:H=>x==null?void 0:x(Number(H)),name:"quantity","aria-label":C.quantity,disabled:k});return e("div",{...G,className:o(["dropin-cart-item",["dropin-cart-item--updating",k],i]),children:[k&&e(ze,{className:o(["dropin-cart-item__spinner"]),ariaLabel:n?(Y=C.updating)==null?void 0:Y.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(y,{node:t,className:o(["dropin-cart-item__image"])}),a&&e(y,{node:a,className:o(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!x||!!T]])}),w&&e(y,{node:w,className:o(["dropin-cart-item__description"])}),h&&e(y,{node:h,className:o(["dropin-cart-item__sku"])}),e("div",{className:o(["dropin-cart-item__savings__wrapper"]),children:[b&&e(y,{node:b,className:o(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),v&&e(y,{node:v,className:o(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:o(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),c&&e("ul",{className:o(["dropin-cart-item__configurations"]),children:Object.entries(c).map(([H,be])=>e("li",{className:o(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:o(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),s&&e("span",{className:o(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[f&&!x&&e(F,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[f.toLocaleString(W)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",f==null?void 0:f.toLocaleString(W),";"]})]}),e(y,{node:s,role:"text"}),f&&f>1&&e(F,{children:[" ",C.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:o(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!x]]),children:[x?he:f&&e("span",{className:o(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(f).toLocaleString(W)})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert"])}),e("div",{className:o(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!T]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:_,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),b&&e(y,{node:b,className:o(["dropin-cart-item__discount"])}),v&&e(y,{node:v,className:o(["dropin-cart-item__savings"])})]}),E&&e("div",{className:o(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),T&&e(B,{"data-testid":"cart-item-remove-button",className:o(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>T==null?void 0:T(),icon:e(P,{"data-testid":"cart-item-remove-icon",source:Oe,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Q=C.remove)==null?void 0:Q.replace("{product}",n):C.removeDefault}),disabled:k})]})},Je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ve,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),Lt=({className:i,children:r,...n})=>e("div",{...n,className:o(["dropin-cart-list",i]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,a)=>e("div",{className:"dropin-cart-list__item",children:t},a))})}),Pt=({className:i,children:r,locale:n,currency:t,amount:a,variant:s="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:h,sale:c=!1,...p})=>{const u=M(()=>a||l===d||l&&!d||d&&!l,[a,d,l]);return e("div",{children:u?e("div",{...p,className:o(["dropin-price-range",i]),children:e(R,{amount:a??l??d,currency:t,locale:n,size:_,variant:s,sale:c})}):e("div",{...p,className:o(["dropin-price-range",i]),children:[m==="dash"?e(Xe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="from to"?e(Ye,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="as low as"?e(Qe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null]})})};function Xe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){return e(F,{children:[e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Ye({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__from",`dropin-price-range__from--${s}`]),children:d.from}),e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:o(["dropin-price-range__to",`dropin-price-range__to--${s}`]),children:d.to}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Qe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${s}`]),children:d.asLowAs}),i?e("div",{children:[e(R,{amount:n,currency:t,locale:a,size:s,variant:"strikethrough"}),e(R,{amount:i,currency:t,locale:a,size:s,className:"dropin-price-range__special",sale:!!i&&l})]}):e(R,{amount:r,currency:t,locale:a,size:s})]})}const Ot=({className:i,categories:r,separator:n,...t})=>e(F,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:o(["dropin-breadcrumbs__container",i]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((a,s)=>e("li",{className:o(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",s===r.length-1]]),children:[e(y,{node:a,className:"dropin-breadcrumbs__link"}),!n&&s!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&s!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},s))})})}),Ct=({className:i,variant:r,icon:n,message:t,onDismiss:a,action:s,...l})=>{const d=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:o([i,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(y,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:t,className:o(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[s&&e(B,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:s.onClick,"aria-label":s.label,children:s.label}),e(B,{icon:e(P,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:a,"aria-label":d.dismiss})]})]})},At=({className:i,icon:r,heading:n,headingLevel:t=2,message:a,action:s,variant:l="secondary",...d})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...d,className:o(["dropin-illustrated-message",i]),children:e(je,{variant:l,children:[r&&e(y,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),a&&e(y,{node:a,className:"dropin-illustrated-message__message"}),s&&e(y,{node:s,className:"dropin-illustrated-message__action"})]})})},Vt=({className:i,label:r,name:n,value:t,selected:a=!0,onChange:s,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:o(["dropin-toggle-button",i,["dropin-toggle-button__selected",a]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ke,{label:"",name:n,value:t,checked:a,onChange:()=>s&&s(t),"aria-label":r,busy:d,className:o([i,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),r]})]})}),Rt=({title:i=null,size:r="medium",cta:n,divider:t=!0,className:a,...s})=>i?e("div",{...s,className:o(["dropin-header-container",a]),"data-testid":"dropin-header-container",children:[e("span",{className:o(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:i}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:o(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Bt=({label:i,className:r,children:n,...t})=>!i&&!n?null:e("div",{...t,className:o(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:i})}),Ft=({className:i,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:a,...s})=>{const l=!!r&&(Array.isArray(r)?r.length>0:!0),d=l?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...s,className:o(["dropin-content-grid",i]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:o(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!l]]),style:d,children:l?r:a})})},Ht=({totalPages:i=10,currentPage:r=1,onChange:n,className:t,...a})=>{const s=D({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=L(()=>{const c=Math.min(r+1,i);n==null||n(c)},[r,n,i]),d=L(()=>{const c=Math.max(r-1,1);n==null||n(c)},[r,n]),_=L(c=>{Ne(c)&&(n==null||n(c))},[n]),m=L((c,p)=>{let u=[];const b=(v,f)=>{for(let w=v;w<=f;w++)u.push({page:w,isActive:w===c,label:w})};return p<=5?b(1,p):c<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(p-1,p)):c>=p-3?b(p-4,p):(b(c-1,c),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(p-1,p)),u},[]),h=M(()=>m(r,i),[m,r,i]);return e("div",{...a,className:o(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:d,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(P,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:h.map((c,p)=>e("li",{"data-testid":`dropin-pagination_list-item--${c.page}`,className:o(["dropin-pagination_list-item",`dropin-pagination_list-item--${c.page}`,["dropin-pagination_list-item--active",c.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${c.page}`,onClick:()=>_(c.page),children:c.label})},`${c.page}_${p}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":s.forwardButton,disabled:r===i,onClick:l,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(P,{size:"24",source:X})})]})};export{Et as Accordion,Ze as AccordionSection,wt as ActionButton,kt as ActionButtonGroup,Ct as AlertBanner,Ot as Breadcrumbs,B as Button,je as Card,Tt as CartItem,Je as CartItemSkeleton,Lt as CartList,yt as Checkbox,It as ColorSwatch,Ft as ContentGrid,me as Divider,ue as Field,Rt as Header,P as Icon,At as IllustratedMessage,Ge as Image,Dt as ImageSwatch,$t as InLineAlert,qe as Incrementer,_e as Input,vt as InputDate,Nt as InputPassword,St as Modal,Ht as Pagination,Ue as Picker,R as Price,Pt as PriceRange,ze as ProgressSpinner,Ke as RadioButton,Ve as Skeleton,q as SkeletonRow,Bt as Tag,gt as TextArea,xt as TextSwatch,Vt as ToggleButton,pe as UIContext,Re as UIProvider,ft as provider};
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/tools", "version": "1.0.0-
|
|
1
|
+
{"name": "@dropins/tools", "version": "1.0.0-alpha4", "license": "SEE LICENSE IN LICENSE.md"}
|
package/signals.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{b as V,l as
|
|
3
|
+
import{b as V,l as E,A as N,T as U,y as q,t as z}from"./chunks/icons/Add.js";var B=Symbol.for("preact-signals");function b(){if(v>1)v--;else{for(var t,i=!1;d!==void 0;){var r=d;for(d=void 0,x++;r!==void 0;){var n=r.o;if(r.o=void 0,r.f&=-3,!(8&r.f)&&j(r))try{r.c()}catch(f){i||(t=f,i=!0)}r=n}}if(x=0,v--,i)throw t}}function K(t){if(v>0)return t();v++;try{return t()}finally{b()}}var o=void 0;function L(t){var i=o;o=void 0;try{return t()}finally{o=i}}var d=void 0,v=0,x=0,y=0;function O(t){if(o!==void 0){var i=t.n;if(i===void 0||i.t!==o)return i={i:0,S:t,p:o.s,n:void 0,t:o,e:void 0,x:void 0,r:i},o.s!==void 0&&(o.s.n=i),o.s=i,t.n=i,32&o.f&&t.S(i),i;if(i.i===-1)return i.i=0,i.n!==void 0&&(i.n.p=i.p,i.p!==void 0&&(i.p.n=i.n),i.p=o.s,i.n=void 0,o.s.n=i,o.s=i),i}}function u(t){this.v=t,this.i=0,this.n=void 0,this.t=void 0}u.prototype.brand=B;u.prototype.h=function(){return!0};u.prototype.S=function(t){this.t!==t&&t.e===void 0&&(t.x=this.t,this.t!==void 0&&(this.t.e=t),this.t=t)};u.prototype.U=function(t){if(this.t!==void 0){var i=t.e,r=t.x;i!==void 0&&(i.x=r,t.e=void 0),r!==void 0&&(r.e=i,t.x=void 0),t===this.t&&(this.t=r)}};u.prototype.subscribe=function(t){var i=this;return $(function(){var r=i.value,n=o;o=void 0;try{t(r)}finally{o=n}})};u.prototype.valueOf=function(){return this.value};u.prototype.toString=function(){return this.value+""};u.prototype.toJSON=function(){return this.value};u.prototype.peek=function(){var t=o;o=void 0;try{return this.value}finally{o=t}};Object.defineProperty(u.prototype,"value",{get:function(){var t=O(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(x>100)throw new Error("Cycle detected");this.v=t,this.i++,y++,v++;try{for(var i=this.t;i!==void 0;i=i.x)i.t.N()}finally{b()}}}});function C(t){return new u(t)}function j(t){for(var i=t.s;i!==void 0;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return!0;return!1}function A(t){for(var i=t.s;i!==void 0;i=i.n){var r=i.S.n;if(r!==void 0&&(i.r=r),i.S.n=i,i.i=-1,i.n===void 0){t.s=i;break}}}function P(t){for(var i=t.s,r=void 0;i!==void 0;){var n=i.p;i.i===-1?(i.S.U(i),n!==void 0&&(n.n=i.n),i.n!==void 0&&(i.n.p=n)):r=i,i.S.n=i.r,i.r!==void 0&&(i.r=void 0),i=n}t.s=r}function h(t){u.call(this,void 0),this.x=t,this.s=void 0,this.g=y-1,this.f=4}(h.prototype=new u).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===y))return!0;if(this.g=y,this.f|=1,this.i>0&&!j(this))return this.f&=-2,!0;var t=o;try{A(this),o=this;var i=this.x();(16&this.f||this.v!==i||this.i===0)&&(this.v=i,this.f&=-17,this.i++)}catch(r){this.v=r,this.f|=16,this.i++}return o=t,P(this),this.f&=-2,!0};h.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var i=this.s;i!==void 0;i=i.n)i.S.S(i)}u.prototype.S.call(this,t)};h.prototype.U=function(t){if(this.t!==void 0&&(u.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var i=this.s;i!==void 0;i=i.n)i.S.U(i)}};h.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var t=this.t;t!==void 0;t=t.x)t.t.N()}};Object.defineProperty(h.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=O(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function T(t){return new h(t)}function G(t){var i=t.u;if(t.u=void 0,typeof i=="function"){v++;var r=o;o=void 0;try{i()}catch(n){throw t.f&=-2,t.f|=8,m(t),n}finally{o=r,b()}}}function m(t){for(var i=t.s;i!==void 0;i=i.n)i.S.U(i);t.x=void 0,t.s=void 0,G(t)}function D(t){if(o!==this)throw new Error("Out-of-order effect");P(this),o=t,this.f&=-2,8&this.f&&m(this),b()}function p(t){this.x=t,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}p.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var i=this.x();typeof i=="function"&&(this.u=i)}finally{t()}};p.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,G(this),A(this),v++;var t=o;return o=this,D.bind(this,t)};p.prototype.N=function(){2&this.f||(this.f|=2,this.o=d,d=this)};p.prototype.d=function(){this.f|=8,1&this.f||m(this)};function $(t){var i=new p(t);try{i.c()}catch(r){throw i.d(),r}return i.d.bind(i)}var w,g;function c(t,i){E[t]=i.bind(null,E[t]||function(){})}function S(t){g&&g(),g=t&&t.S()}function J(t){var i=this,r=t.data,n=H(r);n.value=r;var f=U(function(){for(var e=i.__v;e=e.__;)if(e.__c){e.__c.__$f|=4;break}return i.__$u.c=function(){var s;!z(f.peek())&&((s=i.base)==null?void 0:s.nodeType)===3?i.base.data=f.peek():(i.__$f|=1,i.setState({}))},T(function(){var s=n.value.value;return s===0?0:s===!0?"":s||""})},[]);return f.value}J.displayName="_st";Object.defineProperties(u.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:J},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});c("__b",function(t,i){if(typeof i.type=="string"){var r,n=i.props;for(var f in n)if(f!=="children"){var e=n[f];e instanceof u&&(r||(i.__np=r={}),r[f]=e,n[f]=e.peek())}}t(i)});c("__r",function(t,i){S();var r,n=i.__c;n&&(n.__$f&=-2,(r=n.__$u)===void 0&&(n.__$u=r=function(f){var e;return $(function(){e=this}),e.c=function(){n.__$f|=1,n.setState({})},e}())),w=n,S(r),t(i)});c("__e",function(t,i,r,n){S(),w=void 0,t(i,r,n)});c("diffed",function(t,i){S(),w=void 0;var r;if(typeof i.type=="string"&&(r=i.__e)){var n=i.__np,f=i.props;if(n){var e=r.U;if(e)for(var s in e){var a=e[s];a!==void 0&&!(s in n)&&(a.d(),e[s]=void 0)}else r.U=e={};for(var l in n){var _=e[l],k=n[l];_===void 0?(_=F(r,l,k,f),e[l]=_):_.o(k,f)}}}t(i)});function F(t,i,r,n){var f=i in t&&t.ownerSVGElement===void 0,e=C(r);return{o:function(s,a){e.value=s,n=a},d:$(function(){var s=e.value.value;n[i]!==s&&(n[i]=s,f?t[i]=s:s?t.setAttribute(i,s):t.removeAttribute(i))})}}c("unmount",function(t,i){if(typeof i.type=="string"){var r=i.__e;if(r){var n=r.U;if(n){r.U=void 0;for(var f in n){var e=n[f];e&&e.d()}}}}else{var s=i.__c;if(s){var a=s.__$u;a&&(s.__$u=void 0,a.d())}}t(i)});c("__h",function(t,i,r,n){(n<3||n===9)&&(i.__$f|=2),t(i,r,n)});V.prototype.shouldComponentUpdate=function(t,i){var r=this.__$u;if(!(r&&r.s!==void 0||4&this.__$f)||3&this.__$f)return!0;for(var n in i)return!0;for(var f in t)if(f!=="__source"&&t[f]!==this.props[f])return!0;for(var e in this.props)if(!(e in t))return!0;return!1};function H(t){return U(function(){return C(t)},[])}function M(t){var i=N(t);return i.current=t,w.__$f|=4,U(function(){return T(function(){return i.current()})},[])}function Q(t){var i=N(t);i.current=t,q(function(){return $(function(){return i.current()})},[])}export{u as Signal,K as batch,T as computed,$ as effect,C as signal,L as untracked,M as useComputed,H as useSignal,Q as useSignalEffect};
|
|
@@ -5,6 +5,7 @@ import { IconNode } from '..';
|
|
|
5
5
|
export interface AccordionSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
|
|
6
6
|
defaultOpen?: boolean;
|
|
7
7
|
actionIconPosition?: 'left' | 'right';
|
|
8
|
+
ariaLabelTitle: string;
|
|
8
9
|
iconOpen?: IconNode;
|
|
9
10
|
iconClose?: IconNode;
|
|
10
11
|
iconLeft?: IconNode;
|