@dropins/tools 0.23.0-alpha33 → 0.23.0-alpha43

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.
Files changed (81) hide show
  1. package/chunks/debounce__BF4Cdv7Ils.js +2 -0
  2. package/chunks/debounce__BF4Cdv7Ils.js.map +1 -0
  3. package/chunks/image-params-keymap__LH6wjfp1fd.js +12 -0
  4. package/chunks/image-params-keymap__LH6wjfp1fd.js.map +1 -0
  5. package/chunks/vcomponent__BjnR-FRhjl.js +2 -0
  6. package/chunks/vcomponent__BjnR-FRhjl.js.map +1 -0
  7. package/components/Accordion.js +2 -0
  8. package/components/Accordion.js.map +1 -0
  9. package/components/ActionButton.js +2 -0
  10. package/components/ActionButton.js.map +1 -0
  11. package/components/ActionButtonGroup.js +2 -0
  12. package/components/ActionButtonGroup.js.map +1 -0
  13. package/components/AlertBanner.js +2 -0
  14. package/components/AlertBanner.js.map +1 -0
  15. package/components/Breadcrumbs.js +2 -0
  16. package/components/Breadcrumbs.js.map +1 -0
  17. package/components/Button.js +2 -0
  18. package/components/Button.js.map +1 -0
  19. package/components/Card.js +2 -0
  20. package/components/Card.js.map +1 -0
  21. package/components/CartItem.js +2 -0
  22. package/components/CartItem.js.map +1 -0
  23. package/components/CartList.js +2 -0
  24. package/components/CartList.js.map +1 -0
  25. package/components/Checkbox.js +2 -0
  26. package/components/Checkbox.js.map +1 -0
  27. package/components/ColorSwatch.js +2 -0
  28. package/components/ColorSwatch.js.map +1 -0
  29. package/components/Divider.js +2 -0
  30. package/components/Divider.js.map +1 -0
  31. package/components/Field.js +2 -0
  32. package/components/Field.js.map +1 -0
  33. package/components/Icon.js +1 -1
  34. package/components/Icon.js.map +1 -1
  35. package/components/IllustratedMessage.js +2 -0
  36. package/components/IllustratedMessage.js.map +1 -0
  37. package/components/Image.js +3 -0
  38. package/components/Image.js.map +1 -0
  39. package/components/ImageSwatch.js +2 -0
  40. package/components/ImageSwatch.js.map +1 -0
  41. package/components/InLineAlert.js +2 -0
  42. package/components/InLineAlert.js.map +1 -0
  43. package/components/Incrementer.js +2 -0
  44. package/components/Incrementer.js.map +1 -0
  45. package/components/Input.js +2 -0
  46. package/components/Input.js.map +1 -0
  47. package/components/Modal.js +2 -0
  48. package/components/Modal.js.map +1 -0
  49. package/components/Picker.js +2 -0
  50. package/components/Picker.js.map +1 -0
  51. package/components/Price.js +2 -0
  52. package/components/Price.js.map +1 -0
  53. package/components/PriceRange.js +2 -0
  54. package/components/PriceRange.js.map +1 -0
  55. package/components/PriceSummary.js +2 -0
  56. package/components/PriceSummary.js.map +1 -0
  57. package/components/ProgressSpinner.js +2 -0
  58. package/components/ProgressSpinner.js.map +1 -0
  59. package/components/RadioButton.js +2 -0
  60. package/components/RadioButton.js.map +1 -0
  61. package/components/Skeleton.js +2 -0
  62. package/components/Skeleton.js.map +1 -0
  63. package/components/TextSwatch.js +2 -0
  64. package/components/TextSwatch.js.map +1 -0
  65. package/components/UIProvider.js +1 -1
  66. package/components/UIProvider.js.map +1 -1
  67. package/components/index.js +2 -0
  68. package/components/index.js.map +1 -0
  69. package/i18n.js +4 -0
  70. package/i18n.js.map +1 -0
  71. package/initializer.js +31 -3
  72. package/initializer.js.map +1 -1
  73. package/lib/slot.js +2 -0
  74. package/lib/slot.js.map +1 -0
  75. package/package.json +1 -1
  76. package/chunks/image-params-keymap__DLgj2E8cak.js +0 -15
  77. package/chunks/image-params-keymap__DLgj2E8cak.js.map +0 -1
  78. package/chunks/preload-helper__uemlvruIqb.js +0 -2
  79. package/chunks/preload-helper__uemlvruIqb.js.map +0 -1
  80. package/lib/initializer.d.ts +0 -84
  81. package/lib/initializer.d.ts.map +0 -3
@@ -0,0 +1,2 @@
1
+ const i=(e,o)=>{let t;return function(...u){clearTimeout(t),t=setTimeout(()=>e.apply(this,u),o)}};export{i as d};
2
+ //# sourceMappingURL=debounce__BF4Cdv7Ils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"debounce__BF4Cdv7Ils.js","sources":["../../src/lib/debounce.ts"],"sourcesContent":["export const debounce = (fn: Function, ms: number) => {\n let timeoutId: ReturnType<typeof setTimeout>;\n return function (this: any, ...args: any[]) {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(() => fn.apply(this, args), ms);\n };\n};\n"],"names":["debounce","fn","ms","timeoutId","args","clearTimeout","setTimeout","apply"],"mappings":"AAAaA,MAAAA,EAAWA,CAACC,EAAcC,IAAe,CAChDC,IAAAA,EACJ,OAAO,YAAwBC,EAAa,CAC1CC,aAAaF,CAAS,EACtBA,EAAYG,WAAW,IAAML,EAAGM,MAAM,KAAMH,CAAI,EAAGF,CAAE,CAAA,CAEzD"}
@@ -0,0 +1,12 @@
1
+ var ve=Object.defineProperty;var be=(e,t,r)=>t in e?ve(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var re=(e,t,r)=>(be(e,typeof t!="symbol"?t+"":t,r),r);import{options as p,createElement as ue,Fragment as K}from"../preact.js";function he(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Oe=function(t){return je(t)&&!xe(t)};function je(e){return!!e&&typeof e=="object"}function xe(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||Ae(e)}var Me=typeof Symbol=="function"&&Symbol.for,we=Me?Symbol.for("react.element"):60103;function Ae(e){return e.$$typeof===we}function Ce(e){return Array.isArray(e)?[]:{}}function q(e,t){return t.clone!==!1&&t.isMergeableObject(e)?N(Ce(e),e,t):e}function Ee(e,t,r){return e.concat(t).map(function(a){return q(a,r)})}function Se(e,t){if(!t.customMerge)return N;var r=t.customMerge(e);return typeof r=="function"?r:N}function Fe(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function ne(e){return Object.keys(e).concat(Fe(e))}function pe(e,t){try{return t in e}catch{return!1}}function Pe(e,t){return pe(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function $e(e,t,r){var a={};return r.isMergeableObject(e)&&ne(e).forEach(function(i){a[i]=q(e[i],r)}),ne(t).forEach(function(i){Pe(e,i)||(pe(e,i)&&r.isMergeableObject(t[i])?a[i]=Se(i,r)(e[i],t[i],r):a[i]=q(t[i],r))}),a}function N(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||Ee,r.isMergeableObject=r.isMergeableObject||Oe,r.cloneUnlessOtherwiseSpecified=q;var a=Array.isArray(t),i=Array.isArray(e),m=a===i;return m?a?r.arrayMerge(e,t,r):$e(e,t,r):q(t,r)}N.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(a,i){return N(a,i,r)},{})};var Le=N,Ne=Le;const Xe=he(Ne);var Te=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,_e=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,W=/[\s\n\\/='"\0<>]/,de=/^xlink:?./,De=/["&<]/;function U(e){if(De.test(e+="")===!1)return e;for(var t=0,r=0,a="",i="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:i="&quot;";break;case 38:i="&amp;";break;case 60:i="&lt;";break;default:continue}r!==t&&(a+=e.slice(t,r)),a+=i,t=r+1}return r!==t&&(a+=e.slice(t,r)),a}var oe=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||" "))},ae=function(e,t,r){return String(e).length>40||String(e).indexOf(`
2
+ `)!==-1||String(e).indexOf("<")!==-1},ie={},Ue=/([A-Z])/g;function ge(e){var t="";for(var r in e){var a=e[r];a!=null&&a!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:ie[r]||(ie[r]=r.replace(Ue,"-$1").toLowerCase()),t=typeof a=="number"&&Te.test(r)===!1?t+": "+a+"px;":t+": "+a+";")}return t||void 0}function H(e,t){return Array.isArray(t)?t.reduce(H,e):t!=null&&t!==!1&&e.push(t),e}function le(){this.__d=!0}function ye(e,t){return{__v:e,context:t,props:e.props,setState:le,forceUpdate:le,__d:!0,__h:[]}}function Z(e,t){var r=e.contextType,a=r&&t[r.__c];return r!=null?a?a.props.value:r.__:t}var R=[];function T(e,t,r,a,i,m){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":U(e);var g=r.pretty,_=g&&typeof g=="string"?g:" ";if(Array.isArray(e)){for(var h="",b=0;b<e.length;b++)g&&b>0&&(h+=`
3
+ `),h+=T(e[b],t,r,a,i,m);return h}if(e.constructor!==void 0)return"";var C,c=e.type,u=e.props,F=!1;if(typeof c=="function"){if(F=!0,!r.shallow||!a&&r.renderRootComponent!==!1){if(c===K){var v=[];return H(v,e.props.children),T(v,t,r,r.shallowHighOrder!==!1,i,m)}var d,n=e.__c=ye(e,t);p.__b&&p.__b(e);var P=p.__r;if(c.prototype&&typeof c.prototype.render=="function"){var w=Z(c,t);(n=e.__c=new c(u,w)).__v=e,n._dirty=n.__d=!0,n.props=u,n.state==null&&(n.state={}),n._nextState==null&&n.__s==null&&(n._nextState=n.__s=n.state),n.context=w,c.getDerivedStateFromProps?n.state=Object.assign({},n.state,c.getDerivedStateFromProps(n.props,n.state)):n.componentWillMount&&(n.componentWillMount(),n.state=n._nextState!==n.state?n._nextState:n.__s!==n.state?n.__s:n.state),P&&P(e),d=n.render(n.props,n.state,n.context)}else for(var E=Z(c,t),$=0;n.__d&&$++<25;)n.__d=!1,P&&P(e),d=c.call(e.__c,u,E);return n.getChildContext&&(t=Object.assign({},t,n.getChildContext())),p.diffed&&p.diffed(e),T(d,t,r,r.shallowHighOrder!==!1,i,m)}c=(C=c).displayName||C!==Function&&C.name||function(B){var J=(Function.prototype.toString.call(B).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!J){for(var z=-1,Q=R.length;Q--;)if(R[Q]===B){z=Q;break}z<0&&(z=R.push(B)-1),J="UnnamedComponent"+z}return J}(C)}var j,O,f="<"+c;if(u){var y=Object.keys(u);r&&r.sortAttributes===!0&&y.sort();for(var A=0;A<y.length;A++){var o=y[A],s=u[o];if(o!=="children"){if(!W.test(o)&&(r&&r.allAttributes||o!=="key"&&o!=="ref"&&o!=="__self"&&o!=="__source")){if(o==="defaultValue")o="value";else if(o==="defaultChecked")o="checked";else if(o==="defaultSelected")o="selected";else if(o==="className"){if(u.class!==void 0)continue;o="class"}else i&&de.test(o)&&(o=o.toLowerCase().replace(/^xlink:?/,"xlink:"));if(o==="htmlFor"){if(u.for)continue;o="for"}o==="style"&&s&&typeof s=="object"&&(s=ge(s)),o[0]==="a"&&o[1]==="r"&&typeof s=="boolean"&&(s=String(s));var l=r.attributeHook&&r.attributeHook(o,s,t,r,F);if(l||l==="")f+=l;else if(o==="dangerouslySetInnerHTML")O=s&&s.__html;else if(c==="textarea"&&o==="value")j=s;else if((s||s===0||s==="")&&typeof s!="function"){if(!(s!==!0&&s!==""||(s=o,r&&r.xml))){f=f+" "+o;continue}if(o==="value"){if(c==="select"){m=s;continue}c==="option"&&m==s&&u.selected===void 0&&(f+=" selected")}f=f+" "+o+'="'+U(s)+'"'}}}else j=s}}if(g){var x=f.replace(/\n\s*/," ");x===f||~x.indexOf(`
4
+ `)?g&&~f.indexOf(`
5
+ `)&&(f+=`
6
+ `):f=x}if(f+=">",W.test(c))throw new Error(c+" is not a valid HTML tag name in "+f);var L,me=_e.test(c)||r.voidElements&&r.voidElements.test(c),M=[];if(O)g&&ae(O)&&(O=`
7
+ `+_+oe(O,_)),f+=O;else if(j!=null&&H(L=[],j).length){for(var k=g&&~f.indexOf(`
8
+ `),ee=!1,G=0;G<L.length;G++){var X=L[G];if(X!=null&&X!==!1){var S=T(X,t,r,!0,c==="svg"||c!=="foreignObject"&&i,m);if(g&&!k&&ae(S)&&(k=!0),S)if(g){var te=S.length>0&&S[0]!="<";ee&&te?M[M.length-1]+=S:M.push(S),ee=te}else M.push(S)}}if(g&&k)for(var Y=M.length;Y--;)M[Y]=`
9
+ `+_+oe(M[Y],_)}if(M.length||O)f+=M.join("");else if(r&&r.xml)return f.substring(0,f.length-1)+" />";return!me||L||O?(g&&~f.indexOf(`
10
+ `)&&(f+=`
11
+ `),f=f+"</"+c+">"):f=f.replace(/>$/," />"),f}var qe={shallow:!0};V.render=V;var ze=function(e,t){return V(e,t,qe)},se=[];function V(e,t,r){t=t||{};var a=p.__s;p.__s=!0;var i,m=ue(K,null);return m.__k=[e],i=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?T(e,t,r):D(e,t,!1,void 0,m),p.__c&&p.__c(e,se),p.__s=a,se.length=0,i}function I(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?ue(null,null,e):e}function Ke(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&de.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function We(e,t){return e==="style"&&t!=null&&typeof t=="object"?ge(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var fe=Array.isArray,ce=Object.assign;function D(e,t,r,a,i){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":U(e);if(fe(e)){var m="";i.__k=e;for(var g=0;g<e.length;g++)m+=D(e[g],t,r,a,i),e[g]=I(e[g]);return m}if(e.constructor!==void 0)return"";e.__=i,p.__b&&p.__b(e);var _=e.type,h=e.props;if(typeof _=="function"){var b;if(_===K)b=h.children;else{b=_.prototype&&typeof _.prototype.render=="function"?function(y,A){var o=y.type,s=Z(o,A),l=new o(y.props,s);y.__c=l,l.__v=y,l.__d=!0,l.props=y.props,l.state==null&&(l.state={}),l.__s==null&&(l.__s=l.state),l.context=s,o.getDerivedStateFromProps?l.state=ce({},l.state,o.getDerivedStateFromProps(l.props,l.state)):l.componentWillMount&&(l.componentWillMount(),l.state=l.__s!==l.state?l.__s:l.state);var x=p.__r;return x&&x(y),l.render(l.props,l.state,l.context)}(e,t):function(y,A){var o,s=ye(y,A),l=Z(y.type,A);y.__c=s;for(var x=p.__r,L=0;s.__d&&L++<25;)s.__d=!1,x&&x(y),o=y.type.call(s,y.props,l);return o}(e,t);var C=e.__c;C.getChildContext&&(t=ce({},t,C.getChildContext()))}var c=D(b=b!=null&&b.type===K&&b.key==null?b.props.children:b,t,r,a,e);return p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),c}var u,F,v="<";if(v+=_,h)for(var d in u=h.children,h){var n=h[d];if(!(d==="key"||d==="ref"||d==="__self"||d==="__source"||d==="children"||d==="className"&&"class"in h||d==="htmlFor"&&"for"in h||W.test(d))){if(n=We(d=Ke(d,r),n),d==="dangerouslySetInnerHTML")F=n&&n.__html;else if(_==="textarea"&&d==="value")u=n;else if((n||n===0||n==="")&&typeof n!="function"){if(n===!0||n===""){n=d,v=v+" "+d;continue}if(d==="value"){if(_==="select"){a=n;continue}_!=="option"||a!=n||"selected"in h||(v+=" selected")}v=v+" "+d+'="'+U(n)+'"'}}}var P=v;if(v+=">",W.test(_))throw new Error(_+" is not a valid HTML tag name in "+v);var w="",E=!1;if(F)w+=F,E=!0;else if(typeof u=="string")w+=U(u),E=!0;else if(fe(u)){e.__k=u;for(var $=0;$<u.length;$++){var j=u[$];if(u[$]=I(j),j!=null&&j!==!1){var O=D(j,t,_==="svg"||_!=="foreignObject"&&r,a,e);O&&(w+=O,E=!0)}}}else if(u!=null&&u!==!1&&u!==!0){e.__k=[I(u)];var f=D(u,t,_==="svg"||_!=="foreignObject"&&r,a,e);f&&(w+=f,E=!0)}if(p.diffed&&p.diffed(e),e.__=void 0,p.unmount&&p.unmount(e),E)v+=w;else if(_e.test(_))return P+" />";return v+"</"+_+">"}V.shallowRender=ze;class Ze{constructor(){re(this,"_map")}get map(){return this._map}set map(t){this._map=t}getMethods(){return{setMap:t=>{this.map=t},getMap:()=>this.map}}}const Ve=new Ze,{setMap:Ye,getMap:Be}=Ve.getMethods();export{Xe as d,Be as g,Ye as s};
12
+ //# sourceMappingURL=image-params-keymap__LH6wjfp1fd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"image-params-keymap__LH6wjfp1fd.js","sources":["../../../../node_modules/deepmerge/dist/cjs.js","../../../../node_modules/preact-render-to-string/dist/index.mjs","../../src/lib/image-params-keymap.ts"],"sourcesContent":["'use strict';\n\nvar isMergeableObject = function isMergeableObject(value) {\n\treturn isNonNullObject(value)\n\t\t&& !isSpecial(value)\n};\n\nfunction isNonNullObject(value) {\n\treturn !!value && typeof value === 'object'\n}\n\nfunction isSpecial(value) {\n\tvar stringValue = Object.prototype.toString.call(value);\n\n\treturn stringValue === '[object RegExp]'\n\t\t|| stringValue === '[object Date]'\n\t\t|| isReactElement(value)\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n\treturn value.$$typeof === REACT_ELEMENT_TYPE\n}\n\nfunction emptyTarget(val) {\n\treturn Array.isArray(val) ? [] : {}\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n\treturn (options.clone !== false && options.isMergeableObject(value))\n\t\t? deepmerge(emptyTarget(value), value, options)\n\t\t: value\n}\n\nfunction defaultArrayMerge(target, source, options) {\n\treturn target.concat(source).map(function(element) {\n\t\treturn cloneUnlessOtherwiseSpecified(element, options)\n\t})\n}\n\nfunction getMergeFunction(key, options) {\n\tif (!options.customMerge) {\n\t\treturn deepmerge\n\t}\n\tvar customMerge = options.customMerge(key);\n\treturn typeof customMerge === 'function' ? customMerge : deepmerge\n}\n\nfunction getEnumerableOwnPropertySymbols(target) {\n\treturn Object.getOwnPropertySymbols\n\t\t? Object.getOwnPropertySymbols(target).filter(function(symbol) {\n\t\t\treturn Object.propertyIsEnumerable.call(target, symbol)\n\t\t})\n\t\t: []\n}\n\nfunction getKeys(target) {\n\treturn Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))\n}\n\nfunction propertyIsOnObject(object, property) {\n\ttry {\n\t\treturn property in object\n\t} catch(_) {\n\t\treturn false\n\t}\n}\n\n// Protects from prototype poisoning and unexpected merging up the prototype chain.\nfunction propertyIsUnsafe(target, key) {\n\treturn propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n\t\t&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n\t\t\t&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n\tvar destination = {};\n\tif (options.isMergeableObject(target)) {\n\t\tgetKeys(target).forEach(function(key) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n\t\t});\n\t}\n\tgetKeys(source).forEach(function(key) {\n\t\tif (propertyIsUnsafe(target, key)) {\n\t\t\treturn\n\t\t}\n\n\t\tif (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n\t\t\tdestination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n\t\t} else {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n\t\t}\n\t});\n\treturn destination\n}\n\nfunction deepmerge(target, source, options) {\n\toptions = options || {};\n\toptions.arrayMerge = options.arrayMerge || defaultArrayMerge;\n\toptions.isMergeableObject = options.isMergeableObject || isMergeableObject;\n\t// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n\t// implementations can use it. The caller may not replace it.\n\toptions.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n\n\tvar sourceIsArray = Array.isArray(source);\n\tvar targetIsArray = Array.isArray(target);\n\tvar sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n\tif (!sourceAndTargetTypesMatch) {\n\t\treturn cloneUnlessOtherwiseSpecified(source, options)\n\t} else if (sourceIsArray) {\n\t\treturn options.arrayMerge(target, source, options)\n\t} else {\n\t\treturn mergeObject(target, source, options)\n\t}\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n\tif (!Array.isArray(array)) {\n\t\tthrow new Error('first argument should be an array')\n\t}\n\n\treturn array.reduce(function(prev, next) {\n\t\treturn deepmerge(prev, next, options)\n\t}, {})\n};\n\nvar deepmerge_1 = deepmerge;\n\nmodule.exports = deepmerge_1;\n","import{Fragment as e,options as t,h as r}from\"preact\";var n=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,o=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,i=/[\\s\\n\\\\/='\"\\0<>]/,l=/^xlink:?./,a=/[\"&<]/;function s(e){if(!1===a.test(e+=\"\"))return e;for(var t=0,r=0,n=\"\",o=\"\";r<e.length;r++){switch(e.charCodeAt(r)){case 34:o=\"&quot;\";break;case 38:o=\"&amp;\";break;case 60:o=\"&lt;\";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=o,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var f=function(e,t){return String(e).replace(/(\\n+)/g,\"$1\"+(t||\"\\t\"))},u=function(e,t,r){return String(e).length>(t||40)||!r&&-1!==String(e).indexOf(\"\\n\")||-1!==String(e).indexOf(\"<\")},c={},_=/([A-Z])/g;function p(e){var t=\"\";for(var r in e){var o=e[r];null!=o&&\"\"!==o&&(t&&(t+=\" \"),t+=\"-\"==r[0]?r:c[r]||(c[r]=r.replace(_,\"-$1\").toLowerCase()),t=\"number\"==typeof o&&!1===n.test(r)?t+\": \"+o+\"px;\":t+\": \"+o+\";\")}return t||void 0}function d(e,t){return Array.isArray(t)?t.reduce(d,e):null!=t&&!1!==t&&e.push(t),e}function v(){this.__d=!0}function h(e,t){return{__v:e,context:t,props:e.props,setState:v,forceUpdate:v,__d:!0,__h:[]}}function g(e,t){var r=e.contextType,n=r&&t[r.__c];return null!=r?n?n.props.value:r.__:t}var y=[];function m(r,n,a,c,_,v){if(null==r||\"boolean\"==typeof r)return\"\";if(\"object\"!=typeof r)return\"function\"==typeof r?\"\":s(r);var b=a.pretty,x=b&&\"string\"==typeof b?b:\"\\t\";if(Array.isArray(r)){for(var k=\"\",S=0;S<r.length;S++)b&&S>0&&(k+=\"\\n\"),k+=m(r[S],n,a,c,_,v);return k}if(void 0!==r.constructor)return\"\";var w,C=r.type,O=r.props,j=!1;if(\"function\"==typeof C){if(j=!0,!a.shallow||!c&&!1!==a.renderRootComponent){if(C===e){var A=[];return d(A,r.props.children),m(A,n,a,!1!==a.shallowHighOrder,_,v)}var F,H=r.__c=h(r,n);t.__b&&t.__b(r);var M=t.__r;if(C.prototype&&\"function\"==typeof C.prototype.render){var L=g(C,n);(H=r.__c=new C(O,L)).__v=r,H._dirty=H.__d=!0,H.props=O,null==H.state&&(H.state={}),null==H._nextState&&null==H.__s&&(H._nextState=H.__s=H.state),H.context=L,C.getDerivedStateFromProps?H.state=Object.assign({},H.state,C.getDerivedStateFromProps(H.props,H.state)):H.componentWillMount&&(H.componentWillMount(),H.state=H._nextState!==H.state?H._nextState:H.__s!==H.state?H.__s:H.state),M&&M(r),F=H.render(H.props,H.state,H.context)}else for(var T=g(C,n),E=0;H.__d&&E++<25;)H.__d=!1,M&&M(r),F=C.call(r.__c,O,T);return H.getChildContext&&(n=Object.assign({},n,H.getChildContext())),t.diffed&&t.diffed(r),m(F,n,a,!1!==a.shallowHighOrder,_,v)}C=(w=C).displayName||w!==Function&&w.name||function(e){var t=(Function.prototype.toString.call(e).match(/^\\s*function\\s+([^( ]+)/)||\"\")[1];if(!t){for(var r=-1,n=y.length;n--;)if(y[n]===e){r=n;break}r<0&&(r=y.push(e)-1),t=\"UnnamedComponent\"+r}return t}(w)}var $,D,N=\"<\"+C;if(O){var P=Object.keys(O);a&&!0===a.sortAttributes&&P.sort();for(var W=0;W<P.length;W++){var I=P[W],R=O[I];if(\"children\"!==I){if(!i.test(I)&&(a&&a.allAttributes||\"key\"!==I&&\"ref\"!==I&&\"__self\"!==I&&\"__source\"!==I)){if(\"defaultValue\"===I)I=\"value\";else if(\"defaultChecked\"===I)I=\"checked\";else if(\"defaultSelected\"===I)I=\"selected\";else if(\"className\"===I){if(void 0!==O.class)continue;I=\"class\"}else _&&l.test(I)&&(I=I.toLowerCase().replace(/^xlink:?/,\"xlink:\"));if(\"htmlFor\"===I){if(O.for)continue;I=\"for\"}\"style\"===I&&R&&\"object\"==typeof R&&(R=p(R)),\"a\"===I[0]&&\"r\"===I[1]&&\"boolean\"==typeof R&&(R=String(R));var U=a.attributeHook&&a.attributeHook(I,R,n,a,j);if(U||\"\"===U)N+=U;else if(\"dangerouslySetInnerHTML\"===I)D=R&&R.__html;else if(\"textarea\"===C&&\"value\"===I)$=R;else if((R||0===R||\"\"===R)&&\"function\"!=typeof R){if(!(!0!==R&&\"\"!==R||(R=I,a&&a.xml))){N=N+\" \"+I;continue}if(\"value\"===I){if(\"select\"===C){v=R;continue}\"option\"===C&&v==R&&void 0===O.selected&&(N+=\" selected\")}N=N+\" \"+I+'=\"'+s(R)+'\"'}}}else $=R}}if(b){var V=N.replace(/\\n\\s*/,\" \");V===N||~V.indexOf(\"\\n\")?b&&~N.indexOf(\"\\n\")&&(N+=\"\\n\"):N=V}if(N+=\">\",i.test(C))throw new Error(C+\" is not a valid HTML tag name in \"+N);var q,z=o.test(C)||a.voidElements&&a.voidElements.test(C),Z=[];if(D)b&&u(D)&&(D=\"\\n\"+x+f(D,x)),N+=D;else if(null!=$&&d(q=[],$).length){for(var B=b&&~N.indexOf(\"\\n\"),G=!1,J=0;J<q.length;J++){var K=q[J];if(null!=K&&!1!==K){var Q=m(K,n,a,!0,\"svg\"===C||\"foreignObject\"!==C&&_,v);if(b&&!B&&u(Q)&&(B=!0),Q)if(b){var X=Q.length>0&&\"<\"!=Q[0];G&&X?Z[Z.length-1]+=Q:Z.push(Q),G=X}else Z.push(Q)}}if(b&&B)for(var Y=Z.length;Y--;)Z[Y]=\"\\n\"+x+f(Z[Y],x)}if(Z.length||D)N+=Z.join(\"\");else if(a&&a.xml)return N.substring(0,N.length-1)+\" />\";return!z||q||D?(b&&~N.indexOf(\"\\n\")&&(N+=\"\\n\"),N=N+\"</\"+C+\">\"):N=N.replace(/>$/,\" />\"),N}var b={shallow:!0};S.render=S;var x=function(e,t){return S(e,t,b)},k=[];function S(n,o,i){o=o||{};var l=t.__s;t.__s=!0;var a,s=r(e,null);return s.__k=[n],a=i&&(i.pretty||i.voidElements||i.sortAttributes||i.shallow||i.allAttributes||i.xml||i.attributeHook)?m(n,o,i):F(n,o,!1,void 0,s),t.__c&&t.__c(n,k),t.__s=l,k.length=0,a}function w(e){return null==e||\"boolean\"==typeof e?null:\"string\"==typeof e||\"number\"==typeof e||\"bigint\"==typeof e?r(null,null,e):e}function C(e,t){return\"className\"===e?\"class\":\"htmlFor\"===e?\"for\":\"defaultValue\"===e?\"value\":\"defaultChecked\"===e?\"checked\":\"defaultSelected\"===e?\"selected\":t&&l.test(e)?e.toLowerCase().replace(/^xlink:?/,\"xlink:\"):e}function O(e,t){return\"style\"===e&&null!=t&&\"object\"==typeof t?p(t):\"a\"===e[0]&&\"r\"===e[1]&&\"boolean\"==typeof t?String(t):t}var j=Array.isArray,A=Object.assign;function F(r,n,l,a,f){if(null==r||!0===r||!1===r||\"\"===r)return\"\";if(\"object\"!=typeof r)return\"function\"==typeof r?\"\":s(r);if(j(r)){var u=\"\";f.__k=r;for(var c=0;c<r.length;c++)u+=F(r[c],n,l,a,f),r[c]=w(r[c]);return u}if(void 0!==r.constructor)return\"\";r.__=f,t.__b&&t.__b(r);var _=r.type,p=r.props;if(\"function\"==typeof _){var d;if(_===e)d=p.children;else{d=_.prototype&&\"function\"==typeof _.prototype.render?function(e,r){var n=e.type,o=g(n,r),i=new n(e.props,o);e.__c=i,i.__v=e,i.__d=!0,i.props=e.props,null==i.state&&(i.state={}),null==i.__s&&(i.__s=i.state),i.context=o,n.getDerivedStateFromProps?i.state=A({},i.state,n.getDerivedStateFromProps(i.props,i.state)):i.componentWillMount&&(i.componentWillMount(),i.state=i.__s!==i.state?i.__s:i.state);var l=t.__r;return l&&l(e),i.render(i.props,i.state,i.context)}(r,n):function(e,r){var n,o=h(e,r),i=g(e.type,r);e.__c=o;for(var l=t.__r,a=0;o.__d&&a++<25;)o.__d=!1,l&&l(e),n=e.type.call(o,e.props,i);return n}(r,n);var v=r.__c;v.getChildContext&&(n=A({},n,v.getChildContext()))}var y=F(d=null!=d&&d.type===e&&null==d.key?d.props.children:d,n,l,a,r);return t.diffed&&t.diffed(r),r.__=void 0,t.unmount&&t.unmount(r),y}var m,b,x=\"<\";if(x+=_,p)for(var k in m=p.children,p){var S=p[k];if(!(\"key\"===k||\"ref\"===k||\"__self\"===k||\"__source\"===k||\"children\"===k||\"className\"===k&&\"class\"in p||\"htmlFor\"===k&&\"for\"in p||i.test(k)))if(S=O(k=C(k,l),S),\"dangerouslySetInnerHTML\"===k)b=S&&S.__html;else if(\"textarea\"===_&&\"value\"===k)m=S;else if((S||0===S||\"\"===S)&&\"function\"!=typeof S){if(!0===S||\"\"===S){S=k,x=x+\" \"+k;continue}if(\"value\"===k){if(\"select\"===_){a=S;continue}\"option\"!==_||a!=S||\"selected\"in p||(x+=\" selected\")}x=x+\" \"+k+'=\"'+s(S)+'\"'}}var H=x;if(x+=\">\",i.test(_))throw new Error(_+\" is not a valid HTML tag name in \"+x);var M=\"\",L=!1;if(b)M+=b,L=!0;else if(\"string\"==typeof m)M+=s(m),L=!0;else if(j(m)){r.__k=m;for(var T=0;T<m.length;T++){var E=m[T];if(m[T]=w(E),null!=E&&!1!==E){var $=F(E,n,\"svg\"===_||\"foreignObject\"!==_&&l,a,r);$&&(M+=$,L=!0)}}}else if(null!=m&&!1!==m&&!0!==m){r.__k=[w(m)];var D=F(m,n,\"svg\"===_||\"foreignObject\"!==_&&l,a,r);D&&(M+=D,L=!0)}if(t.diffed&&t.diffed(r),r.__=void 0,t.unmount&&t.unmount(r),L)x+=M;else if(o.test(_))return H+\" />\";return x+\"</\"+_+\">\"}S.shallowRender=x;export default S;export{S as render,S as renderToStaticMarkup,S as renderToString,x as shallowRender};\n//# sourceMappingURL=index.module.js.map\n","class ImageParamsKeyMap {\n private _map?: { [key: string]: string } | undefined;\n\n get map() {\n return this._map;\n }\n\n set map(value: typeof this._map) {\n this._map = value;\n }\n\n public getMethods() {\n return {\n setMap: (value: typeof this._map) => {\n this.map = value;\n },\n getMap: () => this.map,\n };\n }\n}\n\nconst keyMap = new ImageParamsKeyMap();\n\nexport const { setMap: setImageParamsKeyMap, getMap: getImageParamsKeyMap } =\n keyMap.getMethods();\n"],"names":["isMergeableObject","value","isNonNullObject","isSpecial","stringValue","isReactElement","canUseSymbol","REACT_ELEMENT_TYPE","emptyTarget","val","cloneUnlessOtherwiseSpecified","options","deepmerge","defaultArrayMerge","target","source","element","getMergeFunction","key","customMerge","getEnumerableOwnPropertySymbols","symbol","getKeys","propertyIsOnObject","object","property","propertyIsUnsafe","mergeObject","destination","sourceIsArray","targetIsArray","sourceAndTargetTypesMatch","array","prev","next","deepmerge_1","cjs","n","o","i","l","a","s","f","u","c","_","p","d","v","h","g","y","m","r","b","x","k","S","w","C","O","j","e","A","F","H","t","M","L","T","E","$","D","N","P","W","I","R","U","V","q","z","Z","B","G","J","K","Q","X","ImageParamsKeyMap","_map","map","getMethods","setMap","getMap","keyMap","setImageParamsKeyMap","getImageParamsKeyMap"],"mappings":"2VAEA,IAAIA,GAAoB,SAA2BC,EAAO,CACzD,OAAOC,GAAgBD,CAAK,GACxB,CAACE,GAAUF,CAAK,CACrB,EAEA,SAASC,GAAgBD,EAAO,CAC/B,MAAO,CAAC,CAACA,GAAS,OAAOA,GAAU,QACpC,CAEA,SAASE,GAAUF,EAAO,CACzB,IAAIG,EAAc,OAAO,UAAU,SAAS,KAAKH,CAAK,EAEtD,OAAOG,IAAgB,mBACnBA,IAAgB,iBAChBC,GAAeJ,CAAK,CACzB,CAGA,IAAIK,GAAe,OAAO,QAAW,YAAc,OAAO,IACtDC,GAAqBD,GAAe,OAAO,IAAI,eAAe,EAAI,MAEtE,SAASD,GAAeJ,EAAO,CAC9B,OAAOA,EAAM,WAAaM,EAC3B,CAEA,SAASC,GAAYC,EAAK,CACzB,OAAO,MAAM,QAAQA,CAAG,EAAI,CAAE,EAAG,CAAE,CACpC,CAEA,SAASC,EAA8BT,EAAOU,EAAS,CACtD,OAAQA,EAAQ,QAAU,IAASA,EAAQ,kBAAkBV,CAAK,EAC/DW,EAAUJ,GAAYP,CAAK,EAAGA,EAAOU,CAAO,EAC5CV,CACJ,CAEA,SAASY,GAAkBC,EAAQC,EAAQJ,EAAS,CACnD,OAAOG,EAAO,OAAOC,CAAM,EAAE,IAAI,SAASC,EAAS,CAClD,OAAON,EAA8BM,EAASL,CAAO,CACvD,CAAE,CACF,CAEA,SAASM,GAAiBC,EAAKP,EAAS,CACvC,GAAI,CAACA,EAAQ,YACZ,OAAOC,EAER,IAAIO,EAAcR,EAAQ,YAAYO,CAAG,EACzC,OAAO,OAAOC,GAAgB,WAAaA,EAAcP,CAC1D,CAEA,SAASQ,GAAgCN,EAAQ,CAChD,OAAO,OAAO,sBACX,OAAO,sBAAsBA,CAAM,EAAE,OAAO,SAASO,EAAQ,CAC9D,OAAO,OAAO,qBAAqB,KAAKP,EAAQO,CAAM,CACzD,CAAG,EACC,CAAE,CACN,CAEA,SAASC,GAAQR,EAAQ,CACxB,OAAO,OAAO,KAAKA,CAAM,EAAE,OAAOM,GAAgCN,CAAM,CAAC,CAC1E,CAEA,SAASS,GAAmBC,EAAQC,EAAU,CAC7C,GAAI,CACH,OAAOA,KAAYD,CACnB,MAAU,CACV,MAAO,EACP,CACF,CAGA,SAASE,GAAiBZ,EAAQI,EAAK,CACtC,OAAOK,GAAmBT,EAAQI,CAAG,GACjC,EAAE,OAAO,eAAe,KAAKJ,EAAQI,CAAG,GACvC,OAAO,qBAAqB,KAAKJ,EAAQI,CAAG,EAClD,CAEA,SAASS,GAAYb,EAAQC,EAAQJ,EAAS,CAC7C,IAAIiB,EAAc,CAAA,EAClB,OAAIjB,EAAQ,kBAAkBG,CAAM,GACnCQ,GAAQR,CAAM,EAAE,QAAQ,SAASI,EAAK,CACrCU,EAAYV,CAAG,EAAIR,EAA8BI,EAAOI,CAAG,EAAGP,CAAO,CACxE,CAAG,EAEFW,GAAQP,CAAM,EAAE,QAAQ,SAASG,EAAK,CACjCQ,GAAiBZ,EAAQI,CAAG,IAI5BK,GAAmBT,EAAQI,CAAG,GAAKP,EAAQ,kBAAkBI,EAAOG,CAAG,CAAC,EAC3EU,EAAYV,CAAG,EAAID,GAAiBC,EAAKP,CAAO,EAAEG,EAAOI,CAAG,EAAGH,EAAOG,CAAG,EAAGP,CAAO,EAEnFiB,EAAYV,CAAG,EAAIR,EAA8BK,EAAOG,CAAG,EAAGP,CAAO,EAExE,CAAE,EACMiB,CACR,CAEA,SAAShB,EAAUE,EAAQC,EAAQJ,EAAS,CAC3CA,EAAUA,GAAW,GACrBA,EAAQ,WAAaA,EAAQ,YAAcE,GAC3CF,EAAQ,kBAAoBA,EAAQ,mBAAqBX,GAGzDW,EAAQ,8BAAgCD,EAExC,IAAImB,EAAgB,MAAM,QAAQd,CAAM,EACpCe,EAAgB,MAAM,QAAQhB,CAAM,EACpCiB,EAA4BF,IAAkBC,EAElD,OAAKC,EAEMF,EACHlB,EAAQ,WAAWG,EAAQC,EAAQJ,CAAO,EAE1CgB,GAAYb,EAAQC,EAAQJ,CAAO,EAJnCD,EAA8BK,EAAQJ,CAAO,CAMtD,CAEAC,EAAU,IAAM,SAAsBoB,EAAOrB,EAAS,CACrD,GAAI,CAAC,MAAM,QAAQqB,CAAK,EACvB,MAAM,IAAI,MAAM,mCAAmC,EAGpD,OAAOA,EAAM,OAAO,SAASC,EAAMC,EAAM,CACxC,OAAOtB,EAAUqB,EAAMC,EAAMvB,CAAO,CACpC,EAAE,EAAE,CACN,EAEA,IAAIwB,GAAcvB,EAElBwB,GAAiBD,mBCpIqC,IAAIE,GAAE,kEAAkEC,GAAE,2EAA2EC,EAAE,mBAAmBC,GAAE,YAAYC,GAAE,QAAQ,SAASC,EAAE,EAAE,CAAC,GAAQD,GAAE,KAAK,GAAG,EAAE,IAAjB,GAAmB,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAEJ,EAAE,GAAGC,EAAE,GAAG,EAAE,EAAE,OAAO,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAG,CAAA,IAAK,IAAGA,EAAE,SAAS,MAAM,IAAK,IAAGA,EAAE,QAAQ,MAAM,IAAK,IAAGA,EAAE,OAAO,MAAM,QAAQ,QAAQ,CAAC,IAAI,IAAID,GAAG,EAAE,MAAM,EAAE,CAAC,GAAGA,GAAGC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,IAAID,GAAG,EAAE,MAAM,EAAE,CAAC,GAAGA,CAAC,CAAC,IAAIM,GAAE,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,CAAC,EAAE,QAAQ,SAAS,MAAM,GAAG,IAAK,CAAC,EAAEC,GAAE,SAAS,EAAE,EAAE,EAAE,CAAC,OAAO,OAAO,CAAC,EAAE,OAAW,IAAc,OAAO,CAAC,EAAE,QAAQ;AAAA,CAAI,IAA3B,IAAmC,OAAO,CAAC,EAAE,QAAQ,GAAG,IAA1B,EAA2B,EAAEC,GAAE,GAAGC,GAAE,WAAW,SAASC,GAAE,EAAE,CAAC,IAAI,EAAE,GAAG,QAAQ,KAAK,EAAE,CAAC,IAAIT,EAAE,EAAE,CAAC,EAAQA,GAAN,MAAcA,IAAL,KAAS,IAAI,GAAG,KAAK,GAAQ,EAAE,CAAC,GAAR,IAAU,EAAEO,GAAE,CAAC,IAAIA,GAAE,CAAC,EAAE,EAAE,QAAQC,GAAE,KAAK,EAAE,YAAa,GAAE,EAAY,OAAOR,GAAjB,UAAyBD,GAAE,KAAK,CAAC,IAAb,GAAe,EAAE,KAAKC,EAAE,MAAM,EAAE,KAAKA,EAAE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,SAASU,EAAE,EAAE,EAAE,CAAC,OAAO,MAAM,QAAQ,CAAC,EAAE,EAAE,OAAOA,EAAE,CAAC,EAAQ,GAAN,MAAc,IAAL,IAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,SAASC,IAAG,CAAC,KAAK,IAAI,EAAE,CAAC,SAASC,GAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAASD,GAAE,YAAYA,GAAE,IAAI,GAAG,IAAI,CAAE,CAAA,CAAC,CAAC,SAASE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,YAAYd,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,OAAa,GAAN,KAAQA,EAAEA,EAAE,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,IAAIe,EAAE,GAAG,SAASC,EAAEC,EAAEjB,EAAEI,EAAEI,EAAEC,EAAEG,EAAE,CAAC,GAASK,GAAN,MAAoB,OAAOA,GAAlB,UAAoB,MAAM,GAAG,GAAa,OAAOA,GAAjB,SAAmB,OAAkB,OAAOA,GAAnB,WAAqB,GAAGZ,EAAEY,CAAC,EAAE,IAAIC,EAAEd,EAAE,OAAOe,EAAED,GAAa,OAAOA,GAAjB,SAAmBA,EAAE,IAAK,GAAG,MAAM,QAAQD,CAAC,EAAE,CAAC,QAAQG,EAAE,GAAGC,EAAE,EAAEA,EAAEJ,EAAE,OAAOI,IAAIH,GAAGG,EAAE,IAAID,GAAG;AAAA,GAAMA,GAAGJ,EAAEC,EAAEI,CAAC,EAAErB,EAAEI,EAAEI,EAAEC,EAAEG,CAAC,EAAE,OAAOQ,CAAC,CAAC,GAAYH,EAAE,cAAX,OAAuB,MAAM,GAAG,IAAIK,EAAEC,EAAEN,EAAE,KAAKO,EAAEP,EAAE,MAAMQ,EAAE,GAAG,GAAe,OAAOF,GAAnB,WAAqB,CAAC,GAAGE,EAAE,GAAG,CAACrB,EAAE,SAAS,CAACI,GAAQJ,EAAE,sBAAP,GAA2B,CAAC,GAAGmB,IAAIG,EAAE,CAAC,IAAIC,EAAE,CAAA,EAAG,OAAOhB,EAAEgB,EAAEV,EAAE,MAAM,QAAQ,EAAED,EAAEW,EAAE3B,EAAEI,EAAOA,EAAE,mBAAP,GAAwBK,EAAEG,CAAC,CAAC,CAAC,IAAIgB,EAAEC,EAAEZ,EAAE,IAAIJ,GAAEI,EAAEjB,CAAC,EAAE8B,EAAE,KAAKA,EAAE,IAAIb,CAAC,EAAE,IAAIc,EAAED,EAAE,IAAI,GAAGP,EAAE,WAAuB,OAAOA,EAAE,UAAU,QAA/B,WAAsC,CAAC,IAAIS,EAAElB,EAAES,EAAEvB,CAAC,GAAG6B,EAAEZ,EAAE,IAAI,IAAIM,EAAEC,EAAEQ,CAAC,GAAG,IAAIf,EAAEY,EAAE,OAAOA,EAAE,IAAI,GAAGA,EAAE,MAAML,EAAQK,EAAE,OAAR,OAAgBA,EAAE,MAAM,IAAUA,EAAE,YAAR,MAA0BA,EAAE,KAAR,OAAcA,EAAE,WAAWA,EAAE,IAAIA,EAAE,OAAOA,EAAE,QAAQG,EAAET,EAAE,yBAAyBM,EAAE,MAAM,OAAO,OAAO,CAAE,EAACA,EAAE,MAAMN,EAAE,yBAAyBM,EAAE,MAAMA,EAAE,KAAK,CAAC,EAAEA,EAAE,qBAAqBA,EAAE,mBAAoB,EAACA,EAAE,MAAMA,EAAE,aAAaA,EAAE,MAAMA,EAAE,WAAWA,EAAE,MAAMA,EAAE,MAAMA,EAAE,IAAIA,EAAE,OAAOE,GAAGA,EAAEd,CAAC,EAAEW,EAAEC,EAAE,OAAOA,EAAE,MAAMA,EAAE,MAAMA,EAAE,OAAO,CAAC,KAAM,SAAQI,EAAEnB,EAAES,EAAEvB,CAAC,EAAEkC,EAAE,EAAEL,EAAE,KAAKK,IAAI,IAAIL,EAAE,IAAI,GAAGE,GAAGA,EAAEd,CAAC,EAAEW,EAAEL,EAAE,KAAKN,EAAE,IAAIO,EAAES,CAAC,EAAE,OAAOJ,EAAE,kBAAkB7B,EAAE,OAAO,OAAO,CAAA,EAAGA,EAAE6B,EAAE,gBAAiB,CAAA,GAAGC,EAAE,QAAQA,EAAE,OAAOb,CAAC,EAAED,EAAEY,EAAE5B,EAAEI,EAAOA,EAAE,mBAAP,GAAwBK,EAAEG,CAAC,CAAC,CAACW,GAAGD,EAAEC,GAAG,aAAaD,IAAI,UAAUA,EAAE,MAAM,SAASI,EAAE,CAAC,IAAII,GAAG,SAAS,UAAU,SAAS,KAAKJ,CAAC,EAAE,MAAM,yBAAyB,GAAG,IAAI,CAAC,EAAE,GAAG,CAACI,EAAE,CAAC,QAAQb,EAAE,GAAGjB,EAAEe,EAAE,OAAOf,KAAK,GAAGe,EAAEf,CAAC,IAAI0B,EAAE,CAACT,EAAEjB,EAAE,KAAK,CAACiB,EAAE,IAAIA,EAAEF,EAAE,KAAKW,CAAC,EAAE,GAAGI,EAAE,mBAAmBb,CAAC,CAAC,OAAOa,CAAC,EAAER,CAAC,CAAC,CAAC,IAAIa,EAAEC,EAAEC,EAAE,IAAId,EAAE,GAAGC,EAAE,CAAC,IAAIc,EAAE,OAAO,KAAKd,CAAC,EAAEpB,GAAQA,EAAE,iBAAP,IAAuBkC,EAAE,KAAM,EAAC,QAAQC,EAAE,EAAEA,EAAED,EAAE,OAAOC,IAAI,CAAC,IAAIC,EAAEF,EAAEC,CAAC,EAAEE,EAAEjB,EAAEgB,CAAC,EAAE,GAAgBA,IAAb,YAAgB,GAAG,CAACtC,EAAE,KAAKsC,CAAC,IAAIpC,GAAGA,EAAE,eAAuBoC,IAAR,OAAmBA,IAAR,OAAsBA,IAAX,UAA2BA,IAAb,YAAgB,CAAC,GAAoBA,IAAjB,eAAmBA,EAAE,gBAAmCA,IAAnB,iBAAqBA,EAAE,kBAAsCA,IAApB,kBAAsBA,EAAE,mBAAiCA,IAAd,YAAgB,CAAC,GAAYhB,EAAE,QAAX,OAAiB,SAASgB,EAAE,OAAO,MAAM/B,GAAGN,GAAE,KAAKqC,CAAC,IAAIA,EAAEA,EAAE,YAAa,EAAC,QAAQ,WAAW,QAAQ,GAAG,GAAeA,IAAZ,UAAc,CAAC,GAAGhB,EAAE,IAAI,SAASgB,EAAE,KAAK,CAAWA,IAAV,SAAaC,GAAa,OAAOA,GAAjB,WAAqBA,EAAE/B,GAAE+B,CAAC,GAASD,EAAE,CAAC,IAAT,KAAkBA,EAAE,CAAC,IAAT,KAAuB,OAAOC,GAAlB,YAAsBA,EAAE,OAAOA,CAAC,GAAG,IAAIC,EAAEtC,EAAE,eAAeA,EAAE,cAAcoC,EAAEC,EAAEzC,EAAEI,EAAEqB,CAAC,EAAE,GAAGiB,GAAQA,IAAL,GAAOL,GAAGK,UAAsCF,IAA5B,0BAA8BJ,EAAEK,GAAGA,EAAE,eAA4BlB,IAAb,YAA0BiB,IAAV,QAAYL,EAAEM,WAAWA,GAAOA,IAAJ,GAAYA,IAAL,KAAqB,OAAOA,GAAnB,WAAqB,CAAC,GAAG,EAAOA,IAAL,IAAaA,IAAL,KAASA,EAAED,EAAEpC,GAAGA,EAAE,MAAM,CAACiC,EAAEA,EAAE,IAAIG,EAAE,QAAQ,CAAC,GAAaA,IAAV,QAAY,CAAC,GAAcjB,IAAX,SAAa,CAACX,EAAE6B,EAAE,QAAQ,CAAYlB,IAAX,UAAcX,GAAG6B,GAAYjB,EAAE,WAAX,SAAsBa,GAAG,YAAY,CAACA,EAAEA,EAAE,IAAIG,EAAE,KAAKnC,EAAEoC,CAAC,EAAE,GAAG,CAAC,OAAON,EAAEM,CAAC,CAAC,CAAC,GAAGvB,EAAE,CAAC,IAAIyB,EAAEN,EAAE,QAAQ,QAAQ,GAAG,EAAEM,IAAIN,GAAG,CAACM,EAAE,QAAQ;AAAA,CAAI,EAAEzB,GAAG,CAACmB,EAAE,QAAQ;AAAA,CAAI,IAAIA,GAAG;AAAA,GAAMA,EAAEM,CAAC,CAAC,GAAGN,GAAG,IAAInC,EAAE,KAAKqB,CAAC,EAAE,MAAM,IAAI,MAAMA,EAAE,oCAAoCc,CAAC,EAAE,IAAIO,EAAEC,GAAE5C,GAAE,KAAKsB,CAAC,GAAGnB,EAAE,cAAcA,EAAE,aAAa,KAAKmB,CAAC,EAAEuB,EAAE,CAAE,EAAC,GAAGV,EAAElB,GAAGX,GAAE6B,CAAC,IAAIA,EAAE;AAAA,EAAKjB,EAAEb,GAAE8B,EAAEjB,CAAC,GAAGkB,GAAGD,UAAgBD,GAAN,MAASxB,EAAEiC,EAAE,GAAGT,CAAC,EAAE,OAAO,CAAC,QAAQY,EAAE7B,GAAG,CAACmB,EAAE,QAAQ;AAAA,CAAI,EAAEW,GAAE,GAAGC,EAAE,EAAEA,EAAEL,EAAE,OAAOK,IAAI,CAAC,IAAIC,EAAEN,EAAEK,CAAC,EAAE,GAASC,GAAN,MAAcA,IAAL,GAAO,CAAC,IAAIC,EAAEnC,EAAEkC,EAAElD,EAAEI,EAAE,GAAWmB,IAAR,OAA6BA,IAAlB,iBAAqBd,EAAEG,CAAC,EAAE,GAAGM,GAAG,CAAC6B,GAAGxC,GAAE4C,CAAC,IAAIJ,EAAE,IAAII,EAAE,GAAGjC,EAAE,CAAC,IAAIkC,GAAED,EAAE,OAAO,GAAQA,EAAE,CAAC,GAAR,IAAUH,IAAGI,GAAEN,EAAEA,EAAE,OAAO,CAAC,GAAGK,EAAEL,EAAE,KAAKK,CAAC,EAAEH,GAAEI,EAAC,MAAMN,EAAE,KAAKK,CAAC,CAAC,CAAC,CAAC,GAAGjC,GAAG6B,EAAE,QAAQ,EAAED,EAAE,OAAO,KAAKA,EAAE,CAAC,EAAE;AAAA,EAAK3B,EAAEb,GAAEwC,EAAE,CAAC,EAAE3B,CAAC,CAAC,CAAC,GAAG2B,EAAE,QAAQV,EAAEC,GAAGS,EAAE,KAAK,EAAE,UAAU1C,GAAGA,EAAE,IAAI,OAAOiC,EAAE,UAAU,EAAEA,EAAE,OAAO,CAAC,EAAE,MAAM,MAAM,CAACQ,IAAGD,GAAGR,GAAGlB,GAAG,CAACmB,EAAE,QAAQ;AAAA,CAAI,IAAIA,GAAG;AAAA,GAAMA,EAAEA,EAAE,KAAKd,EAAE,KAAKc,EAAEA,EAAE,QAAQ,KAAK,KAAK,EAAEA,CAAC,CAAC,IAAInB,GAAE,CAAC,QAAQ,EAAE,EAAEG,EAAE,OAAOA,EAAE,IAAIF,GAAE,SAAS,EAAE,EAAE,CAAC,OAAOE,EAAE,EAAE,EAAEH,EAAC,CAAC,EAAEE,GAAE,GAAG,SAASC,EAAErB,EAAEC,EAAEC,EAAE,CAACD,EAAEA,GAAG,CAAE,EAAC,IAAIE,EAAE2B,EAAE,IAAIA,EAAE,IAAI,GAAG,IAAI1B,EAAEC,EAAEY,GAAES,EAAE,IAAI,EAAE,OAAOrB,EAAE,IAAI,CAACL,CAAC,EAAEI,EAAEF,IAAIA,EAAE,QAAQA,EAAE,cAAcA,EAAE,gBAAgBA,EAAE,SAASA,EAAE,eAAeA,EAAE,KAAKA,EAAE,eAAec,EAAEhB,EAAEC,EAAEC,CAAC,EAAE0B,EAAE5B,EAAEC,EAAE,GAAG,OAAOI,CAAC,EAAEyB,EAAE,KAAKA,EAAE,IAAI9B,EAAEoB,EAAC,EAAEU,EAAE,IAAI3B,EAAEiB,GAAE,OAAO,EAAEhB,CAAC,CAAC,SAASkB,EAAE,EAAE,CAAC,OAAa,GAAN,MAAoB,OAAO,GAAlB,UAAoB,KAAe,OAAO,GAAjB,UAA8B,OAAO,GAAjB,UAA8B,OAAO,GAAjB,SAAmBL,GAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,SAASM,GAAE,EAAE,EAAE,CAAC,OAAoB,IAAd,YAAgB,QAAoB,IAAZ,UAAc,MAAuB,IAAjB,eAAmB,QAA2B,IAAnB,iBAAqB,UAA8B,IAApB,kBAAsB,WAAW,GAAGpB,GAAE,KAAK,CAAC,EAAE,EAAE,YAAW,EAAG,QAAQ,WAAW,QAAQ,EAAE,CAAC,CAAC,SAASqB,GAAE,EAAE,EAAE,CAAC,OAAgB,IAAV,SAAmB,GAAN,MAAmB,OAAO,GAAjB,SAAmBd,GAAE,CAAC,EAAQ,EAAE,CAAC,IAAT,KAAkB,EAAE,CAAC,IAAT,KAAuB,OAAO,GAAlB,UAAoB,OAAO,CAAC,EAAE,CAAC,CAAC,IAAIe,GAAE,MAAM,QAAQE,GAAE,OAAO,OAAO,SAASC,EAAEX,EAAEjB,EAAEG,EAAE,EAAEG,EAAE,CAAC,GAASW,GAAN,MAAcA,IAAL,IAAaA,IAAL,IAAaA,IAAL,GAAO,MAAM,GAAG,GAAa,OAAOA,GAAjB,SAAmB,OAAkB,OAAOA,GAAnB,WAAqB,GAAGZ,EAAEY,CAAC,EAAE,GAAGQ,GAAER,CAAC,EAAE,CAAC,IAAIV,EAAE,GAAGD,EAAE,IAAIW,EAAE,QAAQT,EAAE,EAAEA,EAAES,EAAE,OAAOT,IAAID,GAAGqB,EAAEX,EAAET,CAAC,EAAER,EAAEG,EAAE,EAAEG,CAAC,EAAEW,EAAET,CAAC,EAAEc,EAAEL,EAAET,CAAC,CAAC,EAAE,OAAOD,CAAC,CAAC,GAAYU,EAAE,cAAX,OAAuB,MAAM,GAAGA,EAAE,GAAGX,EAAEwB,EAAE,KAAKA,EAAE,IAAIb,CAAC,EAAE,IAAI,EAAEA,EAAE,KAAKP,EAAEO,EAAE,MAAM,GAAe,OAAO,GAAnB,WAAqB,CAAC,IAAIN,EAAE,GAAG,IAAIe,EAAEf,EAAED,EAAE,aAAa,CAACC,EAAE,EAAE,WAAuB,OAAO,EAAE,UAAU,QAA/B,WAAsC,SAASe,EAAET,EAAE,CAAC,IAAIjB,EAAE0B,EAAE,KAAKzB,EAAEa,EAAEd,EAAEiB,CAAC,EAAEf,EAAE,IAAIF,EAAE0B,EAAE,MAAMzB,CAAC,EAAEyB,EAAE,IAAIxB,EAAEA,EAAE,IAAIwB,EAAExB,EAAE,IAAI,GAAGA,EAAE,MAAMwB,EAAE,MAAYxB,EAAE,OAAR,OAAgBA,EAAE,MAAM,CAAA,GAAUA,EAAE,KAAR,OAAcA,EAAE,IAAIA,EAAE,OAAOA,EAAE,QAAQD,EAAED,EAAE,yBAAyBE,EAAE,MAAMyB,GAAE,CAAA,EAAGzB,EAAE,MAAMF,EAAE,yBAAyBE,EAAE,MAAMA,EAAE,KAAK,CAAC,EAAEA,EAAE,qBAAqBA,EAAE,mBAAkB,EAAGA,EAAE,MAAMA,EAAE,MAAMA,EAAE,MAAMA,EAAE,IAAIA,EAAE,OAAO,IAAIC,EAAE2B,EAAE,IAAI,OAAO3B,GAAGA,EAAEuB,CAAC,EAAExB,EAAE,OAAOA,EAAE,MAAMA,EAAE,MAAMA,EAAE,OAAO,CAAC,EAAEe,EAAEjB,CAAC,EAAE,SAAS0B,EAAET,EAAE,CAAC,IAAIjB,EAAEC,EAAEY,GAAEa,EAAET,CAAC,EAAEf,EAAEY,EAAEY,EAAE,KAAKT,CAAC,EAAES,EAAE,IAAIzB,EAAE,QAAQE,EAAE2B,EAAE,IAAI1B,EAAE,EAAEH,EAAE,KAAKG,IAAI,IAAIH,EAAE,IAAI,GAAGE,GAAGA,EAAEuB,CAAC,EAAE1B,EAAE0B,EAAE,KAAK,KAAKzB,EAAEyB,EAAE,MAAMxB,CAAC,EAAE,OAAOF,CAAC,EAAEiB,EAAEjB,CAAC,EAAE,IAAIY,EAAEK,EAAE,IAAIL,EAAE,kBAAkBZ,EAAE2B,GAAE,CAAA,EAAG3B,EAAEY,EAAE,iBAAiB,EAAE,CAAC,IAAIG,EAAEa,EAAEjB,EAAQA,GAAN,MAASA,EAAE,OAAOe,GAASf,EAAE,KAAR,KAAYA,EAAE,MAAM,SAASA,EAAEX,EAAEG,EAAE,EAAEc,CAAC,EAAE,OAAOa,EAAE,QAAQA,EAAE,OAAOb,CAAC,EAAEA,EAAE,GAAG,OAAOa,EAAE,SAASA,EAAE,QAAQb,CAAC,EAAEF,CAAC,CAAC,IAAIC,EAAEE,EAAEC,EAAE,IAAI,GAAGA,GAAG,EAAET,EAAE,QAAQU,KAAKJ,EAAEN,EAAE,SAASA,EAAE,CAAC,IAAIW,EAAEX,EAAEU,CAAC,EAAE,GAAG,EAAUA,IAAR,OAAmBA,IAAR,OAAsBA,IAAX,UAA2BA,IAAb,YAA6BA,IAAb,YAA8BA,IAAd,aAAiB,UAAUV,GAAeU,IAAZ,WAAe,QAAQV,GAAGR,EAAE,KAAKkB,CAAC,IAAG,GAAGC,EAAEG,GAAEJ,EAAEG,GAAEH,EAAEjB,CAAC,EAAEkB,CAAC,EAA8BD,IAA5B,0BAA8BF,EAAEG,GAAGA,EAAE,eAA4B,IAAb,YAA0BD,IAAV,QAAYJ,EAAEK,WAAWA,GAAOA,IAAJ,GAAYA,IAAL,KAAqB,OAAOA,GAAnB,WAAqB,CAAC,GAAQA,IAAL,IAAaA,IAAL,GAAO,CAACA,EAAED,EAAED,EAAEA,EAAE,IAAIC,EAAE,QAAQ,CAAC,GAAaA,IAAV,QAAY,CAAC,GAAc,IAAX,SAAa,CAAC,EAAEC,EAAE,QAAQ,CAAY,IAAX,UAAc,GAAGA,GAAG,aAAaX,IAAIS,GAAG,YAAY,CAACA,EAAEA,EAAE,IAAIC,EAAE,KAAKf,EAAEgB,CAAC,EAAE,GAAG,EAAC,CAAC,IAAIQ,EAAEV,EAAE,GAAGA,GAAG,IAAIjB,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,MAAM,EAAE,oCAAoCiB,CAAC,EAAE,IAAIY,EAAE,GAAGC,EAAE,GAAG,GAAGd,EAAEa,GAAGb,EAAEc,EAAE,WAAqB,OAAOhB,GAAjB,SAAmBe,GAAG1B,EAAEW,CAAC,EAAEgB,EAAE,WAAWP,GAAET,CAAC,EAAE,CAACC,EAAE,IAAID,EAAE,QAAQiB,EAAE,EAAEA,EAAEjB,EAAE,OAAOiB,IAAI,CAAC,IAAIC,EAAElB,EAAEiB,CAAC,EAAE,GAAGjB,EAAEiB,CAAC,EAAEX,EAAEY,CAAC,EAAQA,GAAN,MAAcA,IAAL,GAAO,CAAC,IAAIC,EAAEP,EAAEM,EAAElC,EAAU,IAAR,OAA6B,IAAlB,iBAAqBG,EAAE,EAAEc,CAAC,EAAEkB,IAAIJ,GAAGI,EAAEH,EAAE,GAAG,CAAC,CAAC,SAAehB,GAAN,MAAcA,IAAL,IAAaA,IAAL,GAAO,CAACC,EAAE,IAAI,CAACK,EAAEN,CAAC,CAAC,EAAE,IAAIoB,EAAER,EAAEZ,EAAEhB,EAAU,IAAR,OAA6B,IAAlB,iBAAqBG,EAAE,EAAEc,CAAC,EAAEmB,IAAIL,GAAGK,EAAEJ,EAAE,GAAG,CAAC,GAAGF,EAAE,QAAQA,EAAE,OAAOb,CAAC,EAAEA,EAAE,GAAG,OAAOa,EAAE,SAASA,EAAE,QAAQb,CAAC,EAAEe,EAAEb,GAAGY,UAAU9B,GAAE,KAAK,CAAC,EAAE,OAAO4B,EAAE,MAAM,OAAOV,EAAE,KAAK,EAAE,GAAG,CAACE,EAAE,cAAcF,GCAl+O,MAAMkC,EAAkB,CAAxB,cACUC,GAAAA,aAER,IAAIC,KAAM,CACR,OAAO,KAAKD,IACd,CAEA,IAAIC,IAAI3F,EAAyB,CAC/B,KAAK0F,KAAO1F,CACd,CAEO4F,YAAa,CACX,MAAA,CACLC,OAAS7F,GAA4B,CACnC,KAAK2F,IAAM3F,CACb,EACA8F,OAAQA,IAAM,KAAKH,GAAAA,CAEvB,CACF,CAEA,MAAMI,GAAS,IAAIN,GAEN,CAAEI,OAAQG,GAAsBF,OAAQG,EAAqB,EACxEF,GAAOH,WAAW","x_google_ignoreList":[0,1]}
@@ -0,0 +1,2 @@
1
+ import{c as e}from"./classes__DJBjVfEyCI.js";import"./image-params-keymap__LH6wjfp1fd.js";import{Fragment as c}from"../preact.js";import{jsx as s}from"../preact-jsx-runtime.js";function i({node:r,...a}){return r?Array.isArray(r)?s(c,{children:r.map((m,t)=>s(i,{node:m,className:a.className,...a},t))}):(a.className=e([r.props.className,a.className]),s(r.type,{ref:r.ref,...r.props,...a},r.key)):null}export{i as V};
2
+ //# sourceMappingURL=vcomponent__BjnR-FRhjl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vcomponent__BjnR-FRhjl.js","sources":["../../src/lib/vcomponent.tsx"],"sourcesContent":["/*\nADOBE CONFIDENTIAL\nCopyright 2023 Adobe\nAll Rights Reserved.\nNOTICE: All information contained herein is, and remains\nthe property of Adobe and its suppliers, if any. The intellectual\nand technical concepts contained herein are proprietary to Adobe\nand its suppliers and are protected by all applicable intellectual\nproperty laws, including trade secret and copyright laws.\nDissemination of this information or reproduction of this material\nis strictly forbidden unless prior written permission is obtained\nfrom Adobe.\n*/\n\nimport { VNode, ComponentChildren } from 'preact';\nimport { classes } from '.';\n\nexport type VComponentProps = {\n node: VNode | VNode[];\n children?: ComponentChildren;\n [key: string]: any; // allow other unspecified props to be passed without any TS warning\n};\n\nexport function VComponent({ node, ...props }: VComponentProps) {\n if (!node) return null;\n\n if (Array.isArray(node)) {\n return (\n <>\n {node.map((n, key) => (\n <VComponent\n key={key}\n node={n}\n className={props.className}\n {...props}\n />\n ))}\n </>\n );\n }\n\n // @ts-ignore\n props.className = classes([node.props.className, props.className]);\n\n // @ts-ignore\n return <node.type ref={node.ref} key={node.key} {...node.props} {...props} />;\n}\n"],"names":["VComponent","node","props","Array","isArray","_jsx","_Fragment","children","map","n","key","className","classes","type","ref"],"mappings":"iLAuBO,SAASA,EAAW,CAAEC,KAAAA,EAAM,GAAGC,CAAuB,EAAG,CAC9D,OAAKD,EAEDE,MAAMC,QAAQH,CAAI,EAElBI,EAAAC,EAAA,CAAAC,SACGN,EAAKO,IAAI,CAACC,EAAGC,IACZL,EAACL,EAAU,CAETC,KAAMQ,EACNE,UAAWT,EAAMS,UAAU,GACvBT,CAAK,EAHJQ,CAIN,CACF,CAAA,CACD,GAKAC,EAAAA,UAAYC,EAAQ,CAACX,EAAKC,MAAMS,UAAWT,EAAMS,SAAS,CAAC,EAG1DN,EAACJ,EAAKY,KAAI,CAACC,IAAKb,EAAKa,IAAI,GAAoBb,EAAKC,MAAK,GAAMA,CAAAA,EAA9BD,EAAKS,GAAiC,GArB1D,IAsBpB"}
@@ -0,0 +1,2 @@
1
+ import"../preact-compat.js";import{c as y}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{Fragment as z}from"../preact.js";import{jsx as o}from"../preact-jsx-runtime.js";import f from"../chunks/Add__CiEO_sX7HP.js";import h from"../chunks/Minus__CefO5Dkv_0.js";import{useText as K}from"../i18n.js";import P from"./Divider.js";import{useState as $}from"../preact-hooks.js";import{Icon as _}from"./Icon.js";const D=({className:a,children:i,title:r,secondaryText:e,actionIconPosition:s="left",iconOpen:d=f,iconClose:t=h,iconLeft:l=f,showIconLeft:p=!1,renderContentWhenClosed:b=!0,onStateChange:m,...x})=>{const[c,A]=$(!1),n=k=>{k.stopImmediatePropagation();const N=!c;A(N),m==null||m(N)},I=K(`Dropin.Accordion.${c?"close":"open"}.label`).label,u=o(_,{source:d,size:"24",onClick:n,onKeyPress:n,className:"dropin-accordion-section__open-icon"}),v=o(_,{source:t,size:"24",onClick:n,onKeyPress:n,className:"dropin-accordion-section__close-icon"}),g=o(_,{source:l,size:"24"});return o("div",{...x,className:y(["dropin-accordion-section",a]),children:[o("div",{className:"dropin-accordion-section__heading",children:[o("div",{className:"dropin-accordion-section__flex",onClick:n,onKeyPress:n,role:"button","aria-label":`${I} ${r}`,tabIndex:0,children:o("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(c?v:u),p&&g,o("h3",{className:"dropin-accordion-section__title",children:r})]})}),o("div",{className:"dropin-accordion-section__secondary-text-container",children:[e&&o("h4",{className:"dropin-accordion-section__secondary-text",children:e}),s==="right"&&(c?v:u)]})]}),o("div",{className:"dropin-accordion-section__content-container",style:{display:c?"grid":"none"},children:(c||b&&!c)&&i})]})},E=({className:a,children:i,actionIconPosition:r="left",iconOpen:e=f,iconClose:s=h,...d})=>{const t=o(P,{variant:"secondary"}),l=p=>o(z,{children:[o(D,{...p.props,actionIconPosition:r,iconOpen:e,iconClose:s}),t]});return o("div",{...d,className:y(["dropin-accordion",a]),children:[t,...(Array.isArray(i)?i:[i]).map(l)]})};export{E as Accordion,D as AccordionSection,E as default};
2
+ //# sourceMappingURL=Accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport { Divider, Icon } from '@adobe/elsie/components';\nimport { Add, Minus } from '@adobe/elsie/icons';\nimport { useText } from '@adobe/elsie/i18n';\nimport '@adobe/elsie/components/Accordion/Accordion.css';\nexport interface AccordionSectionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n actionIconPosition?: 'left' | 'right';\n iconOpen?: VNode<HTMLAttributes<SVGSVGElement>>;\n iconClose?: VNode<HTMLAttributes<SVGSVGElement>>;\n iconLeft?: VNode<HTMLAttributes<SVGSVGElement>>;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n renderContentWhenClosed?: boolean;\n onStateChange?: (open: boolean) => void;\n}\n\nexport const AccordionSection: FunctionComponent<AccordionSectionProps> = ({\n className,\n children,\n title,\n secondaryText,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n iconLeft = Add,\n showIconLeft = false,\n renderContentWhenClosed = true,\n onStateChange,\n ...props\n}) => {\n const [open, setOpen] = useState<boolean>(false);\n const onClickHandler = (e: { stopImmediatePropagation: () => void }) => {\n e.stopImmediatePropagation();\n\n const next = !open;\n setOpen(next);\n onStateChange?.(next);\n };\n\n const buttonLabel = useText(\n `Dropin.Accordion.${open ? 'close' : 'open'}.label`\n ).label;\n\n const openIcon = (\n <Icon\n source={iconOpen}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__open-icon'}\n />\n );\n\n const closeIcon = (\n <Icon\n source={iconClose}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__close-icon'}\n />\n );\n\n const leftIcon = <Icon source={iconLeft} size=\"24\" />;\n\n return (\n <div\n {...props}\n className={classes(['dropin-accordion-section', className])}\n >\n <div className={'dropin-accordion-section__heading'}>\n <div\n className={'dropin-accordion-section__flex'}\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n role=\"button\"\n aria-label={`${buttonLabel} ${title}`}\n tabIndex={0}\n >\n <div className={'dropin-accordion-section__title-container'}>\n {actionIconPosition === 'left' && (open ? closeIcon : openIcon)}\n\n {showIconLeft && leftIcon}\n\n <h3 className={'dropin-accordion-section__title'}>{title}</h3>\n </div>\n </div>\n\n <div className={'dropin-accordion-section__secondary-text-container'}>\n {secondaryText && (\n <h4 className={'dropin-accordion-section__secondary-text'}>\n {secondaryText}\n </h4>\n )}\n\n {actionIconPosition === 'right' && (open ? closeIcon : openIcon)}\n </div>\n </div>\n\n <div\n className={'dropin-accordion-section__content-container'}\n style={{ display: open ? 'grid' : 'none' }}\n >\n {(open || (renderContentWhenClosed && !open)) && children}\n </div>\n </div>\n );\n};\n\nexport interface AccordionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n actionIconPosition?: 'left' | 'right';\n iconOpen?: VNode<HTMLAttributes<SVGSVGElement>>;\n iconClose?: VNode<HTMLAttributes<SVGSVGElement>>;\n iconLeft?: VNode<HTMLAttributes<SVGSVGElement>>;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;\n}\n\nexport const Accordion: FunctionComponent<AccordionProps> = ({\n className,\n children,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n ...props\n}) => {\n const divider = <Divider variant=\"secondary\" />;\n\n const renderAccordionSection = (child: VNode<AccordionSectionProps>) => (\n <>\n <AccordionSection\n {...child.props}\n actionIconPosition={actionIconPosition}\n iconOpen={iconOpen}\n iconClose={iconClose}\n />\n {divider}\n </>\n );\n\n return (\n <div {...props} className={classes(['dropin-accordion', className])}>\n {[\n divider,\n ...(\n (Array.isArray(children)\n ? children\n : [children]) as VNode<AccordionSectionProps>[]\n ).map(renderAccordionSection),\n ]}\n </div>\n );\n};\n"],"names":["AccordionSection","className","children","title","secondaryText","actionIconPosition","iconOpen","Add","iconClose","Minus","iconLeft","showIconLeft","renderContentWhenClosed","onStateChange","props","open","setOpen","useState","onClickHandler","e","stopImmediatePropagation","next","buttonLabel","useText","label","openIcon","_jsx","Icon","source","size","onClick","onKeyPress","closeIcon","leftIcon","_jsxs","classes","role","tabIndex","style","display","Accordion","divider","Divider","variant","renderAccordionSection","child","_Fragment","Array","isArray","map"],"mappings":"ucAmBO,MAAMA,EAA6DA,CAAC,CACzEC,UAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,cAAAA,EACAC,mBAAAA,EAAqB,OACrBC,SAAAA,EAAWC,EACXC,UAAAA,EAAYC,EACZC,SAAAA,EAAWH,EACXI,aAAAA,EAAe,GACfC,wBAAAA,EAA0B,GAC1BC,cAAAA,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAAK,EACzCC,EAAkBC,GAAgD,CACtEA,EAAEC,yBAAyB,EAE3B,MAAMC,EAAO,CAACN,EACdC,EAAQK,CAAI,EACZR,GAAAA,MAAAA,EAAgBQ,EAAI,EAGhBC,EAAcC,EACjB,oBAAmBR,EAAO,QAAU,MAAO,QAC9C,EAAES,MAEIC,EACJC,EAACC,EAAI,CACHC,OAAQtB,EACRuB,KAAK,KACLC,QAASZ,EACTa,WAAYb,EACZjB,UAAW,qCAAA,CACZ,EAGG+B,EACJN,EAACC,EAAI,CACHC,OAAQpB,EACRqB,KAAK,KACLC,QAASZ,EACTa,WAAYb,EACZjB,UAAW,sCAAA,CACZ,EAGGgC,EAAWP,EAACC,EAAI,CAACC,OAAQlB,EAAUmB,KAAK,IAAA,CAAM,EAEpD,OACEK,EAAA,MAAA,CAAA,GACMpB,EACJb,UAAWkC,EAAQ,CAAC,2BAA4BlC,CAAS,CAAC,EAAEC,UAE5DgC,EAAA,MAAA,CAAKjC,UAAW,oCAAoCC,UAClDwB,EAAA,MAAA,CACEzB,UAAW,iCACX6B,QAASZ,EACTa,WAAYb,EACZkB,KAAK,SACL,aAAa,GAAEd,CAAY,IAAGnB,CAAM,GACpCkC,SAAU,EAAEnC,SAEZgC,EAAA,MAAA,CAAKjC,UAAW,4CAA4CC,UACzDG,IAAuB,SAAWU,EAAOiB,EAAYP,GAErDd,GAAgBsB,EAEjBP,EAAA,KAAA,CAAIzB,UAAW,kCAAkCC,SAAEC,CAAAA,CAAU,CAAC,CAAA,CAC3D,CAAA,CACF,EAEL+B,EAAA,MAAA,CAAKjC,UAAW,qDAAqDC,SAAA,CAClEE,GACCsB,EAAA,KAAA,CAAIzB,UAAW,2CAA2CC,SACvDE,CAAAA,CACC,EAGLC,IAAuB,UAAYU,EAAOiB,EAAYP,EAAS,CAAA,CAC7D,CAAC,CAAA,CACH,EAELC,EAAA,MAAA,CACEzB,UAAW,8CACXqC,MAAO,CAAEC,QAASxB,EAAO,OAAS,MAAO,EAAEb,UAEzCa,GAASH,GAA2B,CAACG,IAAUb,CAAAA,CAC9C,CAAC,CAAA,CACH,CAET,EAaasC,EAA+CA,CAAC,CAC3DvC,UAAAA,EACAC,SAAAA,EACAG,mBAAAA,EAAqB,OACrBC,SAAAA,EAAWC,EACXC,UAAAA,EAAYC,EACZ,GAAGK,CACL,IAAM,CACE2B,MAAAA,EAAUf,EAACgB,EAAO,CAACC,QAAQ,WAAA,CAAa,EAExCC,EAA0BC,GAC9BX,EAAAY,EAAA,CAAA5C,SAAA,CACEwB,EAAC1B,EAAgB,CAAA,GACX6C,EAAM/B,MACVT,mBAAAA,EACAC,SAAAA,EACAE,UAAAA,CACD,CAAA,EACAiC,CAAO,CAAA,CACR,EAGJ,OACEf,EAAA,MAAA,CAAA,GAASZ,EAAOb,UAAWkC,EAAQ,CAAC,mBAAoBlC,CAAS,CAAC,EAAEC,SACjE,CACCuC,EACA,IACGM,MAAMC,QAAQ9C,CAAQ,EACnBA,EACA,CAACA,CAAQ,GACb+C,IAAIL,CAAsB,CAAC,CAAA,CAE5B,CAET"}
@@ -0,0 +1,2 @@
1
+ import{c as s}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as t}from"../preact-jsx-runtime.js";import{V as m}from"../chunks/vcomponent__BjnR-FRhjl.js";const l=({icon:n,className:r,children:o,active:i=!1,disabled:a=!1,...p})=>t("button",{role:"button",disabled:a,...p,className:s(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",a],r]),children:[n&&t(m,{node:n,className:s(["dropin-action-button-icon"])}),o&&(typeof o=="string"?t("span",{children:o}):o)]});export{l as ActionButton};
2
+ //# sourceMappingURL=ActionButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButton.js","sources":["../../src/components/ActionButton/ActionButton.tsx"],"sourcesContent":["import { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/ActionButton/ActionButton.css';\n\nexport interface ActionButtonProps\n extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n active?: boolean;\n disabled?: boolean;\n}\n\nexport const ActionButton: FunctionComponent<ActionButtonProps> = ({\n icon,\n className,\n children,\n active = false,\n disabled = false,\n ...props\n}) => {\n return (\n <button\n role=\"button\"\n disabled={disabled}\n {...props}\n className={classes([\n 'dropin-action-button',\n ['dropin-action-button--active', active],\n ['dropin-action-button--disabled', disabled],\n className,\n ])}\n >\n {icon && (\n <VComponent\n node={icon}\n className={classes(['dropin-action-button-icon'])}\n />\n )}\n {children &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n </button>\n );\n};\n"],"names":["ActionButton","icon","className","children","active","disabled","props","_jsxs","role","classes","_jsx","VComponent","node"],"mappings":"sOAaO,MAAMA,EAAqDA,CAAC,CACjEC,KAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,OAAAA,EAAS,GACTC,SAAAA,EAAW,GACX,GAAGC,CACL,IAEIC,EAAA,SAAA,CACEC,KAAK,SACLH,SAAAA,EAAmB,GACfC,EACJJ,UAAWO,EAAQ,CACjB,uBACA,CAAC,+BAAgCL,CAAM,EACvC,CAAC,iCAAkCC,CAAQ,EAC3CH,CAAS,CACV,EAAEC,SAEFF,CAAAA,GACCS,EAACC,EAAU,CACTC,KAAMX,EACNC,UAAWO,EAAQ,CAAC,2BAA2B,CAAC,CAAA,CACjD,EAEFN,IACE,OAAOA,GAAa,SAAWO,EAAA,OAAA,CAAAP,SAAAA,CAAAA,CAAsB,EAAIA,EAAS,CAAA,CAC/D"}
@@ -0,0 +1,2 @@
1
+ import{cloneElement as f}from"../preact.js";import{c as a}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{jsx as _}from"../preact-jsx-runtime.js";import{useState as g,useCallback as O}from"../preact-hooks.js";import{Children as A}from"../preact-compat.js";const $=({className:e,variant:p="primary",activeOption:u,disabled:t=!1,dividers:c=!0,children:m,handleSelect:i,...l})=>{const[b,n]=g(u),d=O(o=>{t||o.props.disabled||(n(o.props.value),i&&i(o.props.value))},[i,n,t]),v=A.map(m,o=>{const r=t||o.props.disabled,s=o.props.value===b;return f(o,{disabled:r,active:s,onClick:()=>d(o),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${p}`,["dropin-action-button-group__option--active",s],["dropin-action-button-group__option--with-dividers",c]])})});return _("div",{role:"group",...l,className:a(["dropin-action-button-group",`dropin-action-button-group--${p}`,e]),children:v})};export{$ as ActionButtonGroup};
2
+ //# sourceMappingURL=ActionButtonGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionButtonGroup.js","sources":["../../src/components/ActionButtonGroup/ActionButtonGroup.tsx"],"sourcesContent":["import { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { useCallback, useState } from 'preact/hooks';\nimport { Children } from 'react';\nimport { ActionButtonProps } from '@adobe/elsie/components/ActionButton';\n\nexport interface ActionButtonGroupOption {\n value: string | null;\n text: string;\n icon?: VNode<SVGElement>;\n disabled?: boolean;\n}\n\nexport interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n activeOption?: string;\n disabled?: boolean;\n dividers?: boolean;\n children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;\n handleSelect?(value: string): void;\n}\n\nexport const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps> = ({\n className,\n variant = 'primary',\n activeOption,\n disabled = false,\n dividers = true,\n children,\n handleSelect,\n ...props\n}) => {\n const [activeOptionState, setActiveOptionState] = useState(activeOption);\n\n const handleClick = useCallback(\n (option: any) => {\n const isOptionDisabled = disabled || option.props.disabled;\n if (!isOptionDisabled) {\n setActiveOptionState(option.props.value);\n if (handleSelect) {\n handleSelect(option.props.value);\n }\n }\n },\n [handleSelect, setActiveOptionState, disabled]\n );\n\n const buttonGroupOptions = Children.map(\n children,\n (child: VNode<ActionButtonProps>) => {\n const isOptionDisabled = disabled || child.props.disabled;\n const isOptionActive = child.props.value === activeOptionState;\n return cloneElement(child, {\n disabled: isOptionDisabled,\n active: isOptionActive,\n onClick: () => handleClick(child),\n className: classes([\n 'dropin-action-button-group__option',\n `dropin-action-button-group__option--${variant}`,\n ['dropin-action-button-group__option--active', isOptionActive],\n ['dropin-action-button-group__option--with-dividers', dividers],\n ]),\n });\n }\n );\n\n return (\n <div\n role=\"group\"\n {...props}\n className={classes([\n 'dropin-action-button-group',\n `dropin-action-button-group--${variant}`,\n className,\n ])}\n >\n {buttonGroupOptions}\n </div>\n );\n};\n"],"names":["ActionButtonGroup","className","variant","activeOption","disabled","dividers","children","handleSelect","props","activeOptionState","setActiveOptionState","useState","handleClick","useCallback","option","value","buttonGroupOptions","Children","map","child","isOptionDisabled","isOptionActive","cloneElement","active","onClick","classes","_jsx","role"],"mappings":"mTAwBO,MAAMA,EAA+DA,CAAC,CAC3EC,UAAAA,EACAC,QAAAA,EAAU,UACVC,aAAAA,EACAC,SAAAA,EAAW,GACXC,SAAAA,EAAW,GACXC,SAAAA,EACAC,aAAAA,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAASR,CAAY,EAEjES,EAAcC,EACjBC,GAAgB,CACUV,GAAYU,EAAON,MAAMJ,WAE3BU,EAAAA,EAAON,MAAMO,KAAK,EACnCR,GACWO,EAAAA,EAAON,MAAMO,KAAK,EAIrC,EAAA,CAACR,EAAcG,EAAsBN,CAAQ,CAC/C,EAEMY,EAAqBC,EAASC,IAClCZ,EACCa,GAAoC,CAC7BC,MAAAA,EAAmBhB,GAAYe,EAAMX,MAAMJ,SAC3CiB,EAAiBF,EAAMX,MAAMO,QAAUN,EAC7C,OAAOa,EAAaH,EAAO,CACzBf,SAAUgB,EACVG,OAAQF,EACRG,QAASA,IAAMZ,EAAYO,CAAK,EAChClB,UAAWwB,EAAQ,CACjB,qCACC,uCAAsCvB,CAAQ,GAC/C,CAAC,6CAA8CmB,CAAc,EAC7D,CAAC,oDAAqDhB,CAAQ,CAAC,CAChE,CAAA,CACF,CAAA,CAEL,EAEA,OACEqB,EAAA,MAAA,CACEC,KAAK,QAAO,GACRnB,EACJP,UAAWwB,EAAQ,CACjB,6BACC,+BAA8BvB,CAAQ,GACvCD,CAAS,CACV,EAAEK,SAEFU,CAAAA,CACE,CAET"}
@@ -0,0 +1,2 @@
1
+ import{c as n}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as r}from"../preact-jsx-runtime.js";import{V as i}from"../chunks/vcomponent__BjnR-FRhjl.js";import"../preact-compat.js";import c from"../chunks/Close__DQxKl-RcDt.js";import{useText as b}from"../i18n.js";import s from"./Button.js";import{Icon as _}from"./Icon.js";import"../preact-hooks.js";const B=({className:o,variant:t,icon:e,message:l,onDismiss:m,action:a,...d})=>{const p=b({dismiss:"Dropin.InlineAlert.dismissLabel"});return r("div",{...d,className:n([o,"dropin-alert-banner",`dropin-alert-banner--${t}`]),children:[r("div",{className:"dropin-alert-banner__content",children:[e&&r(i,{node:e,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),r(i,{node:l,className:n(["dropin-alert-banner__message"])})]}),r("div",{className:"dropin-alert-banner__actions",children:[a&&r(s,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:a.onClick,"aria-label":a.label,children:a.label}),r(s,{icon:r(_,{source:c,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:m,"aria-label":p.dismiss})]})]})};export{B as AlertBanner,B as default};
2
+ //# sourceMappingURL=AlertBanner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertBanner.js","sources":["../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/AlertBanner/AlertBanner.css';\nimport { Button, Icon } from '@adobe/elsie/components';\nimport { Close } from '@adobe/elsie/icons';\nimport { useText } from '@adobe/elsie/i18n';\n\nexport interface AlertBannerProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n variant: 'brand' | 'neutral' | 'success' | 'warning';\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n message: VNode;\n onDismiss: () => void;\n action?: {\n label: string;\n onClick: (event: Event) => void;\n };\n}\n\nexport const AlertBanner: FunctionComponent<AlertBannerProps> = ({\n className,\n variant,\n icon,\n message,\n onDismiss,\n action,\n ...props\n}) => {\n const translations = useText({\n dismiss: 'Dropin.InlineAlert.dismissLabel',\n });\n\n return (\n <div\n {...props}\n className={classes([\n className,\n 'dropin-alert-banner',\n `dropin-alert-banner--${variant}`,\n ])}\n >\n <div className={'dropin-alert-banner__content'}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n className={'dropin-alert-banner__icon'}\n />\n )}\n\n {/* Message */}\n <VComponent\n node={message}\n className={classes(['dropin-alert-banner__message'])}\n />\n </div>\n\n <div className={'dropin-alert-banner__actions'}>\n {action && (\n <Button\n variant=\"tertiary\"\n className={'dropin-alert-banner__action'}\n onClick={action.onClick}\n aria-label={action.label}\n >\n {action.label}\n </Button>\n )}\n\n <Button\n icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n className=\"dropin-alert-banner__dismiss-button\"\n variant=\"primary\"\n onClick={onDismiss}\n aria-label={translations.dismiss}\n />\n </div>\n </div>\n );\n};\n"],"names":["AlertBanner","className","variant","icon","message","onDismiss","action","props","translations","useText","dismiss","_jsxs","classes","children","_jsx","VComponent","node","Button","onClick","label","Icon","source","Close","size","stroke"],"mappings":"4aAoBO,MAAMA,EAAmDA,CAAC,CAC/DC,UAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAeC,EAAQ,CAC3BC,QAAS,iCAAA,CACV,EAED,OACEC,EAAA,MAAA,CAAA,GACMJ,EACJN,UAAWW,EAAQ,CACjBX,EACA,sBACC,wBAAuBC,CAAQ,EAAC,CAClC,EAAEW,UAEHF,EAAA,MAAA,CAAKV,UAAW,+BAA+BY,SAC5CV,CAAAA,GACCW,EAACC,EAAU,CACTC,KAAMb,EACN,cAAY,OACZF,UAAW,2BAAA,CACZ,EAIHa,EAACC,EAAU,CACTC,KAAMZ,EACNH,UAAWW,EAAQ,CAAC,8BAA8B,CAAC,CAAA,CACpD,CAAC,CAAA,CACC,EAELD,EAAA,MAAA,CAAKV,UAAW,+BAA+BY,SAC5CP,CAAAA,GACCQ,EAACG,EAAM,CACLf,QAAQ,WACRD,UAAW,8BACXiB,QAASZ,EAAOY,QAChB,aAAYZ,EAAOa,MAAMN,SAExBP,EAAOa,KAAAA,CACF,EAGVL,EAACG,EAAM,CACLd,KAAMW,EAACM,EAAI,CAACC,OAAQC,EAAOC,KAAK,KAAKC,OAAO,GAAA,CAAK,EACjDvB,UAAU,sCACVC,QAAQ,UACRgB,QAASb,EACT,aAAYG,EAAaE,OAAAA,CAC1B,CAAC,CAAA,CACC,CAAC,CAAA,CACH,CAET"}
@@ -0,0 +1,2 @@
1
+ import{c as l}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{Fragment as o}from"../preact.js";import{jsx as m}from"../preact-jsx-runtime.js";import{V as d}from"../chunks/vcomponent__BjnR-FRhjl.js";const t=({className:s,categories:r,separator:a,...p})=>m(o,{children:(r==null?void 0:r.length)>1&&m("nav",{role:"navigation",...p,className:l(["dropin-breadcrumbs__container",s]),children:m("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((b,n)=>m("li",{className:l(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",n===r.length-1]]),children:[m(d,{node:b,className:"dropin-breadcrumbs__link"}),!a&&n!==r.length-1&&m("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),a&&n!==r.length-1&&m(d,{node:a,className:"dropin-breadcrumbs__separator--icon"})]},n))})})});export{t as Breadcrumbs,t as default};
2
+ //# sourceMappingURL=Breadcrumbs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.js","sources":["../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { HTMLAttributes } from 'preact/compat';\nimport { FunctionComponent, VNode } from 'preact';\nimport { VComponent, classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Breadcrumbs/Breadcrumbs.css';\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n categories: VNode[];\n separator?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({\n className,\n categories,\n separator,\n ...props\n}) => {\n return (\n <>\n {categories?.length > 1 && (\n <nav\n role=\"navigation\"\n {...props}\n className={classes(['dropin-breadcrumbs__container', className])}\n >\n <ul className=\"dropin-breadcrumbs__items\">\n {categories?.map((category: VNode, index: number) => {\n return (\n <li\n key={index}\n className={classes([\n 'dropin-breadcrumbs__item',\n [\n 'dropin-breadcrumbs__item--last',\n index === categories.length - 1,\n ],\n ])}\n >\n <VComponent\n node={category}\n className=\"dropin-breadcrumbs__link\"\n />\n {!separator && index !== categories.length - 1 && (\n <span className=\"dropin-breadcrumbs__separator--default\">\n {' '}\n /{' '}\n </span>\n )}\n {separator && index !== categories.length - 1 && (\n <VComponent\n node={separator}\n className=\"dropin-breadcrumbs__separator--icon\"\n />\n )}\n </li>\n );\n })}\n </ul>\n </nav>\n )}\n </>\n );\n};\n"],"names":["Breadcrumbs","className","categories","separator","props","_jsx","_Fragment","children","length","role","classes","map","category","index","_jsxs","VComponent","node"],"mappings":"yPAUO,MAAMA,EAAmDA,CAAC,CAC/DC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACA,GAAGC,CACL,IAEIC,EAAAC,EAAA,CAAAC,UACGL,GAAAA,YAAAA,EAAYM,QAAS,GACpBH,EAAA,MAAA,CACEI,KAAK,aAAY,GACbL,EACJH,UAAWS,EAAQ,CAAC,gCAAiCT,CAAS,CAAC,EAAEM,SAEjEF,EAAA,KAAA,CAAIJ,UAAU,4BAA2BM,SACtCL,GAAAA,YAAAA,EAAYS,IAAI,CAACC,EAAiBC,IAE/BC,EAAA,KAAA,CAEEb,UAAWS,EAAQ,CACjB,2BACA,CACE,iCACAG,IAAUX,EAAWM,OAAS,CAAC,CAChC,CACF,EAAED,SAAA,CAEHF,EAACU,EAAU,CACTC,KAAMJ,EACNX,UAAU,0BAAA,CACX,EACA,CAACE,GAAaU,IAAUX,EAAWM,OAAS,GAC3CM,EAAA,OAAA,CAAMb,UAAU,yCAAwCM,SACrD,CAAA,IAAI,IACH,GAAG,CAAA,CACD,EAEPJ,GAAaU,IAAUX,EAAWM,OAAS,GAC1CH,EAACU,EAAU,CACTC,KAAMb,EACNF,UAAU,qCAAA,CACX,CACF,GAxBIY,CAyBH,EAEP,CACC,CAAA,CACD,CAAA,CAEP"}
@@ -0,0 +1,2 @@
1
+ import{c as x}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as m}from"../preact-jsx-runtime.js";import{V as b}from"../chunks/vcomponent__BjnR-FRhjl.js";const z=({value:B,variant:n="primary",size:N="medium",icon:o,className:f,children:p,disabled:$=!1,active:t=!1,activeChildren:u,activeIcon:r,href:y,...w})=>{let s="dropin-button";(o&&!p||o&&t&&!u||!o&&t&&r)&&(s="dropin-iconButton"),t&&u&&(s="dropin-button"),f=x([s,`${s}--${N}`,`${s}--${n}`,[`${s}--${n}--disabled`,$],p&&o&&`${s}--with-icon`,!p&&u&&o&&`${s}--with-icon`,t&&r&&`${s}--with-icon`,f]);const g=x(["dropin-button-icon",`dropin-button-icon--${n}`,[`dropin-button-icon--${n}--disabled`,$],o==null?void 0:o.props.className]),V=y?{node:m("a",{}),role:"link",href:y,...w,disabled:$,active:t}:{node:m("button",{}),role:"button",...w,value:B,disabled:$,active:t};return m(b,{...V,className:f,children:[o&&!t&&m(b,{node:o,className:g}),r&&t&&m(b,{node:r,className:g}),p&&!t&&(typeof p=="string"?m("span",{children:p}):p),t&&u&&(typeof u=="string"?m("span",{children:u}):u)]})};export{z as Button,z as default};
2
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../../src/components/Button/Button.tsx"],"sourcesContent":["import { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Button/Button.css';\n\nexport interface ButtonProps\n extends Omit<\n HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n 'size' | 'icon'\n > {\n variant?: 'primary' | 'secondary' | 'tertiary';\n size?: 'medium' | 'large';\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n disabled?: boolean;\n active?: boolean;\n activeChildren?: ComponentChildren;\n activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n value,\n variant = 'primary',\n size = 'medium',\n icon,\n className,\n children,\n disabled = false,\n active = false,\n activeChildren,\n activeIcon,\n href,\n ...props\n}) => {\n let buttonType = 'dropin-button';\n\n if (\n (icon && !children) ||\n (icon && active && !activeChildren) ||\n (!icon && active && activeIcon)\n ) {\n buttonType = 'dropin-iconButton';\n }\n\n if (active && activeChildren) {\n buttonType = 'dropin-button';\n }\n\n className = classes([\n buttonType,\n `${buttonType}--${size}`,\n `${buttonType}--${variant}`,\n [`${buttonType}--${variant}--disabled`, disabled],\n children && icon && `${buttonType}--with-icon`,\n !children && activeChildren && icon && `${buttonType}--with-icon`,\n active && activeIcon && `${buttonType}--with-icon`,\n className,\n ]);\n\n const iconClassName = classes([\n 'dropin-button-icon',\n `dropin-button-icon--${variant}`,\n [`dropin-button-icon--${variant}--disabled`, disabled],\n icon?.props.className,\n ]);\n\n const attributes = href\n ? {\n node: <a />,\n role: 'link',\n href,\n ...props,\n disabled,\n active,\n }\n : {\n node: <button />,\n role: 'button',\n ...props,\n value,\n disabled,\n active,\n };\n\n return (\n <VComponent {...attributes} className={className}>\n {icon && !active && <VComponent node={icon} className={iconClassName} />}\n\n {activeIcon && active && (\n <VComponent node={activeIcon} className={iconClassName} />\n )}\n\n {children &&\n !active &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n\n {active &&\n activeChildren &&\n (typeof activeChildren === 'string' ? (\n <span>{activeChildren}</span>\n ) : (\n activeChildren\n ))}\n </VComponent>\n );\n};\n"],"names":["Button","value","variant","size","icon","className","children","disabled","active","activeChildren","activeIcon","href","props","buttonType","classes","iconClassName","attributes","node","_jsx","role","_jsxs","VComponent"],"mappings":"sOAoBO,MAAMA,EAAyCA,CAAC,CACrDC,MAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,EAAO,SACPC,KAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EAAW,GACXC,OAAAA,EAAS,GACTC,eAAAA,EACAC,WAAAA,EACAC,KAAAA,EACA,GAAGC,CACL,IAAM,CACJ,IAAIC,EAAa,iBAGdT,GAAQ,CAACE,GACTF,GAAQI,GAAU,CAACC,GACnB,CAACL,GAAQI,GAAUE,KAEPG,EAAA,qBAGXL,GAAUC,IACCI,EAAA,iBAGfR,EAAYS,EAAQ,CAClBD,EACC,GAAEA,CAAW,KAAIV,CAAK,GACtB,GAAEU,CAAW,KAAIX,CAAQ,GAC1B,CAAE,GAAEW,CAAW,KAAIX,CAAQ,aAAaK,CAAQ,EAChDD,GAAYF,GAAS,GAAES,CAAW,cAClC,CAACP,GAAYG,GAAkBL,GAAS,GAAES,CAAW,cACrDL,GAAUE,GAAe,GAAEG,CAAW,cACtCR,CAAS,CACV,EAED,MAAMU,EAAgBD,EAAQ,CAC5B,qBACC,uBAAsBZ,CAAQ,GAC/B,CAAE,uBAAsBA,CAAQ,aAAaK,CAAQ,EACrDH,GAAAA,YAAAA,EAAMQ,MAAMP,SAAS,CACtB,EAEKW,EAAaL,EACf,CACEM,KAAMC,EAAA,IAAA,EAAI,EACVC,KAAM,OACNR,KAAAA,EACA,GAAGC,EACHL,SAAAA,EACAC,OAAAA,CAAAA,EAEF,CACES,KAAMC,EAAA,SAAA,EAAS,EACfC,KAAM,SACN,GAAGP,EACHX,MAAAA,EACAM,SAAAA,EACAC,OAAAA,CAAAA,EAGN,OACEY,EAACC,EAAU,CAAA,GAAKL,EAAYX,UAAAA,EAAqBC,SAAA,CAC9CF,GAAQ,CAACI,GAAUU,EAACG,EAAU,CAACJ,KAAMb,EAAMC,UAAWU,CAAgB,CAAA,EAEtEL,GAAcF,GACbU,EAACG,EAAU,CAACJ,KAAMP,EAAYL,UAAWU,CAAAA,CAAgB,EAG1DT,GACC,CAACE,IACA,OAAOF,GAAa,SAAWY,EAAA,OAAA,CAAAZ,SAAAA,CAAAA,CAAsB,EAAIA,GAE3DE,GACCC,IACC,OAAOA,GAAmB,SACzBS,EAAA,OAAA,CAAAZ,SAAOG,CAAAA,CAAqB,EAE5BA,EACA,CAAA,CACM,CAEhB"}
@@ -0,0 +1,2 @@
1
+ import{c}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as r}from"../preact-jsx-runtime.js";const n=({variant:o="primary",className:a,children:i,...s})=>r("div",{...s,className:c(["dropin-card",`dropin-card--${o}`,a]),children:r("div",{class:"dropin-card__content",children:i})});export{n as Card};
2
+ //# sourceMappingURL=Card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.js","sources":["../../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentChildren, FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Card/Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n children: ComponentChildren | ComponentChildren[];\n}\n\nexport const Card: FunctionComponent<CardProps> = ({\n variant = 'primary',\n className,\n children,\n ...props\n}) => {\n return (\n <div\n {...props}\n className={classes(['dropin-card', `dropin-card--${variant}`, className])}\n >\n <div class=\"dropin-card__content\">{children}</div>\n </div>\n );\n};\n"],"names":["Card","variant","className","children","props","_jsx","classes","class"],"mappings":"yKAUO,MAAMA,EAAqCA,CAAC,CACjDC,QAAAA,EAAU,UACVC,UAAAA,EACAC,SAAAA,EACA,GAAGC,CACL,IAEIC,EAAA,MAAA,CAAA,GACMD,EACJF,UAAWI,EAAQ,CAAC,cAAgB,gBAAeL,CAAQ,GAAGC,CAAS,CAAC,EAAEC,SAE1EE,EAAA,MAAA,CAAKE,MAAM,uBAAsBJ,SAAAA,CAAAA,CAAgB,CAAA,CAC9C"}
@@ -0,0 +1,2 @@
1
+ import"../preact-compat.js";import{c as t}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{Fragment as P}from"../preact.js";import{jsx as e}from"../preact-jsx-runtime.js";import{V as r}from"../chunks/vcomponent__BjnR-FRhjl.js";import{useText as V}from"../i18n.js";import j from"../chunks/Trash__BVZwxilyNs.js";import{useContext as B}from"../preact-hooks.js";import{UIContext as E}from"./UIProvider.js";import{Skeleton as z,SkeletonRow as s}from"./Skeleton.js";import F from"./ProgressSpinner.js";import{Incrementer as O}from"./Incrementer.js";import T from"./Button.js";import{Icon as U}from"./Icon.js";import"../chunks/debounce__BF4Cdv7Ils.js";import"../chunks/Add__CiEO_sX7HP.js";import"../chunks/Minus__CefO5Dkv_0.js";const se=({className:b,children:G,ariaLabel:c,image:I,title:k,price:C,taxIncluded:p=!1,taxExcluded:N=!1,total:D,totalExcludingTax:u,sku:q,configurations:h,warning:n,alert:l,quantity:o=1,description:x,loading:S=!1,updating:d=!1,onQuantity:i,onRemove:m,...w})=>{var g,v;const{locale:f}=B(E),a=V({each:"Dropin.CartItem.each.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"});return S?e(A,{}):e("div",{...w,className:t(["dropin-cart-item",["dropin-cart-item--updating",d],b]),children:[d&&e(F,{className:t(["dropin-cart-item__spinner"]),ariaLabel:c?(g=a.updating)==null?void 0:g.replace("{product}",c):a.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(r,{node:I,className:t(["dropin-cart-item__image"])}),e(r,{node:k,className:t(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!i||!!m]])}),x&&e(r,{node:x,className:t(["dropin-cart-item__description"])}),e(r,{node:q,className:t(["dropin-cart-item__sku"])}),h&&e("ul",{className:t(["dropin-cart-item__configurations"]),children:Object.entries(h).map(([_,y])=>e("li",{className:t(["dropin-cart-item__configurations__item"]),children:[_,":"," ",e("strong",{className:t(["dropin-cart-item__configurations__item__value"]),children:y})]},_))}),e("span",{className:t(["dropin-cart-item__price"]),children:[!i&&e("span",{className:"dropin-cart-item__price__quantity",children:[o.toLocaleString(f)," x"," "]}),e(r,{node:C,role:"text"}),o>1&&e(P,{children:[" ",a.each]}),p&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",a.taxIncluded]}),N&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",a.taxExcluded]})]}),e("div",{className:t(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!i]]),children:[i?e(O,{className:t(["dropin-cart-item__quantity__incrementer"]),value:o,min:1,onValue:_=>i==null?void 0:i(Number(_)),name:"quantity","aria-label":a.quantity,disabled:d}):e("span",{className:t(["dropin-cart-item__quantity__value"]),children:[a.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(o).toLocaleString(f)})]}),n&&e(r,{node:n,className:t(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),l&&e(r,{node:l,className:t(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),n&&e(r,{node:n,className:t(["dropin-cart-item__warning"])}),l&&e(r,{node:l,className:t(["dropin-cart-item__alert"])}),e("div",{className:t(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!m]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(r,{node:D,role:"text"})}),p&&e("span",{"data-testid":"tax-message",className:t(["dropin-cart-item__total-tax-message"]),children:[" ",a.taxIncluded]}),N&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:t(["dropin-cart-item__total-tax-excluded-message"]),children:[u&&e(r,{node:u,role:"text"})," ",a.taxExcluded]})})]})]}),m&&e(T,{className:t(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>m==null?void 0:m(),icon:e(U,{source:j,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":c?(v=a.remove)==null?void 0:v.replace("{product}",c):a.removeDefault}),disabled:d})]})},A=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(z,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(s,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(s,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(s,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(s,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(s,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(s,{className:"dropin-cart-item__skeleton__item"})})]})});export{se as CartItem,A as CartItemSkeleton,se as default};
2
+ //# sourceMappingURL=CartItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CartItem.js","sources":["../../src/components/CartItem/CartItem.tsx","../../src/components/CartItem/CartItemSkeleton.tsx"],"sourcesContent":["import { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useContext } from 'preact/compat';\nimport { classes, VComponent } from '@adobe/elsie/lib';\nimport {\n Button,\n CartItemSkeleton,\n Icon,\n Incrementer,\n UIContext,\n ProgressSpinner,\n} from '@adobe/elsie/components';\nimport { useText } from '@adobe/elsie/i18n';\nimport { Trash } from '@adobe/elsie/icons';\n\nimport '@adobe/elsie/components/CartItem/CartItem.css';\n\nexport interface CartItemProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {\n ariaLabel?: string;\n image: VNode;\n title: VNode;\n price: VNode;\n taxIncluded?: boolean;\n taxExcluded?: boolean;\n total: VNode;\n totalExcludingTax?: VNode;\n sku: VNode;\n quantity?: number;\n description?: VNode;\n configurations?: { [key: string]: any };\n warning?: VNode;\n alert?: VNode;\n loading?: boolean;\n updating?: boolean;\n onRemove?: () => void;\n onQuantity?: (value: number) => void;\n}\n\nexport const CartItem: FunctionComponent<CartItemProps> = ({\n className,\n children,\n ariaLabel,\n image,\n title,\n price,\n taxIncluded = false,\n taxExcluded = false,\n total,\n totalExcludingTax,\n sku,\n configurations,\n warning,\n alert,\n quantity = 1,\n description,\n loading = false,\n updating = false,\n onQuantity,\n onRemove,\n ...props\n}) => {\n const { locale } = useContext(UIContext);\n\n const labels = useText({\n each: 'Dropin.CartItem.each.label',\n quantity: 'Dropin.CartItem.quantity.label',\n remove: 'Dropin.CartItem.remove.label',\n removeDefault: 'Dropin.CartItem.removeDefault.label',\n taxIncluded: 'Dropin.CartItem.taxIncluded.label',\n taxExcluded: 'Dropin.CartItem.taxExcluded.label',\n updating: 'Dropin.CartItem.updating.label',\n updatingDefault: 'Dropin.ProgressSpinner.updating.label',\n });\n\n if (loading) return <CartItemSkeleton />;\n\n return (\n <div\n {...props}\n className={classes([\n 'dropin-cart-item',\n ['dropin-cart-item--updating', updating],\n className,\n ])}\n >\n {updating && (\n <ProgressSpinner\n className={classes(['dropin-cart-item__spinner'])}\n ariaLabel={\n ariaLabel\n ? labels.updating?.replace('{product}', ariaLabel)\n : labels.updatingDefault\n }\n />\n )}\n <div className=\"dropin-cart-item__wrapper\">\n {/* Image */}\n <VComponent\n node={image}\n className={classes(['dropin-cart-item__image'])}\n />\n\n {/* Title */}\n <VComponent\n node={title}\n className={classes([\n 'dropin-cart-item__title',\n ['dropin-cart-item__title--edit', !!onQuantity || !!onRemove],\n ])}\n />\n\n {/* Description */}\n {description && (\n <VComponent\n node={description}\n className={classes(['dropin-cart-item__description'])}\n />\n )}\n\n {/* SKU */}\n <VComponent node={sku} className={classes(['dropin-cart-item__sku'])} />\n {/* Configurations */}\n {configurations && (\n <ul className={classes(['dropin-cart-item__configurations'])}>\n {Object.entries(configurations).map(([key, value]) => (\n <li\n key={key}\n className={classes(['dropin-cart-item__configurations__item'])}\n >\n {key}:{' '}\n <strong\n className={classes([\n 'dropin-cart-item__configurations__item__value',\n ])}\n >\n {value}\n </strong>\n </li>\n ))}\n </ul>\n )}\n\n {/* Price */}\n <span className={classes(['dropin-cart-item__price'])}>\n {!onQuantity && (\n <span className=\"dropin-cart-item__price__quantity\">\n {quantity.toLocaleString(locale)} x{' '}\n </span>\n )}\n\n <VComponent node={price} role=\"text\" />\n\n {quantity > 1 && (\n <>\n &nbsp;\n {labels.each}\n </>\n )}\n\n {taxIncluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxIncluded}\n </span>\n )}\n\n {taxExcluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxExcluded}\n </span>\n )}\n </span>\n\n {/* Quantity */}\n <div\n className={classes([\n 'dropin-cart-item__quantity',\n ['dropin-cart-item__quantity--edit', !!onQuantity],\n ])}\n >\n {onQuantity ? (\n <Incrementer\n className={classes(['dropin-cart-item__quantity__incrementer'])}\n value={quantity}\n min={1}\n onValue={(value) => onQuantity?.(Number(value))}\n name=\"quantity\"\n aria-label={labels.quantity}\n disabled={updating}\n />\n ) : (\n <span className={classes(['dropin-cart-item__quantity__value'])}>\n {labels.quantity}:{' '}\n <strong className=\"dropin-cart-item__quantity__number\">\n {Number(quantity).toLocaleString(locale)}\n </strong>\n </span>\n )}\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes([\n 'dropin-cart-item__warning',\n 'dropin-cart-item__warning--quantity',\n ])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes([\n 'dropin-cart-item__alert',\n 'dropin-cart-item__alert--quantity',\n ])}\n />\n )}\n </div>\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes(['dropin-cart-item__warning'])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes(['dropin-cart-item__alert'])}\n />\n )}\n\n {/* Total */}\n <div\n className={classes([\n 'dropin-cart-item__total',\n ['dropin-cart-item__total--edit', !!onRemove],\n ])}\n >\n <div className=\"dropin-cart-item__row-total\">\n <VComponent node={total} role=\"text\" />\n </div>\n {taxIncluded && (\n <span\n data-testid=\"tax-message\"\n className={classes(['dropin-cart-item__total-tax-message'])}\n >\n &nbsp;\n {labels.taxIncluded}\n </span>\n )}\n\n {taxExcluded && (\n <div className=\"dropin-cart-item__total-tax-excluded\">\n <span\n data-testid=\"tax-message\"\n className={classes([\n 'dropin-cart-item__total-tax-excluded-message',\n ])}\n >\n {totalExcludingTax && (\n <VComponent node={totalExcludingTax} role=\"text\" />\n )}\n &nbsp;\n {labels.taxExcluded}\n </span>\n </div>\n )}\n </div>\n </div>\n\n {/* Remove Item */}\n {onRemove && (\n <Button\n className={classes(['dropin-cart-item__remove'])}\n variant=\"tertiary\"\n onClick={() => onRemove?.()}\n icon={\n <Icon\n source={Trash}\n size=\"24\"\n stroke=\"2\"\n viewBox=\"0 0 24 24\"\n aria-label={\n ariaLabel\n ? labels.remove?.replace('{product}', ariaLabel)\n : labels.removeDefault\n }\n />\n }\n disabled={updating}\n />\n )}\n </div>\n );\n};\n","import { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe/elsie/components';\n\nexport const CartItemSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-cart-item dropin-cart-item-skeleton\">\n <Skeleton className=\"dropin-cart-item__skeleton dropin-cart-item__wrapper\">\n <div className=\"dropin-cart-item__image\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__title\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__sku\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__price\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__quantity\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__total\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n </Skeleton>\n </div>\n );\n};\n"],"names":["CartItem","className","children","ariaLabel","image","title","price","taxIncluded","taxExcluded","total","totalExcludingTax","sku","configurations","warning","alert","quantity","description","loading","updating","onQuantity","onRemove","props","locale","useContext","UIContext","labels","useText","each","remove","removeDefault","updatingDefault","_jsx","CartItemSkeleton","_jsxs","classes","ProgressSpinner","replace","VComponent","node","Object","entries","map","key","value","toLocaleString","role","_Fragment","Incrementer","min","onValue","Number","name","disabled","Button","variant","onClick","icon","Icon","source","Trash","size","stroke","viewBox","Skeleton","SkeletonRow"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{Children as l}from"../preact-compat.js";import{c as m}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as r}from"../preact-jsx-runtime.js";import"../preact-hooks.js";const f=({className:a,children:i,...t})=>r("div",{...t,className:m(["dropin-cart-list",a]),children:r("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:l.map(i,(s,e)=>r("div",{className:"dropin-cart-list__item",children:s},e))})});export{f as CartList,f as default};
2
+ //# sourceMappingURL=CartList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CartList.js","sources":["../../src/components/CartList/CartList.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\n\nimport '@adobe/elsie/components/CartList/CartList.css';\n\nexport interface CartListProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const CartList: FunctionComponent<CartListProps> = ({\n className,\n children,\n ...props\n}) => {\n return (\n <div {...props} className={classes(['dropin-cart-list', className])}>\n <div\n className=\"dropin-cart-list__wrapper\"\n aria-live=\"assertive\"\n aria-relevant=\"all\"\n >\n {Children.map(children, (child, key) => {\n return (\n <div key={key} className=\"dropin-cart-list__item\">\n {child}\n </div>\n );\n })}\n </div>\n </div>\n );\n};\n"],"names":["CartList","className","children","props","_jsx","classes","Children","map","child","key"],"mappings":"wPAQO,MAAMA,EAA6CA,CAAC,CACzDC,UAAAA,EACAC,SAAAA,EACA,GAAGC,CACL,IAEIC,EAAA,MAAA,CAAA,GAASD,EAAOF,UAAWI,EAAQ,CAAC,mBAAoBJ,CAAS,CAAC,EAAEC,SAClEE,EAAA,MAAA,CACEH,UAAU,4BACV,YAAU,YACV,gBAAc,MAAKC,SAElBI,EAASC,IAAIL,EAAU,CAACM,EAAOC,IAE5BL,EAAA,MAAA,CAAeH,UAAU,yBAAwBC,SAC9CM,GADOC,CAEL,CAER,CAAA,CACE,CAAA,CACF"}
@@ -0,0 +1,2 @@
1
+ import"../preact-compat.js";import{c as o}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as e}from"../preact-jsx-runtime.js";import f from"../chunks/Check__DlOKHUTGj4.js";import{Icon as C}from"./Icon.js";import{useState as v,useRef as y}from"../preact-hooks.js";const j=({name:r,value:b,size:l="medium",disabled:c=!1,error:s=!1,label:k="",description:x="",className:_,checked:h,...a})=>{const[t,p]=v(h===void 0?!1:h),d=y(null),m=i=>{var n;(n=a.onChange)==null||n.call(a,i),p(i.currentTarget.checked)},u=i=>{var n;i.key===" "&&(i.preventDefault(),(n=d==null?void 0:d.current)==null||n.click())};return e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",c]]),children:[e("input",{ref:d,name:r,value:b,type:"checkbox",disabled:c,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],_]),...a,onChange:m,checked:t}),e("span",{"aria-checked":t?"true":"false","aria-labelledby":`${r}-label`,"aria-describedby":`${r}-description`,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",c]]),role:"checkbox",tabIndex:c?-1:0,onKeyDown:u,children:e(C,{className:o(["dropin-checkbox__checkmark"]),source:f,size:"16",stroke:"3"})}),e("div",{id:`${r}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${l}`,["dropin-checkbox__label--disabled",c]]),children:k}),e("div",{}),e("div",{id:`${r}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${l}`,["dropin-checkbox__description--disabled",c]]),children:x})]})};export{j as Checkbox};
2
+ //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport { Check } from '@adobe/elsie/icons';\nimport { Icon } from '@adobe/elsie/components/Icon';\nimport '@adobe/elsie/components/Checkbox/Checkbox.css';\n\nexport interface CheckboxProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n name: string;\n size?: 'medium' | 'large';\n disabled?: boolean;\n error?: boolean;\n label?: string;\n description?: string;\n}\n\nexport const Checkbox: FunctionComponent<CheckboxProps> = ({\n name,\n value,\n size = 'medium',\n disabled = false,\n error = false,\n label = '',\n description = '',\n className,\n checked,\n ...props\n}) => {\n const [isChecked, setIsChecked] = useState(\n checked === undefined ? false : checked\n );\n const ref = useRef<HTMLInputElement>(null);\n\n const handleCheckboxChange = (e: ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n setIsChecked(e.currentTarget.checked);\n };\n\n const handleOnKeyDown = (e: KeyboardEvent) => {\n if (e.key === ' ') {\n e.preventDefault();\n ref?.current?.click();\n }\n };\n\n return (\n <label\n className={classes([\n 'dropin-checkbox',\n ['dropin-checkbox--disabled', disabled],\n ])}\n >\n <input\n ref={ref}\n name={name}\n value={value}\n type=\"checkbox\"\n disabled={disabled}\n className={classes([\n 'dropin-checkbox__checkbox',\n ['dropin-checkbox__checkbox--error', error],\n className,\n ])}\n {...props}\n onChange={handleCheckboxChange}\n checked={isChecked}\n />\n <span\n aria-checked={isChecked ? 'true' : 'false'}\n aria-labelledby={`${name}-label`}\n aria-describedby={`${name}-description`}\n className={classes([\n 'dropin-checkbox__box',\n ['dropin-checkbox__box--error', error],\n ['dropin-checkbox__box--disabled', disabled],\n ])}\n role=\"checkbox\"\n tabIndex={disabled ? -1 : 0}\n onKeyDown={handleOnKeyDown}\n >\n <Icon\n className={classes(['dropin-checkbox__checkmark'])}\n source={Check}\n size=\"16\"\n stroke=\"3\"\n />\n </span>\n <div\n id={`${name}-label`}\n className={classes([\n 'dropin-checkbox__label',\n `dropin-checkbox__label--${size}`,\n ['dropin-checkbox__label--disabled', disabled],\n ])}\n >\n {label}\n </div>\n <div />\n <div\n id={`${name}-description`}\n role={'note'}\n className={classes([\n 'dropin-checkbox__description',\n `dropin-checkbox__description--${size}`,\n ['dropin-checkbox__description--disabled', disabled],\n ])}\n >\n {description}\n </div>\n </label>\n );\n};\n"],"names":["Checkbox","name","value","size","disabled","error","label","description","className","checked","props","isChecked","setIsChecked","useState","undefined","ref","useRef","handleCheckboxChange","e","onChange","currentTarget","handleOnKeyDown","key","preventDefault","current","click","_jsxs","classes","children","_jsx","type","role","tabIndex","onKeyDown","Icon","source","Check","stroke","id"],"mappings":"mVAiBO,MAAMA,EAA6CA,CAAC,CACzDC,KAAAA,EACAC,MAAAA,EACAC,KAAAA,EAAO,SACPC,SAAAA,EAAW,GACXC,MAAAA,EAAQ,GACRC,MAAAA,EAAQ,GACRC,YAAAA,EAAc,GACdC,UAAAA,EACAC,QAAAA,EACA,GAAGC,CACL,IAAM,CACE,KAAA,CAACC,EAAWC,CAAY,EAAIC,EAChCJ,IAAYK,OAAY,GAAQL,CAClC,EACMM,EAAMC,EAAyB,IAAI,EAEnCC,EAAwBC,GAAqC,QACjER,EAAAA,EAAMS,WAANT,MAAAA,EAAAA,KAAAA,EAAiBQ,GACJA,EAAAA,EAAEE,cAAcX,OAAO,CAAA,EAGhCY,EAAmBH,GAAqB,OACxCA,EAAEI,MAAQ,MACZJ,EAAEK,eAAe,GACjBR,EAAAA,GAAAA,YAAAA,EAAKS,UAALT,MAAAA,EAAcU,QAChB,EAGF,OACEC,EAAA,QAAA,CACElB,UAAWmB,EAAQ,CACjB,kBACA,CAAC,4BAA6BvB,CAAQ,CAAC,CACxC,EAAEwB,UAEHC,EAAA,QAAA,CACEd,IAAAA,EACAd,KAAAA,EACAC,MAAAA,EACA4B,KAAK,WACL1B,SAAAA,EACAI,UAAWmB,EAAQ,CACjB,4BACA,CAAC,mCAAoCtB,CAAK,EAC1CG,CAAS,CACV,EAAE,GACCE,EACJS,SAAUF,EACVR,QAASE,CAAAA,CACV,EACDkB,EAAA,OAAA,CACE,eAAclB,EAAY,OAAS,QACnC,kBAAkB,GAAEV,CAAK,SACzB,mBAAmB,GAAEA,CAAK,eAC1BO,UAAWmB,EAAQ,CACjB,uBACA,CAAC,8BAA+BtB,CAAK,EACrC,CAAC,iCAAkCD,CAAQ,CAAC,CAC7C,EACD2B,KAAK,WACLC,SAAU5B,EAAW,GAAK,EAC1B6B,UAAWZ,EAAgBO,SAE3BC,EAACK,EAAI,CACH1B,UAAWmB,EAAQ,CAAC,4BAA4B,CAAC,EACjDQ,OAAQC,EACRjC,KAAK,KACLkC,OAAO,GAAA,CACR,CAAA,CACG,EACNR,EAAA,MAAA,CACES,GAAK,GAAErC,CAAK,SACZO,UAAWmB,EAAQ,CACjB,yBACC,2BAA0BxB,CAAK,GAChC,CAAC,mCAAoCC,CAAQ,CAAC,CAC/C,EAAEwB,SAEFtB,CAAAA,CACE,EACLuB,EAAM,MAAA,CAAA,CAAA,EACNA,EAAA,MAAA,CACES,GAAK,GAAErC,CAAK,eACZ8B,KAAM,OACNvB,UAAWmB,EAAQ,CACjB,+BACC,iCAAgCxB,CAAK,GACtC,CAAC,yCAA0CC,CAAQ,CAAC,CACrD,EAAEwB,SAEFrB,CAAAA,CACE,CAAC,CAAA,CACD,CAEX"}
@@ -0,0 +1,2 @@
1
+ import"../preact-compat.js";import{c as i}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as p}from"../preact-jsx-runtime.js";import{useText as h}from"../i18n.js";import{useCallback as O}from"../preact-hooks.js";const B=({className:a,name:u,value:w,id:m,label:l,groupAriaLabel:c,size:b="medium",color:s,disabled:d=!1,selected:e=!1,outOfStock:f=!1,multi:$=!1,onValue:r,onUpdateError:n,...C})=>{const _=h("Dropin.Swatches.outOfStock.label").label,y=h("Dropin.Swatches.selected.label").label,S=h("Dropin.Swatches.swatch.label").label,k=O(async t=>{if(r)try{await r(t)}catch(o){n&&n(o)}},[r,n]),x=t=>{const o=t.target;k(o.value)},v=s&&(t=>{const o=new Option().style;return o.color=t,o.color!==""})(s)?s:"var(--color-gray-300);",D=()=>f?`${c}: ${l} ${_}`:e?`${c}: ${l} ${y}`:`${c}: ${l} ${S}`;return p("label",{className:i(["dropin-color-swatch__container",`dropin-color-swatch__container--${b}`,a]),children:[p("input",{type:$?"checkbox":"radio",name:u,id:m,value:w,"aria-label":D(),checked:e,disabled:d,onChange:x,...C,className:i(["dropin-color-swatch",["dropin-color-swatch--selected",e],["dropin-color-swatch--disabled",d],a])}),p("span",{style:{"--bg-color":v},className:i(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",f],a])})]})};export{B as ColorSwatch,B as default};
2
+ //# sourceMappingURL=ColorSwatch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorSwatch.js","sources":["../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/ColorSwatch/ColorSwatch.css';\nimport { useText } from '@adobe/elsie/i18n';\n\nexport interface ColorSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n size?: 'medium' | 'large';\n color?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n size = 'medium',\n color,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n // i18n\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const isValidColor = (color: string) => {\n const colorStyle = new Option().style;\n colorStyle.color = color;\n return colorStyle.color !== ''; // Returns true if the browser accepts this as a valid color\n };\n\n const defaultColor = 'var(--color-gray-300);';\n\n const validColor = color && isValidColor(color) ? color : defaultColor;\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n return (\n <label\n className={classes([\n 'dropin-color-swatch__container',\n `dropin-color-swatch__container--${size}`,\n className,\n ])}\n >\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-color-swatch',\n ['dropin-color-swatch--selected', selected],\n ['dropin-color-swatch--disabled', disabled],\n className,\n ])}\n />\n <span\n style={{ '--bg-color': validColor }}\n className={classes([\n 'dropin-color-swatch__span',\n ['dropin-color-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n />\n </label>\n );\n};\n"],"names":["ColorSwatch","className","name","value","id","label","groupAriaLabel","size","color","disabled","selected","outOfStock","multi","onValue","onUpdateError","props","outOfStockLabel","useText","selectedLabel","swatchLabel","onValueHandler","useCallback","newValue","e","handleOnValue","input","target","validColor","colorStyle","Option","style","handleAriaLabel","_jsxs","classes","children","_jsx","type","checked","onChange"],"mappings":"gSAuBO,MAAMA,EAAmDA,CAAC,CAC/DC,UAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,eAAAA,EACAC,KAAAA,EAAO,SACPC,MAAAA,EACAC,SAAAA,EAAW,GACXC,SAAAA,EAAW,GACXC,WAAAA,EAAa,GACbC,MAAAA,EAAQ,GACRC,QAAAA,EACAC,cAAAA,EACA,GAAGC,CACL,IAAM,CAEEC,MAAAA,EAAkBC,EAAQ,kCAAkC,EAAEZ,MAC9Da,EAAgBD,EAAQ,gCAAgC,EAAEZ,MAC1Dc,EAAcF,EAAQ,8BAA8B,EAAEZ,MAEtDe,EAAiBC,EACrB,MAAOC,GAAkB,CACvB,GAAIT,EACE,GAAA,CACF,MAAMA,EAAQS,CAAQ,QACfC,EAAG,CACNT,GACFA,EAAcS,CAAW,CAE7B,CACF,EAEF,CAACV,EAASC,CAAa,CACzB,EAEMU,EAAiBD,GAAa,CAClC,MAAME,EAAQF,EAAEG,OAEhBN,EAAeK,EAAMtB,KAAK,CAAA,EAWtBwB,EAAanB,IARGA,GAAkB,CAChCoB,MAAAA,EAAa,IAAIC,OAASC,EAAAA,MAChCF,OAAAA,EAAWpB,MAAQA,EACZoB,EAAWpB,QAAU,EAAA,GAKWA,CAAK,EAAIA,EAF7B,yBAIfuB,EAAkBA,IAClBpB,EAAoB,GAAEL,CAAe,KAAID,CAAM,IAAGW,CAAgB,GAClEN,EAAkB,GAAEJ,CAAe,KAAID,CAAM,IAAGa,CAAc,GAC1D,GAAEZ,CAAe,KAAID,CAAM,IAAGc,CAAY,GAGpD,OACEa,EAAA,QAAA,CACE/B,UAAWgC,EAAQ,CACjB,iCACC,mCAAkC1B,CAAK,GACxCN,CAAS,CACV,EAAEiC,UAEHC,EAAA,QAAA,CACEC,KAAMxB,EAAQ,WAAa,QAC3BV,KAAAA,EACAE,GAAAA,EACAD,MAAAA,EACA,aAAY4B,EAAgB,EAC5BM,QAAS3B,EACTD,SAAAA,EACA6B,SAAUd,EAAc,GACpBT,EACJd,UAAWgC,EAAQ,CACjB,sBACA,CAAC,gCAAiCvB,CAAQ,EAC1C,CAAC,gCAAiCD,CAAQ,EAC1CR,CAAS,CACV,CAAA,CACF,EACDkC,EAAA,OAAA,CACEL,MAAO,CAAE,aAAcH,CAAW,EAClC1B,UAAWgC,EAAQ,CACjB,4BACA,CAAC,0CAA2CtB,CAAU,EACtDV,CAAS,CACV,CAAA,CACF,CAAC,CAAA,CACG,CAEX"}
@@ -0,0 +1,2 @@
1
+ import{c as o}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as s}from"../preact-jsx-runtime.js";const d=({variant:r="primary",className:i})=>s("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${r}`,i])});export{d as Divider,d as default};
2
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.js","sources":["../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Divider/Divider.css';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n variant?: 'primary' | 'secondary';\n}\n\nexport const Divider: FunctionComponent<DividerProps> = ({\n variant = 'primary',\n className,\n}) => {\n return (\n <hr\n role=\"separator\"\n className={classes([\n 'dropin-divider',\n `dropin-divider--${variant}`,\n className,\n ])}\n />\n );\n};\n"],"names":["Divider","variant","className","_jsx","role","classes"],"mappings":"8KASO,MAAMA,EAA2CA,CAAC,CACvDC,QAAAA,EAAU,UACVC,UAAAA,CACF,IAEIC,EAAA,KAAA,CACEC,KAAK,YACLF,UAAWG,EAAQ,CACjB,iBACC,mBAAkBJ,CAAQ,GAC3BC,CAAS,CACV,CAAA,CACF"}
@@ -0,0 +1,2 @@
1
+ import{c as d}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{createElement as y}from"../preact.js";import{jsx as e}from"../preact-jsx-runtime.js";const v=({className:m,label:n,error:o,hint:f,success:p,size:t="medium",disabled:l=!1,children:i,...r})=>{var _;const a=((_=i==null?void 0:i.props)==null?void 0:_.id)??`dropin-field-${Math.random().toString(36)}`,s=i&&typeof i.type!="string"?i.type:null;return e("div",{...r,className:d(["dropin-field",m]),children:[n&&e("label",{className:d(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${t}`]),htmlFor:a,children:n}),e("div",{className:d(["dropin-field__content"]),children:s&&i&&y(s,{...i.props,id:a,key:i.key,disabled:l,size:t,error:!!o,success:!!p&&!o})}),e("div",{className:d(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!o],["dropin-field__hint--success",!!p&&!o],["dropin-field__hint--disabled",!!l]]),children:o||p||f})]})};export{v as Field};
2
+ //# sourceMappingURL=Field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Field.js","sources":["../../src/components/Field/Field.tsx"],"sourcesContent":["import '@adobe/elsie/components/Field/Field.css';\nimport { classes } from '@adobe/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface FieldProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n label?: string;\n error?: string;\n hint?: string;\n success?: string;\n disabled?: boolean;\n children?: VNode;\n size?: 'medium' | 'large';\n}\n\nexport const Field: FunctionComponent<FieldProps> = ({\n className,\n label,\n error,\n hint,\n success,\n size = 'medium',\n disabled = false,\n children,\n ...props\n}) => {\n const id =\n children?.props?.id ?? `dropin-field-${Math.random().toString(36)}`;\n const ChildComponent =\n children && typeof children.type !== 'string' ? children.type : null;\n\n return (\n <div {...props} className={classes(['dropin-field', className])}>\n {label && (\n <label\n className={classes([\n 'dropin-field__label',\n ['dropin-field__label--disabled', disabled],\n `dropin-field__label--${size}`,\n ])}\n htmlFor={id}\n >\n {label}\n </label>\n )}\n\n <div className={classes(['dropin-field__content'])}>\n {ChildComponent && children && (\n <ChildComponent\n {...children.props}\n id={id}\n key={children.key}\n disabled={disabled}\n size={size}\n error={!!error}\n success={!!success && !error}\n />\n )}\n </div>\n\n <div\n className={classes([\n 'dropin-field__hint',\n [`dropin-field__hint--${size}`, size],\n ['dropin-field__hint--error', !!error],\n ['dropin-field__hint--success', !!success && !error],\n ['dropin-field__hint--disabled', !!disabled],\n ])}\n >\n {error || success || hint}\n </div>\n </div>\n );\n};\n"],"names":["Field","className","label","error","hint","success","size","disabled","children","props","id","Math","random","toString","ChildComponent","type","_jsxs","classes","_jsx","htmlFor","_createElement","key"],"mappings":"sMAgBO,MAAMA,EAAuCA,CAAC,CACnDC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,SACPC,SAAAA,EAAW,GACXC,SAAAA,EACA,GAAGC,CACL,IAAM,OACEC,MAAAA,IACJF,EAAAA,GAAAA,YAAAA,EAAUC,QAAVD,YAAAA,EAAiBE,KAAO,gBAAeC,KAAKC,OAAO,EAAEC,SAAS,EAAE,CAAE,GAC9DC,EACJN,GAAY,OAAOA,EAASO,MAAS,SAAWP,EAASO,KAAO,KAElE,OACEC,EAAA,MAAA,CAAA,GAASP,EAAOR,UAAWgB,EAAQ,CAAC,eAAgBhB,CAAS,CAAC,EAAEO,SAAA,CAC7DN,GACCgB,EAAA,QAAA,CACEjB,UAAWgB,EAAQ,CACjB,sBACA,CAAC,gCAAiCV,CAAQ,EACzC,wBAAuBD,CAAK,EAAC,CAC/B,EACDa,QAAST,EAAGF,SAEXN,CAAAA,CACI,EAGTgB,EAAA,MAAA,CAAKjB,UAAWgB,EAAQ,CAAC,uBAAuB,CAAC,EAAET,SAChDM,GAAkBN,GACjBY,EAACN,EAAc,CAAA,GACTN,EAASC,MACbC,GAAAA,EACAW,IAAKb,EAASa,IACdd,SAAAA,EACAD,KAAAA,EACAH,MAAO,CAAC,CAACA,EACTE,QAAS,CAAC,CAACA,GAAW,CAACF,CAAAA,CACxB,CAAA,CAEA,EAELe,EAAA,MAAA,CACEjB,UAAWgB,EAAQ,CACjB,qBACA,CAAE,uBAAsBX,CAAK,GAAGA,CAAI,EACpC,CAAC,4BAA6B,CAAC,CAACH,CAAK,EACrC,CAAC,8BAA+B,CAAC,CAACE,GAAW,CAACF,CAAK,EACnD,CAAC,+BAAgC,CAAC,CAACI,CAAQ,CAAC,CAC7C,EAAEC,SAEFL,GAASE,GAAWD,CAAAA,CAClB,CAAC,CAAA,CACH,CAET"}
@@ -1,2 +1,2 @@
1
- import{_}from"../chunks/preload-helper__uemlvruIqb.js";import{c as v}from"../chunks/classes__DJBjVfEyCI.js";import{lazy as r,Suspense as P}from"../preact-compat.js";import{jsx as i}from"../preact-jsx-runtime.js";import"../preact.js";import"../preact-hooks.js";const I={Add:r(()=>_(()=>import("../chunks/Add__CiEO_sX7HP.js"),[])),Bulk:r(()=>_(()=>import("../chunks/Bulk__jqrVxjXdJm.js"),[])),Burger:r(()=>_(()=>import("../chunks/Burger__GYqlod8RZB.js"),[])),Cart:r(()=>_(()=>import("../chunks/Cart__DRuAcF9J-5.js"),[])),Check:r(()=>_(()=>import("../chunks/Check__DlOKHUTGj4.js"),[])),ChevronDown:r(()=>_(()=>import("../chunks/ChevronDown__BQ2yC5Yu4N.js"),[])),ChevronUp:r(()=>_(()=>import("../chunks/ChevronUp__DKfBFRUuWH.js"),[])),ChevronRight:r(()=>_(()=>import("../chunks/ChevronRight__CXhTq2_n_c.js"),[])),Close:r(()=>_(()=>import("../chunks/Close__DQxKl-RcDt.js"),[])),Heart:r(()=>_(()=>import("../chunks/Heart__DFBg3PN_KB.js"),[])),Minus:r(()=>_(()=>import("../chunks/Minus__CefO5Dkv_0.js"),[])),Placeholder:r(()=>_(()=>import("../chunks/Placeholder__CTVN3RA7Z-.js"),[])),PlaceholderFilled:r(()=>_(()=>import("../chunks/PlaceholderFilled__FkPyKAGBpP.js"),[])),Search:r(()=>_(()=>import("../chunks/Search__BWCfAPAUn_.js"),[])),SearchFilled:r(()=>_(()=>import("../chunks/SearchFilled__BaDTuy0_sW.js"),[])),Sort:r(()=>_(()=>import("../chunks/Sort__CuKl1kIenH.js"),[])),Star:r(()=>_(()=>import("../chunks/Star__Cy2oOHG-EW.js"),[])),View:r(()=>_(()=>import("../chunks/View__BWHjsBwNDO.js"),[])),User:r(()=>_(()=>import("../chunks/User__DJozoccuIX.js"),[])),Warning:r(()=>_(()=>import("../chunks/Warning__cRnOb-Q7RP.js"),[])),Locker:r(()=>_(()=>import("../chunks/Locker__DzVLBHHoR_.js"),[])),Wallet:r(()=>_(()=>import("../chunks/Wallet__CFGqcZl49Z.js"),[])),Card:r(()=>_(()=>import("../chunks/Card__DIzTAV64lz.js"),[])),Order:r(()=>_(()=>import("../chunks/Order__Z70_F6tdrw.js"),[])),Delivery:r(()=>_(()=>import("../chunks/Delivery__a9-T5HVKDK.js"),[])),OrderError:r(()=>_(()=>import("../chunks/OrderError__XbjKC-sSCd.js"),[])),OrderSuccess:r(()=>_(()=>import("../chunks/OrderSuccess__DtnleJKX9F.js"),[])),PaymentError:r(()=>_(()=>import("../chunks/PaymentError__Ds3bFy-kcj.js"),[])),CheckWithCircle:r(()=>_(()=>import("../chunks/CheckWithCircle__D4l-TfZdbK.js"),[])),WarningWithCircle:r(()=>_(()=>import("../chunks/WarningWithCircle__z1B4rFgzNa.js"),[])),WarningFilled:r(()=>_(()=>import("../chunks/WarningFilled__DpNvLtGflO.js"),[])),InfoFilled:r(()=>_(()=>import("../chunks/InfoFilled__CHHYiir40t.js"),[])),HeartFilled:r(()=>_(()=>import("../chunks/HeartFilled__Dj4aPKvfnx.js"),[])),Trash:r(()=>_(()=>import("../chunks/Trash__BVZwxilyNs.js"),[]))};function V({source:o,size:t="24",stroke:m="2",viewBox:p="0 0 24 24",className:u,...e}){const E=typeof o=="string"?I[o]:null,d={className:v(["dropin-icon",`dropin-icon--shape-stroke-${m}`,u]),width:t,height:t,viewBox:p};return i(P,{fallback:null,children:E?i(E,{...e,...d}):i(o,{...e,...d})})}export{V as Icon};
1
+ import{c as P}from"../chunks/classes__DJBjVfEyCI.js";import{lazy as r,Suspense as L}from"../preact-compat.js";import{jsx as s}from"../preact-jsx-runtime.js";import"../preact.js";import"../preact-hooks.js";const I=function(){const i=typeof document<"u"&&document.createElement("link").relList;return i&&i.supports&&i.supports("modulepreload")?"modulepreload":"preload"}(),O=function(E){return"/"+E},c={},t=function(i,d,m){let l=Promise.resolve();if(d&&d.length>0){document.getElementsByTagName("link");const e=document.querySelector("meta[property=csp-nonce]"),o=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));l=Promise.all(d.map(_=>{if(_=O(_),_ in c)return;c[_]=!0;const u=_.endsWith(".css"),p=u?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${_}"]${p}`))return;const n=document.createElement("link");if(n.rel=u?"stylesheet":I,u||(n.as="script",n.crossOrigin=""),n.href=_,o&&n.setAttribute("nonce",o),document.head.appendChild(n),u)return new Promise((a,v)=>{n.addEventListener("load",a),n.addEventListener("error",()=>v(new Error(`Unable to preload CSS for ${_}`)))})}))}return l.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},R={Add:r(()=>t(()=>import("../chunks/Add__CiEO_sX7HP.js"),[])),Bulk:r(()=>t(()=>import("../chunks/Bulk__jqrVxjXdJm.js"),[])),Burger:r(()=>t(()=>import("../chunks/Burger__GYqlod8RZB.js"),[])),Cart:r(()=>t(()=>import("../chunks/Cart__DRuAcF9J-5.js"),[])),Check:r(()=>t(()=>import("../chunks/Check__DlOKHUTGj4.js"),[])),ChevronDown:r(()=>t(()=>import("../chunks/ChevronDown__BQ2yC5Yu4N.js"),[])),ChevronUp:r(()=>t(()=>import("../chunks/ChevronUp__DKfBFRUuWH.js"),[])),ChevronRight:r(()=>t(()=>import("../chunks/ChevronRight__CXhTq2_n_c.js"),[])),Close:r(()=>t(()=>import("../chunks/Close__DQxKl-RcDt.js"),[])),Heart:r(()=>t(()=>import("../chunks/Heart__DFBg3PN_KB.js"),[])),Minus:r(()=>t(()=>import("../chunks/Minus__CefO5Dkv_0.js"),[])),Placeholder:r(()=>t(()=>import("../chunks/Placeholder__CTVN3RA7Z-.js"),[])),PlaceholderFilled:r(()=>t(()=>import("../chunks/PlaceholderFilled__FkPyKAGBpP.js"),[])),Search:r(()=>t(()=>import("../chunks/Search__BWCfAPAUn_.js"),[])),SearchFilled:r(()=>t(()=>import("../chunks/SearchFilled__BaDTuy0_sW.js"),[])),Sort:r(()=>t(()=>import("../chunks/Sort__CuKl1kIenH.js"),[])),Star:r(()=>t(()=>import("../chunks/Star__Cy2oOHG-EW.js"),[])),View:r(()=>t(()=>import("../chunks/View__BWHjsBwNDO.js"),[])),User:r(()=>t(()=>import("../chunks/User__DJozoccuIX.js"),[])),Warning:r(()=>t(()=>import("../chunks/Warning__cRnOb-Q7RP.js"),[])),Locker:r(()=>t(()=>import("../chunks/Locker__DzVLBHHoR_.js"),[])),Wallet:r(()=>t(()=>import("../chunks/Wallet__CFGqcZl49Z.js"),[])),Card:r(()=>t(()=>import("../chunks/Card__DIzTAV64lz.js"),[])),Order:r(()=>t(()=>import("../chunks/Order__Z70_F6tdrw.js"),[])),Delivery:r(()=>t(()=>import("../chunks/Delivery__a9-T5HVKDK.js"),[])),OrderError:r(()=>t(()=>import("../chunks/OrderError__XbjKC-sSCd.js"),[])),OrderSuccess:r(()=>t(()=>import("../chunks/OrderSuccess__DtnleJKX9F.js"),[])),PaymentError:r(()=>t(()=>import("../chunks/PaymentError__Ds3bFy-kcj.js"),[])),CheckWithCircle:r(()=>t(()=>import("../chunks/CheckWithCircle__D4l-TfZdbK.js"),[])),WarningWithCircle:r(()=>t(()=>import("../chunks/WarningWithCircle__z1B4rFgzNa.js"),[])),WarningFilled:r(()=>t(()=>import("../chunks/WarningFilled__DpNvLtGflO.js"),[])),InfoFilled:r(()=>t(()=>import("../chunks/InfoFilled__CHHYiir40t.js"),[])),HeartFilled:r(()=>t(()=>import("../chunks/HeartFilled__Dj4aPKvfnx.js"),[])),Trash:r(()=>t(()=>import("../chunks/Trash__BVZwxilyNs.js"),[]))};function f({source:E,size:i="24",stroke:d="2",viewBox:m="0 0 24 24",className:l,...e}){const o=typeof E=="string"?R[E]:null,_={className:P(["dropin-icon",`dropin-icon--shape-stroke-${d}`,l]),width:i,height:i,viewBox:m};return s(L,{fallback:null,children:o?s(o,{...e,..._}):s(E,{...e,..._})})}export{f as Icon};
2
2
  //# sourceMappingURL=Icon.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"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","names":["lazyIcons","Add","lazy","__vitePreload","Bulk","Burger","Cart","Check","ChevronDown","ChevronUp","ChevronRight","Close","Heart","Minus","Placeholder","PlaceholderFilled","Search","SearchFilled","Sort","Star","View","User","Warning","Locker","Wallet","Card","Order","Delivery","OrderError","OrderSuccess","PaymentError","CheckWithCircle","WarningWithCircle","WarningFilled","InfoFilled","HeartFilled","Trash","Icon","source","Source","size","stroke","viewBox","className","props","LazyIcon","defaultProps","classes","width","height","_jsx","Suspense","fallback","children"],"ignoreList":[],"sources":["../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { JSX, FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib/classes';\nimport { lazy, Suspense } from 'preact/compat';\n\nimport '@adobe/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe/elsie/icons');\n\nconst lazyIcons = {\n Add: lazy(() => import('@adobe/elsie/icons/Add.svg')),\n Bulk: lazy(() => import('@adobe/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe/elsie/icons/Burger.svg')),\n Cart: lazy(() => import('@adobe/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe/elsie/icons/Check.svg')),\n ChevronDown: lazy(() => import('@adobe/elsie/icons/ChevronDown.svg')),\n ChevronUp: lazy(() => import('@adobe/elsie/icons/ChevronUp.svg')),\n ChevronRight: lazy(() => import('@adobe/elsie/icons/ChevronRight.svg')),\n Close: lazy(() => import('@adobe/elsie/icons/Close.svg')),\n Heart: lazy(() => import('@adobe/elsie/icons/Heart.svg')),\n Minus: lazy(() => import('@adobe/elsie/icons/Minus.svg')),\n Placeholder: lazy(() => import('@adobe/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(() => import('@adobe/elsie/icons/PlaceholderFilled.svg')),\n Search: lazy(() => import('@adobe/elsie/icons/Search.svg')),\n SearchFilled: lazy(() => import('@adobe/elsie/icons/SearchFilled.svg')),\n Sort: lazy(() => import('@adobe/elsie/icons/Sort.svg')),\n Star: lazy(() => import('@adobe/elsie/icons/Star.svg')),\n View: lazy(() => import('@adobe/elsie/icons/View.svg')),\n User: lazy(() => import('@adobe/elsie/icons/User.svg')),\n Warning: lazy(() => import('@adobe/elsie/icons/Warning.svg')),\n Locker: lazy(() => import('@adobe/elsie/icons/Locker.svg')),\n Wallet: lazy(() => import('@adobe/elsie/icons/Wallet.svg')),\n Card: lazy(() => import('@adobe/elsie/icons/Card.svg')),\n Order: lazy(() => import('@adobe/elsie/icons/Order.svg')),\n Delivery: lazy(() => import('@adobe/elsie/icons/Delivery.svg')),\n OrderError: lazy(() => import('@adobe/elsie/icons/OrderError.svg')),\n OrderSuccess: lazy(() => import('@adobe/elsie/icons/OrderSuccess.svg')),\n PaymentError: lazy(() => import('@adobe/elsie/icons/PaymentError.svg')),\n CheckWithCircle: lazy(() => import('@adobe/elsie/icons/CheckWithCircle.svg')),\n WarningWithCircle: lazy(() => import('@adobe/elsie/icons/WarningWithCircle.svg')),\n WarningFilled: lazy(() => import('@adobe/elsie/icons/WarningFilled.svg')),\n InfoFilled: lazy(() => import('@adobe/elsie/icons/InfoFilled.svg')),\n HeartFilled: lazy(() => import('@adobe/elsie/icons/HeartFilled.svg')),\n Trash: lazy(() => import('@adobe/elsie/icons/Trash.svg')),\n}\n\nexport interface IconProps extends Omit<JSX.SVGAttributes, 'size'> {\n source: FunctionComponent<JSX.SVGAttributes<SVGElement>> | IconType;\n size?: '12' | '16' | '24' | '32' | '64' | '80';\n stroke?: '1' | '2' | '3' | '4';\n className?: string;\n}\n\nexport function Icon({\n source: Source,\n size = '24',\n stroke = '2',\n viewBox = '0 0 24 24',\n className,\n ...props\n}: IconProps) {\n\n const LazyIcon = typeof Source === 'string' ? lazyIcons[Source] : null;\n\n const defaultProps = {\n className: classes([\n 'dropin-icon',\n `dropin-icon--shape-stroke-${stroke}`,\n className,\n ]),\n width: size,\n height: size,\n viewBox,\n };\n\n return (\n <Suspense fallback={null}>\n {LazyIcon ? (\n <LazyIcon {...props} {...defaultProps} />\n ) : (\n // @ts-ignore\n <Source {...props} {...defaultProps} />\n )}\n </Suspense>\n );\n}\n"],"file":"components/Icon.js"}
1
+ {"version":3,"mappings":"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","names":["lazyIcons","Add","lazy","__vitePreload","Bulk","Burger","Cart","Check","ChevronDown","ChevronUp","ChevronRight","Close","Heart","Minus","Placeholder","PlaceholderFilled","Search","SearchFilled","Sort","Star","View","User","Warning","Locker","Wallet","Card","Order","Delivery","OrderError","OrderSuccess","PaymentError","CheckWithCircle","WarningWithCircle","WarningFilled","InfoFilled","HeartFilled","Trash","Icon","source","Source","size","stroke","viewBox","className","props","LazyIcon","defaultProps","classes","width","height","_jsx","Suspense","fallback","children"],"ignoreList":[],"sources":["../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { JSX, FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib/classes';\nimport { lazy, Suspense } from 'preact/compat';\n\nimport '@adobe/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe/elsie/icons');\n\nconst lazyIcons = {\n Add: lazy(() => import('@adobe/elsie/icons/Add.svg')),\n Bulk: lazy(() => import('@adobe/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe/elsie/icons/Burger.svg')),\n Cart: lazy(() => import('@adobe/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe/elsie/icons/Check.svg')),\n ChevronDown: lazy(() => import('@adobe/elsie/icons/ChevronDown.svg')),\n ChevronUp: lazy(() => import('@adobe/elsie/icons/ChevronUp.svg')),\n ChevronRight: lazy(() => import('@adobe/elsie/icons/ChevronRight.svg')),\n Close: lazy(() => import('@adobe/elsie/icons/Close.svg')),\n Heart: lazy(() => import('@adobe/elsie/icons/Heart.svg')),\n Minus: lazy(() => import('@adobe/elsie/icons/Minus.svg')),\n Placeholder: lazy(() => import('@adobe/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(() => import('@adobe/elsie/icons/PlaceholderFilled.svg')),\n Search: lazy(() => import('@adobe/elsie/icons/Search.svg')),\n SearchFilled: lazy(() => import('@adobe/elsie/icons/SearchFilled.svg')),\n Sort: lazy(() => import('@adobe/elsie/icons/Sort.svg')),\n Star: lazy(() => import('@adobe/elsie/icons/Star.svg')),\n View: lazy(() => import('@adobe/elsie/icons/View.svg')),\n User: lazy(() => import('@adobe/elsie/icons/User.svg')),\n Warning: lazy(() => import('@adobe/elsie/icons/Warning.svg')),\n Locker: lazy(() => import('@adobe/elsie/icons/Locker.svg')),\n Wallet: lazy(() => import('@adobe/elsie/icons/Wallet.svg')),\n Card: lazy(() => import('@adobe/elsie/icons/Card.svg')),\n Order: lazy(() => import('@adobe/elsie/icons/Order.svg')),\n Delivery: lazy(() => import('@adobe/elsie/icons/Delivery.svg')),\n OrderError: lazy(() => import('@adobe/elsie/icons/OrderError.svg')),\n OrderSuccess: lazy(() => import('@adobe/elsie/icons/OrderSuccess.svg')),\n PaymentError: lazy(() => import('@adobe/elsie/icons/PaymentError.svg')),\n CheckWithCircle: lazy(() => import('@adobe/elsie/icons/CheckWithCircle.svg')),\n WarningWithCircle: lazy(() => import('@adobe/elsie/icons/WarningWithCircle.svg')),\n WarningFilled: lazy(() => import('@adobe/elsie/icons/WarningFilled.svg')),\n InfoFilled: lazy(() => import('@adobe/elsie/icons/InfoFilled.svg')),\n HeartFilled: lazy(() => import('@adobe/elsie/icons/HeartFilled.svg')),\n Trash: lazy(() => import('@adobe/elsie/icons/Trash.svg')),\n}\n\nexport interface IconProps extends Omit<JSX.SVGAttributes, 'size'> {\n source: FunctionComponent<JSX.SVGAttributes<SVGElement>> | IconType;\n size?: '12' | '16' | '24' | '32' | '64' | '80';\n stroke?: '1' | '2' | '3' | '4';\n className?: string;\n}\n\nexport function Icon({\n source: Source,\n size = '24',\n stroke = '2',\n viewBox = '0 0 24 24',\n className,\n ...props\n}: IconProps) {\n\n const LazyIcon = typeof Source === 'string' ? lazyIcons[Source] : null;\n\n const defaultProps = {\n className: classes([\n 'dropin-icon',\n `dropin-icon--shape-stroke-${stroke}`,\n className,\n ]),\n width: size,\n height: size,\n viewBox,\n };\n\n return (\n <Suspense fallback={null}>\n {LazyIcon ? (\n <LazyIcon {...props} {...defaultProps} />\n ) : (\n // @ts-ignore\n <Source {...props} {...defaultProps} />\n )}\n </Suspense>\n );\n}\n"],"file":"components/Icon.js"}
@@ -0,0 +1,2 @@
1
+ import{c}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as s}from"../preact-jsx-runtime.js";import{V as a}from"../chunks/vcomponent__BjnR-FRhjl.js";import{Card as p}from"./Card.js";const x=({className:i,icon:r,heading:t,headingLevel:e=2,message:o,action:d,variant:m="secondary",...l})=>{const n=e>=1&&e<=6?`h${e}`:"h2";return s("div",{...l,className:c(["dropin-illustrated-message",i]),children:s(p,{variant:m,children:[r&&s(a,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),t&&s(n,{className:"dropin-illustrated-message__heading",children:t}),o&&s(a,{node:o,className:"dropin-illustrated-message__message"}),d&&s(a,{node:d,className:"dropin-illustrated-message__action"})]})})};export{x as IllustratedMessage,x as default};
2
+ //# sourceMappingURL=IllustratedMessage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IllustratedMessage.js","sources":["../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, JSX } from 'preact/compat';\nimport { classes, VComponent } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/IllustratedMessage/IllustratedMessage.css';\nimport { Card } from '@adobe/elsie/components';\n\nexport interface IllustratedMessageProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n heading?: string;\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n message?: VNode<HTMLAttributes<HTMLElement>>;\n action?: VNode;\n variant?: 'primary' | 'secondary';\n}\n\nexport const IllustratedMessage: FunctionComponent<IllustratedMessageProps> = ({\n className,\n icon,\n heading,\n headingLevel = 2,\n message,\n action,\n variant = 'secondary',\n ...props\n}) => {\n const Heading =\n headingLevel >= 1 && headingLevel <= 6\n ? (`h${headingLevel}` as keyof JSX.IntrinsicElements)\n : 'h2';\n\n return (\n <div\n {...props}\n className={classes(['dropin-illustrated-message', className])}\n >\n <Card variant={variant}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n size=\"80\"\n className=\"dropin-illustrated-message__icon\"\n />\n )}\n\n {heading && (\n <Heading className=\"dropin-illustrated-message__heading\">\n {heading}\n </Heading>\n )}\n\n {message && (\n <VComponent\n node={message}\n className=\"dropin-illustrated-message__message\"\n />\n )}\n\n {action && (\n <VComponent\n node={action}\n className=\"dropin-illustrated-message__action\"\n />\n )}\n </Card>\n </div>\n );\n};\n"],"names":["IllustratedMessage","className","icon","heading","headingLevel","message","action","variant","props","Heading","_jsx","classes","children","_jsxs","Card","VComponent","node","size"],"mappings":"kQAgBO,MAAMA,EAAiEA,CAAC,CAC7EC,UAAAA,EACAC,KAAAA,EACAC,QAAAA,EACAC,aAAAA,EAAe,EACfC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EAAU,YACV,GAAGC,CACL,IAAM,CACJ,MAAMC,EACJL,GAAgB,GAAKA,GAAgB,EAC/B,IAAGA,CAAa,GAClB,KAEN,OACEM,EAAA,MAAA,CAAA,GACMF,EACJP,UAAWU,EAAQ,CAAC,6BAA8BV,CAAS,CAAC,EAAEW,SAE9DC,EAACC,EAAI,CAACP,QAAAA,EAAiBK,SACpBV,CAAAA,GACCQ,EAACK,EAAU,CACTC,KAAMd,EACN,cAAY,OACZe,KAAK,KACLhB,UAAU,kCAAA,CACX,EAGFE,GACCO,EAACD,EAAO,CAACR,UAAU,sCAAqCW,SACrDT,CAAAA,CACM,EAGVE,GACCK,EAACK,EAAU,CACTC,KAAMX,EACNJ,UAAU,qCAAA,CACX,EAGFK,GACCI,EAACK,EAAU,CACTC,KAAMV,EACNL,UAAU,oCAAA,CACX,CACF,CAAA,CACG,CAAA,CACH,CAET"}
@@ -0,0 +1,3 @@
1
+ import"../preact-compat.js";import{c as d}from"../chunks/classes__DJBjVfEyCI.js";import{g as f}from"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as p}from"../preact-jsx-runtime.js";import{useState as h,useMemo as w}from"../preact-hooks.js";const g={medium:768,large:1024,xlarge:1366,xxlarge:1920},x=(i,e)=>{const[n,r]=i.split("?"),t=new URLSearchParams(r),a=f();let m={};return a&&Object.keys(a).length>0&&e?m=Object.entries(e).reduce((c,[s,l])=>{const o=a[s];return o&&(c[o]=l),c},{}):m={auto:"webp",quality:80,crop:!1,fit:"cover",...e},Object.entries(m).forEach(([c,s])=>{s!=null&&t.set(c,String(s))}),`${n}?${t.toString()}`},y=(i,e)=>{if(!i||!(e!=null&&e.width))return;const n=r=>x(i,{...r});return Object.entries(g).map(([,r])=>{const t=e.width*r/g.xxlarge;return`${n({...e,width:t})} ${r}w`}).join(`,
2
+ `)},q=({className:i,src:e,params:n,loading:r="lazy",srcSet:t,onLoad:a,...m})=>{const[c,s]=h(!1),l=w(()=>{if(t)return t;if(!(!e||!n))return y(e,{...n})},[n,e,t]),o=u=>{s(!0),a==null||a(u)};return p("img",{...m,className:d(["dropin-image",["dropin-image--loaded",c],i]),loading:r,onLoad:o,src:e,srcSet:l})};export{q as Image};
3
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sources":["../../src/lib/resolve-image.ts","../../src/components/Image/Image.tsx"],"sourcesContent":["import { getImageParamsKeyMap } from '@adobe/elsie/lib/';\n\nconst BREAKPOINTS = {\n medium: 768,\n large: 1024,\n xlarge: 1366,\n xxlarge: 1920,\n};\n\nexport interface ResolveImageUrlOptions {\n width: number;\n height?: number;\n auto?: string;\n quality?: number;\n crop?: boolean;\n fit?: string;\n}\n\nconst resolveImageUrl = (url: string, _opts?: ResolveImageUrlOptions) => {\n const [base, query] = url.split('?');\n const params = new URLSearchParams(query);\n\n const keyMapping = getImageParamsKeyMap();\n\n let opts = {};\n\n if (keyMapping && Object.keys(keyMapping).length > 0 && _opts) {\n opts = Object.entries(_opts).reduce((acc, [key, value]) => {\n const newKey = keyMapping[key];\n if (newKey) {\n acc[newKey] = value;\n }\n return acc;\n }, {} as { [key: string]: any });\n } else {\n opts = {\n auto: 'webp',\n quality: 80,\n crop: false,\n fit: 'cover',\n ..._opts,\n };\n }\n // Append image optimization parameters\n Object.entries(opts).forEach(([key, value]) => {\n if (value !== undefined && value !== null) {\n params.set(key, String(value));\n }\n });\n\n return `${base}?${params.toString()}`;\n};\n\nexport const generateSrcset = (\n imageURL: string,\n options: ResolveImageUrlOptions\n) => {\n if (!imageURL || !options?.width) return;\n\n const generateSrcsetUrl = (options: ResolveImageUrlOptions) => {\n return resolveImageUrl(imageURL, {\n ...options,\n });\n };\n\n return Object.entries(BREAKPOINTS)\n .map(([, value]) => {\n // calculate breakpoints width\n const relativeWidth = (options.width * value) / BREAKPOINTS.xxlarge;\n\n return `${generateSrcsetUrl({\n ...options,\n width: relativeWidth,\n })} ${value}w`;\n })\n .join(',\\n');\n};\n","import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n />\n );\n};\n"],"names":["BREAKPOINTS","medium","large","xlarge","xxlarge","resolveImageUrl","url","_opts","base","query","split","params","URLSearchParams","keyMapping","getImageParamsKeyMap","opts","Object","keys","length","entries","reduce","acc","key","value","newKey","auto","quality","crop","fit","forEach","set","String","toString","generateSrcset","imageURL","options","width","generateSrcsetUrl","map","relativeWidth","join","Image","className","src","loading","srcSet","onLoad","props","loaded","setLoaded","useState","_srcSet","useMemo","onLoadHandler","e","_jsx","classes"],"mappings":"iRAEA,MAAMA,EAAc,CAClBC,OAAQ,IACRC,MAAO,KACPC,OAAQ,KACRC,QAAS,IACX,EAWMC,EAAkBA,CAACC,EAAaC,IAAmC,CACvE,KAAM,CAACC,EAAMC,CAAK,EAAIH,EAAII,MAAM,GAAG,EAC7BC,EAAS,IAAIC,gBAAgBH,CAAK,EAElCI,EAAaC,IAEnB,IAAIC,EAAO,CAAA,EAEX,OAAIF,GAAcG,OAAOC,KAAKJ,CAAU,EAAEK,OAAS,GAAKX,EAC/CS,EAAAA,OAAOG,QAAQZ,CAAK,EAAEa,OAAO,CAACC,EAAK,CAACC,EAAKC,CAAK,IAAM,CACnDC,MAAAA,EAASX,EAAWS,CAAG,EAC7B,OAAIE,IACFH,EAAIG,CAAM,EAAID,GAETF,CACT,EAAG,CAA6B,CAAA,EAEzBN,EAAA,CACLU,KAAM,OACNC,QAAS,GACTC,KAAM,GACNC,IAAK,QACL,GAAGrB,CAAAA,EAIAY,OAAAA,QAAQJ,CAAI,EAAEc,QAAQ,CAAC,CAACP,EAAKC,CAAK,IAAM,CAClBA,GAAU,MACnCZ,EAAOmB,IAAIR,EAAKS,OAAOR,CAAK,CAAC,CAC/B,CACD,EAEO,GAAEf,CAAK,IAAGG,EAAOqB,SAAW,CAAA,EACtC,EAEaC,EAAiBA,CAC5BC,EACAC,IACG,CACC,GAAA,CAACD,GAAY,EAACC,GAAAA,MAAAA,EAASC,OAAO,OAE5BC,MAAAA,EAAqBF,GAClB9B,EAAgB6B,EAAU,CAC/B,GAAGC,CAAAA,CACJ,EAGInB,OAAAA,OAAOG,QAAQnB,CAAW,EAC9BsC,IAAI,CAAC,CAAGf,CAAAA,CAAK,IAAM,CAElB,MAAMgB,EAAiBJ,EAAQC,MAAQb,EAASvB,EAAYI,QAE5D,MAAQ,GAAEiC,EAAkB,CAC1B,GAAGF,EACHC,MAAOG,CACR,CAAA,CAAE,IAAGhB,CAAM,GAAA,CACb,EACAiB,KAAK;AAAA,CAAK,CACf,EC9DaC,EAAuCA,CAAC,CACnDC,UAAAA,EACAC,IAAAA,EACAhC,OAAAA,EACAiC,QAAAA,EAAU,OACVC,OAAAA,EACAC,OAAAA,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAUC,EAAQ,IAAM,CAExBP,GAAAA,EAAeA,OAAAA,EAGf,GAAA,GAACF,GAAO,CAAChC,GAGb,OAAOsB,EAAeU,EAAK,CAAE,GAAGhC,CAAAA,CAAQ,CACvC,EAAA,CAACA,EAAQgC,EAAKE,CAAM,CAAC,EAGlBQ,EAAiBC,GAAW,CAChCL,EAAU,EAAI,EACdH,GAAAA,MAAAA,EAASQ,EAAC,EAGZ,OACEC,EAAA,MAAA,CAAA,GACMR,EACJL,UAAWc,EAAQ,CACjB,eACA,CAAC,uBAAwBR,CAAM,EAC/BN,CAAS,CACV,EACDE,QAAAA,EACAE,OAAQO,EACRV,IAAAA,EACAE,OAAQM,CAAAA,CACT,CAEL"}
@@ -0,0 +1,2 @@
1
+ import"../preact-compat.js";import{c as e}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as t}from"../preact-jsx-runtime.js";import{Image as C}from"./Image.js";import{useText as m}from"../i18n.js";import{useCallback as I}from"../preact-hooks.js";const q=({className:s,name:d,value:f,id:w,label:n,groupAriaLabel:c,src:u,alt:b,disabled:p=!1,selected:o=!1,outOfStock:h=!1,multi:g=!1,onValue:i,onUpdateError:r,...$})=>{const _=m("Dropin.Swatches.outOfStock.label").label,y=m("Dropin.Swatches.selected.label").label,k=m("Dropin.Swatches.swatch.label").label,x=I(async a=>{if(i)try{await i(a)}catch(l){r&&r(l)}},[i,r]),S=a=>{const l=a.target;x(l.value)},D=()=>h?`${c}: ${n} ${_}`:o?`${c}: ${n} ${y}`:`${c}: ${n} ${k}`;return t("label",{className:e(["dropin-image-swatch__container",s]),children:[t("input",{type:g?"checkbox":"radio",name:d,id:w,value:f,"aria-label":D(),checked:o,disabled:p,onChange:S,...$,className:e(["dropin-image-swatch",["dropin-image-swatch--selected",o],["dropin-image-swatch--disabled",p],s])}),t("span",{className:e(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],s]),children:t(C,{src:u,className:e(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:b,loading:"lazy",onError:a=>a.target.style.display="none"})})]})};export{q as ImageSwatch,q as default};
2
+ //# sourceMappingURL=ImageSwatch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageSwatch.js","sources":["../../src/components/ImageSwatch/ImageSwatch.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/ImageSwatch/ImageSwatch.css';\nimport { Image } from '@adobe/elsie/components/Image';\nimport { useText } from '@adobe/elsie/i18n';\n\nexport interface ImageSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n src: string;\n alt?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ImageSwatch: FunctionComponent<ImageSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n src,\n alt,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n return (\n <label className={classes(['dropin-image-swatch__container', className])}>\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-image-swatch',\n ['dropin-image-swatch--selected', selected],\n ['dropin-image-swatch--disabled', disabled],\n className,\n ])}\n />\n\n <span\n className={classes([\n 'dropin-image-swatch__span',\n ['dropin-image-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n >\n <Image\n src={src}\n className={classes(['dropin-image-swatch__content'])}\n params={{ width: 100, fit: 'bounds', crop: true }}\n alt={alt}\n loading={'lazy'}\n onError={(e: any) => (e.target.style.display = 'none')}\n />\n </span>\n </label>\n );\n};\n"],"names":["ImageSwatch","className","name","value","id","label","groupAriaLabel","src","alt","disabled","selected","outOfStock","multi","onValue","onUpdateError","props","outOfStockLabel","useText","selectedLabel","swatchLabel","onValueHandler","useCallback","newValue","e","handleOnValue","input","target","handleAriaLabel","_jsxs","classes","children","_jsx","type","checked","onChange","Image","params","width","fit","crop","loading","onError","style","display"],"mappings":"mUAwBO,MAAMA,EAAmDA,CAAC,CAC/DC,UAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,eAAAA,EACAC,IAAAA,EACAC,IAAAA,EACAC,SAAAA,EAAW,GACXC,SAAAA,EAAW,GACXC,WAAAA,EAAa,GACbC,MAAAA,EAAQ,GACRC,QAAAA,EACAC,cAAAA,EACA,GAAGC,CACL,IAAM,CACEC,MAAAA,EAAkBC,EAAQ,kCAAkC,EAAEZ,MAC9Da,EAAgBD,EAAQ,gCAAgC,EAAEZ,MAC1Dc,EAAcF,EAAQ,8BAA8B,EAAEZ,MAEtDe,EAAiBC,EACrB,MAAOC,GAAkB,CACvB,GAAIT,EACE,GAAA,CACF,MAAMA,EAAQS,CAAQ,QACfC,EAAG,CACNT,GACFA,EAAcS,CAAW,CAE7B,CACF,EAEF,CAACV,EAASC,CAAa,CACzB,EAEMU,EAAiBD,GAAa,CAClC,MAAME,EAAQF,EAAEG,OAEhBN,EAAeK,EAAMtB,KAAK,CAAA,EAGtBwB,EAAkBA,IAClBhB,EAAoB,GAAEL,CAAe,KAAID,CAAM,IAAGW,CAAgB,GAClEN,EAAkB,GAAEJ,CAAe,KAAID,CAAM,IAAGa,CAAc,GAC1D,GAAEZ,CAAe,KAAID,CAAM,IAAGc,CAAY,GAGpD,OACES,EAAA,QAAA,CAAO3B,UAAW4B,EAAQ,CAAC,iCAAkC5B,CAAS,CAAC,EAAE6B,UACvEC,EAAA,QAAA,CACEC,KAAMpB,EAAQ,WAAa,QAC3BV,KAAAA,EACAE,GAAAA,EACAD,MAAAA,EACA,aAAYwB,EAAgB,EAC5BM,QAASvB,EACTD,SAAAA,EACAyB,SAAUV,EAAc,GACpBT,EACJd,UAAW4B,EAAQ,CACjB,sBACA,CAAC,gCAAiCnB,CAAQ,EAC1C,CAAC,gCAAiCD,CAAQ,EAC1CR,CAAS,CACV,CAAA,CACF,EAED8B,EAAA,OAAA,CACE9B,UAAW4B,EAAQ,CACjB,4BACA,CAAC,0CAA2ClB,CAAU,EACtDV,CAAS,CACV,EAAE6B,SAEHC,EAACI,EAAK,CACJ5B,IAAAA,EACAN,UAAW4B,EAAQ,CAAC,8BAA8B,CAAC,EACnDO,OAAQ,CAAEC,MAAO,IAAKC,IAAK,SAAUC,KAAM,EAAK,EAChD/B,IAAAA,EACAgC,QAAS,OACTC,QAAUlB,GAAYA,EAAEG,OAAOgB,MAAMC,QAAU,MAAA,CAChD,CAAA,CACG,CAAC,CAAA,CACF,CAEX"}
@@ -0,0 +1,2 @@
1
+ import{c as N}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as e}from"../preact-jsx-runtime.js";import{V as v}from"../chunks/vcomponent__BjnR-FRhjl.js";import{useText as b}from"../i18n.js";import"../preact-compat.js";import f from"../chunks/Close__DQxKl-RcDt.js";import i from"./Button.js";import{Icon as u}from"./Icon.js";import"../preact-hooks.js";const B=({className:p,type:c="warning",additionalActions:r,onDismiss:n,heading:_,description:a,icon:s,...h})=>{var m,t,o;const d=b({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:N(["dropin-in-line-alert",`dropin-in-line-alert--${c}`,p]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[s&&e(v,{node:s,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:_})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[(r==null?void 0:r.length)==1&&e(i,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:(m=r[0])==null?void 0:m.onClick,"aria-label":(t=r[0])==null?void 0:t.label,children:(o=r[0])==null?void 0:o.label}),n&&e(i,{icon:e(u,{source:f,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:n,"aria-label":d.dismiss})]})]}),a&&e("p",{className:"dropin-in-line-alert__description",children:a}),r&&(r==null?void 0:r.length)>1&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:r.map(l=>e(i,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:l.onClick,children:l.label},l.label))})]})};export{B as InLineAlert,B as default};
2
+ //# sourceMappingURL=InLineAlert.js.map