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

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

@@ -5,19 +5,19 @@
 
 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 x = require('./x-81a8f51c.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 index = require('./index-073c7cdc.js');
 
 const fabCss = ":host{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){right:0px;left:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";
 const IonFabStyle0 = fabCss;
 
 const Fab = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.horizontal = undefined;
         this.vertical = undefined;
         this.edge = false;
@@ -60,14 +60,14 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '0fe1efbc30e4ee100410a5123d7956f51da41db9', class: {
+        return (config.h(config.Host, { key: '0fe1efbc30e4ee100410a5123d7956f51da41db9', class: {
                 [theme]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, index.h("slot", { key: 'deea3d009bf1aed99402e1827bb0884c6c5dbb10' })));
+            } }, config.h("slot", { key: 'deea3d009bf1aed99402e1827bb0884c6c5dbb10' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "activated": ["activatedChanged"]
     }; }
@@ -85,9 +85,9 @@ const IonFabButtonMdStyle0 = fabButtonMdCss;
 
 const FabButton = 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.fab = null;
         this.inheritedAttributes = {};
         this.onFocus = () => {
@@ -132,14 +132,14 @@ const FabButton = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.close,
+            ios: index.close,
             ionic: x.xSvg,
-            md: index$1.close,
+            md: index.close,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured fab button close icon or the default icon
-        return ionicGlobal.config.get('fabButtonCloseIcon', defaultIcon);
+        return config.config.get('fabButtonCloseIcon', defaultIcon);
     }
     render() {
         const { el, disabled, fabButtonCloseIcon, color, href, activated, show, translucent, size, inheritedAttributes } = this;
@@ -154,7 +154,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (index.h(index.Host, { key: 'bfca8fe073f3034113cdec410b524579a61abd98', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: 'bfca8fe073f3034113cdec410b524579a61abd98', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -165,9 +165,9 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, index.h(TagType, Object.assign({ key: 'e33ae05f4667619b54d5a4153b4253a0b9775263' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), index.h("ion-icon", { key: 'f436a5028c1e06bda4b2e8c8885ea44944675384', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), index.h("span", { key: '3ca3a30e65728bb759ff5a6b31b67101527be8cf', class: "button-inner" }, index.h("slot", { key: '2ddbdb5eab690e7e641184b548b388f721278c52' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '08c2c85503dd07f1227b4e0629ec5eb4654bd6c3' }))));
+            }) }, config.h(TagType, Object.assign({ key: 'e33ae05f4667619b54d5a4153b4253a0b9775263' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => theme.openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), config.h("ion-icon", { key: 'f436a5028c1e06bda4b2e8c8885ea44944675384', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), config.h("span", { key: '3ca3a30e65728bb759ff5a6b31b67101527be8cf', class: "button-inner" }, config.h("slot", { key: '2ddbdb5eab690e7e641184b548b388f721278c52' })), theme$1 === 'md' && config.h("ion-ripple-effect", { key: '08c2c85503dd07f1227b4e0629ec5eb4654bd6c3' }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
 };
 FabButton.style = {
     ionic: IonFabButtonIonicStyle0,
@@ -180,7 +180,7 @@ const IonFabListStyle0 = fabListCss;
 
 const FabList = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.activated = false;
         this.side = 'bottom';
     }
@@ -194,13 +194,13 @@ const FabList = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'c098c21387fbe5ca7d551d5b280b2afdcc743563', class: {
+        return (config.h(config.Host, { key: 'c098c21387fbe5ca7d551d5b280b2afdcc743563', class: {
                 [theme]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, index.h("slot", { key: '3158fce29535f07663d2ad8973d09635d2ee5e18' })));
+            } }, config.h("slot", { key: '3158fce29535f07663d2ad8973d09635d2ee5e18' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "activated": ["activatedChanged"]
     }; }

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

@@ -5,19 +5,19 @@
 
 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 imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
 const IonImgStyle0 = imgCss;
 
 const Img = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionImgWillLoad = index.createEvent(this, "ionImgWillLoad", 7);
-        this.ionImgDidLoad = index.createEvent(this, "ionImgDidLoad", 7);
-        this.ionError = index.createEvent(this, "ionError", 7);
+        config.registerInstance(this, hostRef);
+        this.ionImgWillLoad = config.createEvent(this, "ionImgWillLoad", 7);
+        this.ionImgDidLoad = config.createEvent(this, "ionImgDidLoad", 7);
+        this.ionError = config.createEvent(this, "ionError", 7);
         this.inheritedAttributes = {};
         this.onLoad = () => {
             this.ionImgDidLoad.emit();
@@ -81,11 +81,11 @@ const Img = class {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '50b0d4416440b0f33788b176392257d192a804dd', class: {
+        return (config.h(config.Host, { key: '50b0d4416440b0f33788b176392257d192a804dd', class: {
                 [theme]: true,
-            } }, index.h("img", { key: '5658e3d8b7333a49cd864ac69e6ae2b0036c134d', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+            } }, config.h("img", { key: '5658e3d8b7333a49cd864ac69e6ae2b0036c134d', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "src": ["srcChanged"]
     }; }

package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -5,19 +5,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const index$1 = require('./index-2fa32189.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const config = require('./config-4f60b98a.js');
-require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const index = require('./index-1d02518d.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const config$1 = require('./config-4f60b98a.js');
+require('./helpers-e75eb909.js');
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
 const IonInfiniteScrollStyle0 = infiniteScrollCss;
 
 const InfiniteScroll = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionInfinite = index.createEvent(this, "ionInfinite", 7);
+        config.registerInstance(this, hostRef);
+        this.ionInfinite = config.createEvent(this, "ionInfinite", 7);
         this.thrPx = 0;
         this.thrPc = 0;
         /**
@@ -81,16 +81,16 @@ const InfiniteScroll = class {
         this.enableScrollEvents(!disabled);
     }
     async connectedCallback() {
-        const contentEl = index$1.findClosestIonContent(this.el);
+        const contentEl = index.findClosestIonContent(this.el);
         if (!contentEl) {
-            index$1.printIonContentErrorMsg(this.el);
+            index.printIonContentErrorMsg(this.el);
             return;
         }
-        this.scrollEl = await index$1.getScrollElement(contentEl);
+        this.scrollEl = await index.getScrollElement(contentEl);
         this.thresholdChanged();
         this.disabledChanged();
         if (this.position === 'top') {
-            index.writeTask(() => {
+            config.writeTask(() => {
                 if (this.scrollEl) {
                     this.scrollEl.scrollTop = this.scrollEl.scrollHeight - this.scrollEl.clientHeight;
                 }
@@ -143,14 +143,14 @@ const InfiniteScroll = class {
             const prev = scrollEl.scrollHeight - scrollEl.scrollTop;
             // ******** DOM READ ****************
             requestAnimationFrame(() => {
-                index.readTask(() => {
+                config.readTask(() => {
                     // UI has updated, save the new content dimensions
                     const scrollHeight = scrollEl.scrollHeight;
                     // New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
                     const newScrollTop = scrollHeight - prev;
                     // ******** DOM WRITE ****************
                     requestAnimationFrame(() => {
-                        index.writeTask(() => {
+                        config.writeTask(() => {
                             scrollEl.scrollTop = newScrollTop;
                             this.isBusy = false;
                             this.didFire = false;
@@ -179,13 +179,13 @@ const InfiniteScroll = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const disabled = this.disabled;
-        return (index.h(index.Host, { key: '510d34ac956ef88ebe5ec6ea658391f18ae77113', class: {
+        return (config.h(config.Host, { key: '510d34ac956ef88ebe5ec6ea658391f18ae77113', class: {
                 [theme]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
             } }));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "threshold": ["thresholdChanged"],
         "disabled": ["disabledChanged"]
@@ -204,31 +204,31 @@ const IonInfiniteScrollContentMdStyle0 = infiniteScrollContentMdCss;
 
 const InfiniteScrollContent = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+        config.registerInstance(this, hostRef);
+        this.customHTMLEnabled = config.config.get('innerHTMLTemplatesEnabled', config$1.ENABLE_HTML_CONTENT_DEFAULT);
         this.loadingSpinner = undefined;
         this.loadingText = undefined;
     }
     componentDidLoad() {
         if (this.loadingSpinner === undefined) {
             const theme = ionicGlobal.getIonTheme(this);
-            this.loadingSpinner = ionicGlobal.config.get('infiniteLoadingSpinner', ionicGlobal.config.get('spinner', theme === 'ios' ? 'lines' : 'crescent'));
+            this.loadingSpinner = config.config.get('infiniteLoadingSpinner', config.config.get('spinner', theme === 'ios' ? 'lines' : 'crescent'));
         }
     }
     renderLoadingText() {
         const { customHTMLEnabled, loadingText } = this;
         if (customHTMLEnabled) {
-            return index.h("div", { class: "infinite-loading-text", innerHTML: config.sanitizeDOMString(loadingText) });
+            return config.h("div", { class: "infinite-loading-text", innerHTML: config$1.sanitizeDOMString(loadingText) });
         }
-        return index.h("div", { class: "infinite-loading-text" }, this.loadingText);
+        return config.h("div", { class: "infinite-loading-text" }, this.loadingText);
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '5e07828d6779d069bcb8ad2fb30abd794dda6382', class: {
+        return (config.h(config.Host, { key: '5e07828d6779d069bcb8ad2fb30abd794dda6382', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${theme}`]: true,
-            } }, index.h("div", { key: '3b4860d1c460b48df8c088b1d802470b1aece653', class: "infinite-loading" }, this.loadingSpinner && (index.h("div", { key: '02cc45daab301bdec1fa8cadba665446b00efc65', class: "infinite-loading-spinner" }, index.h("ion-spinner", { key: '6a057d0ec87957c72df7f4566b0b5ce8114cced3', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, config.h("div", { key: '3b4860d1c460b48df8c088b1d802470b1aece653', class: "infinite-loading" }, this.loadingSpinner && (config.h("div", { key: '02cc45daab301bdec1fa8cadba665446b00efc65', class: "infinite-loading-spinner" }, config.h("ion-spinner", { key: '6a057d0ec87957c72df7f4566b0b5ce8114cced3', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

package/dist/cjs/ion-input-password-toggle.cjs.entry.js

@@ -5,10 +5,10 @@
 
 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 index$1 = require('./index-073c7cdc.js');
+const index = require('./index-073c7cdc.js');
 
 const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';
 
@@ -25,7 +25,7 @@ const IonInputPasswordToggleMdStyle0 = mdInputPasswordToggleCommonCss;
 
 const InputPasswordToggle = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.togglePasswordVisibility = () => {
             const { inputElRef } = this;
             if (!inputElRef) {
@@ -76,14 +76,14 @@ const InputPasswordToggle = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.eyeOff,
+            ios: index.eyeOff,
             ionic: eyeSlashSvg,
-            md: index$1.eyeOff,
+            md: index.eyeOff,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input password hide icon or the default icon
-        return ionicGlobal.config.get('inputPasswordHideIcon', defaultIcon);
+        return config.config.get('inputPasswordHideIcon', defaultIcon);
     }
     get inputPasswordShowIcon() {
         // Return the icon if it is explicitly set
@@ -93,31 +93,31 @@ const InputPasswordToggle = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.eye,
+            ios: index.eye,
             ionic: eyeSvg,
-            md: index$1.eye,
+            md: index.eye,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input password show icon or the default icon
-        return ionicGlobal.config.get('inputPasswordShowIcon', defaultIcon);
+        return config.config.get('inputPasswordShowIcon', defaultIcon);
     }
     render() {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = ionicGlobal.getIonMode(this);
         const isPasswordVisible = type === 'text';
-        return (index.h(index.Host, { key: '140bda3fc0a5a4dda16c9dfcf1254cc94c60206e', class: theme.createColorClasses(color, {
+        return (config.h(config.Host, { key: '140bda3fc0a5a4dda16c9dfcf1254cc94c60206e', class: theme.createColorClasses(color, {
                 [mode]: true,
-            }) }, index.h("ion-button", { key: 'ec84dcf19d488f9454eadc860e10be8f8a306f0b', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
+            }) }, config.h("ion-button", { key: 'ec84dcf19d488f9454eadc860e10be8f8a306f0b', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the password toggle
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '40d2804ffafda8cb18c4f55af8cb6f7916c7c466', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, config.h("ion-icon", { key: '40d2804ffafda8cb18c4f55af8cb6f7916c7c466', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "type": ["onTypeChange"]
     }; }

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

@@ -5,15 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const x = require('./x-81a8f51c.js');
-const notchController = require('./notch-controller-d69150f5.js');
-const helpers = require('./helpers-afaa9001.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const input_utils = require('./input.utils-44ff82f0.js');
+const notchController = require('./notch-controller-70ad2323.js');
+const helpers = require('./helpers-e75eb909.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const input_utils = require('./input.utils-ed749ecb.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-073c7cdc.js');
-require('./index-c8d52405.js');
+const index = require('./index-073c7cdc.js');
 
 const inputIonicCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ionic-h,.input-label-placement-stacked.sc-ion-input-ionic-h{min-height:56px}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic{inset-inline-start:0}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.input-clear-icon.sc-ion-input-ionic:focus{opacity:0.5}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{display:none}.input-fill-outline.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-100, 4px);--padding-start:12px;--padding-end:12px}.input-fill-outline.input-size-large.sc-ion-input-ionic-h{--padding-start:16px;--padding-end:16px}.input-fill-outline.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:20px;--padding-end:20px}.input-fill-outline.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-bottom:none;background:transparent}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{position:relative}.input-fill-outline.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{border-radius:inherit;-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);min-height:40px;background:var(--background)}.input-fill-outline.sc-ion-input-ionic-h .input-outline.sc-ion-input-ionic{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color)}.label-floating.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:4px;padding-bottom:4px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=end],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=end]{-webkit-margin-start:8px;margin-inline-start:8px}.input-fill-outline.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-200, 8px)}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-full, 999px)}.input-fill-outline.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}.input-fill-outline.has-focus.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-050, 2px)}.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-1000, #3b3b3b);--border-width:var(--ionic-border-size-025, 1px);--border-color:var(--ionic-color-neutral-300, #cfcfcf);--highlight-color-valid:var(--ionic-color-success-base, #1ba433);--highlight-color-invalid:var(--ionic-color-danger-base, #e52929);--placeholder-color:var(--ionic-color-neutral-800, #626262);--placeholder-opacity:1;--text-color-invalid:var(--ionic-color-danger-800, #bf2222);--background:var(--ionic-color-base-white, #ffffff);font-size:var(--ionic-font-size-350, 0.875rem)}.input-size-medium.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:40px}.input-size-large.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:48px}.input-size-xlarge.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:56px}.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--ionic-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--ionic-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--ionic-scale-1400, 56px)}.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:text;z-index:1}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.input-clear-icon.sc-ion-input-ionic{width:16px;height:16px;color:var(--ionic-color-neutral-500, #a2a2a2)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--ionic-border-radius-100, 4px);outline:var(--ionic-border-size-050, 2px) var(--ionic-border-style-solid, solid) var(--ionic-state-focus-1, #9ec4fd);opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:100%;height:100%}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic{display:none}.label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-1000, #3b3b3b);font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-500, 20px)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:var(--ionic-space-100, 4px);padding-bottom:0;font-weight:var(--ionic-font-weight-medium, 500)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--ionic-color-neutral-800, #626262)}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--ionic-color-success-900, #126f23)}.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{color:var(--text-color-invalid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-025, 1px)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--ionic-color-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-400, #b9b9b9);--background:var(--ionic-color-neutral-100, #f1f1f1);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-500, #a2a2a2)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--ionic-color-neutral-100, #f1f1f1)}.input-highlight.sc-ion-input-ionic{bottom:-1px;position:absolute;width:100%;height:var(--ionic-border-size-050, 2px);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--border-color)}.input-highlight.sc-ion-input-ionic{inset-inline-start:0}.has-focus.sc-ion-input-ionic-h{--border-color:var(--ionic-color-primary-base, #105cef)}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}";
 const IonInputIonicStyle0 = inputIonicCss;
@@ -26,11 +25,11 @@ const IonInputMdStyle0 = inputMdCss;
 
 const Input = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionInput = index.createEvent(this, "ionInput", 7);
-        this.ionChange = index.createEvent(this, "ionChange", 7);
-        this.ionBlur = index.createEvent(this, "ionBlur", 7);
-        this.ionFocus = index.createEvent(this, "ionFocus", 7);
+        config.registerInstance(this, hostRef);
+        this.ionInput = config.createEvent(this, "ionInput", 7);
+        this.ionChange = config.createEvent(this, "ionChange", 7);
+        this.ionBlur = config.createEvent(this, "ionBlur", 7);
+        this.ionFocus = config.createEvent(this, "ionFocus", 7);
         this.inputId = `ion-input-${inputIds++}`;
         this.inheritedAttributes = {};
         this.isComposing = false;
@@ -169,7 +168,7 @@ const Input = class {
     }
     connectedCallback() {
         const { el } = this;
-        this.slotMutationController = input_utils.createSlotMutationController(el, ['label', 'start', 'end'], () => index.forceUpdate(this));
+        this.slotMutationController = input_utils.createSlotMutationController(el, ['label', 'start', 'end'], () => config.forceUpdate(this));
         this.notchController = notchController.createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
         this.debounceChanged();
         {
@@ -355,14 +354,14 @@ const Input = class {
      */
     renderHintText() {
         const { helperText, errorText } = this;
-        return [index.h("div", { class: "helper-text" }, helperText), index.h("div", { class: "error-text" }, errorText)];
+        return [config.h("div", { class: "helper-text" }, helperText), config.h("div", { class: "error-text" }, errorText)];
     }
     renderCounter() {
         const { counter, maxlength, counterFormatter, value } = this;
         if (counter !== true || maxlength === undefined) {
             return;
         }
-        return index.h("div", { class: "counter" }, input_utils.getCounterText(value, maxlength, counterFormatter));
+        return config.h("div", { class: "counter" }, input_utils.getCounterText(value, maxlength, counterFormatter));
     }
     /**
      * Responsible for rendering helper text,
@@ -380,14 +379,14 @@ const Input = class {
         if (!hasHintText && !hasCounter) {
             return;
         }
-        return (index.h("div", { class: "input-bottom" }, this.renderHintText(), this.renderCounter()));
+        return (config.h("div", { class: "input-bottom" }, this.renderHintText(), this.renderCounter()));
     }
     renderLabel() {
         const { label } = this;
-        return (index.h("div", { class: {
+        return (config.h("div", { class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            } }, label === undefined ? index.h("slot", { name: "label" }) : index.h("div", { class: "label-text" }, label)));
+            } }, label === undefined ? config.h("slot", { name: "label" }) : config.h("div", { class: "label-text" }, label)));
     }
     /**
      * Gets any content passed into the `label` slot,
@@ -421,10 +420,10 @@ const Input = class {
              * inside of that border by using the notch-spacer element.
              */
             return [
-                index.h("div", { class: "input-outline-container" }, index.h("div", { class: "input-outline-start" }), index.h("div", { class: {
+                config.h("div", { class: "input-outline-container" }, config.h("div", { class: "input-outline-start" }), config.h("div", { class: {
                         'input-outline-notch': true,
                         'input-outline-notch-hidden': !this.hasLabel,
-                    } }, index.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), index.h("div", { class: "input-outline-end" })),
+                    } }, config.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), config.h("div", { class: "input-outline-end" })),
                 this.renderLabel(),
             ];
         }
@@ -451,14 +450,14 @@ const Input = class {
         // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
         const defaultIcons = {
-            ios: index$1.closeCircle,
+            ios: index.closeCircle,
             ionic: x.xSvg,
-            md: index$1.closeSharp,
+            md: index.closeSharp,
         };
         // Get the default icon based on the theme, falling back to 'md' icon if necessary
         const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input clear icon or the default icon
-        return ionicGlobal.config.get('inputClearIcon', defaultIcon);
+        return config.config.get('inputClearIcon', defaultIcon);
     }
     render() {
         const { disabled, readonly, inputId, el, hasFocus, clearInput, inputClearIcon } = this;
@@ -490,7 +489,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: '95fe18aa3f3056ce88a2f08c0e47382213e0eeb2', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '95fe18aa3f3056ce88a2f08c0e47382213e0eeb2', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -503,7 +502,7 @@ const Input = class {
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, index.h("label", { key: '088e5cbdc63481e83f2cecf1228e31533de11fe3', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '0311bc8d8ca91920c9ed8630762933d10a5d8df4', class: "native-wrapper" }, 
+            }) }, config.h("label", { key: '088e5cbdc63481e83f2cecf1228e31533de11fe3', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), config.h("div", { key: '0311bc8d8ca91920c9ed8630762933d10a5d8df4', class: "native-wrapper" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -513,7 +512,7 @@ const Input = class {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '8dd4695edebba5964e1dbb1d733b2d2e636ec581', class: "input-outline" }), index.h("slot", { key: '2065978166c9017f9383de71861babdfc3fb1cbe', name: "start" }), index.h("input", Object.assign({ key: '8fb6627afac9457eb23abb149607566a18175ef4', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (index.h("button", { key: '739f486081fc9e7ba6b1387dd6a813f3a2eb484a', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+        theme$1 === 'ionic' && fill === 'outline' && config.h("div", { key: '8dd4695edebba5964e1dbb1d733b2d2e636ec581', class: "input-outline" }), config.h("slot", { key: '2065978166c9017f9383de71861babdfc3fb1cbe', name: "start" }), config.h("input", Object.assign({ key: '8fb6627afac9457eb23abb149607566a18175ef4', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (config.h("button", { key: '739f486081fc9e7ba6b1387dd6a813f3a2eb484a', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
@@ -528,9 +527,9 @@ const Input = class {
                  * for screen readers as it means users would be unable to swipe past the clear button.
                  */
                 ev.stopPropagation();
-            }, onClick: this.clearTextInput }, index.h("ion-icon", { key: '0775e8fa9b9cf9df17743472edbc2f307e4f4b9a', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '72e48a851f3fb2450af96f9d271b27dcb0bca047', name: "end" })), shouldRenderHighlight && index.h("div", { key: 'e91752ecd290374ae7adbe0b99163092a9e3f0fd', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, config.h("ion-icon", { key: '0775e8fa9b9cf9df17743472edbc2f307e4f4b9a', "aria-hidden": "true", icon: inputClearIcon }))), config.h("slot", { key: '72e48a851f3fb2450af96f9d271b27dcb0bca047', name: "end" })), shouldRenderHighlight && config.h("div", { key: 'e91752ecd290374ae7adbe0b99163092a9e3f0fd', class: "input-highlight" })), this.renderBottomContent()));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
         "type": ["onTypeChange"],