@dropins/tools 0.23.0-alpha43 → 0.23.0-alpha667

package/components/ActionButton.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/ActionButtonGroup.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=ActionButtonGroup.js.map

package/components/ActionButtonGroup.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/AlertBanner.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=AlertBanner.js.map

package/components/AlertBanner.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Breadcrumbs.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Breadcrumbs.js.map

package/components/Breadcrumbs.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Button.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Button.js.map

package/components/Button.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Card.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Card.js.map

package/components/Card.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/CartItem.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=CartItem.js.map

package/components/CartItem.js.map

@@ -1 +0,0 @@
-{"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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"}

package/components/CartList.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=CartList.js.map

package/components/CartList.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Checkbox.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Checkbox.js.map

package/components/Checkbox.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/ColorSwatch.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=ColorSwatch.js.map

package/components/ColorSwatch.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Divider.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Divider.js.map

package/components/Divider.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Field.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Field.js.map

package/components/Field.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Icon.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Icon.js.map

package/components/Icon.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/IllustratedMessage.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=IllustratedMessage.js.map

package/components/IllustratedMessage.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/Image.js

@@ -1,3 +0,0 @@
-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(`,
-`)},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};
-//# sourceMappingURL=Image.js.map

package/components/Image.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/ImageSwatch.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=ImageSwatch.js.map

package/components/ImageSwatch.js.map

@@ -1 +0,0 @@
-{"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"}

package/components/InLineAlert.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=InLineAlert.js.map

package/components/InLineAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InLineAlert.js","sources":["../../src/components/InLineAlert/InLineAlert.tsx"],"sourcesContent":["import { Button, Icon } from '@adobe/elsie/components';\nimport { useText } from '@adobe/elsie/i18n';\nimport { Close } from '@adobe/elsie/icons';\nimport { VComponent, classes } from '@adobe/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe/elsie/components/InLineAlert/InLineAlert.css';\nexport interface InLineAlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  heading: string;\n  description?: string;\n  type?: 'error' | 'warning' | 'success';\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  additionalActions?: Array<{\n    label: string;\n    onClick: (event: Event) => void;\n  }>;\n  onDismiss?: (event: Event) => void;\n}\n\nexport const InLineAlert: FunctionComponent<InLineAlertProps> = ({\n  className,\n  type = 'warning',\n  additionalActions,\n  onDismiss,\n  heading,\n  description,\n  icon,\n  ...props\n}) => {\n  const translations = useText({\n    dismiss: 'Dropin.InlineAlert.dismissLabel',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-in-line-alert',\n        `dropin-in-line-alert--${type}`,\n        className,\n      ])}\n    >\n      <div className={'dropin-in-line-alert__heading'}>\n        <div className={'dropin-in-line-alert__title-container'}>\n          {icon && (\n            <VComponent node={icon} className={'dropin-in-line-alert__icon'} />\n          )}\n\n          <span className={'dropin-in-line-alert__title'}>{heading}</span>\n        </div>\n\n        <div className={'dropin-in-line-alert__actions-container'}>\n          {additionalActions?.length == 1 && (\n            <Button\n              variant=\"tertiary\"\n              className={'dropin-in-line-alert__additional-action'}\n              onClick={additionalActions[0]?.onClick}\n              aria-label={additionalActions[0]?.label}\n            >\n              {additionalActions[0]?.label}\n            </Button>\n          )}\n          {onDismiss && (\n            <Button\n              icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n              className={'dropin-in-line-alert__dismiss-button'}\n              variant=\"tertiary\"\n              onClick={onDismiss}\n              aria-label={translations.dismiss}\n            />\n          )}\n        </div>\n      </div>\n\n      {description && (\n        <p className={'dropin-in-line-alert__description'}>{description}</p>\n      )}\n\n      {additionalActions && additionalActions?.length > 1 && (\n        <div className={'dropin-in-line-alert__additional-actions-container'}>\n          {additionalActions.map((action) => (\n            <Button\n              key={action.label}\n              variant=\"tertiary\"\n              className={'dropin-in-line-alert__additional-action'}\n              onClick={action.onClick}\n            >\n              {action.label}\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["InLineAlert","className","type","additionalActions","onDismiss","heading","description","icon","props","translations","useText","dismiss","_jsxs","classes","children","_jsx","VComponent","node","length","Button","variant","onClick","label","Icon","source","Close","size","stroke","map","action"],"mappings":"4aAqBO,MAAMA,EAAmDA,CAAC,CAC/DC,UAAAA,EACAC,KAAAA,EAAO,UACPC,kBAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,YAAAA,EACAC,KAAAA,EACA,GAAGC,CACL,IAAM,WACJ,MAAMC,EAAeC,EAAQ,CAC3BC,QAAS,iCAAA,CACV,EAED,OACEC,EAAA,MAAA,CAAA,GACMJ,EACJP,UAAWY,EAAQ,CACjB,uBACC,yBAAwBX,CAAK,GAC9BD,CAAS,CACV,EAAEa,UAEHF,EAAA,MAAA,CAAKX,UAAW,gCAAgCa,UAC9CF,EAAA,MAAA,CAAKX,UAAW,wCAAwCa,SACrDP,CAAAA,GACCQ,EAACC,EAAU,CAACC,KAAMV,EAAMN,UAAW,4BAAA,CAA+B,EAGpEc,EAAA,OAAA,CAAMd,UAAW,8BAA8Ba,SAAET,CAAAA,CAAc,CAAC,CAAA,CAC7D,EAELO,EAAA,MAAA,CAAKX,UAAW,0CAA0Ca,SAAA,EACvDX,GAAAA,YAAAA,EAAmBe,SAAU,GAC5BH,EAACI,EAAM,CACLC,QAAQ,WACRnB,UAAW,0CACXoB,SAASlB,EAAAA,EAAkB,CAAC,IAAnBA,YAAAA,EAAsBkB,QAC/B,cAAYlB,EAAAA,EAAkB,CAAC,IAAnBA,YAAAA,EAAsBmB,MAAMR,UAEvCX,EAAAA,EAAkB,CAAC,IAAnBA,YAAAA,EAAsBmB,KAAAA,CACjB,EAETlB,GACCW,EAACI,EAAM,CACLZ,KAAMQ,EAACQ,EAAI,CAACC,OAAQC,EAAOC,KAAK,KAAKC,OAAO,GAAA,CAAK,EACjD1B,UAAW,uCACXmB,QAAQ,WACRC,QAASjB,EACT,aAAYK,EAAaE,OAAAA,CAC1B,CACF,CAAA,CACE,CAAC,CAAA,CACH,EAEJL,GACCS,EAAA,IAAA,CAAGd,UAAW,oCAAoCa,SAAER,CAAAA,CAAe,EAGpEH,IAAqBA,GAAAA,YAAAA,EAAmBe,QAAS,GAChDH,EAAA,MAAA,CAAKd,UAAW,qDAAqDa,SAClEX,EAAkByB,IAAKC,GACtBd,EAACI,EAAM,CAELC,QAAQ,WACRnB,UAAW,0CACXoB,QAASQ,EAAOR,QAAQP,SAEvBe,EAAOP,KAAAA,EALHO,EAAOP,KAMN,CACT,CAAA,CACE,CACN,CAAA,CACE,CAET"}

package/components/Incrementer.js

@@ -1,2 +0,0 @@
-import{useState as I,useEffect as V,useCallback as g}from"../preact-hooks.js";import{c as i}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{d as L}from"../chunks/debounce__BF4Cdv7Ils.js";import"../preact.js";import{jsx as e}from"../preact-jsx-runtime.js";import S from"../chunks/Add__CiEO_sX7HP.js";import"../preact-compat.js";import z from"../chunks/Minus__CefO5Dkv_0.js";import{Icon as f}from"./Icon.js";import{Localizer as N,Text as h}from"../i18n.js";const G=({name:v,value:o="1",className:w,disabled:r,error:x,success:k,min:p,max:l,onValue:m,onUpdateError:a,size:_="medium",...y})=>{const[c,b]=I(Number(o)),s=Number(p),d=Number(l);V(()=>{b(Number(o))},[o]);const C=g(L(async t=>{if(m)try{await m(t)}catch(n){a&&a(n)}},200),[m,a]),u=t=>{let n=t;t<s&&(n=s),t>d&&(n=d),C(n),b(n)};return e("div",{className:i(["dropin-incrementer",`dropin-incrementer--${_}`,w]),children:e("div",{className:i(["dropin-incrementer__content",`dropin-incrementer__content--${_}`,["dropin-incrementer__content--error",x],["dropin-incrementer__content--success",k],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:i(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(N,{children:e("button",{type:"button",className:i(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>u(c-1),disabled:r||c<s+1,"aria-label":e(h,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(f,{source:z,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:l,min:p,step:1,type:"number",name:v,value:c,disabled:r,onChange:t=>{const n=t.currentTarget.value;n!==""&&u(Number(n))},...y}),e("div",{className:i(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(N,{children:e("button",{type:"button",className:i(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>u(c+1),disabled:r||c>d-1,"aria-label":e(h,{id:"Dropin.Incrementer.increaseLabel"}),children:e(f,{source:S,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]})})};export{G as Incrementer};
-//# sourceMappingURL=Incrementer.js.map

package/components/Incrementer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Incrementer.js","sources":["../../src/components/Incrementer/Incrementer.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect, useCallback } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, debounce } from '@adobe/elsie/lib';\nimport { Add, Minus } from '@adobe/elsie/icons';\nimport { Icon } from '@adobe/elsie/components/Icon';\nimport { Localizer, Text } from '@adobe/elsie/i18n';\nimport '@adobe/elsie/components/Incrementer/Incrementer.css';\n\nexport interface IncrementerProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n  name?: string;\n  size?: 'medium' | 'large';\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n  error?: boolean;\n  success?: boolean;\n  min?: number;\n  max?: number;\n  disabled?: boolean;\n  maxLength?: number;\n}\n\nexport const Incrementer: FunctionComponent<IncrementerProps> = ({\n  name,\n  value = '1',\n  className,\n  disabled,\n  error,\n  success,\n  min,\n  max,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState<number>(Number(value));\n  const minValue = Number(min);\n  const maxValue = Number(max);\n\n  useEffect(() => {\n    setCurrentValue(Number(value));\n  }, [value]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(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    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleIncrementer = (_value: number) => {\n    let newValue = _value;\n    if (_value < minValue) newValue = minValue;\n    if (_value > maxValue) newValue = maxValue;\n    debouncedOnValueHandler(newValue);\n    setCurrentValue(newValue);\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-incrementer',\n        `dropin-incrementer--${size}`,\n        className,\n      ])}\n    >\n      <div\n        className={classes([\n          'dropin-incrementer__content',\n          `dropin-incrementer__content--${size}`,\n          [`dropin-incrementer__content--error`, error],\n          [`dropin-incrementer__content--success`, success],\n          [`dropin-incrementer__content--disabled`, disabled],\n        ])}\n      >\n        {/* Minus Button */}\n        <div\n          className={classes([\n            'dropin-incrementer__button-container',\n            [`dropin-incrementer__button-container--disabled`, disabled],\n          ])}\n        >\n          <Localizer>\n            <button\n              type=\"button\"\n              className={classes([\n                'dropin-incrementer__decrease-button',\n                [`dropin-incrementer__decrease-button--disabled`, disabled],\n              ])}\n              onClick={() => handleIncrementer(currentValue - 1)}\n              disabled={disabled || currentValue < minValue + 1}\n              aria-label={\n                (<Text id=\"Dropin.Incrementer.decreaseLabel\" />) as any\n              }\n            >\n              <Icon\n                source={Minus}\n                size=\"16\"\n                stroke=\"1\"\n                viewBox=\"4 2 20 20\"\n                className=\"dropin-incrementer__down\"\n              />\n            </button>\n          </Localizer>\n        </div>\n\n        {/* Input Field */}\n        <input\n          className=\"dropin-incrementer__input\"\n          max={max}\n          min={min}\n          step={1}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          disabled={disabled}\n          onChange={(e) => {\n            const newValue = e.currentTarget.value;\n            if (newValue !== '') {\n              handleIncrementer(Number(newValue));\n            }\n          }}\n          {...props}\n        />\n\n        <div\n          className={classes([\n            'dropin-incrementer__button-container',\n            [`dropin-incrementer__button-container--disabled`, disabled],\n          ])}\n        >\n          {/* Plus/Add button */}\n          <Localizer>\n            <button\n              type=\"button\"\n              className={classes([\n                'dropin-incrementer__increase-button',\n                [`dropin-incrementer__increase-button--disabled`, disabled],\n              ])}\n              onClick={() => handleIncrementer(currentValue + 1)}\n              disabled={disabled || currentValue > maxValue - 1}\n              aria-label={\n                (<Text id=\"Dropin.Incrementer.increaseLabel\" />) as any\n              }\n            >\n              <Icon\n                source={Add}\n                size=\"16\"\n                stroke=\"1\"\n                viewBox=\"4 2 20 20\"\n                className=\"dropin-incrementer__add\"\n              />\n            </button>\n          </Localizer>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Incrementer","name","value","className","disabled","error","success","min","max","onValue","onUpdateError","size","props","currentValue","setCurrentValue","useState","Number","minValue","maxValue","useEffect","debouncedOnValueHandler","useCallback","debounce","newValue","e","handleIncrementer","_value","_jsx","classes","children","_jsxs","Localizer","type","onClick","Text","id","Icon","source","Minus","stroke","viewBox","step","onChange","currentTarget","Add"],"mappings":"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"}

package/components/Input.js

@@ -1,2 +0,0 @@
-import{Icon as _}from"./Icon.js";import"../preact-compat.js";import b from"../chunks/CheckWithCircle__D4l-TfZdbK.js";import k from"../chunks/WarningWithCircle__z1B4rFgzNa.js";import{c as n}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{d as w}from"../chunks/debounce__BF4Cdv7Ils.js";import"../preact.js";import{jsx as i}from"../preact-jsx-runtime.js";import{V as y}from"../chunks/vcomponent__BjnR-FRhjl.js";import{useCallback as $}from"../preact-hooks.js";const q=({name:l,value:h,variant:u="primary",className:g,disabled:e,error:p,floatingLabel:t,onValue:c,onUpdateError:d,size:N="medium",icon:o,maxLength:v,success:m,...r})=>{const f=(r==null?void 0:r.id)||l||`dropin-input-${Math.random().toString(36)}`,x=$(w(async a=>{if(c)try{await c(a)}catch(s){d&&d(s)}},200),[c,d]),C=a=>{const s=a.target;x(s.value.trim())};return i("div",{className:n(["dropin-input-container",`dropin-input-container--${u}`,["dropin-input-container--floating",!!t],["dropin-input-container--disabled",e]]),children:[o&&i(y,{node:o,className:n(["dropin-input__field-icon--left",o.props.className])}),i("div",{className:"dropin-input-label-container",children:[i("input",{id:f,onChange:C,type:"text",maxLength:v,name:l,value:h,...r,className:n(["dropin-input",`dropin-input--${N}`,`dropin-input--${u}`,["dropin-input--error",!!p],["dropin-input--success",!!m],["dropin-input--disabled",e],["dropin-input--floating",!!t],["dropin-input--icon-left",!!o],g]),disabled:e}),t&&i("label",{htmlFor:f,className:n([["dropin-input__label--floating",!!t],["dropin-input__label--floating--icon-left",!!o],["dropin-input__label--floating--error",!!p]]),children:t})]}),p&&i("div",{className:n(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:i(_,{source:k,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&i("div",{className:n(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:i(_,{source:b,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})};export{q as Input,q as default};
-//# sourceMappingURL=Input.js.map

package/components/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../../src/components/Input/Input.tsx"],"sourcesContent":["import { Icon } from '@adobe/elsie/components/Icon';\nimport '@adobe/elsie/components/Input/Input.css';\nimport { CheckWithCircle, WarningWithCircle } from '@adobe/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nexport interface InputProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  error?: boolean;\n  floatingLabel?: string;\n  onUpdateError?: (error: Error) => void;\n  onValue?: (value: any) => void;\n  size?: 'medium' | 'large';\n  success?: boolean;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  maxLength?: number;\n}\n\nexport const Input: FunctionComponent<InputProps> = ({\n  name,\n  value,\n  variant = 'primary',\n  className,\n  disabled,\n  error,\n  floatingLabel,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  icon,\n  maxLength,\n  success,\n  ...props\n}) => {\n  const id = props?.id || name || `dropin-input-${Math.random().toString(36)}`;\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(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    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    debouncedOnValueHandler(input.value.trim());\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-input-container',\n        `dropin-input-container--${variant}`,\n        [`dropin-input-container--floating`, !!floatingLabel],\n        ['dropin-input-container--disabled', disabled],\n      ])}\n    >\n      {icon && (\n        <VComponent\n          node={icon}\n          className={classes([\n            'dropin-input__field-icon--left',\n            icon.props.className,\n          ])}\n        />\n      )}\n      <div className=\"dropin-input-label-container\">\n        {/* Input */}\n        <input\n          id={id}\n          onChange={handleOnValue}\n          type=\"text\"\n          maxLength={maxLength}\n          name={name}\n          value={value}\n          {...props}\n          className={classes([\n            'dropin-input',\n            `dropin-input--${size}`,\n            `dropin-input--${variant}`,\n            [`dropin-input--error`, !!error],\n            [`dropin-input--success`, !!success],\n            ['dropin-input--disabled', disabled],\n            [`dropin-input--floating`, !!floatingLabel],\n            [`dropin-input--icon-left`, !!icon],\n            className,\n          ])}\n          disabled={disabled}\n        />\n\n        {/* Floating Label */}\n        {floatingLabel && (\n          <label\n            htmlFor={id}\n            className={classes([\n              [`dropin-input__label--floating`, !!floatingLabel],\n              [`dropin-input__label--floating--icon-left`, !!icon],\n              [`dropin-input__label--floating--error`, !!error],\n            ])}\n          >\n            {floatingLabel}\n          </label>\n        )}\n      </div>\n\n      {error && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--error',\n          ])}\n        >\n          <Icon\n            source={WarningWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--warning-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n\n      {success && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--success',\n          ])}\n        >\n          <Icon\n            source={CheckWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--success-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Input","name","value","variant","className","disabled","error","floatingLabel","onValue","onUpdateError","size","icon","maxLength","success","props","id","Math","random","toString","debouncedOnValueHandler","useCallback","debounce","newValue","e","handleOnValue","input","target","trim","_jsxs","classes","children","_jsx","VComponent","node","onChange","type","htmlFor","Icon","source","WarningWithCircle","stroke","viewBox","CheckWithCircle"],"mappings":"4fAwBO,MAAMA,EAAuCA,CAAC,CACnDC,KAAAA,EACAC,MAAAA,EACAC,QAAAA,EAAU,UACVC,UAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,cAAAA,EACAC,QAAAA,EACAC,cAAAA,EACAC,KAAAA,EAAO,SACPC,KAAAA,EACAC,UAAAA,EACAC,QAAAA,EACA,GAAGC,CACL,IAAM,CACEC,MAAAA,GAAKD,GAAAA,YAAAA,EAAOC,KAAMd,GAAS,gBAAee,KAAKC,OAAO,EAAEC,SAAS,EAAE,CAAE,GAGrEC,EAA0BC,EAC9BC,EAAS,MAAOC,GAAkB,CAChC,GAAId,EACE,GAAA,CACF,MAAMA,EAAQc,CAAQ,QACfC,EAAG,CACNd,GACFA,EAAcc,CAAW,CAE7B,GAED,GAAG,EACN,CAACf,EAASC,CAAa,CACzB,EAEMe,EAAiBD,GAAa,CAClC,MAAME,EAAQF,EAAEG,OAEQD,EAAAA,EAAMvB,MAAMyB,KAAM,CAAA,CAAA,EAG5C,OACEC,EAAA,MAAA,CACExB,UAAWyB,EAAQ,CACjB,yBACC,2BAA0B1B,CAAQ,GACnC,CAAE,mCAAmC,CAAC,CAACI,CAAa,EACpD,CAAC,mCAAoCF,CAAQ,CAAC,CAC/C,EAAEyB,SAEFnB,CAAAA,GACCoB,EAACC,EAAU,CACTC,KAAMtB,EACNP,UAAWyB,EAAQ,CACjB,iCACAlB,EAAKG,MAAMV,SAAS,CACrB,CAAA,CACF,EAEHwB,EAAA,MAAA,CAAKxB,UAAU,+BAA8B0B,UAE3CC,EAAA,QAAA,CACEhB,GAAAA,EACAmB,SAAUV,EACVW,KAAK,OACLvB,UAAAA,EACAX,KAAAA,EACAC,MAAAA,EAAa,GACTY,EACJV,UAAWyB,EAAQ,CACjB,eACC,iBAAgBnB,CAAK,GACrB,iBAAgBP,CAAQ,GACzB,CAAE,sBAAsB,CAAC,CAACG,CAAK,EAC/B,CAAE,wBAAwB,CAAC,CAACO,CAAO,EACnC,CAAC,yBAA0BR,CAAQ,EACnC,CAAE,yBAAyB,CAAC,CAACE,CAAa,EAC1C,CAAE,0BAA0B,CAAC,CAACI,CAAI,EAClCP,CAAS,CACV,EACDC,SAAAA,CAAAA,CACD,EAGAE,GACCwB,EAAA,QAAA,CACEK,QAASrB,EACTX,UAAWyB,EAAQ,CACjB,CAAE,gCAAgC,CAAC,CAACtB,CAAa,EACjD,CAAE,2CAA2C,CAAC,CAACI,CAAI,EACnD,CAAE,uCAAuC,CAAC,CAACL,CAAK,CAAC,CAClD,EAAEwB,SAEFvB,CAAAA,CACI,CACR,CAAA,CACE,EAEJD,GACCyB,EAAA,MAAA,CACE3B,UAAWyB,EAAQ,CACjB,kCACA,iCAAiC,CAClC,EAAEC,SAEHC,EAACM,EAAI,CACHC,OAAQC,EACR7B,KAAK,KACL8B,OAAO,IACPpC,UAAU,6BACVqC,QAAQ,aAAA,CACT,CAAA,CACE,EAGN5B,GACCkB,EAAA,MAAA,CACE3B,UAAWyB,EAAQ,CACjB,kCACA,mCAAmC,CACpC,EAAEC,SAEHC,EAACM,EAAI,CACHC,OAAQI,EACRhC,KAAK,KACL8B,OAAO,IACPpC,UAAU,6BACVqC,QAAQ,aAAA,CACT,CAAA,CACE,CACN,CAAA,CACE,CAET"}

package/components/Modal.js

@@ -1,2 +0,0 @@
-import{c as t}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as o}from"../preact-jsx-runtime.js";import{useText as w}from"../i18n.js";import"../preact-compat.js";import E from"./Button.js";import L from"../chunks/Close__DQxKl-RcDt.js";import{useCallback as N,useEffect as a}from"../preact-hooks.js";import"../chunks/vcomponent__BjnR-FRhjl.js";const K=({size:m="small",title:l=null,centered:u=!1,backgroundDim:p=!0,clickToDismiss:i=!0,escapeToDismiss:s=!0,onClose:n,showCloseButton:_=!0,className:v,children:f=null,...y})=>{const r=N(()=>{n==null||n()},[n]),h=w({modalCloseLabel:"Dropin.Modal.Close.label"});return a(()=>{const e=d=>{const b=document.querySelector(".dropin-modal"),c=document.querySelector(".dropin-modal__body");i&&b&&c&&!c.contains(d.target)&&r()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[r,i]),a(()=>{const e=d=>{d.key==="Escape"&&s&&r()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[r,s]),a(()=>{const e=document.scrollingElement,d=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=d}},[]),o("div",{className:t(["dropin-modal",["dropin-modal--dim",p]]),children:o("div",{...y,className:t(["dropin-modal__body",[`dropin-modal__body--${m}`,m],v]),children:[o("div",{className:t(["dropin-modal__header",["dropin-modal__header-title",!!l]]),children:[l&&o("div",{className:t(["dropin-modal__header-title-content"]),children:l}),_&&o(E,{"aria-label":h.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:r,icon:o(L,{})})]}),o("div",{className:t(["dropin-modal__content",["dropin-modal__body--centered",u]]),children:f})]})})};export{K as Modal};
-//# sourceMappingURL=Modal.js.map

package/components/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../src/components/Modal/Modal.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 { useText } from '@adobe/elsie/i18n';\nimport { classes } from '@adobe/elsie/lib';\nimport {\n  FunctionComponent,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n} from 'preact/compat';\nimport { Button } from '../Button';\nimport { Close as CloseSVG } from '@adobe/elsie/icons';\nimport { VNode } from 'preact';\n\nimport '@adobe/elsie/components/Modal/Modal.css';\n\nexport interface ModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {\n  size?: 'small' | 'medium' | 'full';\n  title?: VNode;\n  centered?: boolean;\n  onClose?: () => void;\n  backgroundDim?: boolean;\n  clickToDismiss?: boolean;\n  escapeToDismiss?: boolean;\n  showCloseButton?: boolean;\n}\n\nexport const Modal: FunctionComponent<ModalProps> = ({\n  size = 'small',\n  title = null,\n  centered = false,\n  backgroundDim = true,\n  clickToDismiss = true,\n  escapeToDismiss = true,\n  onClose,\n  showCloseButton = true,\n  className,\n  children = null,\n  ...props\n}) => {\n  const handleOnClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const translations = useText({\n    modalCloseLabel: 'Dropin.Modal.Close.label',\n  });\n\n  // Close on background click\n  useEffect(() => {\n    const handleOutsideClick = (event: MouseEvent) => {\n      const modal = document.querySelector('.dropin-modal');\n      const modalBody = document.querySelector('.dropin-modal__body');\n\n      if (\n        clickToDismiss &&\n        modal &&\n        modalBody &&\n        !modalBody.contains(event.target as Node)\n      ) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleOutsideClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [handleOnClose, clickToDismiss]);\n\n  // Close on ESC\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && escapeToDismiss) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleOnClose, escapeToDismiss]);\n\n  // Prevent document scrolling\n  useEffect(() => {\n    const scrollingElement = document.scrollingElement as HTMLElement;\n\n    const defaultOverflowValue = scrollingElement.style.overflow;\n\n    scrollingElement.style.overflow = 'hidden';\n\n    return () => {\n      scrollingElement.style.overflow = defaultOverflowValue;\n    };\n  }, []);\n\n  return (\n    <div\n      className={classes([\n        'dropin-modal',\n        ['dropin-modal--dim', backgroundDim],\n      ])}\n    >\n      <div\n        {...props}\n        className={classes([\n          'dropin-modal__body',\n          [`dropin-modal__body--${size}`, size],\n          className,\n        ])}\n      >\n        <div\n          className={classes([\n            'dropin-modal__header',\n            ['dropin-modal__header-title', !!title],\n          ])}\n        >\n          {title && (\n            <div className={classes(['dropin-modal__header-title-content'])}>\n              {title}\n            </div>\n          )}\n\n          {showCloseButton && (\n            <Button\n              aria-label={translations.modalCloseLabel}\n              variant=\"tertiary\"\n              className=\"dropin-modal__header-close-button\"\n              onClick={handleOnClose}\n              icon={<CloseSVG />}\n            />\n          )}\n        </div>\n\n        <div\n          className={classes([\n            'dropin-modal__content',\n            ['dropin-modal__body--centered', centered],\n          ])}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Modal","size","title","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","className","children","props","handleOnClose","useCallback","translations","useText","modalCloseLabel","useEffect","handleOutsideClick","event","modal","document","querySelector","modalBody","contains","target","addEventListener","removeEventListener","handleKeyDown","key","scrollingElement","defaultOverflowValue","style","overflow","_jsx","classes","_jsxs","Button","variant","onClick","icon","CloseSVG"],"mappings":"oaAwCO,MAAMA,EAAuCA,CAAC,CACnDC,KAAAA,EAAO,QACPC,MAAAA,EAAQ,KACRC,SAAAA,EAAW,GACXC,cAAAA,EAAgB,GAChBC,eAAAA,EAAiB,GACjBC,gBAAAA,EAAkB,GAClBC,QAAAA,EACAC,gBAAAA,EAAkB,GAClBC,UAAAA,EACAC,SAAAA,EAAW,KACX,GAAGC,CACL,IAAM,CACEC,MAAAA,EAAgBC,EAAY,IAAM,CAC5BN,GAAA,MAAAA,GAAA,EACT,CAACA,CAAO,CAAC,EAENO,EAAeC,EAAQ,CAC3BC,gBAAiB,0BAAA,CAClB,EAGDC,OAAAA,EAAU,IAAM,CACRC,MAAAA,EAAsBC,GAAsB,CAC1CC,MAAAA,EAAQC,SAASC,cAAc,eAAe,EAC9CC,EAAYF,SAASC,cAAc,qBAAqB,EAG5DjB,GACAe,GACAG,GACA,CAACA,EAAUC,SAASL,EAAMM,SAEZb,GAChB,EAGOc,gBAAAA,iBAAiB,YAAaR,CAAkB,EAElD,IAAM,CACFS,SAAAA,oBAAoB,YAAaT,CAAkB,CAAA,CAC9D,EACC,CAACN,EAAeP,CAAc,CAAC,EAGlCY,EAAU,IAAM,CACRW,MAAAA,EAAiBT,GAAyB,CAC1CA,EAAMU,MAAQ,UAAYvB,GACdM,GAChB,EAGOc,gBAAAA,iBAAiB,UAAWE,CAAa,EAE3C,IAAM,CACFD,SAAAA,oBAAoB,UAAWC,CAAa,CAAA,CACvD,EACC,CAAChB,EAAeN,CAAe,CAAC,EAGnCW,EAAU,IAAM,CACd,MAAMa,EAAmBT,SAASS,iBAE5BC,EAAuBD,EAAiBE,MAAMC,SAEpDH,OAAAA,EAAiBE,MAAMC,SAAW,SAE3B,IAAM,CACXH,EAAiBE,MAAMC,SAAWF,CAAAA,CAEtC,EAAG,CAAE,CAAA,EAGHG,EAAA,MAAA,CACEzB,UAAW0B,EAAQ,CACjB,eACA,CAAC,oBAAqB/B,CAAa,CAAC,CACrC,EAAEM,SAEH0B,EAAA,MAAA,CAAA,GACMzB,EACJF,UAAW0B,EAAQ,CACjB,qBACA,CAAE,uBAAsBlC,CAAK,GAAGA,CAAI,EACpCQ,CAAS,CACV,EAAEC,UAEH0B,EAAA,MAAA,CACE3B,UAAW0B,EAAQ,CACjB,uBACA,CAAC,6BAA8B,CAAC,CAACjC,CAAK,CAAC,CACxC,EAAEQ,SAAA,CAEFR,GACCgC,EAAA,MAAA,CAAKzB,UAAW0B,EAAQ,CAAC,oCAAoC,CAAC,EAAEzB,SAC7DR,CAAAA,CACE,EAGNM,GACC0B,EAACG,EAAM,CACL,aAAYvB,EAAaE,gBACzBsB,QAAQ,WACR7B,UAAU,oCACV8B,QAAS3B,EACT4B,KAAMN,EAACO,EAAU,EAAA,CAAA,CAClB,CACF,CAAA,CACE,EAELP,EAAA,MAAA,CACEzB,UAAW0B,EAAQ,CACjB,wBACA,CAAC,+BAAgChC,CAAQ,CAAC,CAC3C,EAAEO,SAAAA,CAAAA,CAGA,CAAC,CAAA,CACH,CAAA,CACF,CAET"}

package/components/Picker.js

@@ -1,2 +0,0 @@
-import"../preact-compat.js";import j from"../chunks/ChevronDown__BQ2yC5Yu4N.js";import{c as t}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as k}from"../preact-jsx-runtime.js";import{useState as E,useEffect as M,useRef as P}from"../preact-hooks.js";import{Icon as q}from"./Icon.js";const U=({name:x,value:l=null,options:r,variant:C="primary",floatingLabel:c,size:o="medium",handleSelect:w=()=>{},disabled:v=!1,error:y=!1,placeholder:i,defaultOption:e,icon:_,className:D,...n})=>{var $;const N=(n==null?void 0:n.id)||x||`dropin-picker-${Math.random().toString(36)}`,s=r==null?void 0:r.find(d=>!d.disabled),[F,a]=E({value:l,text:(e==null?void 0:e.text)||i||(s==null?void 0:s.text),icon:_});M(()=>{const d=r==null?void 0:r.find(m=>m.value===l);a(d??{value:(e==null?void 0:e.value)||(i||c?null:s==null?void 0:s.value),text:(e==null?void 0:e.text)||i||(s==null?void 0:s.text),icon:_})},[l,r,i,_,e,c]);const I=d=>{const{options:m,value:h}=d.target;for(const p of m)p.selected&&(a({value:h,text:p.text,icon:_}),w(d))},R=r==null?void 0:r.map(d=>{const{value:m,text:h,disabled:p}=d,V=m===F.value;return k("option",{value:m,selected:V,disabled:p,className:t(["dropin-picker__option"]),children:h},m)}),u=P(null),S=!(($=u.current)!=null&&$.selected)||!!e;return k("div",{className:t([D,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!c],["dropin-picker__selected",S],["dropin-picker__error",y],["dropin-picker__disabled",v],["dropin-picker__icon",_]]),children:[_&&k(_.type,{..._.props,className:"dropin-picker__icon--placeholder"}),k("select",{id:N,className:t(["dropin-picker__select",`dropin-picker__select--${C}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!c]]),name:x,"aria-label":x,disabled:v,onChange:I,...n,children:[!e&&(c||i)&&k("option",{value:"",ref:u,className:t(["dropin-picker__option dropin-picker__placeholder"]),children:c??i},l),R]}),k(q,{source:j,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),c&&S&&k("label",{htmlFor:N,className:t(["dropin-picker__floatingLabel",!!c]),children:c})]})};export{U as Picker};
-//# sourceMappingURL=Picker.js.map

package/components/Picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.js","sources":["../../src/components/Picker/Picker.tsx"],"sourcesContent":["import { Icon } from '@adobe/elsie/components';\nimport '@adobe/elsie/components/Picker/Picker.css';\nimport { ChevronDown } from '@adobe/elsie/icons';\nimport { classes } from '@adobe/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { useRef } from 'preact/hooks';\n\nexport interface PickerOption {\n  value: string | null;\n  text?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n}\n\nexport interface PickerProps\n  extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  value?: string | null;\n  placeholder?: string;\n  variant?: 'primary' | 'secondary';\n  size?: 'medium' | 'large';\n  floatingLabel?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  options?: PickerOption[];\n  defaultOption?: PickerOption;\n  disabled?: boolean;\n  error?: boolean;\n  handleSelect?: (event: Event) => void;\n}\n\nexport const Picker: FunctionComponent<PickerProps> = ({\n  name,\n  value = null,\n  options,\n  variant = 'primary',\n  floatingLabel,\n  size = 'medium',\n  handleSelect = () => {},\n  disabled = false,\n  error = false,\n  placeholder,\n  defaultOption,\n  icon,\n  className,\n  ...props\n}) => {\n  const id = props?.id || name || `dropin-picker-${Math.random().toString(36)}`;\n\n  // find the first option that is not disabled\n  const firstAvailableeOption = options?.find((option) => !option.disabled);\n\n  const [selectedValue, setSelectedValue] = useState<PickerOption>({\n    value,\n    text: defaultOption?.text || placeholder || firstAvailableeOption?.text,\n    icon,\n  });\n\n  useEffect(() => {\n    const selected = options?.find((option) => option.value === value);\n\n    setSelectedValue(\n      selected ?? {\n        value:\n          (defaultOption?.value as string) ||\n          ((placeholder || floatingLabel\n            ? null\n            : firstAvailableeOption?.value) as string),\n        text: defaultOption?.text || placeholder || firstAvailableeOption?.text,\n        icon,\n      }\n    );\n  }, [value, options, placeholder, icon, defaultOption, floatingLabel]);\n\n  const handleOptionClick = (event: Event) => {\n    const { options, value } = event.target as HTMLSelectElement;\n\n    for (const element of options) {\n      if (element.selected) {\n        setSelectedValue({ value, text: element.text, icon });\n        handleSelect(event);\n      }\n    }\n  };\n\n  const optionsListItems = options?.map((option) => {\n    const { value, text, disabled } = option;\n    const selected = value === selectedValue.value;\n\n    return (\n      <option\n        value={value as string}\n        key={value}\n        selected={selected}\n        disabled={disabled}\n        className={classes(['dropin-picker__option'])}\n      >\n        {text}\n      </option>\n    );\n  });\n\n  const placeholderOptionRef = useRef(null);\n  // @ts-ignore\n  const selected = !placeholderOptionRef.current?.selected || !!defaultOption;\n\n  return (\n    <div\n      className={classes([\n        className,\n        'dropin-picker',\n        `dropin-picker__${size}`,\n        ['dropin-picker__floating', !!floatingLabel],\n        ['dropin-picker__selected', selected],\n        ['dropin-picker__error', error],\n        ['dropin-picker__disabled', disabled],\n        ['dropin-picker__icon', icon],\n      ])}\n    >\n      {icon && (\n        // @ts-ignore\n        <icon.type\n          {...icon.props}\n          className={'dropin-picker__icon--placeholder'}\n        />\n      )}\n\n      <select\n        id={id}\n        className={classes([\n          'dropin-picker__select',\n          `dropin-picker__select--${variant}`,\n          `dropin-picker__select--${size}`,\n          ['dropin-picker__select--floating', !!floatingLabel],\n        ])}\n        name={name}\n        aria-label={name}\n        disabled={disabled}\n        onChange={handleOptionClick}\n        {...props}\n      >\n        {!defaultOption && (floatingLabel || placeholder) && (\n          <option\n            value={''}\n            key={value}\n            ref={placeholderOptionRef}\n            className={classes([\n              'dropin-picker__option dropin-picker__placeholder',\n            ])}\n          >\n            {floatingLabel ?? placeholder}\n          </option>\n        )}\n\n        {optionsListItems}\n      </select>\n\n      <Icon\n        source={ChevronDown}\n        size=\"24\"\n        stroke=\"2\"\n        className=\"dropin-picker__chevronDown\"\n      />\n\n      {floatingLabel && selected && (\n        <label\n          htmlFor={id}\n          className={classes(['dropin-picker__floatingLabel', !!floatingLabel])}\n        >\n          {floatingLabel}\n        </label>\n      )}\n    </div>\n  );\n};\n"],"names":["Picker","name","value","options","variant","floatingLabel","size","handleSelect","disabled","error","placeholder","defaultOption","icon","className","props","id","Math","random","toString","firstAvailableeOption","find","option","selectedValue","setSelectedValue","useState","text","useEffect","selected","handleOptionClick","event","target","element","optionsListItems","map","_jsx","classes","children","placeholderOptionRef","useRef","current","_jsxs","type","onChange","ref","Icon","source","ChevronDown","stroke","htmlFor"],"mappings":"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"}

package/components/Price.js

@@ -1,2 +0,0 @@
-import"../preact-compat.js";import{c as u}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import"../preact.js";import{jsx as f}from"../preact-jsx-runtime.js";import{useMemo as t}from"../preact-hooks.js";const y=({amount:r=0,currency:i,locale:o=void 0,variant:s="default",weight:c="bold",className:n,children:x,sale:p=!1,formatOptions:e={},size:a="small",...d})=>{const m=t(()=>new Intl.NumberFormat(o,{style:"currency",currency:i||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...e}),[o,i,e]),l=t(()=>m.format(r),[r,m]);return f("span",{...d,className:u(["dropin-price",`dropin-price--${s}`,`dropin-price--${a}`,`dropin-price--${c}`,["dropin-price--sale",p],n]),children:l})};export{y as Price};
-//# sourceMappingURL=Price.js.map

package/components/Price.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Price.js","sources":["../../src/components/Price/Price.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/Price/Price.css';\n\nexport interface PriceProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {\n  amount?: number;\n  currency?: string;\n  locale?: string;\n  formatOptions?: {\n    [key: string]: any;\n  };\n  variant?: 'default' | 'strikethrough';\n  weight?: 'bold' | 'normal';\n  sale?: boolean;\n  size?: 'small' | 'medium' | 'large';\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n  amount = 0,\n  currency,\n  locale = undefined,\n  variant = 'default',\n  weight = 'bold',\n  className,\n  children,\n  sale = false,\n  formatOptions = {},\n  size = 'small',\n  ...props\n}) => {\n  const formatter = useMemo(\n    () =>\n      new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency: currency || 'USD',\n        // These options are needed to round to whole numbers if that's what you want.\n        minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n        maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)\n        ...formatOptions,\n      }),\n    [locale, currency, formatOptions]\n  );\n\n  const formattedAmount = useMemo(() => formatter.format(amount), [amount, formatter])\n\n  return (\n    <span\n      {...props}\n      className={classes([\n        'dropin-price',\n        `dropin-price--${variant}`,\n        `dropin-price--${size}`,\n        `dropin-price--${weight}`,\n        ['dropin-price--sale', sale],\n        className,\n      ])}\n    >\n      {formattedAmount}\n    </span>\n  );\n};\n"],"names":["Price","amount","currency","locale","undefined","variant","weight","className","children","sale","formatOptions","size","props","formatter","useMemo","Intl","NumberFormat","style","minimumFractionDigits","maximumFractionDigits","formattedAmount","format","_jsx","classes"],"mappings":"uPAmBO,MAAMA,EAAuCA,CAAC,CACnDC,OAAAA,EAAS,EACTC,SAAAA,EACAC,OAAAA,EAASC,OACTC,QAAAA,EAAU,UACVC,OAAAA,EAAS,OACTC,UAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,GACPC,cAAAA,EAAgB,CAAC,EACjBC,KAAAA,EAAO,QACP,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAYC,EAChB,IACE,IAAIC,KAAKC,aAAab,EAAQ,CAC5Bc,MAAO,WACPf,SAAUA,GAAY,MAEtBgB,sBAAuB,EACvBC,sBAAuB,EACvB,GAAGT,CACJ,CAAA,EACH,CAACP,EAAQD,EAAUQ,CAAa,CAClC,EAEMU,EAAkBN,EAAQ,IAAMD,EAAUQ,OAAOpB,CAAM,EAAG,CAACA,EAAQY,CAAS,CAAC,EAEnF,OACES,EAAA,OAAA,CAAA,GACMV,EACJL,UAAWgB,EAAQ,CACjB,eACC,iBAAgBlB,CAAQ,GACxB,iBAAgBM,CAAK,GACrB,iBAAgBL,CAAO,GACxB,CAAC,qBAAsBG,CAAI,EAC3BF,CAAS,CACV,EAAEC,SAEFY,CAAAA,CACG,CAEV"}

package/components/PriceRange.js

@@ -1,2 +0,0 @@
-import"../preact-compat.js";import{c as i}from"../chunks/classes__DJBjVfEyCI.js";import"../chunks/image-params-keymap__LH6wjfp1fd.js";import{Fragment as _}from"../preact.js";import{jsx as r}from"../preact-jsx-runtime.js";import{Price as d}from"./Price.js";import{useText as D}from"../i18n.js";import{useMemo as b}from"../preact-hooks.js";const M=({className:p,children:l,locale:t,currency:a,amount:e,variant:o="default",minimumAmount:n,maximumAmount:s,size:f="small",display:h="dash",specialPrice:c,sale:g=!1,...w})=>{const R=b(()=>e||n===s||n&&!s||s&&!n,[e,s,n]);return r("div",{children:R?r("div",{...w,className:i(["dropin-price-range",p]),children:r(d,{amount:e??n??s,currency:a,locale:t,size:f,variant:o,sale:g})}):r("div",{...w,className:i(["dropin-price-range",p]),children:[h==="dash"?r(N,{specialPrice:c,minimumAmount:n,maximumAmount:s,currency:a,locale:t,size:f,sale:g}):null,h==="from to"?r(v,{specialPrice:c,minimumAmount:n,maximumAmount:s,currency:a,locale:t,size:f,sale:g}):null,h==="as low as"?r(L,{specialPrice:c,minimumAmount:n,maximumAmount:s,currency:a,locale:t,size:f,sale:g}):null]})})};function N({specialPrice:p,minimumAmount:l,maximumAmount:t,currency:a,locale:e,size:o,sale:n}){return r(_,{children:[r(d,{amount:p??l,currency:a,locale:e,size:o,sale:!!p&&n}),r("span",{className:"dropin-price-range__separator",children:"-"}),r(d,{amount:t,currency:a,locale:e,size:o})]})}function v({specialPrice:p,minimumAmount:l,maximumAmount:t,currency:a,locale:e,size:o,sale:n}){const s=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return r(_,{children:[r("span",{className:i(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:s.from}),r(d,{amount:p??l,currency:a,locale:e,size:o,sale:!!p&&n}),r("span",{className:i(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:s.to}),r(d,{amount:t,currency:a,locale:e,size:o})]})}function L({specialPrice:p,minimumAmount:l,maximumAmount:t,currency:a,locale:e,size:o,sale:n}){const s=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return r(_,{children:[r("span",{className:i(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:s.asLowAs}),p?r("div",{children:[r(d,{amount:t,currency:a,locale:e,size:o,variant:"strikethrough"}),r(d,{amount:p,currency:a,locale:e,size:o,className:"dropin-price-range__special",sale:!!p&&n})]}):r(d,{amount:l,currency:a,locale:e,size:o})]})}export{M as PriceRange,M as default};
-//# sourceMappingURL=PriceRange.js.map

package/components/PriceRange.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PriceRange.js","sources":["../../src/components/PriceRange/PriceRange.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@adobe/elsie/components/PriceRange/PriceRange.css';\nimport { Price } from '@adobe/elsie/components/Price';\nimport { useText } from '@adobe/elsie/i18n';\n\nexport interface PriceRangeProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  locale?: string;\n  currency?: string;\n  amount?: number; // simple product\n  variant?: 'default' | 'strikethrough';\n  minimumAmount?: number; // configurable product\n  maximumAmount?: number; // configurable product\n  display?: 'dash' | 'from to' | 'as low as';\n  size?: 'small' | 'medium' | 'large';\n  specialPrice?: number;\n  sale?: boolean;\n}\n\nexport const PriceRange: FunctionComponent<PriceRangeProps> = ({\n  className,\n  children,\n  locale,\n  currency,\n  amount,\n  variant = 'default',\n  minimumAmount,\n  maximumAmount,\n  size = 'small',\n  display = 'dash',\n  specialPrice,\n  sale = false,\n  ...props\n}) => {\n  const isSimpleProduct = useMemo(\n    () =>\n      amount ||\n      minimumAmount === maximumAmount ||\n      (minimumAmount && !maximumAmount) ||\n      (maximumAmount && !minimumAmount),\n    [amount, maximumAmount, minimumAmount]\n  );\n\n  return (\n    <div>\n      {/* Simple product price or when configurable product minimum price equals to maximum price */}\n      {isSimpleProduct ? (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          <Price\n            amount={amount ?? minimumAmount ?? maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant={variant}\n            sale={sale}\n          />\n        </div>\n      ) : (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          {display === 'dash' ? (\n            <Dashed\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'from to' ? (\n            <FromTo\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'as low as' ? (\n            <SpecialPrice\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Variations\n\nfunction Dashed({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  return (\n    <>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span className=\"dropin-price-range__separator\">-</span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction FromTo({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__from',\n          `dropin-price-range__from--${size}`,\n        ])}\n      >\n        {translations.from}\n      </span>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span\n        className={classes([\n          'dropin-price-range__to',\n          `dropin-price-range__to--${size}`,\n        ])}\n      >\n        {translations.to}\n      </span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction SpecialPrice({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__as-low-as',\n          `dropin-price-range__as-low-as--${size}`,\n        ])}\n      >\n        {translations.asLowAs}\n      </span>\n      {specialPrice ? (\n        <div>\n          <Price\n            amount={maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant=\"strikethrough\"\n          />\n          <Price\n            amount={specialPrice}\n            currency={currency}\n            locale={locale}\n            size={size}\n            className=\"dropin-price-range__special\"\n            sale={!!specialPrice && sale}\n          />\n        </div>\n      ) : (\n        <Price\n          amount={minimumAmount}\n          currency={currency}\n          locale={locale}\n          size={size}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["PriceRange","className","children","locale","currency","amount","variant","minimumAmount","maximumAmount","size","display","specialPrice","sale","props","isSimpleProduct","useMemo","_jsx","classes","Price","_jsxs","Dashed","FromTo","SpecialPrice","_Fragment","translations","useText","from","to","asLowAs"],"mappings":"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"}