@amwaljs/checkout-button 0.3.1 → 0.3.2

package/dist/components/ion-breadcrumbs.js

@@ -1 +1,152 @@
-import{p as o,H as t,c as s,h as e,d as i,t as a}from"./p-BnQDByf2.js";import{c as r,h as n}from"./p-DiVJyqlX.js";import{g as l}from"./p-CN34uOrj.js";const c=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.ionCollapsedClick=s(this,"ionCollapsedClick",7),this.breadcrumbsInit=()=>{this.setBreadcrumbSeparator(),this.setMaxItems()},this.resetActiveBreadcrumb=()=>{const o=this.getBreadcrumbs().find((o=>o.active));o&&this.activeChanged&&(o.active=!1)},this.setMaxItems=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:t,maxItems:s}=this,e=this.getBreadcrumbs();for(const o of e)o.showCollapsedIndicator=!1,o.collapsed=!1;void 0!==s&&e.length>s&&t+o<=s&&e.forEach(((s,i)=>{i===t&&(s.showCollapsedIndicator=!0),i>=t&&i<e.length-o&&(s.collapsed=!0)}))},this.setBreadcrumbSeparator=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:t,maxItems:s}=this,e=this.getBreadcrumbs(),i=e.find((o=>o.active));for(const a of e){const r=void 0!==s&&0===o?a===e[t]:a===e[e.length-1];a.last=r,a.separator=void 0!==a.separator?a.separator:!r||void 0,!i&&r&&(a.active=!0,this.activeChanged=!0)}},this.getBreadcrumbs=()=>Array.from(this.el.querySelectorAll("ion-breadcrumb")),this.slotChanged=()=>{this.resetActiveBreadcrumb(),this.breadcrumbsInit()},this.collapsed=void 0,this.activeChanged=void 0,this.color=void 0,this.maxItems=void 0,this.itemsBeforeCollapse=1,this.itemsAfterCollapse=1}onCollapsedClick(o){const t=this.getBreadcrumbs().filter((o=>o.collapsed));this.ionCollapsedClick.emit(Object.assign(Object.assign({},o.detail),{collapsedBreadcrumbs:t}))}maxItemsChanged(){this.resetActiveBreadcrumb(),this.breadcrumbsInit()}componentWillLoad(){this.breadcrumbsInit()}render(){const{color:o,collapsed:t}=this,s=l(this);return e(i,{key:"cd288d4bf5498f86d086eb999b506993818642f3",class:r(o,{[s]:!0,"in-toolbar":n("ion-toolbar",this.el),"in-toolbar-color":n("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":t})},e("slot",{key:"73c802065511dbebef3867b01ce929313d24cba2",onSlotchange:this.slotChanged}))}get el(){return this}static get watchers(){return{maxItems:[{maxItemsChanged:0}],itemsBeforeCollapse:[{maxItemsChanged:0}],itemsAfterCollapse:[{maxItemsChanged:0}]}}static get style(){return{ios:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;justify-content:center}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}"}}},[289,"ion-breadcrumbs",{color:[513],maxItems:[2,"max-items"],itemsBeforeCollapse:[2,"items-before-collapse"],itemsAfterCollapse:[2,"items-after-collapse"],collapsed:[32],activeChanged:[32]},[[0,"collapsedClick","onCollapsedClick"]],{maxItems:[{maxItemsChanged:0}],itemsBeforeCollapse:[{maxItemsChanged:0}],itemsAfterCollapse:[{maxItemsChanged:0}]}]),d=c,m=function(){"undefined"!=typeof customElements&&["ion-breadcrumbs"].forEach((o=>{"ion-breadcrumbs"===o&&(customElements.get(a(o))||customElements.define(a(o),c))}))};export{d as IonBreadcrumbs,m as defineCustomElement}
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-ec0e3f3f.js';
+import { c as createColorClasses, h as hostContext } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const breadcrumbsIosCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;justify-content:center}";
+
+const breadcrumbsMdCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}";
+
+const Breadcrumbs = /*@__PURE__*/ proxyCustomElement(class Breadcrumbs extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.ionCollapsedClick = createEvent(this, "ionCollapsedClick", 7);
+    this.breadcrumbsInit = () => {
+      this.setBreadcrumbSeparator();
+      this.setMaxItems();
+    };
+    this.resetActiveBreadcrumb = () => {
+      const breadcrumbs = this.getBreadcrumbs();
+      // Only reset the active breadcrumb if we were the ones to change it
+      // otherwise use the one set on the component
+      const activeBreadcrumb = breadcrumbs.find((breadcrumb) => breadcrumb.active);
+      if (activeBreadcrumb && this.activeChanged) {
+        activeBreadcrumb.active = false;
+      }
+    };
+    this.setMaxItems = () => {
+      const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;
+      const breadcrumbs = this.getBreadcrumbs();
+      for (const breadcrumb of breadcrumbs) {
+        breadcrumb.showCollapsedIndicator = false;
+        breadcrumb.collapsed = false;
+      }
+      // If the number of breadcrumbs exceeds the maximum number of items
+      // that should show and the items before / after collapse do not
+      // exceed the maximum items then we need to collapse the breadcrumbs
+      const shouldCollapse = maxItems !== undefined && breadcrumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse <= maxItems;
+      if (shouldCollapse) {
+        // Show the collapsed indicator in the first breadcrumb that collapses
+        breadcrumbs.forEach((breadcrumb, index) => {
+          if (index === itemsBeforeCollapse) {
+            breadcrumb.showCollapsedIndicator = true;
+          }
+          // Collapse all breadcrumbs that have an index greater than or equal to
+          // the number before collapse and an index less than the total number
+          // of breadcrumbs minus the items that should show after the collapse
+          if (index >= itemsBeforeCollapse && index < breadcrumbs.length - itemsAfterCollapse) {
+            breadcrumb.collapsed = true;
+          }
+        });
+      }
+    };
+    this.setBreadcrumbSeparator = () => {
+      const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;
+      const breadcrumbs = this.getBreadcrumbs();
+      // Check if an active breadcrumb exists already
+      const active = breadcrumbs.find((breadcrumb) => breadcrumb.active);
+      // Set the separator on all but the last breadcrumb
+      for (const breadcrumb of breadcrumbs) {
+        // The only time the last breadcrumb changes is when
+        // itemsAfterCollapse is set to 0, in this case the
+        // last breadcrumb will be the collapsed indicator
+        const last = maxItems !== undefined && itemsAfterCollapse === 0
+          ? breadcrumb === breadcrumbs[itemsBeforeCollapse]
+          : breadcrumb === breadcrumbs[breadcrumbs.length - 1];
+        breadcrumb.last = last;
+        // If the breadcrumb has defined whether or not to show the
+        // separator then use that value, otherwise check if it's the
+        // last breadcrumb
+        const separator = breadcrumb.separator !== undefined ? breadcrumb.separator : last ? undefined : true;
+        breadcrumb.separator = separator;
+        // If there is not an active breadcrumb already
+        // set the last one to active
+        if (!active && last) {
+          breadcrumb.active = true;
+          this.activeChanged = true;
+        }
+      }
+    };
+    this.getBreadcrumbs = () => {
+      return Array.from(this.el.querySelectorAll('ion-breadcrumb'));
+    };
+    this.slotChanged = () => {
+      this.resetActiveBreadcrumb();
+      this.breadcrumbsInit();
+    };
+    this.collapsed = undefined;
+    this.activeChanged = undefined;
+    this.color = undefined;
+    this.maxItems = undefined;
+    this.itemsBeforeCollapse = 1;
+    this.itemsAfterCollapse = 1;
+  }
+  onCollapsedClick(ev) {
+    const breadcrumbs = this.getBreadcrumbs();
+    const collapsedBreadcrumbs = breadcrumbs.filter((breadcrumb) => breadcrumb.collapsed);
+    this.ionCollapsedClick.emit(Object.assign(Object.assign({}, ev.detail), { collapsedBreadcrumbs }));
+  }
+  maxItemsChanged() {
+    this.resetActiveBreadcrumb();
+    this.breadcrumbsInit();
+  }
+  componentWillLoad() {
+    this.breadcrumbsInit();
+  }
+  render() {
+    const { color, collapsed } = this;
+    const mode = getIonMode(this);
+    return (h(Host, { key: 'cd288d4bf5498f86d086eb999b506993818642f3', class: createColorClasses(color, {
+        [mode]: true,
+        'in-toolbar': hostContext('ion-toolbar', this.el),
+        'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
+        'breadcrumbs-collapsed': collapsed,
+      }) }, h("slot", { key: '73c802065511dbebef3867b01ce929313d24cba2', onSlotchange: this.slotChanged })));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "maxItems": ["maxItemsChanged"],
+    "itemsBeforeCollapse": ["maxItemsChanged"],
+    "itemsAfterCollapse": ["maxItemsChanged"]
+  }; }
+  static get style() { return {
+    ios: breadcrumbsIosCss,
+    md: breadcrumbsMdCss
+  }; }
+}, [33, "ion-breadcrumbs", {
+    "color": [513],
+    "maxItems": [2, "max-items"],
+    "itemsBeforeCollapse": [2, "items-before-collapse"],
+    "itemsAfterCollapse": [2, "items-after-collapse"],
+    "collapsed": [32],
+    "activeChanged": [32]
+  }, [[0, "collapsedClick", "onCollapsedClick"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-breadcrumbs"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-breadcrumbs":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Breadcrumbs);
+      }
+      break;
+  } });
+}
+
+const IonBreadcrumbs = Breadcrumbs;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonBreadcrumbs, defineCustomElement };

package/dist/components/ion-button.js

@@ -1 +1,6 @@
-import{B as o,d as s}from"./p-Cm9b7fIl.js";const m=o,p=s;export{m as IonButton,p as defineCustomElement}
+import { B as Button, d as defineCustomElement$1 } from './p-2fc99fef.js';
+
+const IonButton = Button;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonButton, defineCustomElement };

package/dist/components/ion-buttons.js

@@ -1 +1,6 @@
-import{B as o,d as s}from"./p-uXV7tzS3.js";const t=o,p=s;export{t as IonButtons,p as defineCustomElement}
+import { B as Buttons, d as defineCustomElement$1 } from './p-5280b372.js';
+
+const IonButtons = Buttons;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonButtons, defineCustomElement };

package/dist/components/ion-card-content.js

@@ -1 +1,43 @@
-import{p as t,H as n,h as i,t as o,d as e}from"./p-BnQDByf2.js";import{g as r}from"./p-CN34uOrj.js";const a=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost()}render(){const t=r(this);return i(e,{key:"dd95806f042fcd124b18126679f671be6e32a021",class:{[t]:!0,["card-content-"+t]:!0}})}static get style(){return{ios:"ion-card-content{display:block;position:relative}.card-content-ios{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}ion-card-header+.card-content-ios{padding-top:0}",md:"ion-card-content{display:block;position:relative}.card-content-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}"}}},[32,"ion-card-content"]),d=a,m=function(){"undefined"!=typeof customElements&&["ion-card-content"].forEach((t=>{"ion-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{d as IonCardContent,m as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}ion-card-header+.card-content-ios{padding-top:0}";
+
+const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
+
+const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: 'dd95806f042fcd124b18126679f671be6e32a021', class: {
+        [mode]: true,
+        // Used internally for styling
+        [`card-content-${mode}`]: true,
+      } }));
+  }
+  static get style() { return {
+    ios: cardContentIosCss,
+    md: cardContentMdCss
+  }; }
+}, [32, "ion-card-content"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-card-content"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-card-content":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardContent);
+      }
+      break;
+  } });
+}
+
+const IonCardContent = CardContent;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCardContent, defineCustomElement };

package/dist/components/ion-card-header.js

@@ -1 +1,50 @@
-import{p as o,H as r,h as t,d as n,t as e}from"./p-BnQDByf2.js";import{c as i}from"./p-DiVJyqlX.js";import{g as a}from"./p-CN34uOrj.js";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.color=void 0,this.translucent=!1}render(){const o=a(this);return t(n,{key:"44077ad8e3edf7726d0f7a039046e32dc56a83c9",class:i(this.color,{"card-header-translucent":this.translucent,"ion-inherit-color":!0,[o]:!0})},t("slot",{key:"51b6f4048d25521ece18d79e5361c762af41cae7"}))}static get style(){return{ios:":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:16px;flex-direction:column-reverse}@supports (backdrop-filter: blur(0)){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}}",md:":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}"}}},[289,"ion-card-header",{color:[513],translucent:[4]}]),c=d,s=function(){"undefined"!=typeof customElements&&["ion-card-header"].forEach((o=>{"ion-card-header"===o&&(customElements.get(e(o))||customElements.define(e(o),d))}))};export{c as IonCardHeader,s as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const cardHeaderIosCss = ":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:16px;flex-direction:column-reverse}@supports (backdrop-filter: blur(0)){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}}";
+
+const cardHeaderMdCss = ":host{--background:transparent;--color:inherit;display:flex;position:relative;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}";
+
+const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.translucent = false;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: '44077ad8e3edf7726d0f7a039046e32dc56a83c9', class: createColorClasses(this.color, {
+        'card-header-translucent': this.translucent,
+        'ion-inherit-color': true,
+        [mode]: true,
+      }) }, h("slot", { key: '51b6f4048d25521ece18d79e5361c762af41cae7' })));
+  }
+  static get style() { return {
+    ios: cardHeaderIosCss,
+    md: cardHeaderMdCss
+  }; }
+}, [33, "ion-card-header", {
+    "color": [513],
+    "translucent": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-card-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-card-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardHeader);
+      }
+      break;
+  } });
+}
+
+const IonCardHeader = CardHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCardHeader, defineCustomElement };

package/dist/components/ion-card-subtitle.js

@@ -1 +1,47 @@
-import{p as o,H as t,h as r,d as i,t as e}from"./p-BnQDByf2.js";import{c as s}from"./p-DiVJyqlX.js";import{g as n}from"./p-CN34uOrj.js";const a=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.color=void 0}render(){const o=n(this);return r(i,{key:"6f94c9ced239cc945a148e0ecc7ab848fa70d8e3",role:"heading","aria-level":"3",class:s(this.color,{"ion-inherit-color":!0,[o]:!0})},r("slot",{key:"445f81155799be5e81baa571bd16d57e5149df62"}))}static get style(){return{ios:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}",md:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-550, #737373);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.875rem;font-weight:500}"}}},[289,"ion-card-subtitle",{color:[513]}]),c=a,l=function(){"undefined"!=typeof customElements&&["ion-card-subtitle"].forEach((o=>{"ion-card-subtitle"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))};export{c as IonCardSubtitle,l as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const cardSubtitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}";
+
+const cardSubtitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-550, #737373);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.875rem;font-weight:500}";
+
+const CardSubtitle = /*@__PURE__*/ proxyCustomElement(class CardSubtitle extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: '6f94c9ced239cc945a148e0ecc7ab848fa70d8e3', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
+        'ion-inherit-color': true,
+        [mode]: true,
+      }) }, h("slot", { key: '445f81155799be5e81baa571bd16d57e5149df62' })));
+  }
+  static get style() { return {
+    ios: cardSubtitleIosCss,
+    md: cardSubtitleMdCss
+  }; }
+}, [33, "ion-card-subtitle", {
+    "color": [513]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-card-subtitle"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-card-subtitle":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardSubtitle);
+      }
+      break;
+  } });
+}
+
+const IonCardSubtitle = CardSubtitle;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCardSubtitle, defineCustomElement };

package/dist/components/ion-card-title.js

@@ -1 +1,47 @@
-import{p as o,H as t,h as i,d as r,t as e}from"./p-BnQDByf2.js";import{c as n}from"./p-DiVJyqlX.js";import{g as a}from"./p-CN34uOrj.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.color=void 0}render(){const o=a(this);return i(r,{key:"a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d",role:"heading","aria-level":"2",class:n(this.color,{"ion-inherit-color":!0,[o]:!0})},i("slot",{key:"8d87636ad703545b6d2297629205a5a8616eb94e"}))}static get style(){return{ios:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}",md:":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}"}}},[289,"ion-card-title",{color:[513]}]),l=s,c=function(){"undefined"!=typeof customElements&&["ion-card-title"].forEach((o=>{"ion-card-title"===o&&(customElements.get(e(o))||customElements.define(e(o),s))}))};export{l as IonCardTitle,c as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+
+const cardTitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}";
+
+const cardTitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}";
+
+const CardTitle = /*@__PURE__*/ proxyCustomElement(class CardTitle extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: 'a9e4190346e7d0a8e6089ec1fe01bca0f5f7200d', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
+        'ion-inherit-color': true,
+        [mode]: true,
+      }) }, h("slot", { key: '8d87636ad703545b6d2297629205a5a8616eb94e' })));
+  }
+  static get style() { return {
+    ios: cardTitleIosCss,
+    md: cardTitleMdCss
+  }; }
+}, [33, "ion-card-title", {
+    "color": [513]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-card-title"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-card-title":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardTitle);
+      }
+      break;
+  } });
+}
+
+const IonCardTitle = CardTitle;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCardTitle, defineCustomElement };

package/dist/components/ion-card.js

@@ -1 +1,98 @@
-import{p as t,H as i,h as r,d as o,t as n}from"./p-BnQDByf2.js";import{c as e}from"./p-BwKjt_Dc.js";import{o as a,c as s}from"./p-DiVJyqlX.js";import{g as d}from"./p-CN34uOrj.js";import{d as c}from"./p-B5XH2zAk.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inheritedAriaAttributes={},this.color=void 0,this.button=!1,this.type="button",this.disabled=!1,this.download=void 0,this.href=void 0,this.rel=void 0,this.routerDirection="forward",this.routerAnimation=void 0,this.target=void 0}componentWillLoad(){this.inheritedAriaAttributes=e(this.el,["aria-label"])}isClickable(){return void 0!==this.href||this.button}renderCard(t){const i=this.isClickable();if(!i)return[r("slot",null)];const{href:o,routerAnimation:n,routerDirection:e,inheritedAriaAttributes:s}=this,d=i?void 0===o?"button":"a":"div";return r(d,Object.assign({},"button"===d?{type:this.type}:{download:this.download,href:this.href,rel:this.rel,target:this.target},s,{class:"card-native",part:"native",disabled:this.disabled,onClick:t=>a(o,t,e,n)}),r("slot",null),i&&"md"===t&&r("ion-ripple-effect",null))}render(){const t=d(this);return r(o,{key:"b92792294360fd974324b31ed2d3db00d3e2f8cd",class:s(this.color,{[t]:!0,"card-disabled":this.disabled,"ion-activatable":this.isClickable()})},this.renderCard(t))}get el(){return this}static get style(){return{ios:":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}",md:":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;font-size:0.875rem;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}"}}},[289,"ion-card",{color:[513],button:[4],type:[1],disabled:[4],download:[1],href:[1],rel:[1],routerDirection:[1,"router-direction"],routerAnimation:[16],target:[1]}]),h=l,p=function(){"undefined"!=typeof customElements&&["ion-card","ion-ripple-effect"].forEach((t=>{switch(t){case"ion-card":customElements.get(n(t))||customElements.define(n(t),l);break;case"ion-ripple-effect":customElements.get(n(t))||c()}}))};export{h as IonCard,p as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { d as inheritAttributes } from './p-2bb89b46.js';
+import { o as openURL, c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+import { d as defineCustomElement$2 } from './p-51c44f42.js';
+
+const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}";
+
+const cardMdCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;font-size:0.875rem;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}";
+
+const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.inheritedAriaAttributes = {};
+    this.color = undefined;
+    this.button = false;
+    this.type = 'button';
+    this.disabled = false;
+    this.download = undefined;
+    this.href = undefined;
+    this.rel = undefined;
+    this.routerDirection = 'forward';
+    this.routerAnimation = undefined;
+    this.target = undefined;
+  }
+  componentWillLoad() {
+    this.inheritedAriaAttributes = inheritAttributes(this.el, ['aria-label']);
+  }
+  isClickable() {
+    return this.href !== undefined || this.button;
+  }
+  renderCard(mode) {
+    const clickable = this.isClickable();
+    if (!clickable) {
+      return [h("slot", null)];
+    }
+    const { href, routerAnimation, routerDirection, inheritedAriaAttributes } = this;
+    const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
+    const attrs = TagType === 'button'
+      ? { type: this.type }
+      : {
+        download: this.download,
+        href: this.href,
+        rel: this.rel,
+        target: this.target,
+      };
+    return (h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation) }), h("slot", null), clickable && mode === 'md' && h("ion-ripple-effect", null)));
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: 'b92792294360fd974324b31ed2d3db00d3e2f8cd', class: createColorClasses(this.color, {
+        [mode]: true,
+        'card-disabled': this.disabled,
+        'ion-activatable': this.isClickable(),
+      }) }, this.renderCard(mode)));
+  }
+  get el() { return this; }
+  static get style() { return {
+    ios: cardIosCss,
+    md: cardMdCss
+  }; }
+}, [33, "ion-card", {
+    "color": [513],
+    "button": [4],
+    "type": [1],
+    "disabled": [4],
+    "download": [1],
+    "href": [1],
+    "rel": [1],
+    "routerDirection": [1, "router-direction"],
+    "routerAnimation": [16],
+    "target": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-card", "ion-ripple-effect"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-card":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Card);
+      }
+      break;
+    case "ion-ripple-effect":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const IonCard = Card;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCard, defineCustomElement };

package/dist/components/ion-checkbox.js

@@ -1 +1,6 @@
-import{C as o,d as p}from"./p-zp5f483d.js";const s=o,r=p;export{s as IonCheckbox,r as defineCustomElement}
+import { C as Checkbox, d as defineCustomElement$1 } from './p-abd248d1.js';
+
+const IonCheckbox = Checkbox;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCheckbox, defineCustomElement };

package/dist/components/ion-chip.js

@@ -1 +1,59 @@
-import{p as o,H as i,h as r,d as t,t as n}from"./p-BnQDByf2.js";import{c as a}from"./p-DiVJyqlX.js";import{g as e}from"./p-CN34uOrj.js";import{d as s}from"./p-B5XH2zAk.js";const l=o(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.color=void 0,this.outline=!1,this.disabled=!1}render(){const o=e(this);return r(t,{key:"886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4","aria-disabled":this.disabled?"true":null,class:a(this.color,{[o]:!0,"chip-outline":this.outline,"chip-disabled":this.disabled,"ion-activatable":!0})},r("slot",{key:"d24353e79ac84013758cee1acb1b0f9b2ebb4d67"}),"md"===o&&r("ion-ripple-effect",{key:"b69bb3ce3d464251d5e11ba6a5240e4567f72f05"}))}static get style(){return{ios:":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}",md:":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}"}}},[289,"ion-chip",{color:[513],outline:[4],disabled:[4]}]),c=l,g=function(){"undefined"!=typeof customElements&&["ion-chip","ion-ripple-effect"].forEach((o=>{switch(o){case"ion-chip":customElements.get(n(o))||customElements.define(n(o),l);break;case"ion-ripple-effect":customElements.get(n(o))||s()}}))};export{c as IonChip,g as defineCustomElement}
+import { p as proxyCustomElement, H, h, d as Host } from './p-ec0e3f3f.js';
+import { c as createColorClasses } from './p-350e7423.js';
+import { g as getIonMode } from './p-901c16c5.js';
+import { d as defineCustomElement$2 } from './p-51c44f42.js';
+
+const chipIosCss = ":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}";
+
+const chipMdCss = ":host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:inline-flex;position:relative;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:0.875rem}";
+
+const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.color = undefined;
+    this.outline = false;
+    this.disabled = false;
+  }
+  render() {
+    const mode = getIonMode(this);
+    return (h(Host, { key: '886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        [mode]: true,
+        'chip-outline': this.outline,
+        'chip-disabled': this.disabled,
+        'ion-activatable': true,
+      }) }, h("slot", { key: 'd24353e79ac84013758cee1acb1b0f9b2ebb4d67' }), mode === 'md' && h("ion-ripple-effect", { key: 'b69bb3ce3d464251d5e11ba6a5240e4567f72f05' })));
+  }
+  static get style() { return {
+    ios: chipIosCss,
+    md: chipMdCss
+  }; }
+}, [33, "ion-chip", {
+    "color": [513],
+    "outline": [4],
+    "disabled": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ion-chip", "ion-ripple-effect"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ion-chip":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Chip);
+      }
+      break;
+    case "ion-ripple-effect":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const IonChip = Chip;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonChip, defineCustomElement };