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

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

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const 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) {
-        index.registerInstance(this, hostRef);
-        this.ionSplitPaneVisible = index.createEvent(this, "ionSplitPaneVisible", 7);
+        config.registerInstance(this, hostRef);
+        this.ionSplitPaneVisible = config.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 (index.h(index.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
+        return (config.h(config.Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`split-pane-${theme}`]: true,
                 'split-pane-visible': this.visible,
-            } }, index.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
+            } }, config.h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "visible": ["visibleChanged"],
         "disabled": ["updateState"],

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

@@ -5,14 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const keyboardController = require('./keyboard-controller-c05e747a.js');
+const config = require('./config-1349d5b4.js');
+const keyboardController = require('./keyboard-controller-020444ad.js');
 const theme = require('./theme-d1c573d2.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 ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+require('./keyboard-ed6e1327.js');
+require('./capacitor-806e7fee.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;
@@ -25,9 +24,9 @@ const IonTabBarMdStyle0 = tabBarMdCss;
 
 const TabBar = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionTabBarChanged = index.createEvent(this, "ionTabBarChanged", 7);
-        this.ionTabBarLoaded = index.createEvent(this, "ionTabBarLoaded", 7);
+        config.registerInstance(this, hostRef);
+        this.ionTabBarChanged = config.createEvent(this, "ionTabBarChanged", 7);
+        this.ionTabBarLoaded = config.createEvent(this, "ionTabBarLoaded", 7);
         this.keyboardCtrl = null;
         this.keyboardVisible = false;
         this.color = undefined;
@@ -84,15 +83,15 @@ const TabBar = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (index.h(index.Host, { key: 'd40f03145bfe9e017b6f894efe6a7cb102da0074', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
+        return (config.h(config.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,
-            }) }, index.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
+            }) }, config.h("slot", { key: '72edcdfee331554c5c5d3eb98bec9dcf2d37c2fa' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "selectedTab": ["selectedTabChanged"]
     }; }
@@ -114,8 +113,8 @@ const IonTabButtonMdStyle0 = tabButtonMdCss;
 
 const TabButton = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.ionTabButtonClick = index.createEvent(this, "ionTabButtonClick", 7);
+        config.registerInstance(this, hostRef);
+        this.ionTabButtonClick = config.createEvent(this, "ionTabButtonClick", 7);
         this.inheritedAttributes = {};
         this.onKeyUp = (ev) => {
             if (ev.key === 'Enter' || ev.key === ' ') {
@@ -144,7 +143,7 @@ const TabButton = class {
     componentWillLoad() {
         this.inheritedAttributes = Object.assign({}, helpers.inheritAttributes(this.el, ['aria-label']));
         if (this.layout === undefined) {
-            this.layout = ionicGlobal.config.get('tabButtonLayout', 'icon-top');
+            this.layout = config.config.get('tabButtonLayout', 'icon-top');
         }
     }
     selectTab(ev) {
@@ -174,7 +173,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (config.h(config.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,
@@ -186,9 +185,9 @@ const TabButton = class {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, 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" }))));
+            } }, 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" }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.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 index = require('./index-73f75efb.js');
-const frameworkDelegate = require('./framework-delegate-55f5683a.js');
-require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
+require('./helpers-e75eb909.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;
 
 const Tab = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.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 (index.h(index.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (config.h(config.Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
+            } }, config.h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "active": ["changeActive"]
     }; }
@@ -67,10 +67,10 @@ const IonTabsStyle0 = tabsCss;
 
 const Tabs = class {
     constructor(hostRef) {
-        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);
+        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);
         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 (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" })));
+        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" })));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.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 index = require('./index-73f75efb.js');
+const config = require('./config-1349d5b4.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
 
 const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
 const IonTextStyle0 = textCss;
 
 const Text = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
+        config.registerInstance(this, hostRef);
         this.color = undefined;
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
+            }) }, config.h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
     }
 };
 Text.style = IonTextStyle0;

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

@@ -5,13 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 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 theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-require('./index-c8d52405.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.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;
@@ -24,11 +23,11 @@ const IonTextareaMdStyle0 = textareaMdCss;
 
 const Textarea = class {
     constructor(hostRef) {
-        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);
+        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);
         this.inputId = `ion-textarea-${textareaIds++}`;
         /**
          * `true` if the textarea was cleared as a result of the user typing
@@ -125,7 +124,7 @@ const Textarea = 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();
         {
@@ -207,7 +206,7 @@ const Textarea = class {
     }
     runAutoGrow() {
         if (this.nativeInput && this.autoGrow) {
-            index.writeTask(() => {
+            config.writeTask(() => {
                 var _a;
                 if (this.textareaWrapper) {
                     // Replicated value is an attribute to be used in the stylesheet
@@ -265,10 +264,10 @@ const Textarea = class {
     }
     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,
@@ -310,10 +309,10 @@ const Textarea = class {
              * inside of that border by using the notch-spacer element.
              */
             return [
-                index.h("div", { class: "textarea-outline-container" }, index.h("div", { class: "textarea-outline-start" }), index.h("div", { class: {
+                config.h("div", { class: "textarea-outline-container" }, config.h("div", { class: "textarea-outline-start" }), config.h("div", { class: {
                         'textarea-outline-notch': true,
                         'textarea-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: "textarea-outline-end" })),
+                    } }, config.h("div", { class: "notch-spacer", "aria-hidden": "true", ref: (el) => (this.notchSpacerEl = el) }, this.label)), config.h("div", { class: "textarea-outline-end" })),
                 this.renderLabel(),
             ];
         }
@@ -328,14 +327,14 @@ const Textarea = 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,
@@ -353,7 +352,7 @@ const Textarea = class {
         if (!hasHintText && !hasCounter) {
             return;
         }
-        return (index.h("div", { class: "textarea-bottom" }, this.renderHintText(), this.renderCounter()));
+        return (config.h("div", { class: "textarea-bottom" }, this.renderHintText(), this.renderCounter()));
     }
     render() {
         const { inputId, disabled, fill, size, labelPlacement, el, hasFocus } = this;
@@ -382,7 +381,7 @@ const Textarea = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (index.h(index.Host, { key: '25f8192436c242c227cdcec236dc376a6ad4331d', class: theme.createColorClasses(this.color, {
+        return (config.h(config.Host, { key: '25f8192436c242c227cdcec236dc376a6ad4331d', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -392,7 +391,7 @@ const Textarea = class {
                 [`textarea-size-${size}`]: true,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, index.h("label", { key: 'cd1a80101c9cc5c1123005e9e3bfe1ff06e9a5d8', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '68dffe868cdf170f0eab38e912a97c2374c82aaa', class: "textarea-wrapper-inner" }, 
+            }) }, config.h("label", { key: 'cd1a80101c9cc5c1123005e9e3bfe1ff06e9a5d8', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), config.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
@@ -402,9 +401,9 @@ const Textarea = class {
          * <label> element, ensuring that clicking the label text
          * focuses the textarea.
          */
-        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()));
+        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()));
     }
-    get el() { return index.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "debounce": ["debounceChanged"],
         "value": ["valueChanged"]

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

@@ -5,18 +5,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$2 = require('./index-73f75efb.js');
-const config = require('./config-4f60b98a.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-1349d5b4.js');
+const config$1 = require('./config-4f60b98a.js');
+const helpers = require('./helpers-e75eb909.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const overlays = require('./overlays-faf6f843.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const overlays = require('./overlays-22320753.js');
 const theme = require('./theme-d1c573d2.js');
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-c8d52405.js');
-const index$1 = require('./index-ee07ed59.js');
-require('./hardware-back-button-d37054f2.js');
-require('./framework-delegate-55f5683a.js');
+const animation = require('./animation-232e0c8f.js');
+const index = require('./index-ee07ed59.js');
+require('./framework-delegate-cf116b1d.js');
 require('./gesture-controller-9436f482.js');
 
 /**
@@ -54,7 +52,7 @@ function getAnimationPosition(position, positionAnchor, mode, toast) {
      * bottom anchor edge is targeted. For position="bottom", the top
      * anchor edge is targeted.
      */
-    if (positionAnchor && index.win) {
+    if (positionAnchor && ionicGlobal.win) {
         warnIfAnchorIsHidden(positionAnchor, toast);
         const box = positionAnchor.getBoundingClientRect();
         if (position === 'top') {
@@ -66,7 +64,7 @@ function getAnimationPosition(position, positionAnchor, mode, toast) {
              * to the top edge of the anchor. We want to calculate from the
              * bottom edge of the screen instead.
              */
-            offset -= index.win.innerHeight - box.top;
+            offset -= ionicGlobal.win.innerHeight - box.top;
         }
         /**
          * We don't include safe area here because that should already be
@@ -437,7 +435,7 @@ const createSwipeToDismissGesture = (el, toastPosition, onDismiss) => {
         }, { oneTimeCallback: true })
             .progressEnd(playTo, step, duration);
     };
-    const gesture = index$1.createGesture({
+    const gesture = index.createGesture({
         el: wrapperEl,
         gestureName: 'toast-swipe-to-dismiss',
         gesturePriority: overlays.OVERLAY_GESTURE_PRIORITY,
@@ -464,19 +462,19 @@ const IonToastMdStyle0 = toastMdCss;
 
 const Toast = class {
     constructor(hostRef) {
-        index$2.registerInstance(this, hostRef);
-        this.didPresent = index$2.createEvent(this, "ionToastDidPresent", 7);
-        this.willPresent = index$2.createEvent(this, "ionToastWillPresent", 7);
-        this.willDismiss = index$2.createEvent(this, "ionToastWillDismiss", 7);
-        this.didDismiss = index$2.createEvent(this, "ionToastDidDismiss", 7);
-        this.didPresentShorthand = index$2.createEvent(this, "didPresent", 7);
-        this.willPresentShorthand = index$2.createEvent(this, "willPresent", 7);
-        this.willDismissShorthand = index$2.createEvent(this, "willDismiss", 7);
-        this.didDismissShorthand = index$2.createEvent(this, "didDismiss", 7);
+        config.registerInstance(this, hostRef);
+        this.didPresent = config.createEvent(this, "ionToastDidPresent", 7);
+        this.willPresent = config.createEvent(this, "ionToastWillPresent", 7);
+        this.willDismiss = config.createEvent(this, "ionToastWillDismiss", 7);
+        this.didDismiss = config.createEvent(this, "ionToastDidDismiss", 7);
+        this.didPresentShorthand = config.createEvent(this, "didPresent", 7);
+        this.willPresentShorthand = config.createEvent(this, "willPresent", 7);
+        this.willDismissShorthand = config.createEvent(this, "willDismiss", 7);
+        this.didDismissShorthand = config.createEvent(this, "didDismiss", 7);
         this.delegateController = overlays.createDelegateController(this);
         this.lockController = lockController.createLockController();
         this.triggerController = overlays.createTriggerController();
-        this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
+        this.customHTMLEnabled = config.config.get('innerHTMLTemplatesEnabled', config$1.ENABLE_HTML_CONTENT_DEFAULT);
         this.presented = false;
         this.dispatchCancelHandler = (ev) => {
             const role = ev.detail.role;
@@ -528,7 +526,7 @@ const Toast = class {
         this.enterAnimation = undefined;
         this.leaveAnimation = undefined;
         this.cssClass = undefined;
-        this.duration = ionicGlobal.config.getNumber('toastDuration', 0);
+        this.duration = config.config.getNumber('toastDuration', 0);
         this.header = undefined;
         this.layout = 'baseline';
         this.message = undefined;
@@ -795,7 +793,7 @@ const Toast = class {
             'toast-button-group': true,
             [`toast-button-group-${side}`]: true,
         };
-        return (index$2.h("div", { class: buttonGroupsClasses }, buttons.map((b) => (index$2.h("button", Object.assign({}, b.htmlAttributes, { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: buttonPart(b) }), index$2.h("div", { class: "toast-button-inner" }, b.icon && (index$2.h("ion-icon", { "aria-hidden": "true", icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), theme === 'md' && (index$2.h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
+        return (config.h("div", { class: buttonGroupsClasses }, buttons.map((b) => (config.h("button", Object.assign({}, b.htmlAttributes, { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: buttonPart(b) }), config.h("div", { class: "toast-button-inner" }, b.icon && (config.h("ion-icon", { "aria-hidden": "true", icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), theme === 'md' && (config.h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
     }
     /**
      * Render the `message` property.
@@ -805,9 +803,9 @@ const Toast = class {
     renderToastMessage(key, ariaHidden = null) {
         const { customHTMLEnabled, message } = this;
         if (customHTMLEnabled) {
-            return (index$2.h("div", { key: key, "aria-hidden": ariaHidden, class: "toast-message", part: "message", innerHTML: config.sanitizeDOMString(message) }));
+            return (config.h("div", { key: key, "aria-hidden": ariaHidden, class: "toast-message", part: "message", innerHTML: config$1.sanitizeDOMString(message) }));
         }
-        return (index$2.h("div", { key: key, "aria-hidden": ariaHidden, class: "toast-message", part: "message" }, message));
+        return (config.h("div", { key: key, "aria-hidden": ariaHidden, class: "toast-message", part: "message" }, message));
     }
     /**
      * Render the `header` property.
@@ -815,7 +813,7 @@ const Toast = class {
      * @param ariaHidden - If "true" then content will be hidden from screen readers.
      */
     renderHeader(key, ariaHidden = null) {
-        return (index$2.h("div", { key: key, class: "toast-header", "aria-hidden": ariaHidden, part: "header" }, this.header));
+        return (config.h("div", { key: key, class: "toast-header", "aria-hidden": ariaHidden, part: "header" }, this.header));
     }
     render() {
         const { layout, el, revealContentToScreenReader, header, message } = this;
@@ -835,11 +833,11 @@ const Toast = class {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             ionicGlobal.printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
         }
-        return (index$2.h(index$2.Host, Object.assign({ key: '760eb4a0d8a104505869c9079774b4fc8e08bbe1', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (config.h(config.Host, Object.assign({ key: '760eb4a0d8a104505869c9079774b4fc8e08bbe1', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$2.h("div", { key: '8eec1ddcd16adbc66f5026eb9062bb0d59c55578', class: wrapperClass }, index$2.h("div", { key: '9bf6a3d5a001cc8d620cbae1226d33de55920b1f', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$2.h("ion-icon", { key: '584d2c32dba9afc9a18e328ad6c67e8913c57b03', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$2.h("div", { key: '28d192b7b3df03e44a381b8f8d23dd5db92dcc79', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
+            }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), config.h("div", { key: '8eec1ddcd16adbc66f5026eb9062bb0d59c55578', class: wrapperClass }, config.h("div", { key: '9bf6a3d5a001cc8d620cbae1226d33de55920b1f', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (config.h("ion-icon", { key: '584d2c32dba9afc9a18e328ad6c67e8913c57b03', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), config.h("div", { key: '28d192b7b3df03e44a381b8f8d23dd5db92dcc79', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
     }
-    get el() { return index$2.getElement(this); }
+    get el() { return config.getElement(this); }
     static get watchers() { return {
         "swipeGesture": ["swipeGestureChanged"],
         "isOpen": ["onIsOpenChange"],