@ionic/core 8.3.2-dev.11729014526.1ab61c12 → 8.3.2-dev.11729166111.115d6104

package/dist/cjs/ion-back-button.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const caretLeft = require('./caret-left-2bb66970.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-e75eb909.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const ionicBackButtonMdCss = ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--border-radius:4px;--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--color:currentColor;--icon-margin-end:0;--icon-margin-start:0;--icon-font-size:1.5rem;--icon-font-weight:normal;--min-height:32px;--min-width:44px;--padding-start:12px;--padding-end:12px;font-size:0.875rem;font-weight:500;text-transform:uppercase}:host(.back-button-has-icon-only){--border-radius:50%;min-width:48px;min-height:48px;aspect-ratio:1/1}.button-native{-webkit-box-shadow:none;box-shadow:none}.button-text{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0}ion-icon{line-height:0.67;text-align:start}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}";
 const IonBackButtonIonicStyle0 = ionicBackButtonMdCss;
@@ -23,7 +23,7 @@ const IonBackButtonMdStyle0 = backButtonMdCss;
 
 const BackButton = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.onClick = async (ev) => {
             const nav = this.el.closest('ion-nav');
@@ -44,7 +44,7 @@ const BackButton = class {
     componentWillLoad() {
         this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
         if (this.defaultHref === undefined) {
-            this.defaultHref = ionicGlobal.config.get('backButtonDefaultHref');
+            this.defaultHref = config.config.get('backButtonDefaultHref');
         }
     }
     get backButtonIcon() {
@@ -55,18 +55,18 @@ const BackButton = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.chevronBack,
+            ios: index.chevronBack,
             ionic: caretLeft.caretLeftSvg,
-            md: index$1.arrowBackSharp,
+            md: index.arrowBackSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured back button icon or the default icon
-        return ionicGlobal.config.get('backButtonIcon', defaultIcon);
+        return config.config.get('backButtonIcon', defaultIcon);
     }
     get backButtonText() {
         const defaultBackButtonText = ionicGlobal.getIonTheme(this) === 'ios' ? 'Back' : null;
-        return this.text != null ? this.text : ionicGlobal.config.get('backButtonText', defaultBackButtonText);
+        return this.text != null ? this.text : config.config.get('backButtonText', defaultBackButtonText);
     }
     get hasIconOnly() {
         return this.backButtonIcon && !this.backButtonText;
@@ -84,7 +84,7 @@ const BackButton = class {
         const showBackButton = defaultHref !== undefined;
         const theme$1 = ionicGlobal.getIonTheme(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (index.h(index.Host, { key: '6b3723c6070e0ff19b312ed86ee642bdefebae2e', onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: '6b3723c6070e0ff19b312ed86ee642bdefebae2e', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -94,9 +94,9 @@ const BackButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, index.h("button", { key: '482b8e4d3d9485747d241f2bac1993cb2ab4aed6', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, index.h("span", { key: 'b5243414e42716903c86a08f2e8fa098d30cfdbe', class: "button-inner" }, backButtonIcon && (index.h("ion-icon", { key: 'fd6ad102d5fad6411c75005cb7bcc11c24a18bbb', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (index.h("span", { key: '7d39ac018ee158f46b9bdf886ae7ed4b15c88ed4', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '12d543212f08222a4ba8f235b5c4a4be62284c01', type: this.rippleType }))));
+            }) }, config.h("button", { key: '482b8e4d3d9485747d241f2bac1993cb2ab4aed6', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, config.h("span", { key: 'b5243414e42716903c86a08f2e8fa098d30cfdbe', class: "button-inner" }, backButtonIcon && (config.h("ion-icon", { key: 'fd6ad102d5fad6411c75005cb7bcc11c24a18bbb', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (config.h("span", { key: '7d39ac018ee158f46b9bdf886ae7ed4b15c88ed4', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme$1 === 'md' && config.h("ion-ripple-effect", { key: '12d543212f08222a4ba8f235b5c4a4be62284c01', type: this.rippleType }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 BackButton.style = {
     ionic: IonBackButtonIonicStyle0,

package/dist/cjs/ion-backdrop.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const backdropIonicCss = ":host{right:0;left:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:rgba(var(--ionic-color-base-black-rgb, 17, 17, 17), 0.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}";
 const IonBackdropIonicStyle0 = backdropIonicCss;
@@ -19,8 +19,8 @@ const IonBackdropMdStyle0 = backdropMdCss;
 
 const Backdrop = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionBackdropTap = index.createEvent(this, "ionBackdropTap", 7);
+        config.registerInstance(this, hostRef);
+        this.ionBackdropTap = config.createEvent(this, "ionBackdropTap", 7);
         this.visible = true;
         this.tappable = true;
         this.stopPropagation = true;
@@ -39,7 +39,7 @@ const Backdrop = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'bcf90ea611ccd2f6c2ca42777be0d74dfc0ee7c4', tabindex: "-1", "aria-hidden": "true", class: {
+        return (config.h(config.Host, { key: 'bcf90ea611ccd2f6c2ca42777be0d74dfc0ee7c4', tabindex: "-1", "aria-hidden": "true", class: {
                 [theme]: true,
                 'backdrop-hide': !this.visible,
                 'backdrop-no-tappable': !this.tappable,

package/dist/cjs/ion-breadcrumb_2.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const caretRight = require('./caret-right-88e03970.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-e75eb909.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const index = require('./index-073c7cdc.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const dotsThreeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+';
 
@@ -25,10 +25,10 @@ const IonBreadcrumbMdStyle0 = breadcrumbMdCss;
 
 const Breadcrumb = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
-        this.collapsedClick = index.createEvent(this, "collapsedClick", 7);
+        config.registerInstance(this, hostRef);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
+        this.collapsedClick = config.createEvent(this, "collapsedClick", 7);
         this.inheritedAttributes = {};
         this.onFocus = () => {
             this.ionFocus.emit();
@@ -60,27 +60,27 @@ const Breadcrumb = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.ellipsisHorizontal,
+            ios: index.ellipsisHorizontal,
             ionic: dotsThreeSvg,
-            md: index$1.ellipsisHorizontal,
+            md: index.ellipsisHorizontal,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured breadcrumb collapsed icon or the default icon
-        return ionicGlobal.config.get('breadcrumbCollapsedIcon', defaultIcon);
+        return config.config.get('breadcrumbCollapsedIcon', defaultIcon);
     }
     get breadcrumbSeparatorIcon() {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.chevronForwardOutline,
+            ios: index.chevronForwardOutline,
             ionic: caretRight.caretRightSvg,
-            md: index$1.chevronForwardOutline,
+            md: index.chevronForwardOutline,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured breadcrumb separator icon or the default icon
-        return ionicGlobal.config.get('breadcrumbSeparatorIcon', defaultIcon);
+        return config.config.get('breadcrumbSeparatorIcon', defaultIcon);
     }
     isClickable() {
         return this.href !== undefined;
@@ -104,7 +104,7 @@ const Breadcrumb = class {
         // to show the separator as long as it isn't also the last breadcrumb
         // otherwise if not collapsed use the value in separator
         const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
-        return (index.h(index.Host, { key: '97c7e9bec347e0e0ce0aec8a8c7b5d5289221a38', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: '97c7e9bec347e0e0ce0aec8a8c7b5d5289221a38', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'breadcrumb-active': active,
                 'breadcrumb-collapsed': collapsed,
@@ -114,17 +114,17 @@ const Breadcrumb = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': clickable,
                 'ion-focusable': clickable,
-            }) }, index.h(TagType, Object.assign({ key: 'da613d8447efcac35e6053506af96643deef3ec3' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("slot", { key: 'd2ead7214c4453eec4e0f88b9b3047bd4e24e921', name: "start" }), index.h("slot", { key: '5ef6a442cf9b29b567d7d03a51b7915f6314f7b9' }), index.h("slot", { key: '05c8c4105b0f02a46286c86e386c15f0bf431155', name: "end" })), showCollapsedIndicator && (index.h("button", { key: 'd804c9f035d21070627b8f65cfce906b72238361', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
+            }) }, config.h(TagType, Object.assign({ key: 'da613d8447efcac35e6053506af96643deef3ec3' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), config.h("slot", { key: 'd2ead7214c4453eec4e0f88b9b3047bd4e24e921', name: "start" }), config.h("slot", { key: '5ef6a442cf9b29b567d7d03a51b7915f6314f7b9' }), config.h("slot", { key: '05c8c4105b0f02a46286c86e386c15f0bf431155', name: "end" })), showCollapsedIndicator && (config.h("button", { key: 'd804c9f035d21070627b8f65cfce906b72238361', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
                 'breadcrumbs-collapsed-indicator': true,
-            } }, index.h("ion-icon", { key: 'd9efb45f5cfda7a379f82ed0abaaa2a350214734', "aria-hidden": "true", icon: breadcrumbCollapsedIcon, lazy: false }))), showSeparator && (
+            } }, config.h("ion-icon", { key: 'd9efb45f5cfda7a379f82ed0abaaa2a350214734', "aria-hidden": "true", icon: breadcrumbCollapsedIcon, lazy: false }))), showSeparator && (
         /**
          * Separators should not be announced by narrators.
          * We add aria-hidden on the span so that this applies
          * to any custom separators too.
          */
-        index.h("span", { key: 'd3b7f24ccd1c7cec79586d157bb35e775bf5ddcc', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, index.h("slot", { key: 'e28e85d342eb628662ad9d4eaf944875439bd9e8', name: "separator" }, theme$1 === 'ios' || theme$1 === 'ionic' ? (index.h("ion-icon", { icon: breadcrumbSeparatorIcon, lazy: false, "flip-rtl": true })) : (index.h("span", null, "/")))))));
+        config.h("span", { key: 'd3b7f24ccd1c7cec79586d157bb35e775bf5ddcc', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, config.h("slot", { key: 'e28e85d342eb628662ad9d4eaf944875439bd9e8', name: "separator" }, theme$1 === 'ios' || theme$1 === 'ionic' ? (config.h("ion-icon", { icon: breadcrumbSeparatorIcon, lazy: false, "flip-rtl": true })) : (config.h("span", null, "/")))))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 Breadcrumb.style = {
     ionic: IonBreadcrumbIonicStyle0,
@@ -143,8 +143,8 @@ const IonBreadcrumbsMdStyle0 = breadcrumbsMdCss;
 
 const Breadcrumbs = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionCollapsedClick = index.createEvent(this, "ionCollapsedClick", 7);
+        config.registerInstance(this, hostRef);
+        this.ionCollapsedClick = config.createEvent(this, "ionCollapsedClick", 7);
         this.breadcrumbsInit = () => {
             this.setBreadcrumbSeparator();
             this.setMaxItems();
@@ -240,14 +240,14 @@ const Breadcrumbs = class {
     render() {
         const { color, collapsed } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ff9f05f4d7e09134be8853dd9bd21855ee312994', class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'ff9f05f4d7e09134be8853dd9bd21855ee312994', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'breadcrumbs-collapsed': collapsed,
-            }) }, index.h("slot", { key: 'bfdb6f9f26b77b378040e614948e628d42461c84', onSlotchange: this.slotChanged })));
+            }) }, config.h("slot", { key: 'bfdb6f9f26b77b378040e614948e628d42461c84', onSlotchange: this.slotChanged })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "maxItems": ["maxItemsChanged"],
         "itemsBeforeCollapse": ["maxItemsChanged"],

package/dist/cjs/ion-button_2.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 const theme = require('./theme-d1c573d2.js');
 
 let CACHED_MAP;
@@ -51,7 +51,7 @@ const getNamedUrl = (iconName, iconEl) => {
     return url;
   }
   try {
-    return index.getAssetPath(`svg/${iconName}.svg`);
+    return config.getAssetPath(`svg/${iconName}.svg`);
   }
   catch (e) {
     /**
@@ -153,9 +153,9 @@ const IonButtonMdStyle0 = buttonMdCss;
 
 const Button = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
+        config.registerInstance(this, hostRef);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
         this.inItem = false;
         this.inListHeader = false;
         this.inToolbar = false;
@@ -376,7 +376,7 @@ const Button = class {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (index.h(index.Host, { key: 'ab53a2de1a5ed8d54fac1b6260e92d01a4b5fe4a', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'ab53a2de1a5ed8d54fac1b6260e92d01a4b5fe4a', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -391,9 +391,9 @@ const Button = class {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h(TagType, Object.assign({ key: 'cdecf090ea518104bb093d62edcd108fa84727b6' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { key: 'db73f177db1ddea7f202ef6f2c6b07d41f812f04', class: "button-inner" }, index.h("slot", { key: '8ec45f3a34de9494972ee1753750664ef51af5f6', name: "icon-only", onSlotchange: this.slotChanged }), index.h("slot", { key: '313ec292c9fcea510cedb8683050145f561492b2', name: "start" }), index.h("slot", { key: 'e4b977f187f4308dbdb883b676c65e65e46b16eb' }), index.h("slot", { key: '12a14e528c13c84648a3be528275eb84d19b7d61', name: "end" })), mode === 'md' && index.h("ion-ripple-effect", { key: 'a7d45433eb402f3edde9830867f65bbe824c0a62', type: this.rippleType }))));
+            }) }, config.h(TagType, Object.assign({ key: 'cdecf090ea518104bb093d62edcd108fa84727b6' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), config.h("span", { key: 'db73f177db1ddea7f202ef6f2c6b07d41f812f04', class: "button-inner" }, config.h("slot", { key: '8ec45f3a34de9494972ee1753750664ef51af5f6', name: "icon-only", onSlotchange: this.slotChanged }), config.h("slot", { key: '313ec292c9fcea510cedb8683050145f561492b2', name: "start" }), config.h("slot", { key: 'e4b977f187f4308dbdb883b676c65e65e46b16eb' }), config.h("slot", { key: '12a14e528c13c84648a3be528275eb84d19b7d61', name: "end" })), mode === 'md' && config.h("ion-ripple-effect", { key: 'a7d45433eb402f3edde9830867f65bbe824c0a62', type: this.rippleType }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "disabled": ["disabledChanged"]
     }; }
@@ -507,7 +507,7 @@ const IonIconStyle0 = iconCss;
 
 const Icon = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.iconName = null;
         this.inheritedAttributes = {};
         this.didLoadIcon = false;
@@ -597,10 +597,10 @@ const Icon = class {
             : false;
         // if shouldBeFlippable is true, the icon should change direction when `dir` changes
         const shouldBeFlippable = flipRtl || shouldAutoFlip;
-        return (index.h(index.Host, Object.assign({ role: "img", class: Object.assign(Object.assign({ [mode]: true }, createColorClasses(this.color)), { [`icon-${this.size}`]: !!this.size, 'flip-rtl': shouldBeFlippable, 'icon-rtl': shouldBeFlippable && isRTL(el) }) }, inheritedAttributes), this.svgContent ? (index.h("div", { class: "icon-inner", innerHTML: this.svgContent })) : (index.h("div", { class: "icon-inner" }))));
+        return (config.h(config.Host, Object.assign({ role: "img", class: Object.assign(Object.assign({ [mode]: true }, createColorClasses(this.color)), { [`icon-${this.size}`]: !!this.size, 'flip-rtl': shouldBeFlippable, 'icon-rtl': shouldBeFlippable && isRTL(el) }) }, inheritedAttributes), this.svgContent ? (config.h("div", { class: "icon-inner", innerHTML: this.svgContent })) : (config.h("div", { class: "icon-inner" }))));
     }
     static get assetsDirs() { return ["svg"]; }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "name": ["loadIcon"],
         "src": ["loadIcon"],

package/dist/cjs/ion-card_5.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const cardIonicCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:current-color(base);color:current-color(contrast)}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(--ionic-color-base-white, #ffffff);--border-radius:var(--ionic-border-radius-400, 16px);--color:var(--ionic-color-neutral-1200, #242424)}::slotted(img){display:block}:host(.card-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.card-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}";
 const IonCardIonicStyle0 = cardIonicCss;
@@ -21,7 +21,7 @@ const IonCardMdStyle0 = cardMdCss;
 
 const Card = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.inheritedAriaAttributes = {};
         this.color = undefined;
         this.button = false;
@@ -44,7 +44,7 @@ const Card = class {
     renderCard(theme$1) {
         const clickable = this.isClickable();
         if (!clickable) {
-            return [index.h("slot", null)];
+            return [config.h("slot", null)];
         }
         const { href, routerAnimation, routerDirection, inheritedAriaAttributes } = this;
         const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
@@ -56,19 +56,19 @@ const Card = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (index.h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation) }), index.h("slot", null), clickable && theme$1 === 'md' && index.h("ion-ripple-effect", null)));
+        return (config.h(TagType, Object.assign({}, attrs, inheritedAriaAttributes, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation) }), config.h("slot", null), clickable && theme$1 === 'md' && config.h("ion-ripple-effect", null)));
     }
     render() {
         const { shape } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '0133afae2d18db08eccc7f746d26dbeadefde26c', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '0133afae2d18db08eccc7f746d26dbeadefde26c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`card-${shape}`]: shape !== undefined,
                 'card-disabled': this.disabled,
                 'ion-activatable': this.isClickable(),
             }) }, this.renderCard(theme$1)));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 Card.style = {
     ionic: IonCardIonicStyle0,
@@ -87,11 +87,11 @@ const IonCardContentMdStyle0 = cardContentMdCss;
 
 const CardContent = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ed8e7ee07b2ccd99427025ff4a796f5602fdd666', class: {
+        return (config.h(config.Host, { key: 'ed8e7ee07b2ccd99427025ff4a796f5602fdd666', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`card-content-${theme}`]: true,
@@ -115,17 +115,17 @@ const IonCardHeaderMdStyle0 = cardHeaderMdCss;
 
 const CardHeader = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
         this.translucent = false;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'cff2da9905efddd8397f741282987530c042baf8', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: 'cff2da9905efddd8397f741282987530c042baf8', class: theme.createColorClasses(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '1bfe2d1ac2a171e4ce6cfb7da30a3307388d0483' })));
+            }) }, config.h("slot", { key: '1bfe2d1ac2a171e4ce6cfb7da30a3307388d0483' })));
     }
 };
 CardHeader.style = {
@@ -145,15 +145,15 @@ const IonCardSubtitleMdStyle0 = cardSubtitleMdCss;
 
 const CardSubtitle = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '0fc5039135810295040bbe1940ee22add6c955ac', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '0fc5039135810295040bbe1940ee22add6c955ac', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [theme$1]: true,
-            }) }, index.h("slot", { key: 'f9730146a6e6e8f4741c8ee2ce34e4822e84e316' })));
+            }) }, config.h("slot", { key: 'f9730146a6e6e8f4741c8ee2ce34e4822e84e316' })));
     }
 };
 CardSubtitle.style = {
@@ -173,15 +173,15 @@ const IonCardTitleMdStyle0 = cardTitleMdCss;
 
 const CardTitle = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '40bb33c38b01e975be19b8967bea1548edb9034d', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '40bb33c38b01e975be19b8967bea1548edb9034d', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '2b0604799bb5aa49452fdce02f9fd5d8f2e078e2' })));
+            }) }, config.h("slot", { key: '2b0604799bb5aa49452fdce02f9fd5d8f2e078e2' })));
     }
 };
 CardTitle.style = {

package/dist/cjs/ion-checkbox.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const helpers = require('./helpers-e75eb909.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const checkboxIonicCss = ":host{--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--border-color:var(--ionic-color-neutral-800, #626262);--checkmark-width:var(--ionic-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);--focus-ring-offset:var(--ionic-space-050, 2px);--size:var(--ionic-scale-600, 24px);--checkbox-background-checked:var(--ionic-color-primary-base, #105cef);--border-color-checked:var(--ionic-color-primary-base, #105cef);--checkmark-color:var(--ionic-color-base-white, #ffffff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{color:var(--ionic-color-neutral-1200, #242424);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-250, 10px)}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--ionic-space-250, 10px);margin-bottom:var(--ionic-space-400, 16px)}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--ionic-space-250, 10px)}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{position:relative;width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--ionic-space-400, 16px);margin-inline-start:var(--ionic-space-400, 16px);-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ionic-space-400, 16px);margin-inline-end:var(--ionic-space-400, 16px)}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ionic-space-400, 16px);max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--ionic-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.ion-invalid){--focus-ring-color:var(--ionic-state-focus-2, #ffafaf)}:host(.ion-invalid) .native-wrapper{border-color:var(--ionic-color-danger-800, #bf2222)}:host(.checkbox-disabled){pointer-events:none}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled) .native-wrapper{border-color:var(--ionic-color-neutral-800, #626262);background-color:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6))}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--ionic-border-size-0, 0px);background-color:var(--ionic-color-primary-base, #105cef)}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--ionic-color-neutral-100, #f1f1f1)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-indeterminate) .native-wrapper{background-color:var(--ionic-color-primary-800, #0f54da)}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:host(.ion-activated) .native-wrapper{background-color:var(--ionic-color-neutral-200, #e7e7e7)}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .native-wrapper{background-color:var(--ionic-color-primary-900, #0d4bc3)}:host(.checkbox-shape-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--ionic-border-radius-050, 2px)}:host(.checkbox-shape-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}.checkbox-wrapper{min-height:var(--ionic-scale-1200, 48px)}";
 const IonCheckboxIonicStyle0 = checkboxIonicCss;
@@ -21,10 +21,10 @@ const IonCheckboxMdStyle0 = checkboxMdCss;
 
 const Checkbox = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
+        config.registerInstance(this, hostRef);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
         this.inputId = `ion-cb-${checkboxIds++}`;
         this.inheritedAttributes = {};
         /**
@@ -83,7 +83,7 @@ const Checkbox = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const path = getSVGPath(theme$1, indeterminate);
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (index.h(index.Host, { key: 'c8f40b3575265e443825d39f92114a67e87e0dc5', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'c8f40b3575265e443825d39f92114a67e87e0dc5', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -95,26 +95,26 @@ const Checkbox = class {
                 [`checkbox-label-placement-${labelPlacement}`]: true,
                 [`checkbox-size-${size}`]: size !== undefined,
                 [`checkbox-shape-${shape}`]: true,
-            }), onClick: this.onClick }, index.h("label", { key: '867dcd4e2e3ad988e7981955d8bdaa129f301dd0', class: "checkbox-wrapper" }, index.h("input", Object.assign({ key: '4d57982edd0889028a9b00d379097975d3906e37', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), index.h("div", { key: '280321a4f33a5ddaff8d782f7730619647114c3a', class: {
+            }), onClick: this.onClick }, config.h("label", { key: '867dcd4e2e3ad988e7981955d8bdaa129f301dd0', class: "checkbox-wrapper" }, config.h("input", Object.assign({ key: '4d57982edd0889028a9b00d379097975d3906e37', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), config.h("div", { key: '280321a4f33a5ddaff8d782f7730619647114c3a', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, index.h("slot", { key: 'e029c3efdb8797e5f9059cb93a43a2534a11cc01' })), index.h("div", { key: '9cc9b58b672ce3b99fc02113c3af6aad57aa7fad', class: "native-wrapper" }, index.h("svg", { key: '134c0630714131b444f6005928a89526e53757de', class: "checkbox-icon", viewBox: theme$1 === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container" }, path)))));
+            }, part: "label" }, config.h("slot", { key: 'e029c3efdb8797e5f9059cb93a43a2534a11cc01' })), config.h("div", { key: '9cc9b58b672ce3b99fc02113c3af6aad57aa7fad', class: "native-wrapper" }, config.h("svg", { key: '134c0630714131b444f6005928a89526e53757de', class: "checkbox-icon", viewBox: theme$1 === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container" }, path)))));
     }
     getSVGPath(theme, indeterminate) {
-        let path = indeterminate ? (index.h("path", { d: "M6 12L18 12", part: "mark" })) : (index.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
+        let path = indeterminate ? (config.h("path", { d: "M6 12L18 12", part: "mark" })) : (config.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
         if (theme === 'md') {
-            path = indeterminate ? (index.h("path", { d: "M2 12H22", part: "mark" })) : (index.h("path", { d: "M1.73,12.91 8.1,19.28 22.79,4.59", part: "mark" }));
+            path = indeterminate ? (config.h("path", { d: "M2 12H22", part: "mark" })) : (config.h("path", { d: "M1.73,12.91 8.1,19.28 22.79,4.59", part: "mark" }));
         }
         else if (theme === 'ionic') {
             path = indeterminate ? (
             // Phosphor Icon - minus bold
-            index.h("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" })) : (
+            config.h("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" })) : (
             // Phosphor Icon - check bold
-            index.h("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }));
+            config.h("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }));
         }
         return path;
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 let checkboxIds = 0;
 Checkbox.style = {

package/dist/cjs/ion-chip.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 const theme = require('./theme-d1c573d2.js');
 
 const chipIonicCss = ":host{--background:var(--ionic-color-neutral-100, #f1f1f1);--color:var(--ionic-color-neutral-900, #4e4e4e);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-150, 6px);padding-bottom:var(--ionic-space-150, 6px);border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ionic-space-100, 4px);background:var(--background);color:var(--color);font-family:var(--ionic-font-family, \"Inter\", sans-serif);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-full, 100%);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-outline){border-width:var(--ionic-border-size-025, 1px);border-style:var(--ionic-border-style-solid, solid);border-color:var(--ionic-color-neutral-100, #f1f1f1);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.ion-focused){outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-width)}@media (any-hover: hover){:host(:hover){--background:var(--ionic-color-neutral-200, #e7e7e7)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-disabled){opacity:0.6;pointer-events:none}:host(.chip-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.chip-round){--border-radius:var(--ionic-border-radius-400, 16px)}:host(.chip-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}::slotted(ion-icon){font-size:var(--ionic-font-size-400, 1rem)}:host(.chip-small){min-height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-350, 0.875rem)}: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)}";
@@ -20,7 +20,7 @@ const IonChipMdStyle0 = chipMdCss;
 
 const Chip = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
         this.outline = false;
         this.disabled = false;
@@ -55,7 +55,7 @@ const Chip = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const size = this.getSize();
         const shape = this.getShape();
-        return (index.h(index.Host, { key: 'aa0aeece6547531edddac10afb3be5dbd63b817a', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: 'aa0aeece6547531edddac10afb3be5dbd63b817a', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`chip-${shape}`]: true,
                 'chip-outline': this.outline,
@@ -63,7 +63,7 @@ const Chip = class {
                 'ion-activatable': true,
                 'ion-focusable': !this.disabled,
                 [`chip-${size}`]: size !== undefined,
-            }) }, index.h("slot", { key: '94581c49b9e636e388fb0a84b5f390f7f2341210' }), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '392fc618c6e6ea56e7481725624ab5a98d4ecb54' })));
+            }) }, config.h("slot", { key: '94581c49b9e636e388fb0a84b5f390f7f2341210' }), theme$1 === 'md' && config.h("ion-ripple-effect", { key: '392fc618c6e6ea56e7481725624ab5a98d4ecb54' })));
     }
 };
 Chip.style = {