@ionic/core 8.3.2-dev.11728314937.130218e6 → 8.3.2-dev.11729014526.1ab61c12

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
+const index = require('./index-73f75efb.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
 const spinnerConfigs = require('./spinner-configs-282fd50a.js');
 
 const spinnerIonicCss = ":host{display:inline-block;position:relative;width:28px;height:28px;color:var(--color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.ion-color){color:var(--ion-color-base)}svg{-webkit-transform-origin:center;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}:host-context([dir=rtl]) svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}[dir=rtl] svg{-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){svg:dir(rtl){-webkit-transform-origin:calc(100% - center);transform-origin:calc(100% - center)}}:host(.spinner-lines) line,:host(.spinner-lines-small) line{stroke-width:7px}:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-width:4px}:host(.spinner-lines) line,:host(.spinner-lines-small) line,:host(.spinner-lines-sharp) line,:host(.spinner-lines-sharp-small) line{stroke-linecap:round;stroke:currentColor}:host(.spinner-lines) svg,:host(.spinner-lines-small) svg,:host(.spinner-lines-sharp) svg,:host(.spinner-lines-sharp-small) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite}:host(.spinner-bubbles) svg{-webkit-animation:spinner-scale-out 1s linear infinite;animation:spinner-scale-out 1s linear infinite;fill:currentColor}:host(.spinner-circles) svg{-webkit-animation:spinner-fade-out 1s linear infinite;animation:spinner-fade-out 1s linear infinite;fill:currentColor}:host(.spinner-crescent) circle{fill:transparent;stroke-width:4px;stroke-dasharray:128px;stroke-dashoffset:82px;stroke:currentColor}:host(.spinner-crescent) svg{-webkit-animation:spinner-rotate 1s linear infinite;animation:spinner-rotate 1s linear infinite}:host(.spinner-dots) circle{stroke-width:0;fill:currentColor}:host(.spinner-dots) svg{-webkit-animation:spinner-dots 1s linear infinite;animation:spinner-dots 1s linear infinite}:host(.spinner-circular) svg{-webkit-animation:spinner-circular linear infinite;animation:spinner-circular linear infinite}:host(.spinner-circular) circle{-webkit-animation:spinner-circular-inner ease-in-out infinite;animation:spinner-circular-inner ease-in-out infinite;stroke:currentColor;stroke-dasharray:80px, 200px;stroke-dashoffset:0px;stroke-width:5.6;fill:none}:host(.spinner-paused),:host(.spinner-paused) svg,:host(.spinner-paused) circle{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes spinner-fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@keyframes spinner-scale-out{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@keyframes spinner-dots{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}50%{-webkit-transform:scale(0.4, 0.4);transform:scale(0.4, 0.4);opacity:0.3}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0.9}}@-webkit-keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-circular{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}@keyframes spinner-circular-inner{0%{stroke-dasharray:1px, 200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px, 200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px, 200px;stroke-dashoffset:-125px}}:host{--color:var(--ionic-color-neutral-800, #626262)}:host(.spinner-xsmall){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.spinner-small){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.spinner-medium){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}:host(.spinner-large){width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px)}:host(.spinner-xlarge){width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px)}";
@@ -21,7 +21,7 @@ const IonSpinnerMdStyle0 = mdSpinnerCommonCss;
 
 const Spinner = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.color = undefined;
         this.duration = undefined;
         this.name = undefined;
@@ -29,7 +29,7 @@ const Spinner = class {
         this.size = undefined;
     }
     getName() {
-        const spinnerName = this.name || config.config.get('spinner');
+        const spinnerName = this.name || ionicGlobal.config.get('spinner');
         const mode = ionicGlobal.getIonMode(this);
         if (spinnerName) {
             return spinnerName;
@@ -67,23 +67,23 @@ const Spinner = class {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (config.h(config.Host, { key: '49fd776ff3793a76b111c1f0e0fc0755d1d28d6c', class: theme.createColorClasses(self.color, {
+        return (index.h(index.Host, { key: '49fd776ff3793a76b111c1f0e0fc0755d1d28d6c', class: theme.createColorClasses(self.color, {
                 [theme$1]: true,
                 [`spinner-${spinnerName}`]: true,
-                'spinner-paused': self.paused || config.config.getBoolean('_testing'),
+                'spinner-paused': self.paused || ionicGlobal.config.getBoolean('_testing'),
                 [`spinner-${size}`]: size !== undefined,
             }), role: "progressbar", style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} }, svgs));
     }
 };
-const buildCircle = (spinner, duration, index, total) => {
-    const data = spinner.fn(duration, index, total);
+const buildCircle = (spinner, duration, index$1, total) => {
+    const data = spinner.fn(duration, index$1, total);
     data.style['animation-duration'] = duration + 'ms';
-    return (config.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, config.h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
+    return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("circle", { transform: data.transform || 'translate(32,32)', cx: data.cx, cy: data.cy, r: data.r, style: spinner.elmDuration ? { animationDuration: duration + 'ms' } : {} })));
 };
-const buildLine = (spinner, duration, index, total) => {
-    const data = spinner.fn(duration, index, total);
+const buildLine = (spinner, duration, index$1, total) => {
+    const data = spinner.fn(duration, index$1, total);
     data.style['animation-duration'] = duration + 'ms';
-    return (config.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, config.h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
+    return (index.h("svg", { viewBox: data.viewBox || '0 0 64 64', style: data.style }, index.h("line", { transform: "translate(32,32)", y1: data.y1, y2: data.y2 })));
 };
 Spinner.style = {
     ionic: IonSpinnerIonicStyle0,

package/dist/cjs/ion-split-pane.cjs.entry.js

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const index = require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
 
 const ionicSplitPaneMdCss = ":host{--side-width:100%;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;contain:strict}:host(.split-pane-visible) ::slotted(.split-pane-main){right:0;left:0;top:0;bottom:0;position:relative;-ms-flex:1;flex:1;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;z-index:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--side-min-width:270px;--side-max-width:28%}";
 const IonSplitPaneIonicStyle0 = ionicSplitPaneMdCss;
@@ -30,8 +30,8 @@ const QUERY = {
 };
 const SplitPane = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionSplitPaneVisible = config.createEvent(this, "ionSplitPaneVisible", 7);
+        index.registerInstance(this, hostRef);
+        this.ionSplitPaneVisible = index.createEvent(this, "ionSplitPaneVisible", 7);
         this.visible = false;
         this.contentId = undefined;
         this.disabled = false;
@@ -128,14 +128,14 @@ const SplitPane = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
+        return (index.h(index.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, config.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
+            } }, index.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "visible": ["visibleChanged"],
         "disabled": ["updateState"],

package/dist/cjs/ion-tab-bar_2.cjs.entry.js

@@ -5,13 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const keyboardController = require('./keyboard-controller-020444ad.js');
+const index = require('./index-73f75efb.js');
+const keyboardController = require('./keyboard-controller-c05e747a.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
-const helpers = require('./helpers-e75eb909.js');
-require('./keyboard-ed6e1327.js');
-require('./capacitor-806e7fee.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
+const helpers = require('./helpers-afaa9001.js');
+require('./index-c8d52405.js');
+require('./keyboard-0272231f.js');
+require('./capacitor-c04564bf.js');
 
 const tabBarIonicCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{--background:var(--ion-tab-bar-background, var(--ionic-color-base-white, #ffffff));--background-activated:var(--ion-tab-bar-background-activated, var(--ionic-color-neutral-100, #f1f1f1));--background-focused:var(--ion-tab-bar-background-focused, transparent);--color:var(--ion-tab-bar-color, var(--ionic-color-neutral-800, #626262));--color-selected:var(--ion-tab-bar-color-selected, var(--ionic-color-primary-base, #105cef));min-height:calc(var(--ionic-scale-1400, 56px) - var(--ionic-space-100, 4px) * 2);gap:var(--ionic-space-300, 12px);z-index:10}:host(.tab-bar-full){padding-top:var(--ionic-space-100, 4px);padding-bottom:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-bottom, 0));padding-right:calc(var(--ionic-space-400, 16px) + var(--ion-safe-area-right, 0));padding-left:calc(var(--ionic-space-400, 16px) + var(--ion-safe-area-left, 0));}:host([slot=top].tab-bar-full){padding-top:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-top, 0));padding-bottom:var(--ionic-space-100, 4px)}:host(.tab-bar-compact){-webkit-padding-start:var(--ionic-space-400, 16px);padding-inline-start:var(--ionic-space-400, 16px);-webkit-padding-end:var(--ionic-space-400, 16px);padding-inline-end:var(--ionic-space-400, 16px);padding-top:var(--ionic-space-100, 4px);padding-bottom:var(--ionic-space-100, 4px);position:absolute;-ms-flex-item-align:center;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-shadow:var(--ionic-elevation-200, 0px 8px 25px 0px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.05));box-shadow:var(--ionic-elevation-200, 0px 8px 25px 0px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.05));contain:content}:host([slot=top].tab-bar-compact){top:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-top, 0))}:host([slot=bottom].tab-bar-compact){bottom:calc(var(--ionic-space-100, 4px) + var(--ion-safe-area-bottom, 0))}:host(.tab-bar-soft){border-radius:var(--ionic-border-radius-400, 16px)}:host(.tab-bar-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.tab-bar-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}";
 const IonTabBarIonicStyle0 = tabBarIonicCss;
@@ -24,9 +25,9 @@ const IonTabBarMdStyle0 = tabBarMdCss;
 
 const TabBar = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionTabBarChanged = config.createEvent(this, "ionTabBarChanged", 7);
-        this.ionTabBarLoaded = config.createEvent(this, "ionTabBarLoaded", 7);
+        index.registerInstance(this, hostRef);
+        this.ionTabBarChanged = index.createEvent(this, "ionTabBarChanged", 7);
+        this.ionTabBarLoaded = index.createEvent(this, "ionTabBarLoaded", 7);
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
         this.color = undefined;
@@ -83,15 +84,15 @@ const TabBar = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (config.h(config.Host, { key: 'd40f03145bfe9e017b6f894efe6a7cb102da0074', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'd40f03145bfe9e017b6f894efe6a7cb102da0074', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
                 [`tab-bar-${expand}`]: true,
                 [`tab-bar-${shape}`]: shape !== undefined,
-            }) }, config.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
+            }) }, index.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
     }; }
@@ -113,8 +114,8 @@ const IonTabButtonMdStyle0 = tabButtonMdCss;
 
 const TabButton = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionTabButtonClick = config.createEvent(this, "ionTabButtonClick", 7);
+        index.registerInstance(this, hostRef);
+        this.ionTabButtonClick = index.createEvent(this, "ionTabButtonClick", 7);
         this.inheritedAttributes = {};
         this.onKeyUp = (ev) => {
             if (ev.key === 'Enter' || ev.key === ' ') {
@@ -143,7 +144,7 @@ const TabButton = class {
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, helpers.inheritAttributes(this.el, ['aria-label']));
         if (this.layout === undefined) {
-            this.layout = config.config.get('tabButtonLayout', 'icon-top');
+            this.layout = ionicGlobal.config.get('tabButtonLayout', 'icon-top');
         }
     }
     selectTab(ev) {
@@ -173,7 +174,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (config.h(config.Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (index.h(index.Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [theme]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -185,9 +186,9 @@ const TabButton = class {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, config.h("a", Object.assign({ key: 'fa0e9730e8b396d83df43a97b41067bbc6b195c2' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), config.h("span", { key: '70b80731de0115a7720de8f0e1f16bac4eb326c3', class: "button-inner" }, config.h("slot", { key: '3abf65a17ef45a00ae54909b3301f68117a04575' })), theme === 'md' && config.h("ion-ripple-effect", { key: 'becf3d93675dc8943dc16fc27d204b5c1ad00817', type: "unbounded" }))));
+            } }, index.h("a", Object.assign({ key: 'fa0e9730e8b396d83df43a97b41067bbc6b195c2' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), index.h("span", { key: '70b80731de0115a7720de8f0e1f16bac4eb326c3', class: "button-inner" }, index.h("slot", { key: '3abf65a17ef45a00ae54909b3301f68117a04575' })), theme === 'md' && index.h("ion-ripple-effect", { key: 'becf3d93675dc8943dc16fc27d204b5c1ad00817', type: "unbounded" }))));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 TabButton.style = {
     ionic: IonTabButtonIonicStyle0,

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

@@ -5,16 +5,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
-require('./helpers-e75eb909.js');
+const index = require('./index-73f75efb.js');
+const frameworkDelegate = require('./framework-delegate-55f5683a.js');
+require('./helpers-afaa9001.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;
 
 const Tab = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.loaded = false;
         this.active = false;
         this.delegate = undefined;
@@ -50,12 +50,12 @@ const Tab = class {
     }
     render() {
         const { tab, active, component } = this;
-        return (config.h(config.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (index.h(index.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, config.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
+            } }, index.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "active": ["changeActive"]
     }; }
@@ -67,10 +67,10 @@ const IonTabsStyle0 = tabsCss;
 
 const Tabs = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionNavWillLoad = config.createEvent(this, "ionNavWillLoad", 7);
-        this.ionTabsWillChange = config.createEvent(this, "ionTabsWillChange", 3);
-        this.ionTabsDidChange = config.createEvent(this, "ionTabsDidChange", 3);
+        index.registerInstance(this, hostRef);
+        this.ionNavWillLoad = index.createEvent(this, "ionNavWillLoad", 7);
+        this.ionTabsWillChange = index.createEvent(this, "ionTabsWillChange", 3);
+        this.ionTabsDidChange = index.createEvent(this, "ionTabsDidChange", 3);
         this.transitioning = false;
         this.onTabClicked = (ev) => {
             const { href, tab } = ev.detail;
@@ -207,9 +207,9 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (config.h(config.Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, config.h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), config.h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, config.h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), config.h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
+        return (index.h(index.Host, { key: '8c49b3444aa8b7644ae33e473185cd649c33b928', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'b7109de372e44f8859e3510fe811ec2f99d87f43', name: "top" }), index.h("div", { key: 'b1fd35fec85c725988b4411ec3d06d36e60c0443', class: "tabs-inner" }, index.h("slot", { key: '9a7a8d71899a99141894bf4ff13dfad7e87cd444' })), index.h("slot", { key: '11146e83424167f84f5c755b4449801223c06527', name: "bottom" })));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 const getTab = (tabs, tab) => {
     const tabEl = typeof tab === 'string' ? tabs.find((t) => t.tab === tab) : tab;

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

@@ -5,23 +5,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
+const index = require('./index-73f75efb.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
 
 const Text = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
+        index.registerInstance(this, hostRef);
         this.color = undefined;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (config.h(config.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, config.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
+            }) }, index.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
     }
 };
 Text.style = IonTextStyle0;

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

@@ -5,12 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const config = require('./config-1349d5b4.js');
-const notchController = require('./notch-controller-70ad2323.js');
-const helpers = require('./helpers-e75eb909.js');
-const input_utils = require('./input.utils-ed749ecb.js');
+const index = require('./index-73f75efb.js');
+const notchController = require('./notch-controller-d69150f5.js');
+const helpers = require('./helpers-afaa9001.js');
+const input_utils = require('./input.utils-44ff82f0.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const ionicGlobal = require('./ionic-global-5df85d73.js');
+require('./index-c8d52405.js');
 
 const textareaIonicCss = ".sc-ion-textarea-ionic-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0;--padding-end:0;--padding-bottom:8px;--padding-start:0;--border-radius:0;--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%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}[cols].sc-ion-textarea-ionic-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ion-color.sc-ion-textarea-ionic-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ionic-h,ion-item .sc-ion-textarea-ionic-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item[slot=start].sc-ion-textarea-ionic-h,ion-item [slot=start].sc-ion-textarea-ionic-h,ion-item[slot=end].sc-ion-textarea-ionic-h,ion-item [slot=end].sc-ion-textarea-ionic-h{width:auto}.native-textarea.sc-ion-textarea-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-ionic::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ionic::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ionic:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ionic::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ionic::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ionic{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;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-textarea-ionic{inset-inline-start:0}.cloned-input.sc-ion-textarea-ionic:disabled{opacity:1}[auto-grow].sc-ion-textarea-ionic-h .cloned-input.sc-ion-textarea-ionic{height:100%}[auto-grow].sc-ion-textarea-ionic-h .native-textarea.sc-ion-textarea-ionic{overflow:hidden}.textarea-wrapper.sc-ion-textarea-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:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;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-textarea-ionic{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ionic{display:grid;min-width:inherit;max-width:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ionic::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ionic::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);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;grid-area:1/1/2/2;word-break:break-word}.textarea-wrapper-inner.sc-ion-textarea-ionic{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ionic-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ionic{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color)}.has-focus.ion-valid.sc-ion-textarea-ionic-h,.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ionic .error-text.sc-ion-textarea-ionic{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ionic .helper-text.sc-ion-textarea-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic .error-text.sc-ion-textarea-ionic{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic .helper-text.sc-ion-textarea-ionic{display:none}.textarea-bottom.sc-ion-textarea-ionic .counter.sc-ion-textarea-ionic{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.label-text-wrapper.sc-ion-textarea-ionic{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);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-textarea-ionic,.sc-ion-textarea-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ionic,.textarea-outline-notch-hidden.sc-ion-textarea-ionic{display:none}.textarea-wrapper.sc-ion-textarea-ionic textarea.sc-ion-textarea-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-end.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-fixed.sc-ion-textarea-ionic-h .label-text.sc-ion-textarea-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.has-value.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{opacity:1}.label-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.start-slot-wrapper.sc-ion-textarea-ionic,.end-slot-wrapper.sc-ion-textarea-ionic{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}.textarea-fill-outline.sc-ion-textarea-ionic-h{--border-width:var(--ionic-border-size-025, 1px);--border-color:var(--ionic-color-neutral-500, #a2a2a2)}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{background:initial}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-wrapper-inner.sc-ion-textarea-ionic{position:relative}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline.sc-ion-textarea-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);background:var(--background)}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic{border-top:none}.textarea-fill-outline.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{margin-top:var(--ionic-space-100, 4px)}.sc-ion-textarea-ionic-h{--color:var(--ionic-color-neutral-1200, #242424);--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;--background:var(--ionic-color-base-white, #ffffff);font-size:var(--ionic-font-size-350, 0.875rem);font-weight:var(--ionic-font-weight-regular, 400);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-600, 24px);text-decoration:none;text-transform:none}.textarea-wrapper-inner.sc-ion-textarea-ionic{height:0}.textarea-size-small.sc-ion-textarea-ionic-h .textarea-wrapper-inner.sc-ion-textarea-ionic{--padding-top:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-300, 12px);--padding-bottom:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-300, 12px);min-height:var(--ionic-scale-2800, 112px)}.textarea-size-medium.sc-ion-textarea-ionic-h .textarea-wrapper-inner.sc-ion-textarea-ionic{--padding-top:var(--ionic-space-300, 12px);--padding-end:var(--ionic-space-400, 16px);--padding-bottom:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-400, 16px);min-height:var(--ionic-scale-3400, 136px)}.textarea-size-large.sc-ion-textarea-ionic-h .textarea-wrapper-inner.sc-ion-textarea-ionic{--padding-top:var(--ionic-space-400, 16px);--padding-end:var(--ionic-space-500, 20px);--padding-bottom:var(--ionic-space-400, 16px);--padding-start:var(--ionic-space-500, 20px);min-height:var(--ionic-scale-3600, 144px)}.textarea-shape-soft.sc-ion-textarea-ionic-h{--border-radius:var(--ionic-border-radius-200, 8px)}.textarea-shape-round.sc-ion-textarea-ionic-h{--border-radius:var(--ionic-border-radius-400, 16px)}.textarea-shape-rectangular.sc-ion-textarea-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}.textarea-wrapper.sc-ion-textarea-ionic{gap:var(--ionic-space-100, 4px)}.textarea-wrapper-inner.sc-ion-textarea-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)}[auto-grow].sc-ion-textarea-ionic-h .textarea-wrapper-inner.sc-ion-textarea-ionic{height:auto}[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic{min-height:inherit;max-height:inherit}.label-text-wrapper.sc-ion-textarea-ionic{font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none;color:var(--ionic-color-neutral-1000, #3b3b3b)}.label-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform:none;transform:none}ion-icon.sc-ion-textarea-ionic{color:var(--ionic-color-neutral-800, #626262);font-size:var(--ionic-scale-400, 16px)}.start-slot-wrapper.sc-ion-textarea-ionic,.end-slot-wrapper.sc-ion-textarea-ionic{margin-top:var(--ionic-space-050, 2px)}.textarea-bottom.sc-ion-textarea-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(--ionic-space-100, 4px);font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);letter-spacing:var(--ionic-letter-spacing-0, 0);line-height:var(--ionic-line-height-500, 20px);text-decoration:none;text-transform:none}.textarea-bottom.sc-ion-textarea-ionic .helper-text.sc-ion-textarea-ionic,.textarea-bottom.sc-ion-textarea-ionic .counter.sc-ion-textarea-ionic{color:var(--ionic-color-neutral-800, #626262)}";
 const IonTextareaIonicStyle0 = textareaIonicCss;
@@ -23,11 +24,11 @@ const IonTextareaMdStyle0 = textareaMdCss;
 
 const Textarea = class {
     constructor(hostRef) {
-        config.registerInstance(this, hostRef);
-        this.ionChange = config.createEvent(this, "ionChange", 7);
-        this.ionInput = config.createEvent(this, "ionInput", 7);
-        this.ionBlur = config.createEvent(this, "ionBlur", 7);
-        this.ionFocus = config.createEvent(this, "ionFocus", 7);
+        index.registerInstance(this, hostRef);
+        this.ionChange = index.createEvent(this, "ionChange", 7);
+        this.ionInput = index.createEvent(this, "ionInput", 7);
+        this.ionBlur = index.createEvent(this, "ionBlur", 7);
+        this.ionFocus = index.createEvent(this, "ionFocus", 7);
         this.inputId = `ion-textarea-${textareaIds++}`;
         /**
          * `true` if the textarea was cleared as a result of the user typing
@@ -124,7 +125,7 @@ const Textarea = class {
     }
     connectedCallback() {
         const { el } = this;
-        this.slotMutationController = input_utils.createSlotMutationController(el, ['label', 'start', 'end'], () => config.forceUpdate(this));
+        this.slotMutationController = input_utils.createSlotMutationController(el, ['label', 'start', 'end'], () => index.forceUpdate(this));
         this.notchController = notchController.createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
         this.debounceChanged();
         {
@@ -206,7 +207,7 @@ const Textarea = class {
     }
     runAutoGrow() {
         if (this.nativeInput && this.autoGrow) {
-            config.writeTask(() => {
+            index.writeTask(() => {
                 var _a;
                 if (this.textareaWrapper) {
                     // Replicated value is an attribute to be used in the stylesheet
@@ -264,10 +265,10 @@ const Textarea = class {
     }
     renderLabel() {
         const { label } = this;
-        return (config.h("div", { class: {
+        return (index.h("div", { class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            } }, label === undefined ? config.h("slot", { name: "label" }) : config.h("div", { class: "label-text" }, label)));
+            } }, label === undefined ? index.h("slot", { name: "label" }) : index.h("div", { class: "label-text" }, label)));
     }
     /**
      * Gets any content passed into the `label` slot,
@@ -309,10 +310,10 @@ const Textarea = class {
              * inside of that border by using the notch-spacer element.
              */
             return [
-                config.h("div", { class: "textarea-outline-container" }, config.h("div", { class: "textarea-outline-start" }), config.h("div", { class: {
+                index.h("div", { class: "textarea-outline-container" }, index.h("div", { class: "textarea-outline-start" }), index.h("div", { class: {
                         'textarea-outline-notch': true,
                         'textarea-outline-notch-hidden': !this.hasLabel,
-                    } }, config.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), config.h("div", { class: "textarea-outline-end" })),
+                    } }, index.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), index.h("div", { class: "textarea-outline-end" })),
                 this.renderLabel(),
             ];
         }
@@ -327,14 +328,14 @@ const Textarea = class {
      */
     renderHintText() {
         const { helperText, errorText } = this;
-        return [config.h("div", { class: "helper-text" }, helperText), config.h("div", { class: "error-text" }, errorText)];
+        return [index.h("div", { class: "helper-text" }, helperText), index.h("div", { class: "error-text" }, errorText)];
     }
     renderCounter() {
         const { counter, maxlength, counterFormatter, value } = this;
         if (counter !== true || maxlength === undefined) {
             return;
         }
-        return config.h("div", { class: "counter" }, input_utils.getCounterText(value, maxlength, counterFormatter));
+        return index.h("div", { class: "counter" }, input_utils.getCounterText(value, maxlength, counterFormatter));
     }
     /**
      * Responsible for rendering helper text,
@@ -352,7 +353,7 @@ const Textarea = class {
         if (!hasHintText && !hasCounter) {
             return;
         }
-        return (config.h("div", { class: "textarea-bottom" }, this.renderHintText(), this.renderCounter()));
+        return (index.h("div", { class: "textarea-bottom" }, this.renderHintText(), this.renderCounter()));
     }
     render() {
         const { inputId, disabled, fill, size, labelPlacement, el, hasFocus } = this;
@@ -381,7 +382,7 @@ const Textarea = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (config.h(config.Host, { key: '25f8192436c242c227cdcec236dc376a6ad4331d', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '25f8192436c242c227cdcec236dc376a6ad4331d', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -391,7 +392,7 @@ const Textarea = class {
                 [`textarea-size-${size}`]: true,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, config.h("label", { key: 'cd1a80101c9cc5c1123005e9e3bfe1ff06e9a5d8', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), config.h("div", { key: '68dffe868cdf170f0eab38e912a97c2374c82aaa', class: "textarea-wrapper-inner" }, 
+            }) }, index.h("label", { key: 'cd1a80101c9cc5c1123005e9e3bfe1ff06e9a5d8', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '68dffe868cdf170f0eab38e912a97c2374c82aaa', class: "textarea-wrapper-inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -401,9 +402,9 @@ const Textarea = class {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        theme$1 === 'ionic' && fill === 'outline' && config.h("div", { key: 'eafeed172c5deafd3e28e8dbc8339b9ab3d06298', class: "textarea-outline" }), config.h("div", { key: 'dae967e2619efd99e40db41dfde375d162a772a4', class: "start-slot-wrapper" }, config.h("slot", { key: '4d5d48dcd842bec3effbab43fdcbbca137f01237', name: "start" })), config.h("div", { key: 'd3b11f95a4b76dd13363ed67279bd09be8776b71', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, config.h("textarea", Object.assign({ key: 'e86bd3b607b29b67ebcdbfa0b2e73417df786e1d', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), config.h("div", { key: 'ac0788d419f7b74d6a4f35cbd8e7ae78412380a6', class: "end-slot-wrapper" }, config.h("slot", { key: 'b409e7f30418b2e70f4dcb43f184be9032591089', name: "end" }))), shouldRenderHighlight && config.h("div", { key: '35f5928604c3a35962d08e99d4eeeedebb53a470', class: "textarea-highlight" })), this.renderBottomContent()));
+        theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: 'eafeed172c5deafd3e28e8dbc8339b9ab3d06298', class: "textarea-outline" }), index.h("div", { key: 'dae967e2619efd99e40db41dfde375d162a772a4', class: "start-slot-wrapper" }, index.h("slot", { key: '4d5d48dcd842bec3effbab43fdcbbca137f01237', name: "start" })), index.h("div", { key: 'd3b11f95a4b76dd13363ed67279bd09be8776b71', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: 'e86bd3b607b29b67ebcdbfa0b2e73417df786e1d', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), index.h("div", { key: 'ac0788d419f7b74d6a4f35cbd8e7ae78412380a6', class: "end-slot-wrapper" }, index.h("slot", { key: 'b409e7f30418b2e70f4dcb43f184be9032591089', name: "end" }))), shouldRenderHighlight && index.h("div", { key: '35f5928604c3a35962d08e99d4eeeedebb53a470', class: "textarea-highlight" })), this.renderBottomContent()));
     }
-    get el() { return config.getElement(this); }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
         "value": ["valueChanged"]