@ionic/core 7.7.2-dev.11707932366.16baf005 → 7.7.2-dev.11708036667.1fa730de

package/dist/esm/ion-datetime_3.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement } from './index-73881b51.js';
 import { startFocusVisible } from './focus-visible-dd40d69f.js';
-import { r as raf, d as renderHiddenInput, g as getElementRoot, l as clamp } from './helpers-c0b9ca37.js';
+import { r as raf, d as renderHiddenInput, g as getElementRoot, j as clamp } from './helpers-6f6a912f.js';
 import { a as printIonError, p as printIonWarning } from './index-9b0d46f4.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
@@ -11,12 +11,12 @@ import { c as chevronBack, o as chevronForward, l as chevronDown, p as caretUpSh
 import { b as getIonMode } from './ionic-global-778b7863.js';
 import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getMonthAndDay, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-691286f1.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-2d8629c6.js';
-import { c as createAnimation } from './animation-60dbdd13.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-0552e35b.js';
+import { c as createAnimation } from './animation-2b6dd235.js';
 import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-554688a5.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-f42b9c80.js';
-import './framework-delegate-fed7fe7c.js';
+import './framework-delegate-e8bffeeb.js';
 import './gesture-controller-314a54f6.js';
 import './capacitor-59395cbd.js';
 
@@ -1700,7 +1700,7 @@ const Datetime = class {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (h(Host, { key: '62013b69f916fecf05906bb016d48912526a3d54', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
+        return (h(Host, { key: '2e5ff577327018558a145cff23f03661c2d19c41', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -1950,11 +1950,11 @@ const Picker = class {
     render() {
         const { htmlAttributes } = this;
         const mode = getIonMode(this);
-        return (h(Host, Object.assign({ key: 'b1b2f0d491fc0b59041d144be8870169b10e8529', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '285d317ac7974e6c74003f5f5ebef0e1e09a1872', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [mode]: true,
                 // Used internally for styling
-                [`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '30206f6cb8bf78e77d70b1a5a55c98816e4b26c9', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '81caa516d1979547b8f445b37c5c7df0ca7df4f7', tabindex: "0" }), h("div", { key: '8e9dc143b08d001e10782623285982731dfae340', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '1a4a575aeab5e1a7141017d8320904fd845d1194', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '05ce738087ecc977dcb17a5df36a6a24b2d2f62c', class: "picker-columns" }, h("div", { key: '8854060f78d134d112a9df3eb69f0e487c5b335c', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '8ebe4bbc2ddd3bb67342d74fe9a1c91b6decff0c', class: "picker-below-highlight" }))), h("div", { key: '0080733df3680cf199cd6c9a05d2a91a0a72785c', tabindex: "0" })));
+                [`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: 'fea748f9be58118b5d44a4ec951d8b269a6ef4ff', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '331c557b055b3fd3e1bd0ebed18045881a4202bf', tabindex: "0" }), h("div", { key: '721efa169849e204d021abfaca6ba8d3f2314192', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'dddc0d894e246eb9d68621ed8cb1635b767367a7', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '6ddbfc93dc0fae1f152c5bfbed11c71120e1a90d', class: "picker-columns" }, h("div", { key: '48cae995a7ef7e15e815b8513d0d00b18f909b31', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '801a673e5dd04c56e195d1285b56c69b97300d3a', class: "picker-below-highlight" }))), h("div", { key: '7caa3cf1d94226184d9f7ab857962a80b53a3638', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -2311,9 +2311,9 @@ const PickerColumnCmp = class {
     render() {
         const col = this.col;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'e842db5f435d9f36ef0842ddcafa3e6d56cc520c', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (h(Host, { key: '0337ac8379be177501b8d61f0ac0f68ecbb8344d', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: 'd83fd959cd305d29cd290f3aefef6798e5513dfb', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '013ba8ea1c2fe4fe717386b9cc87484913c234f7', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { i as inheritAriaAttributes } from './helpers-c0b9ca37.js';
+import { i as inheritAriaAttributes } from './helpers-6f6a912f.js';
 import { h as hostContext, o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { t as close } from './index-f7dc70ba.js';
 
@@ -55,12 +55,12 @@ const Fab = class {
     render() {
         const { horizontal, vertical, edge } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '1a7b685098508c4eebff449775de7db5bce6937a', class: {
+        return (h(Host, { key: '295e4b79449ff102d54b4a415487a26144a47839', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, h("slot", { key: 'd4c27f0307292cf443bfefe064f72827b0193508' })));
+            } }, h("slot", { key: 'a41871eb5d0a8c6315ba7012cef0e4dfc1126c9d' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -129,7 +129,7 @@ const FabButton = class {
                 rel: this.rel,
                 target: this.target,
             };
-        return (h(Host, { key: '46827ed444d314218e02138c7f790418637d95d0', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: 'bfc553a86d54b665039512e93c83865232431e61', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -140,7 +140,7 @@ const FabButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, h(TagType, Object.assign({ key: '05ab8562306b3af9a68e5f97f2815653f4ec4f86' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '315b62c5dcee8a27a3e4e572e9a9f76be9bf9f76', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '63b69cde22a13813ffa50d8f688f538a36372953', class: "button-inner" }, h("slot", { key: '39c1e85c385b36cbb31a8da8cc721cd5aa389009' })), mode === 'md' && h("ion-ripple-effect", null))));
+            }) }, h(TagType, Object.assign({ key: '08821f166159c1c0c08a936f8db0cc5b8c121b6b' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '5b369ce677bb08c2972489be8abad035f2074fee', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '6b61a3242e6d6ec49e157fe6c7a64b8445e6de3b', class: "button-inner" }, h("slot", { key: 'f6450e5caabb8becd48425547246b6edf96eb4f8' })), mode === 'md' && h("ion-ripple-effect", null))));
     }
     get el() { return getElement(this); }
 };
@@ -168,11 +168,11 @@ const FabList = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '62bfbad01d821663c6d50f63b3dc02ba2754faf0', class: {
+        return (h(Host, { key: '8eca9c8c4f7febe3e0b44604a3854480f5f9e697', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, h("slot", { key: '2eec0c8415c1e4a43d7f11d26874c952a9f02046' })));
+            } }, h("slot", { key: '3be8055bbf0dbb928d712e950f6184bd173a2d1e' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { k as inheritAttributes } from './helpers-c0b9ca37.js';
+import { h as inheritAttributes } from './helpers-6f6a912f.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 
 const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";
@@ -76,7 +76,7 @@ const Img = class {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (h(Host, { key: 'b1ceee3a85c5092af386fb50ac8972c040ece6b7', class: getIonMode(this) }, h("img", { key: '722d81aaceb392f9bfde078a9054b579f51dceda', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (h(Host, { key: 'ff933e2b7e586c71bc695ad9e1475c2ef48a1632', class: getIonMode(this) }, h("img", { key: '60fea471b6665abe92678c7c9ab15c3e12195582', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,10 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, w as writeTask, e as readTask, h, f as getElement, H as Host } from './index-73881b51.js';
-import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-eb12ef92.js';
+import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-c14233e6.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import './helpers-c0b9ca37.js';
+import './helpers-6f6a912f.js';
 import './index-9b0d46f4.js';
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
@@ -176,7 +176,7 @@ const InfiniteScroll = class {
     render() {
         const mode = getIonMode(this);
         const disabled = this.disabled;
-        return (h(Host, { key: '118757d9470756d66434331fc0180d31ac158e06', class: {
+        return (h(Host, { key: 'd9348b091bc02b744b7599207192994a31bf5044', class: {
                 [mode]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -218,11 +218,11 @@ const InfiniteScrollContent = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '0ffeaebe071c7ffe8aabacf89382f402804de44c', class: {
+        return (h(Host, { key: '6c13188d977ef82db9281e0bc3e6d43438ad2335', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, h("div", { key: '30a3bac66ac8230b9352223f90eb7fed56071732', class: "infinite-loading" }, this.loadingSpinner && (h("div", { class: "infinite-loading-spinner" }, h("ion-spinner", { name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, h("div", { key: '41b5087e22d03c928d00be4e1845e711409c807d', class: "infinite-loading" }, this.loadingSpinner && (h("div", { class: "infinite-loading-spinner" }, h("ion-spinner", { name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
 };
 InfiniteScrollContent.style = {

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

@@ -2,9 +2,9 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
-import { j as debounceEvent, i as inheritAriaAttributes, k as inheritAttributes, c as componentOnReady } from './helpers-c0b9ca37.js';
-import { c as createNotchController } from './notch-controller-15d281a4.js';
-import { c as createSlotMutationController, g as getCounterText } from './input.utils-6e9b0046.js';
+import { e as debounceEvent, i as inheritAriaAttributes, h as inheritAttributes, c as componentOnReady } from './helpers-6f6a912f.js';
+import { c as createNotchController } from './notch-controller-164523aa.js';
+import { c as createSlotMutationController, g as getCounterText } from './input.utils-5fee9f22.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as closeCircle, d as closeSharp } from './index-f7dc70ba.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
@@ -384,7 +384,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: '40fe183aac83458bbd0cb356d539b56303b3a30f', class: createColorClasses(this.color, {
+        return (h(Host, { key: '7194f43a5bf2b46c67fac2eb32d8a76156ebd17f', class: createColorClasses(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -395,14 +395,14 @@ const Input = class {
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
-            }) }, h("label", { key: 'faeb8ffc71552fdf438861819acebb8b77e424d0', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '335a71f75bf3a66501ae9112fe9142429c43a5e2', class: "native-wrapper" }, h("slot", { key: '15b2affe724d6d94a47c7181b136aea8f7e66780', name: "start" }), h("input", Object.assign({ key: 'd6eb3b380a5849552d102161f3ea80d5eaf5fdac', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (h("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+            }) }, h("label", { key: 'c4e3dbcad69cd08ecd73bf7268936f010eb657e8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '1a001341f7f57139a1b8cba8bc4eb6b0f589f3b7', class: "native-wrapper" }, h("slot", { key: '9f2448b80c62ba7e5a63237d42d0a9003a321507', name: "start" }), h("input", Object.assign({ key: 'b4d8b49412cb2b205813b5b534bdff754ba8168a', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (h("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.clearTextInput }, h("ion-icon", { "aria-hidden": "true", icon: mode === 'ios' ? closeCircle : closeSharp }))), h("slot", { key: 'd7141ff9c868aa96a7f03e21c99e73871dcd52c1', name: "end" })), shouldRenderHighlight && h("div", { class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, h("ion-icon", { "aria-hidden": "true", icon: mode === 'ios' ? closeCircle : closeSharp }))), h("slot", { key: 'f337b842a5cdbcb5db724fb036c8634580dd4464', name: "end" })), shouldRenderHighlight && h("div", { class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-item-option_3.entry.js

@@ -4,8 +4,8 @@
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { p as isEndSide } from './helpers-c0b9ca37.js';
-import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-eb12ef92.js';
+import { o as isEndSide } from './helpers-6f6a912f.js';
+import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-c14233e6.js';
 import { w as watchForOptions } from './watch-options-c2911ace.js';
 import './index-9b0d46f4.js';
 
@@ -44,12 +44,12 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '76305b4872c9c123371f5a73b10147c0e5bd54a2', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '85fe8f529ab0673f1ddba299473690590a1bca88', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: '57ee6daad58885a12e55d1249972accc3ee86c3f' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '23a540ecdb6c807f9e1233b2a8d6e07a44824020', class: "button-inner" }, h("slot", { key: 'd4eb8c79743bbb4fe4ac70016852e3dbc3453b92', name: "top" }), h("div", { key: '8a47d77983dcb2e3966d28561c926d369d4fabc1', class: "horizontal-wrapper" }, h("slot", { key: '1c33018344f0506fa168469e0da3493f4708a979', name: "start" }), h("slot", { key: '695abb1073cb6364efb240e55886212131cc8d32', name: "icon-only" }), h("slot", { key: '78e48b583eed63db749d88fc715e67ce5ad96840' }), h("slot", { key: '7a5f0d31d8c41e87d5d25c30cef5561c994d2186', name: "end" })), h("slot", { key: 'f42ec936824d320b25f57ca34ab3c0ee62a665ab', name: "bottom" })), mode === 'md' && h("ion-ripple-effect", null))));
+            }) }, h(TagType, Object.assign({ key: 'cde9bca980cb5589204017d80483baab0996586e' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: 'e2b7886b53b0b85d81fbfd9209c2989673cdb863', class: "button-inner" }, h("slot", { key: 'eaf089857ff0a22d3a9c12574596002e32a28c75', name: "top" }), h("div", { key: '12f5d46fe5b8b5d2a5d2bd9e4782376c5af86f1c', class: "horizontal-wrapper" }, h("slot", { key: 'ba6d89b7c7f9470f73e17808f90d578fbcceba48', name: "start" }), h("slot", { key: '22ad963dd37ae40c03a5723c3e3b05970f40d871', name: "icon-only" }), h("slot", { key: 'a1596a1961b5757828fafaa9edf9da3381482ff3' }), h("slot", { key: 'ad0d2b50de279a712e18985ce9aceda7b5d45712', name: "end" })), h("slot", { key: '2940933c947f7e2d9875f0fb980aff392d5ea7fa', name: "bottom" })), mode === 'md' && h("ion-ripple-effect", null))));
     }
     get el() { return getElement(this); }
 };
@@ -79,7 +79,7 @@ const ItemOptions = class {
     render() {
         const mode = getIonMode(this);
         const isEnd = isEndSide(this.side);
-        return (h(Host, { key: '012edb4ea825e53b3385cb5995f57c660caacfa0', class: {
+        return (h(Host, { key: 'ac0cec6a2ea83c9633c10bce379ffdcc99221b52', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -487,7 +487,7 @@ const ItemSliding = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '5963df2d68cfc9367b432fd047f87e884e4a07e6', class: {
+        return (h(Host, { key: 'ae9da267d130e2875b2d854952b70daa739effd8', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

package/dist/esm/ion-item_8.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, i as forceUpdate, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
-import { k as inheritAttributes, r as raf } from './helpers-c0b9ca37.js';
+import { h as inheritAttributes, r as raf } from './helpers-6f6a912f.js';
 import { p as printIonWarning, a as printIonError } from './index-9b0d46f4.js';
 import { h as hostContext, c as createColorClasses, o as openURL } from './theme-01f3f29c.js';
 import { o as chevronForward } from './index-f7dc70ba.js';
@@ -293,11 +293,11 @@ const ItemDivider = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '3da2ad5f619a5003648574f815a97af8ddd8a09e', class: createColorClasses(this.color, {
+        return (h(Host, { key: '18d1b78568247bfbf0b0274971b752ace7531f58', class: createColorClasses(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, h("slot", { key: '5bef01ba4fd05517125abdcf6e2d63b74a3a1725', name: "start" }), h("div", { key: 'db8cfce712acb3cd303cdee6971cabc455ff38f2', class: "item-divider-inner" }, h("div", { key: '0ea5790fc725888c7a1e0c1054dfdf466dd841bf', class: "item-divider-wrapper" }, h("slot", { key: 'a6a8ce179cd57e991e477a3d187bfa4500e94ab6' })), h("slot", { key: 'a0ccbd9a3ca373e495cfcba8bf495821c9325e53', name: "end" }))));
+            }) }, h("slot", { key: 'cbf5fe1a9f4233a303d2366d1fc032d7c445f5c7', name: "start" }), h("div", { key: 'ca2608689325a350b23eb026053dd588ea3004e9', class: "item-divider-inner" }, h("div", { key: '00af1d58d5fc7995754a5266534cdf989a3294eb', class: "item-divider-wrapper" }, h("slot", { key: 'bfa2547fe8de49dcfbfccaeb46736182e514ffbc' })), h("slot", { key: '650dd1153d211eb992e69ff7e98c381cf0555e25', name: "end" }))));
     }
     get el() { return getElement(this); }
 };
@@ -318,7 +318,7 @@ const ItemGroup = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: 'a3bd7971d409607123ba93edc009d12ad507b5d8', role: "group", class: {
+        return (h(Host, { key: '2443d9e64c1867a9582a2965ed9ac78263965d70', role: "group", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-group-${mode}`]: true,
@@ -388,7 +388,7 @@ const Label = class {
     render() {
         const position = this.position;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'adec21387ca76c7028dc93d457e97fa9d3822818', class: createColorClasses(this.color, {
+        return (h(Host, { key: '6820fe45a0aa73dca665a43f588f952e94c194c7', class: createColorClasses(this.color, {
                 [mode]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
@@ -435,7 +435,7 @@ const List = class {
     render() {
         const mode = getIonMode(this);
         const { lines, inset } = this;
-        return (h(Host, { key: '9f21919ff516e4fb8b334301f09f52a90014b619', role: "list", class: {
+        return (h(Host, { key: '9a0eab31e53ae22dbfa7aa58d779d3976797ea08', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,
@@ -466,10 +466,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: 'a9c5da433e6185d089f019cb181adb133d7482c2', class: createColorClasses(this.color, {
+        return (h(Host, { key: '7b0de2d26ec09f11740ad55bba5e4d2f52623b58', class: createColorClasses(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: '5dc58c39c4a4825835406468b2c51f9b4fa6b4b4', class: "list-header-inner" }, h("slot", { key: '8881828c2fa11afb591eef7ab8e5f31131a884e1' }))));
+            }) }, h("div", { key: '86cbae45e24ce7607b011cd3cd1ae82e741a111c', class: "list-header-inner" }, h("slot", { key: 'a276c0540cd1bdd907b01620d5bfb9c996c08b90' }))));
     }
 };
 ListHeader.style = {
@@ -490,9 +490,9 @@ const Note = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '99db21e5e1eb52bf3ec58e3d52ee49aee3a2f12f', class: createColorClasses(this.color, {
+        return (h(Host, { key: '83fbede35bbb772419d68f6ad398aab0e00b9f61', class: createColorClasses(this.color, {
                 [mode]: true,
-            }) }, h("slot", { key: 'e9f370f4b622cafd4452a2de81e0f2f6833f6483' })));
+            }) }, h("slot", { key: 'c4060ce2439e96a5ac8763843579b7956a90032f' })));
     }
 };
 Note.style = {
@@ -525,11 +525,11 @@ const SkeletonText = class {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const mode = getIonMode(this);
-        return (h(Host, { key: '8e398fb1d49ec076737c3c7cac58765fee3267b1', class: {
+        return (h(Host, { key: 'e0a84e5017cde072087d5580dd370bbd36106f99', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: '1fff010f1dfdc2c0985f419299a89cd4d498c340' }, "\u00A0")));
+            } }, h("span", { key: '3274a42e3fd4f1b9fb285f4b982416e1f68ac766' }, "\u00A0")));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ion-loading.entry.js

@@ -3,15 +3,15 @@
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import { r as raf } from './helpers-c0b9ca37.js';
+import { r as raf } from './helpers-6f6a912f.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-2d8629c6.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-0552e35b.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-60dbdd13.js';
+import { c as createAnimation } from './animation-2b6dd235.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-f42b9c80.js';
-import './framework-delegate-fed7fe7c.js';
+import './framework-delegate-e8bffeeb.js';
 import './gesture-controller-314a54f6.js';
 import './index-9b0d46f4.js';
 
@@ -254,9 +254,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: '5d2364831dd5043902091255027bc9c2297b9563', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'e193afb8350415a30c7413db67cd81c73a394ae8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '7b2427f72d47d04cd7f9abc7204652b71e4d4298', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'b701990fcb545f78c2ccb236822ce8c96ad4120d', tabindex: "0" }), h("div", { key: '3d04466f9f19b92c4fe23848e06342cfd8b81968', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { class: "loading-spinner" }, h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '276cd44f424ac9b1e1b20f91a03fd7a4fd3f6f44', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '38d87e39091690da9927c324ab5a3f6f31755b4e', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '5a2aa46cb02fd82e56a4e7c1de27349ddab9b413', tabindex: "0" }), h("div", { key: 'ef6ae86e511375ddebc03f242ae4f8952f35c530', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { class: "loading-spinner" }, h("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'da6fe0cb92d92622eb85b7edccd185c8869415e7', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-menu_3.entry.js

@@ -5,16 +5,16 @@ import { r as registerInstance, d as createEvent, h, H as Host, f as getElement
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller-314a54f6.js';
 import { shoudUseCloseWatcher } from './hardware-back-button-f42b9c80.js';
-import { p as isEndSide, i as inheritAriaAttributes, o as assert, l as clamp } from './helpers-c0b9ca37.js';
-import { m as menuController } from './index-48209844.js';
-import { o as getPresentedOverlay } from './overlays-2d8629c6.js';
+import { o as isEndSide, i as inheritAriaAttributes, n as assert, j as clamp } from './helpers-6f6a912f.js';
+import { m as menuController } from './index-02ec07ff.js';
+import { o as getPresentedOverlay } from './overlays-0552e35b.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { u as menuOutline, v as menuSharp } from './index-f7dc70ba.js';
 import './index-a5d50daf.js';
 import './index-9b0d46f4.js';
-import './animation-60dbdd13.js';
-import './framework-delegate-fed7fe7c.js';
+import './animation-2b6dd235.js';
+import './framework-delegate-e8bffeeb.js';
 
 const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
 const IonMenuIosStyle0 = menuIosCss;
@@ -616,14 +616,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '6e19b85484a90586654e246b405dce9e04a9775c', onKeyDown: shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: 'c47b00136d61d7d705efadd4d2d06b87b18747a3', onKeyDown: shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: '7d6a3e953e7672ba8f2c1589cdc74d5b03dbbe5a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '0a7838ed4b96822ccac6c8208d1c593d55f655db' })), h("ion-backdrop", { key: '28cb687d95991a2d84be7c2bf7d5d9074737363f', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '829d5332be865b5aab6435e6a7c8872c7fb89b52', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '5b47ee5da8238ec15d7371606cfbc3d384588ebb' })), h("ion-backdrop", { key: '58bc53f971865fd1615f267cd0259584b3045486', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -696,7 +696,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '1d32df4ca693234c0c70c3612663404a09c81d24', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '3cdbc04925c8c62ac65763fe83efdfffda0a16fa', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -705,7 +705,7 @@ const MenuButton = class {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '8fe883b3b429eed4bdaae7c111233b2f733e185f' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '9e9bcddcabe55a5f674c997d27ca5b83f473efc5', class: "button-inner" }, h("slot", { key: '8bc82bebc02041e25cbac7978b44a897a3dd8ecd' }, h("ion-icon", { key: 'bc39727bccfb722662f01020e878bdf827460352', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: '63db22c49359bf77fa344f5a13b733570ff088a4' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '011af3fa930dd888f7f4aca24ba294d23b2ceba7', class: "button-inner" }, h("slot", { key: 'dc75fd2f1f3d42eb30aefd9cd3ef137d6c8a515a' }, h("ion-icon", { key: '55cfdc7df1eab0bdc386e2a5c90be87be56a000a', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && h("ion-ripple-effect", { type: "unbounded" }))));
     }
     get el() { return getElement(this); }
 };
@@ -736,10 +736,10 @@ const MenuToggle = class {
     render() {
         const mode = getIonMode(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '3ad627ff07ef341638c57706fe62326bd0c93a98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: 'fa7f54b6264dd2110f4cda34aaa6ea7ec4f5040f', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: '07996ebbef7d40aa1787a95ea49e81b07391a15e' })));
+            } }, h("slot", { key: '6e1701d21f439cabd9f83607c500eb6111162447' })));
     }
 };
 MenuToggle.style = IonMenuToggleStyle0;

package/dist/esm/ion-modal.entry.js

@@ -2,18 +2,18 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement } from './index-73881b51.js';
-import { f as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, a as findIonContent, p as printIonContentErrorMsg } from './index-eb12ef92.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-fed7fe7c.js';
-import { g as getElementRoot, l as clamp, r as raf, k as inheritAttributes, m as hasLazyBuild } from './helpers-c0b9ca37.js';
+import { f as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, a as findIonContent, p as printIonContentErrorMsg } from './index-c14233e6.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-e8bffeeb.js';
+import { g as getElementRoot, j as clamp, r as raf, h as inheritAttributes, k as hasLazyBuild } from './helpers-6f6a912f.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { g as getCapacitor } from './capacitor-59395cbd.js';
-import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-2d8629c6.js';
+import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-0552e35b.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-4b98143d.js';
+import { e as deepReady, w as waitForMount } from './index-361e1f35.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
 import { KEYBOARD_DID_OPEN } from './keyboard-52278bd7.js';
-import { c as createAnimation } from './animation-60dbdd13.js';
+import { c as createAnimation } from './animation-2b6dd235.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { createGesture } from './index-39782642.js';
 import { w as win } from './index-a5d50daf.js';
@@ -1592,9 +1592,9 @@ const Modal = class {
         const mode = getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (h(Host, Object.assign({ key: 'f4bdd3d7d25d19b1210baf5544b243e466269dbb', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'd5619b83430689b05282ea7507b8027fbef2cdc5', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: 'f894b40577b1c13edca0bcb16a6f9381afc45dc8', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '5bcf69fee6c963fb86af23e7c04b7e0fb232dec1',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: 'db27a855c1a123d634b81f3176807d1aedc0deb8', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '6756bb8872a5f5abba75ed00e2f66e987f7ad0ed',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1603,7 +1603,7 @@ const Modal = class {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '28b8bf957fb2dc4ca33362e61658802a01da7aa5' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '72dac7b1071ba85cd039eaa811de95cbdd9dd50e' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-nav_2.entry.js

@@ -3,10 +3,11 @@
  */
 import { r as registerInstance, d as createEvent, h, f as getElement, H as Host } from './index-73881b51.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { o as assert, s as shallowEqualStringMap } from './helpers-c0b9ca37.js';
-import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-4b98143d.js';
+import { n as assert, s as shallowEqualStringMap } from './helpers-6f6a912f.js';
+import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-361e1f35.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
-import { a as attachComponent } from './framework-delegate-fed7fe7c.js';
+import { a as attachComponent } from './framework-delegate-e8bffeeb.js';
+import './index-9b0d46f4.js';
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -132,7 +133,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await import('./swipe-back-7f7620ca.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await import('./swipe-back-8f9b1f85.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {
@@ -898,7 +899,7 @@ const Nav = class {
         }
     }
     render() {
-        return h("slot", { key: '028761c76160108a3fce9a47445d463966c80453' });
+        return h("slot", { key: 'a86e551f86509bd65200393785e4000dbb37154a' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -940,7 +941,7 @@ const NavLink = class {
         this.routerAnimation = undefined;
     }
     render() {
-        return h(Host, { key: 'cdb5666c031c04912fea52ef73e6b18df3881555', onClick: this.onClick });
+        return h(Host, { key: '7b6b746a0e945a48b308eec2dcd9893daf00bca1', onClick: this.onClick });
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ion-picker-column-option.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, H as Host, f as getElement } from './index-73881b51.js';
-import { k as inheritAttributes } from './helpers-c0b9ca37.js';
+import { h as inheritAttributes } from './helpers-6f6a912f.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 
@@ -84,10 +84,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '0102aba4c6c362a08545215d1506bffff3f342d5', class: createColorClasses(color, {
+        return (h(Host, { key: '1d5358c019c01ca429ddb514b9f9b67a3c89f652', class: createColorClasses(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, h("button", { key: '4307265b10685818fecfdf6dcbd8a4664577a6f3', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: '086f60906f81fed1f6631c411eb339c3ec489e6c' }))));
+            }) }, h("button", { key: 'c86794a15b61062a886c6f5113723ccd98238e9f', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, h("slot", { key: 'ab7f80cacdd39b5aedf7d2cc8eddc6288093629a' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {