@ionic/core 8.7.17-dev.11771959013.18adabe2 → 8.7.17-dev.11772055571.14fddd38

package/components/ion-breadcrumbs.js

@@ -1,4 +1,167 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as o,HTMLElement as t,createEvent as e,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{c as r,h as l}from"./theme.js";import{b as n}from"./ionic-global.js";const c=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.ionCollapsedClick=e(this,"ionCollapsedClick",7),this.itemsBeforeCollapse=1,this.itemsAfterCollapse=1,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:e}=this,s=this.getBreadcrumbs();for(const o of s)o.showCollapsedIndicator=!1,o.collapsed=!1;void 0!==e&&s.length>e&&t+o<=e&&s.forEach(((e,i)=>{i===t&&(e.showCollapsedIndicator=!0),i>=t&&i<s.length-o&&(e.collapsed=!0)}))},this.setBreadcrumbSeparator=()=>{const{itemsAfterCollapse:o,itemsBeforeCollapse:t,maxItems:e}=this,s=this.getBreadcrumbs(),i=s.find((o=>o.active));for(const a of s){const r=void 0!==e&&0===o?a===s[t]:a===s[s.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()}}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,e=n(this);return s(i,{key:"fe64e9cdf597ede2db140bf5fa05a0359d82db57",class:r(o,{[e]:!0,"in-toolbar":l("ion-toolbar",this.el),"in-toolbar-color":l("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":t})},s("slot",{key:"a2c99b579e339055c50a613d5c6b61032f5ddffe",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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;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;-ms-flex-pack:center;justify-content:center}",md:":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;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 { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses, h as hostContext } from './theme.js';
+import { b as getIonMode } from './ionic-global.js';
+
+const breadcrumbsIosCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;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;-ms-flex-pack:center;justify-content:center}";
+
+const breadcrumbsMdCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.ionCollapsedClick = createEvent(this, "ionCollapsedClick", 7);
+        /**
+         * The number of breadcrumbs to show before the collapsed indicator.
+         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
+         * the breadcrumbs will not be collapsed.
+         */
+        this.itemsBeforeCollapse = 1;
+        /**
+         * The number of breadcrumbs to show after the collapsed indicator.
+         * If `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,
+         * the breadcrumbs will not be collapsed.
+         */
+        this.itemsAfterCollapse = 1;
+        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();
+        };
+    }
+    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: 'fe64e9cdf597ede2db140bf5fa05a0359d82db57', 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: 'a2c99b579e339055c50a613d5c6b61032f5ddffe', 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
+    }; }
+}, [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"],
+        "itemsBeforeCollapse": ["maxItemsChanged"],
+        "itemsAfterCollapse": ["maxItemsChanged"]
+    }]);
+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/components/ion-button.js

@@ -1,4 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{B as o,d as t}from"./button.js";const s=o,r=t;export{s as IonButton,r as defineCustomElement}
+import { B as Button, d as defineCustomElement$1 } from './button.js';
+
+const IonButton = Button;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonButton, defineCustomElement };

package/components/ion-buttons.js

@@ -1,4 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{B as o,d as s}from"./buttons.js";const t=o,r=s;export{t as IonButtons,r as defineCustomElement}
+import { B as Buttons, d as defineCustomElement$1 } from './buttons.js';
+
+const IonButtons = Buttons;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonButtons, defineCustomElement };

package/components/ion-card-content.js

@@ -1,4 +1,48 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as t,HTMLElement as n,h as i,Host as o,transformTag as e}from"@stencil/core/internal/client";import{b as r}from"./ionic-global.js";const a=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost()}render(){const t=r(this);return i(o,{key:"d98e4d1fc6ad3237549f9bc17e4c67ec5059b1b3",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(e(t))||customElements.define(e(t),a))}))};export{d as IonCardContent,m as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { b as getIonMode } from './ionic-global.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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: 'd98e4d1fc6ad3237549f9bc17e4c67ec5059b1b3', class: {
+                [mode]: true,
+                // Used internally for styling
+                [`card-content-${mode}`]: true,
+            } }));
+    }
+    static get style() { return {
+        ios: cardContentIosCss,
+        md: cardContentMdCss
+    }; }
+}, [288, "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/components/ion-card-header.js

@@ -1,4 +1,59 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as o,HTMLElement as r,h as t,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as i}from"./theme.js";import{b as a}from"./ionic-global.js";const c=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.translucent=!1}render(){const o=a(this);return t(e,{key:"64246b81931203a64d553c788cd736f41e23f37b",class:i(this.color,{"card-header-translucent":this.translucent,"ion-inherit-color":!0,[o]:!0})},t("slot",{key:"af2da2dfe266889afeb57fac25c6a730558dbba4"}))}static get style(){return{ios:":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;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;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}}",md:":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;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]}]),d=c,l=function(){"undefined"!=typeof customElements&&["ion-card-header"].forEach((o=>{"ion-card-header"===o&&(customElements.get(n(o))||customElements.define(n(o),c))}))};export{d as IonCardHeader,l as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses } from './theme.js';
+import { b as getIonMode } from './ionic-global.js';
+
+const cardHeaderIosCss = ":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;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;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}}";
+
+const cardHeaderMdCss = ":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * If `true`, the card header will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
+        this.translucent = false;
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: '64246b81931203a64d553c788cd736f41e23f37b', class: createColorClasses(this.color, {
+                'card-header-translucent': this.translucent,
+                'ion-inherit-color': true,
+                [mode]: true,
+            }) }, h("slot", { key: 'af2da2dfe266889afeb57fac25c6a730558dbba4' })));
+    }
+    static get style() { return {
+        ios: cardHeaderIosCss,
+        md: cardHeaderMdCss
+    }; }
+}, [289, "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/components/ion-card-subtitle.js

@@ -1,4 +1,51 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as o,HTMLElement as t,h as r,Host as i,transformTag as e}from"@stencil/core/internal/client";import{c as n}from"./theme.js";import{b as a}from"./ionic-global.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){const o=a(this);return r(i,{key:"84d820a19d9074f9c8bc61ccba1ca40062a60b73",role:"heading","aria-level":"3",class:n(this.color,{"ion-inherit-color":!0,[o]:!0})},r("slot",{key:"e4d07d395a1f4469a90847636083101b32b776a1"}))}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, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-450, #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]}]),l=s,c=function(){"undefined"!=typeof customElements&&["ion-card-subtitle"].forEach((o=>{"ion-card-subtitle"===o&&(customElements.get(e(o))||customElements.define(e(o),s))}))};export{l as IonCardSubtitle,c as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses } from './theme.js';
+import { b as getIonMode } from './ionic-global.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, var(--ion-text-color-step-400, #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, var(--ion-text-color-step-450, #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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: '84d820a19d9074f9c8bc61ccba1ca40062a60b73', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
+                'ion-inherit-color': true,
+                [mode]: true,
+            }) }, h("slot", { key: 'e4d07d395a1f4469a90847636083101b32b776a1' })));
+    }
+    static get style() { return {
+        ios: cardSubtitleIosCss,
+        md: cardSubtitleMdCss
+    }; }
+}, [289, "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/components/ion-card-title.js

@@ -1,4 +1,51 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as o,HTMLElement as t,h as i,Host as r,transformTag as e}from"@stencil/core/internal/client";import{c as n}from"./theme.js";import{b as a}from"./ionic-global.js";const l=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){const o=a(this);return i(r,{key:"fca001a86396e83718d5211cd71912fdf40dea2f",role:"heading","aria-level":"2",class:n(this.color,{"ion-inherit-color":!0,[o]:!0})},i("slot",{key:"2ba416aed488b2ff462fa75fb3b70373a6dd7da6"}))}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, var(--ion-text-color-step-150, #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]}]),s=l,c=function(){"undefined"!=typeof customElements&&["ion-card-title"].forEach((o=>{"ion-card-title"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))};export{s as IonCardTitle,c as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as createColorClasses } from './theme.js';
+import { b as getIonMode } from './ionic-global.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, var(--ion-text-color-step-150, #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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        const mode = getIonMode(this);
+        return (h(Host, { key: 'fca001a86396e83718d5211cd71912fdf40dea2f', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
+                'ion-inherit-color': true,
+                [mode]: true,
+            }) }, h("slot", { key: '2ba416aed488b2ff462fa75fb3b70373a6dd7da6' })));
+    }
+    static get style() { return {
+        ios: cardTitleIosCss,
+        md: cardTitleMdCss
+    }; }
+}, [289, "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/components/ion-card.js

@@ -1,4 +1,110 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{proxyCustomElement as t,HTMLElement as r,h as i,Host as o,transformTag as e}from"@stencil/core/internal/client";import{d as n}from"./helpers.js";import{o as a,c as s}from"./theme.js";import{b as c}from"./ionic-global.js";import{d as l}from"./ripple-effect.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inheritedAriaAttributes={},this.button=!1,this.type="button",this.disabled=!1,this.routerDirection="forward"}componentWillLoad(){this.inheritedAriaAttributes=n(this.el,["aria-label"])}isClickable(){return void 0!==this.href||this.button}renderCard(t){const r=this.isClickable();if(!r)return[i("slot",null)];const{href:o,routerAnimation:e,routerDirection:n,inheritedAriaAttributes:s}=this,c=r?void 0===o?"button":"a":"div";return i(c,Object.assign({},"button"===c?{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,n,e)}),i("slot",null),r&&"md"===t&&i("ion-ripple-effect",null))}render(){const t=c(this);return i(o,{key:"85e9b30bd81e79a0c7ac75cb3664bdcf9e4afc4d",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);-webkit-transition:var(--transition);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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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, var(--ion-text-color-step-400, #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;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1), -webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){-webkit-transform:scale3d(0.97, 0.97, 1);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);-webkit-transition:var(--transition);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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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, var(--ion-text-color-step-450, #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;-webkit-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);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]}]),b=d,h=function(){"undefined"!=typeof customElements&&["ion-card","ion-ripple-effect"].forEach((t=>{switch(t){case"ion-card":customElements.get(e(t))||customElements.define(e(t),d);break;case"ion-ripple-effect":customElements.get(e(t))||l()}}))};export{b as IonCard,h as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as inheritAttributes } from './helpers.js';
+import { o as openURL, c as createColorClasses } from './theme.js';
+import { b as getIonMode } from './ionic-global.js';
+import { d as defineCustomElement$2 } from './ripple-effect.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);-webkit-transition:var(--transition);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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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, var(--ion-text-color-step-400, #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;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1), -webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){-webkit-transform:scale3d(0.97, 0.97, 1);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);-webkit-transition:var(--transition);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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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, var(--ion-text-color-step-450, #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;-webkit-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);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 HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.inheritedAriaAttributes = {};
+        /**
+         * If `true`, a button tag will be rendered and the card will be tappable.
+         */
+        this.button = false;
+        /**
+         * The type of the button. Only used when an `onclick` or `button` property is present.
+         */
+        this.type = 'button';
+        /**
+         * If `true`, the user cannot interact with the card.
+         */
+        this.disabled = false;
+        /**
+         * When using a router, it specifies the transition direction when navigating to
+         * another page using `href`.
+         */
+        this.routerDirection = 'forward';
+    }
+    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: '85e9b30bd81e79a0c7ac75cb3664bdcf9e4afc4d', 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
+    }; }
+}, [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]
+    }]);
+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/components/ion-checkbox.js

@@ -1,4 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{C as o,d as s}from"./checkbox.js";const c=o,r=s;export{c as IonCheckbox,r as defineCustomElement}
+import { C as Checkbox, d as defineCustomElement$1 } from './checkbox.js';
+
+const IonCheckbox = Checkbox;
+const defineCustomElement = defineCustomElement$1;
+
+export { IonCheckbox, defineCustomElement };