@ionic/core 8.4.4-dev.11741101920.155e1c29 → 8.4.4-dev.11741105335.1f4941f2

package/dist/cjs/ion-segment-view.cjs.entry.js

@@ -107,10 +107,10 @@ const SegmentView = class {
     }
     render() {
         const { disabled, isManualScroll } = this;
-        return (index.h(index.Host, { key: 'fa528d2d9ae0f00fc3067defe2a047dce77c814a', class: {
+        return (index.h(index.Host, { key: '9f4f11d31c4db776f077e59ae895b35dd4454717', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
-            } }, index.h("slot", { key: '74dc8b4d073caeff1bab272d11b9ea3e1a215954' })));
+            } }, index.h("slot", { key: 'ea58b21f031cee2ab2b70580f336deaefa364538' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-4be3f90d.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
@@ -540,14 +540,14 @@ const Segment = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a64e39352050b516f7dc82ce95a4bcff8431d1d0', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'b1eb4a6e4f953f6c4882395585799503735bbc6b', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, index.h("slot", { key: 'bb3f3ec30e59e0461fa620d8961ab730cc802a4e', onSlotchange: this.onSlottedItemsChange })));
+            }) }, index.h("slot", { key: 'e7df6b017d154f30eb8021bc965f2e6c8e6480bf', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -596,7 +596,35 @@ const SegmentButton = class {
     valueChanged() {
         this.updateState();
     }
-    connectedCallback() {
+    waitForSegmentContent(ionSegment, contentId) {
+        return new Promise((resolve, reject) => {
+            let timeoutId = undefined;
+            let animationFrameId;
+            const check = () => {
+                if (!ionSegment) {
+                    reject(new Error(`Segment not found when looking for Segment Content`));
+                    return;
+                }
+                const segmentView = helpers.getNextSiblingOfType(ionSegment); // Skip the text nodes
+                const segmentContent = segmentView === null || segmentView === void 0 ? void 0 : segmentView.querySelector(`ion-segment-content[id="${contentId}"]`);
+                if (segmentContent && timeoutId) {
+                    clearTimeout(timeoutId); // Clear the timeout if the segmentContent is found
+                    cancelAnimationFrame(animationFrameId);
+                    resolve(segmentContent);
+                }
+                else {
+                    animationFrameId = requestAnimationFrame(check); // Keep checking on the next animation frame
+                }
+            };
+            check();
+            // Set a timeout to reject the promise
+            timeoutId = setTimeout(() => {
+                cancelAnimationFrame(animationFrameId);
+                reject(new Error(`Unable to find Segment Content with id="${contentId} within 1000 ms`));
+            }, 1000);
+        });
+    }
+    async connectedCallback() {
         const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));
         if (segmentEl) {
             this.updateState();
@@ -606,11 +634,14 @@ const SegmentButton = class {
         // Return if there is no contentId defined
         if (!this.contentId)
             return;
-        // Attempt to find the Segment Content by its contentId
-        const segmentContent = document.getElementById(this.contentId);
-        // If no associated Segment Content exists, log an error and return
-        if (!segmentContent) {
-            console.error(`Segment Button: Unable to find Segment Content with id="${this.contentId}".`);
+        let segmentContent;
+        try {
+            // Attempt to find the Segment Content by its contentId
+            segmentContent = await this.waitForSegmentContent(segmentEl, this.contentId);
+        }
+        catch (error) {
+            // If no associated Segment Content exists, log an error and return
+            console.error('Segment Button: ', error.message);
             return;
         }
         // Ensure the found element is a valid ION-SEGMENT-CONTENT
@@ -656,7 +687,7 @@ const SegmentButton = class {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = ionicGlobal.getIonMode(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (index.h(index.Host, { key: '79518fc8c0d1c72604397a281bdcfdcf4e070395', class: {
+        return (index.h(index.Host, { key: 'f9da656c8eccb80e4ef30e3fa977f2dbbefbc988', class: {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
@@ -672,7 +703,7 @@ const SegmentButton = class {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, index.h("button", Object.assign({ key: '07acbd21d0c8b89f40160b396115dfaf65235f71', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '03d28f57d195e36ed5512dfe5d62c7395c06dba7', class: "button-inner" }, index.h("slot", { key: '9040099c71aafd9e9491b268f9f2c55773de1542' })), mode === 'md' && index.h("ion-ripple-effect", { key: 'd3ab01738ea620b1e6ebbf5a06fb7028072ac3dc' })), index.h("div", { key: 'b4e0dd212c824f6b77f9cd7fd51c581710922c3b', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: 'd693d0f0b628771375c5bf9d4ac6da19d8930303', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, index.h("button", Object.assign({ key: '00dbcdbd81cd74abdd39803f6840a6e477cc7b0c', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '5200c082a9c4788010c4fc33fe75e2b2ad28364a', class: "button-inner" }, index.h("slot", { key: 'cf3fce2b5d22436b84cd4367a5885df7d6a2715f' })), mode === 'md' && index.h("ion-ripple-effect", { key: 'f1a2816465f4c2c06644be07315bff2da77e2342' })), index.h("div", { key: 'aaf31c0ed39641fca698ee98d0773131f4eea6bd', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: 'fc556651361b7ac305aaedd25ea4afe3173abd20', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-select-modal.cjs.entry.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const overlays = require('./overlays-65fdaff6.js');
+const overlays = require('./overlays-86695cf1.js');
 const theme = require('./theme-d1c573d2.js');
 require('./index-c8d52405.js');
-require('./helpers-afaa9001.js');
+require('./helpers-4be3f90d.js');
 require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-55f5683a.js');
+require('./framework-delegate-05579976.js');
 require('./gesture-controller-9436f482.js');
 require('./index-2a46a047.js');
 
@@ -98,7 +98,7 @@ const SelectModal = class {
             } }, option.text))));
     }
     render() {
-        return (index.h(index.Host, { key: '885198a9f21884e3bfb9bf0af53e0ee3ae37b231', class: ionicGlobal.getIonMode(this) }, index.h("ion-header", { key: 'd8b63726869747ac711e4fda78a50ce46f72970c' }, index.h("ion-toolbar", { key: '9ab2a4c1480dd74eeae38d7b580a2e87fb71270e' }, this.header !== undefined && index.h("ion-title", { key: '87a7034385ef57f55cefdd0371dbb66a64827290' }, this.header), index.h("ion-buttons", { key: '0a35424ea13ca002abc9a43b6138730254f187d0', slot: "end" }, index.h("ion-button", { key: '238bf40b47128d9aa995d14d9ff9ebcae4f79492', onClick: () => this.closeModal() }, "Close")))), index.h("ion-content", { key: '4a256f3381f8cabbc7194337b8ae4aa1c3ab1066' }, index.h("ion-list", { key: 'acd38fc52024632176467ed6a84106a454021544' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (index.h(index.Host, { key: '4df42c447b4026d09d9231f09dc4bdae9a8cfe4a', class: ionicGlobal.getIonMode(this) }, index.h("ion-header", { key: '211c4e869b858867f3d60637e570aeb01de41de7' }, index.h("ion-toolbar", { key: 'dc4b151331aecbaaaafb460802ee9b689493601d' }, this.header !== undefined && index.h("ion-title", { key: 'ba1347a59ae0a5c6770c239b5ec02a536a445bd1' }, this.header), index.h("ion-buttons", { key: '43c98fd25d7e7f54b94b24e53535c6d5ba599892', slot: "end" }, index.h("ion-button", { key: '51b2b3f3eed42637b2cfc213c95d0bcf10e4b89d', onClick: () => this.closeModal() }, "Close")))), index.h("ion-content", { key: 'fe721b09f80555856211f7e40dbfc31a533acae1' }, index.h("ion-list", { key: 'd0b932d137136958d896408fb2fa571023775b92' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
-const notchController = require('./notch-controller-d69150f5.js');
+const notchController = require('./notch-controller-a0c464d1.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
-const helpers = require('./helpers-afaa9001.js');
-const overlays = require('./overlays-65fdaff6.js');
+const helpers = require('./helpers-4be3f90d.js');
+const overlays = require('./overlays-86695cf1.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
@@ -17,7 +17,7 @@ const index$1 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 require('./index-c8d52405.js');
 require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-55f5683a.js');
+require('./framework-delegate-05579976.js');
 require('./gesture-controller-9436f482.js');
 require('./index-2a46a047.js');
 
@@ -164,15 +164,8 @@ const Select = class {
         }
         this.isExpanded = true;
         const overlay = (this.overlay = await this.createOverlay(event));
-        overlay.onDidDismiss().then(() => {
-            this.overlay = undefined;
-            this.isExpanded = false;
-            this.ionDismiss.emit();
-            this.setFocus();
-        });
-        await overlay.present();
-        // focus selected option for popovers and modals
-        if (this.interface === 'popover' || this.interface === 'modal') {
+        // Add logic to scroll selected item into view before presenting
+        const scrollSelectedIntoView = () => {
             const indexOfSelected = this.childOpts.findIndex((o) => o.value === this.value);
             if (indexOfSelected > -1) {
                 const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
@@ -190,6 +183,7 @@ const Select = class {
                      */
                     const interactiveEl = selectedItem.querySelector('ion-radio, ion-checkbox');
                     if (interactiveEl) {
+                        selectedItem.scrollIntoView({ block: 'nearest' });
                         // Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
                         // and removing `ion-focused` style
                         interactiveEl.setFocus();
@@ -213,7 +207,40 @@ const Select = class {
                     helpers.focusVisibleElement(firstEnabledOption.closest('ion-item'));
                 }
             }
+        };
+        // For modals and popovers, we can scroll before they're visible
+        if (this.interface === 'modal') {
+            overlay.addEventListener('ionModalWillPresent', scrollSelectedIntoView, { once: true });
+        }
+        else if (this.interface === 'popover') {
+            overlay.addEventListener('ionPopoverWillPresent', scrollSelectedIntoView, { once: true });
         }
+        else {
+            /**
+             * For alerts and action sheets, we need to wait a frame after willPresent
+             * because these overlays don't have their content in the DOM immediately
+             * when willPresent fires. By waiting a frame, we ensure the content is
+             * rendered and can be properly scrolled into view.
+             */
+            const scrollAfterRender = () => {
+                requestAnimationFrame(() => {
+                    scrollSelectedIntoView();
+                });
+            };
+            if (this.interface === 'alert') {
+                overlay.addEventListener('ionAlertWillPresent', scrollAfterRender, { once: true });
+            }
+            else if (this.interface === 'action-sheet') {
+                overlay.addEventListener('ionActionSheetWillPresent', scrollAfterRender, { once: true });
+            }
+        }
+        overlay.onDidDismiss().then(() => {
+            this.overlay = undefined;
+            this.isExpanded = false;
+            this.ionDismiss.emit();
+            this.setFocus();
+        });
+        await overlay.present();
         return overlay;
     }
     createOverlay(ev) {
@@ -625,7 +652,7 @@ const Select = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (index.h(index.Host, { key: '457f1130a291ff1f6fdb8a112f6c32b53efdad7a', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f7cf03de773cd85da42978e274d65cc1eb6ed8a3', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': theme.hostContext('ion-item.ion-color', el),
@@ -641,7 +668,7 @@ const Select = class {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, index.h("label", { key: '4a66b0da8142d5e83f061308ccaece0737bc1d30', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '62c964f75bca42d8ec0d5026b701b0848c14f701', class: "select-wrapper-inner" }, index.h("slot", { key: '1c59f789706d5308763465c6bbca218e14774c81', name: "start" }), index.h("div", { key: '22dc110d2fe3215bc23867eb1453192d2aed547e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '13e05653f277726ea4cd1c48318c182bd106e69b', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'eab497a5e69bb956884bd0522c1503f654651226', class: "select-highlight" }))));
+            }) }, index.h("label", { key: '91674f8f5cce37c87a7096d09b3f1d351cba1527', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '2229333833047db13ed2a01cb10bb6e6f774031d', class: "select-wrapper-inner" }, index.h("slot", { key: 'f2766bdf8bff261efa5711f72d9edef407e45189', name: "start" }), index.h("div", { key: '84fec020ecaaac41298a01dbffdbb2f3744170b4', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: '9b91237d7a1621bce1e15546abcb4f6b74cccc5f', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: 'e02aea3e8f344376013257f5261a29408e62b359', class: "select-highlight" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -702,7 +729,7 @@ const SelectOption = class {
         this.value = undefined;
     }
     render() {
-        return index.h(index.Host, { key: '8c96c199ce3a3065de3fe446500f567236e0610a', role: "option", id: this.inputId, class: ionicGlobal.getIonMode(this) });
+        return index.h(index.Host, { key: '2e6fa159464f04f6d8720f960141f67918bc7534', role: "option", id: this.inputId, class: ionicGlobal.getIonMode(this) });
     }
     get el() { return index.getElement(this); }
 };
@@ -810,7 +837,7 @@ const SelectPopover = class {
     render() {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
-        return (index.h(index.Host, { key: '542367ab8fb72bfebf7e65630b91017d68827fd6', class: ionicGlobal.getIonMode(this) }, index.h("ion-list", { key: 'f2f0f37e1365cd7780b02de1a1698700d0df48a7' }, header !== undefined && index.h("ion-list-header", { key: '4b8800a68e800f19277a44b7074ca24b70218daf' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '932b7903daf97d5a57d289b7ee49e868bb9b0cf5' }, index.h("ion-label", { key: 'fc3f1b69aa2a0bc6125d35692dcad3a8a99fd160', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'eceab2f47afa95f04b138342b0bdbfa1f50919a8' }, subHeader), message !== undefined && index.h("p", { key: '70f4e27ad1316318efd0c17efce31e5e45c8fa02' }, message)))), this.renderOptions(options))));
+        return (index.h(index.Host, { key: 'dd0990db4de4f175b176b27f35501dd1604ca400', class: ionicGlobal.getIonMode(this) }, index.h("ion-list", { key: 'cea2bc3687b8b2490a2a9ff4a1e16cd34169558e' }, header !== undefined && index.h("ion-list-header", { key: '194aebb53453c43f913daae45a1a3066a1708c4c' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: 'b706b07a3c63ad8104d2db413e210c735ec1bec9' }, index.h("ion-label", { key: '6e52b5b4cf6b04ff3dd5671d64264233de4190d5', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: '6ef4440d17f5db8c96c63b9aa5073f4fe4b8ad62' }, subHeader), message !== undefined && index.h("p", { key: 'c7b3b76c30ecd606c0e985a0258c13d3a75756e7' }, message)))), this.renderOptions(options))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const Spinner = class {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (index.h(index.Host, { key: 'e0dfa8a3ee2a0469eb31323f506750bd77d65797', class: theme.createColorClasses(self.color, {
+        return (index.h(index.Host, { key: '9d30ee9f5aa0dd0e220da07e75d05b8b2435224d', class: theme.createColorClasses(self.color, {
                 [mode]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || ionicGlobal.config.getBoolean('_testing'),

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

@@ -125,12 +125,12 @@ const SplitPane = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '76be70d7fbebc52646a5851f47accc1006615b85', class: {
+        return (index.h(index.Host, { key: '1ca0b0299d03605bb358112ca56cbafbe58f00f5', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, index.h("slot", { key: '9a859530f4fb18aff43255bc3940feb9aca625d7' })));
+            } }, index.h("slot", { key: 'abe231361727ae7fc63edd592a4490caac1909fb' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
 const keyboardController = require('./keyboard-controller-c05e747a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-4be3f90d.js');
 require('./index-c8d52405.js');
 require('./keyboard-0272231f.js');
 require('./capacitor-c04564bf.js');
@@ -66,11 +66,11 @@ const TabBar = class {
         const { color, translucent, keyboardVisible } = this;
         const mode = ionicGlobal.getIonMode(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (index.h(index.Host, { key: '62303a7f9d8c98ffab51a5900c144c5117b9c543', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'a87fd2ea5df053705a37ea7ffec043e75c4a9907', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, index.h("slot", { key: '5771a9828f748c2bd6b5e26758b9723c6b3de5ff' })));
+            }) }, index.h("slot", { key: '81a6223299b6cab29d7ddced590e9152e2b3ded0' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -150,7 +150,7 @@ const TabButton = class {
             rel,
             target,
         };
-        return (index.h(index.Host, { key: 'a86d441d8df350fe991f2f948fc6b6ad007728f7', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (index.h(index.Host, { key: '5976c45943ea7ea8e7c1a85fc9996de421439f08', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [mode]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -162,7 +162,7 @@ const TabButton = class {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, index.h("a", Object.assign({ key: '8dfe1ccff2cf21601c5aea7f7f877c0fbe384e09' }, 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: '3f557cf6e96e22b9318b4aee19ede810eb7fb720', class: "button-inner" }, index.h("slot", { key: '836dd090dbe3c2ea97dc263fca7d01dea6ea0eb6' })), mode === 'md' && index.h("ion-ripple-effect", { key: '488a924fd04602c1b23e03d1a4c84dfa0f2ca03d', type: "unbounded" }))));
+            } }, index.h("a", Object.assign({ key: '1db09d861b67ff292018fb4b0dc7b85bd4677eb8' }, 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: '4381eafcb27e8c7bb0d86d4f115ceb0caf03b9b4', class: "button-inner" }, index.h("slot", { key: '1981135f6fbb88376c1bd923c55c70fe8b5c5159' })), mode === 'md' && index.h("ion-ripple-effect", { key: '0509bc7155d055d1ed710600e9cf4df135881491', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
-const frameworkDelegate = require('./framework-delegate-55f5683a.js');
-require('./helpers-afaa9001.js');
+const frameworkDelegate = require('./framework-delegate-05579976.js');
+require('./helpers-4be3f90d.js');
 
 const tabCss = ":host(.tab-hidden){display:none !important}";
 const IonTabStyle0 = tabCss;
@@ -50,10 +50,10 @@ const Tab = class {
     }
     render() {
         const { tab, active, component } = this;
-        return (index.h(index.Host, { key: '2107ece2f1ebdf748bac8adb78a9ad67e7fc9057', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (index.h(index.Host, { key: 'cb75d0877979b3b8df8f7e1952bfa9677da1eaa5', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, index.h("slot", { key: 'b4a1bc1aa79f6b82b8f77b544bcb74e65229b541' })));
+            } }, index.h("slot", { key: '37fbb7b7a6b03eb93b1dacd2dc1025b78eb2aa6b' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -207,7 +207,7 @@ const Tabs = class {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (index.h(index.Host, { key: 'd357c4607cfc89fb88404fe12ea7ef5b397fe6bf', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: '18661896589a4ab3c74164f448b928abec9b4db0', name: "top" }), index.h("div", { key: '3bf30ea2540a196e868a78a861824b4b5d933afd', class: "tabs-inner" }, index.h("slot", { key: '7cfc154d4d6c1642188ab6508a6be72c8234585e' })), index.h("slot", { key: '8057679c959195cbdfae156b8ae0cbfd978c5037', name: "bottom" })));
+        return (index.h(index.Host, { key: 'e01ccf6bfaccad094515be50e407399c733fc226', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: '38d2d01dbfd8a08f01e6f0e27274b21d75424e37', name: "top" }), index.h("div", { key: '7e894f0f423e2d43e1c68daff5f9f6c442fad237', class: "tabs-inner" }, index.h("slot", { key: 'df16be529a0370a26d0adf850530b31607507c23' })), index.h("slot", { key: '44642e1cb24c3281c43db75fd69a32fe0defe40a', name: "bottom" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -19,9 +19,9 @@ const Text = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '0c2546ea3f24b0a6bfd606199441d0a4edfa4ca1', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'e134d70c04344b708a2ecf6253722781ad2ca826', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: 'b7623ccb06f9461090a1f33e9f85886c7a4d5eff' })));
+            }) }, index.h("slot", { key: 'da79c760f7ebbcd007ce110439f05a62cb22eac8' })));
     }
 };
 Text.style = IonTextStyle0;

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

@@ -6,9 +6,9 @@
 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-ffb2f81b.js');
+const notchController = require('./notch-controller-a0c464d1.js');
+const helpers = require('./helpers-4be3f90d.js');
+const input_utils = require('./input.utils-c15a1814.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 require('./index-c8d52405.js');
@@ -384,7 +384,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: 'c0dabc66193c41188c817799e45b36abbf097ba1', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'd6e25c83d8eab8cb1a5b6ab411c9a13847f69f8d', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -393,7 +393,7 @@ const Textarea = class {
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, index.h("label", { key: 'dce1ce6794b914975d93f16f4e1a5721a5f3fc73', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '361ce31a9a22d8d87fb2bbd134fda3d6c66ba0fe', class: "textarea-wrapper-inner" }, index.h("div", { key: 'e7a7e439d0e723c029951f9ee67adba1694b33d2', class: "start-slot-wrapper" }, index.h("slot", { key: 'efe797a88b0c2d6067217f7b32fea7526beed90f', name: "start" })), index.h("div", { key: '21375f64876bc68e25d2de13299a9f3acde2c370', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: '3771fc6c31a61f7d9ba41f69fa12987aa2ec0c61', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), index.h("div", { key: 'd81dfd5d6947c3b4ee1bff367080419b9e3ed81c', class: "end-slot-wrapper" }, index.h("slot", { key: '2b6ab3f6bb66652e6b31ad11bc849bd386014721', name: "end" }))), shouldRenderHighlight && index.h("div", { key: 'd37ad4cc35eb7fef873ab41ee164165d18703919', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, index.h("label", { key: 'f840a5be2b776a4b9c18c6da24e0b7d3d4838fee', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: '979461fc0d4684926d79d75759c63c6867b7622b', class: "textarea-wrapper-inner" }, index.h("div", { key: '88f0d5d4bac29597cc2588e5b2ed72fb4fbe153d', class: "start-slot-wrapper" }, index.h("slot", { key: '21dcca0e59c1260e3d0d1e126c1c590de15c4bad', name: "start" })), index.h("div", { key: '3c48a4bb3d763a389d3429123e7c110064b9b8d4', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: '1550599ad15b3f215c104c014e90711f073ace8b', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), index.h("div", { key: '4f01ab4d2994a6de6f49eb9ed2e310d00daf21b2', class: "end-slot-wrapper" }, index.h("slot", { key: '501e288b6807e039972bb4f0b63906114255518a', name: "end" }))), shouldRenderHighlight && index.h("div", { key: 'd3008eed34494aa9f8e98a28eac3b465dc4c2bd0', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,17 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-73f75efb.js');
 const config = require('./config-4f60b98a.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-4be3f90d.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-2a46a047.js');
-const overlays = require('./overlays-65fdaff6.js');
+const overlays = require('./overlays-86695cf1.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');
 const index = require('./index-c8d52405.js');
 const index$2 = require('./index-ee07ed59.js');
 require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-55f5683a.js');
+require('./framework-delegate-05579976.js');
 require('./gesture-controller-9436f482.js');
 
 /**
@@ -832,9 +832,9 @@ const Toast = class {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             index$1.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$3.h(index$3.Host, Object.assign({ key: '34036afc0701173d51c9c11ea4a2e1d65685ba41', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: 'c05655ff06af8d0e48c2a85396b07ad942fa81b4', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$3.h("div", { key: 'd927e43957f47888ce4e64f1e99c935d55757af7', class: wrapperClass }, index$3.h("div", { key: 'ca43bc42478181acdf8cdea6601a85fa95d12216', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$3.h("ion-icon", { key: 'fdd6fb8f6e947ed002bd2e63fdc8ec7e764f4a7d', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$3.h("div", { key: '37c16c81ee3e4304379dfbcabdffe73db73e4653', 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({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$3.h("div", { key: '9393ead4de1bf28529661d6f64049d34e18d725c', class: wrapperClass }, index$3.h("div", { key: '3e9dd73c17c337849c3f26e8d0f395b3e5ee20a7', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$3.h("ion-icon", { key: '5d15b18364301ad55e44e9f601014ac33181590b', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$3.h("div", { key: 'f6dd164502637a882c5caf18445d8509b85ad6f9', 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$3.getElement(this); }
     static get watchers() { return {

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-afaa9001.js');
+const helpers = require('./helpers-4be3f90d.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
@@ -165,7 +165,7 @@ const Toggle = class {
         const value = this.getValue();
         const rtl = dir.isRTL(el) ? 'rtl' : 'ltr';
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (index.h(index.Host, { key: '381632cf12ef5d27d729e0d59efcb14efad12a51', onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'ed75573caa6e37011f1453dd7f723fb9bd8a3656', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -175,10 +175,10 @@ const Toggle = class {
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, index.h("label", { key: '73f2bd13ccfc4a1efc68781155f603e665be3d7e', class: "toggle-wrapper" }, index.h("input", Object.assign({ key: '0c4b7663ddbf3b1ce94b5fd4c7c21e51db907d71', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), index.h("div", { key: 'ef1e73bee832bf9ab58d1e47eb037c50b609c0ee', class: {
+            }) }, index.h("label", { key: '484860e2a33f4d123904edb96159f0e1972d3add', class: "toggle-wrapper" }, index.h("input", Object.assign({ key: '360b53080aacfd99a9ff60ffb5219816bd4163ee', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), index.h("div", { key: 'f7239fa668fe11257239ea30cf0198e4f3274f6b', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, index.h("slot", { key: '67b7e20dc96503cb76dd5e31c5579752de465dcc' })), index.h("div", { key: '17f89960bcc3302ef8e0c0d4e10513241744e232', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, index.h("slot", { key: '9495a4a39889822ee68e0d89dc5a2f863d1feb3c' })), index.h("div", { key: '55f1eb08c4b705e94fbcf02220bbe1d292f06155', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {