@ionic/core 8.8.20-dev.11789504012.1a675914 → 8.8.20-dev.11790000033.12788d65

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

@@ -690,7 +690,7 @@ const InputOTP = class {
         const tabbableIndex = this.getTabbableIndex();
         const pattern = this.getPattern();
         const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';
-        return (h(Host, { key: '67df3d392e0336b65363fff7cb0d093b7c535b3f', class: createColorClasses(color, {
+        return (h(Host, { key: '2bdd205b13281373a43d1a86a25df950a6f36ae1', class: createColorClasses(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -698,10 +698,10 @@ const InputOTP = class {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, h("div", Object.assign({ key: 'b68d6bfae96d7f381ce66819d9cff0aa2b1d8a44', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper", part: "container" }, h("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator", part: "separator" }))))), h("div", { key: '346450b2da262c6543e5dc2c0bbac27c541f4e18', class: {
+            }) }, h("div", Object.assign({ key: 'b82d198138929327cd5429bbeb482248935ae88d', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper", part: "container" }, h("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator", part: "separator" }))))), h("div", { key: '0bb5444d4e653bb7310abec502f5b1d76e681c37', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            }, part: "description" }, h("slot", { key: '31ad8b75d9b2808b49f488e7ff2f235099e31b30' }))));
+            }, part: "description" }, h("slot", { key: 'f717bda988a6e9b97d67025c1d3163d838f27bb5' }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

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

@@ -3,8 +3,12 @@
  */
 import { r as registerInstance, f as printIonWarning, e as config, h, d as Host, g as getElement } from './index-C0EQceqV.js';
 import { c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { x as eyeOff, y as eye } from './index-PnwG0glX.js';
-import { b as getIonMode } from './ionic-global-BJDU78B6.js';
+import { x as eyeOff, y as eye } from './index-B4Kq2YNk.js';
+import { c as getIonTheme, b as getIonMode } from './ionic-global-BJDU78B6.js';
+
+const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';
+
+const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNDcuMzEsMTI0Ljc2Yy0uMzUtLjc5LTguODItMTkuNTgtMjcuNjUtMzguNDFDMTk0LjU3LDYxLjI2LDE2Mi44OCw0OCwxMjgsNDhTNjEuNDMsNjEuMjYsMzYuMzQsODYuMzVDMTcuNTEsMTA1LjE4LDksMTI0LDguNjksMTI0Ljc2YTgsOCwwLDAsMCwwLDYuNWMuMzUuNzksOC44MiwxOS41NywyNy42NSwzOC40QzYxLjQzLDE5NC43NCw5My4xMiwyMDgsMTI4LDIwOHM2Ni41Ny0xMy4yNiw5MS42Ni0zOC4zNGMxOC44My0xOC44MywyNy4zLTM3LjYxLDI3LjY1LTM4LjRBOCw4LDAsMCwwLDI0Ny4zMSwxMjQuNzZaTTEyOCwxOTJjLTMwLjc4LDAtNTcuNjctMTEuMTktNzkuOTMtMzMuMjVBMTMzLjQ3LDEzMy40NywwLDAsMSwyNSwxMjgsMTMzLjMzLDEzMy4zMywwLDAsMSw0OC4wNyw5Ny4yNUM3MC4zMyw3NS4xOSw5Ny4yMiw2NCwxMjgsNjRzNTcuNjcsMTEuMTksNzkuOTMsMzMuMjVBMTMzLjQ2LDEzMy40NiwwLDAsMSwyMzEuMDUsMTI4QzIyMy44NCwxNDEuNDYsMTkyLjQzLDE5MiwxMjgsMTkyWm0wLTExMmE0OCw0OCwwLDEsMCw0OCw0OEE0OC4wNSw0OC4wNSwwLDAsMCwxMjgsODBabTAsODBhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsMTI4LDE2MFoiLz48L3N2Zz4=';
 
 const inputPasswordToggleIonicCss = () => `:host ion-button{--color:var(--token-primitives-neutral-800, #626262);--margin-end:calc(-1 * var(--padding-end));--padding-end:inherit;--icon-size:var(--token-font-size-400, 1rem);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:0;margin-bottom:0;width:var(--size);height:var(--size)}:host ion-button ion-icon{font-size:var(--icon-size)}`;
 
@@ -57,48 +61,54 @@ const InputPasswordToggle = class {
     disconnectedCallback() {
         this.inputElRef = null;
     }
-    /**
-     * Get the icon to use for the hide icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
     get inputPasswordHideIcon() {
         // Return the icon if it is explicitly set
         if (this.hideIcon != null) {
             return this.hideIcon;
         }
+        // Determine the theme and map to default icons
+        const theme = getIonTheme(this);
+        const defaultIcons = {
+            ios: eyeOff,
+            ionic: eyeSlashSvg,
+            md: eyeOff,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input password hide icon or the default icon
-        return config.get('inputPasswordHideIcon', eyeOff);
+        return config.get('inputPasswordHideIcon', defaultIcon);
     }
-    /**
-     * Get the icon to use for the show icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
     get inputPasswordShowIcon() {
         // Return the icon if it is explicitly set
         if (this.showIcon != null) {
             return this.showIcon;
         }
+        // Determine the theme and map to default icons
+        const theme = getIonTheme(this);
+        const defaultIcons = {
+            ios: eye,
+            ionic: eyeSvg,
+            md: eye,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input password show icon or the default icon
-        return config.get('inputPasswordShowIcon', eye);
+        return config.get('inputPasswordShowIcon', defaultIcon);
     }
     render() {
         const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
         const mode = getIonMode(this);
         const isPasswordVisible = type === 'text';
-        return (h(Host, { key: '67dff695db35fe17927c62f88eb4d1b8a83cf9c1', class: createColorClasses(color, {
+        return (h(Host, { key: 'f11e3bf4d3255e003aec504e6dd3ee1e0caaf767', class: createColorClasses(color, {
                 [mode]: true,
-            }) }, h("ion-button", { key: '75edb85478a55b76fc1b4b3ecb65d593dee0b3ee', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
+            }) }, h("ion-button", { key: '5bba43f7755857fd9347612bb906c389b60386b4', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the password toggle
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: '811e6f30fdc0e78fb23318823fc2bb2135647ca1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
+            }, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: 'c0eb0e4e2f3e9553bfd519ff655064c9f62af406', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,13 +2,14 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, c as createEvent, i as forceUpdate, f as printIonWarning, h, e as config, d as Host, g as getElement } from './index-C0EQceqV.js';
+import { x as xSvg } from './x-BDqjX7Z_.js';
 import { c as createNotchController } from './notch-controller-BYB7mUMg.js';
 import { c as checkInvalidState } from './validity-BjW8SOqw.js';
 import { c as createClearButtonPressController } from './clear-button-press-controller-Ci6Q_x5-.js';
 import { d as debounceEvent, i as inheritAriaAttributes, b as inheritAttributes, c as componentOnReady } from './helpers-ChPZH7zh.js';
 import { c as createSlotMutationController, g as getCounterText } from './input.utils-DhJNJPiU.js';
 import { h as hostContext, c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { b as closeCircle, d as closeSharp } from './index-PnwG0glX.js';
+import { b as closeSharp, d as closeCircle } from './index-B4Kq2YNk.js';
 import { c as getIonTheme } from './ionic-global-BJDU78B6.js';
 import './focus-visible-vXpMhGrs.js';
 import './dir-o8OKV5aD.js';
@@ -584,9 +585,15 @@ const Input = class {
         if (this.clearInputIcon != null) {
             return this.clearInputIcon;
         }
-        // Determine the theme and map to the default icon
+        // Determine the theme and map to default icons
         const theme = getIonTheme(this);
-        const defaultIcon = theme === 'ios' ? closeCircle : closeSharp;
+        const defaultIcons = {
+            ios: closeCircle,
+            ionic: xSvg,
+            md: closeSharp,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured input clear icon or the default icon
         return config.get('inputClearIcon', defaultIcon);
     }
@@ -620,7 +627,7 @@ const Input = class {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (h(Host, { key: 'ae0920d7c93498741a5a066a5518f89f0c5b43c2', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'f4009568b582fa080103dfb3f490595d5d7e9706', class: createColorClasses(this.color, {
                 [theme]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -633,7 +640,7 @@ const Input = class {
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
                 'input-readonly': readonly,
-            }) }, h("label", { key: 'b9fd3366b0fb429ebacc02a16ae27e29b1b485aa', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: 'eb02cef1a79a43f9fc8eb55bd7f3dcd4ca2e81d3', class: "native-wrapper", onClick: this.onLabelClick }, 
+            }) }, h("label", { key: 'a05502716afcf5d286f197131619b2bc57ba61e0', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: 'de4621c5eff21e26197f28a3e66217fcae449c75', class: "native-wrapper", onClick: this.onLabelClick }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -643,10 +650,10 @@ const Input = class {
          * <label> element, ensuring that clicking the label text
          * focuses the input.
          */
-        theme === 'ionic' && h("div", { key: '1d35432c405e9d6fec8c4d411bf33e2950a02fb5', class: "input-outline" }), h("slot", { key: '627e09591ad9915b8b62b6ad8b8f359f1b010f01', name: "start" }), h("input", Object.assign({ key: '3bd035e03868067ea6dbba5c7a28383474f67ba3', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.getLabelledById() }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (h("button", { key: 'dfec9566c3dd743dae34afe0de03aabb180a371e', "aria-label": "reset", type: "button", class: {
+        theme === 'ionic' && h("div", { key: '79e084dd8d7b0f530ea6518ee6f2ceb2ac099a8e', class: "input-outline" }), h("slot", { key: 'a4d0f148035c0f8afca5171139a05665d778bd07', name: "start" }), h("input", Object.assign({ key: 'f399d498b4c289571a114347c08c2ae16266ba6f', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.getLabelledById() }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (h("button", { key: 'f6672256dfebae3bae35afd61d26bb705e8f268c', "aria-label": "reset", type: "button", class: {
                 'input-clear-icon': true,
                 'input-clear-button-pressed': this.isClearButtonPressed,
-            }, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, h("ion-icon", { key: 'c736514c2df8f78196bd6426fd8d80d282c7aeb7', "aria-hidden": "true", icon: inputClearIcon }))), h("slot", { key: 'b6a250b6aaacb7a7ec0e09cc93a8b8dce973bb5b', name: "end" })), shouldRenderHighlight && h("div", { key: '989a73bb9210f3ef8084a265533063cdb4b8142c', class: "input-highlight" })), this.renderBottomContent()));
+            }, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, h("ion-icon", { key: '999e8ec2b4c1614ce8f396b6a3e2ff26cb41dfbd', "aria-hidden": "true", icon: inputClearIcon }))), h("slot", { key: '2d0df6c7dd9dc17d8bd5e33b9eac1e11a25dd874', name: "end" })), shouldRenderHighlight && h("div", { key: 'f80b2c9fe4dfbb038e6c7b5a98e775cdd5ef6a21', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -69,14 +69,14 @@ const ItemOption = class {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '4c40464f3ade0f4afaf4a7682177bf54fd411b2f', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '8f1bad23fd3ccbb9d54d57765e6731cd2ee07306', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 [`item-option-${hue}`]: hue !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: '857af74eab39e9dbe9e72da7b6727c1fb72ba463' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '7838898caaa93215083f3aa378e8d12c7c0da73f', class: "button-inner", part: "inner" }, h("slot", { key: '0cfa9e6c6e55cae4d099eb3c339ae91d69a0899d', name: "top" }), h("div", { key: '5ed0d1b3f462e7a03da1c29f5a76efc186b3881c', class: "horizontal-wrapper", part: "container" }, h("slot", { key: '264076e1e5818e7666d6958c861d43831b4b9227', name: "start" }), h("slot", { key: 'ff6cd961b5d980ce073840f023f2c8ff3d46b4a4', name: "icon-only" }), h("slot", { key: '75f3fd3813e497ab1fc1bef2248a8764c0b5a36f' }), h("slot", { key: '9df80f908c1facc282b5910d1f3199b72dd33b36', name: "end" })), h("slot", { key: 'e82f4c0ea7dd31393dd42496801d8807e57aba2d', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '7730ed91538245a5834989213673dea45b70798d' }))));
+            }) }, h(TagType, Object.assign({ key: '2baf904e356a87ed463ee5f517e0e95f90b2ef30' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '49b627f72dffd1b150ccd808b1b1f63bbe78e2de', class: "button-inner", part: "inner" }, h("slot", { key: 'cdb52f76f1d7e5df411215f17eb76ad25e36241a', name: "top" }), h("div", { key: '864204667c6e3ba6f989b24e96c131b67e55d408', class: "horizontal-wrapper", part: "container" }, h("slot", { key: '474f4aab708842bb7ef74cb6f1fbe601ceff82cf', name: "start" }), h("slot", { key: '2bd726c5ba3ee079a623f1f6229d1ac2afd3e291', name: "icon-only" }), h("slot", { key: '2d1a673c447ebf82c92f944ec9e83a5b38698307' }), h("slot", { key: '8d0f9337cd84c725190cffd25d74044075e85ab0', name: "end" })), h("slot", { key: 'a674039b26d9cbb886e88ea721bbc210484aba9f', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '3e45bf18b7992943c47ece47e9358f4da0b8e865' }))));
     }
     get el() { return getElement(this); }
 };
@@ -111,7 +111,7 @@ const ItemOptions = class {
     render() {
         const theme = getIonTheme(this);
         const isEnd = isEndSide(this.side);
-        return (h(Host, { key: '3505a534ecca3fe1615b1e686d9ab15bc8967049', class: {
+        return (h(Host, { key: 'ed05ceebf2cda943ac9efea2f91b71f7e8fc55e8', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,
@@ -905,7 +905,7 @@ const ItemSliding = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'd718bf10e1dfbecc2c1e1b84eee8e79a62751115', class: {
+        return (h(Host, { key: '47de8c8a9721f9223b42d6722a9ad32f378818aa', class: {
                 [theme]: 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,9 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, i as forceUpdate, e as config, h, d as Host, g as getElement, c as createEvent } from './index-C0EQceqV.js';
+import { c as caretRightSvg } from './caret-right-BYSs-jZz.js';
 import { b as inheritAttributes, r as raf } from './helpers-ChPZH7zh.js';
 import { h as hostContext, c as createColorClasses, o as openURL } from './theme-DaJxRxSQ.js';
-import { o as chevronForward } from './index-PnwG0glX.js';
+import { o as chevronForward } from './index-B4Kq2YNk.js';
 import { c as getIonTheme, b as getIonMode } from './ionic-global-BJDU78B6.js';
 import './focus-visible-vXpMhGrs.js';
 import './dir-o8OKV5aD.js';
@@ -235,26 +236,29 @@ const Item = class {
         const controls = this.el.querySelectorAll('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled]), ion-select:not([disabled]), ion-input:not([disabled]), ion-textarea:not([disabled])');
         return controls[0];
     }
-    /**
-     * Get the icon to use for the detail icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
     get itemDetailIcon() {
         // Return the icon if it is explicitly set
         if (this.detailIcon != null) {
             return this.detailIcon;
         }
+        // Determine the theme and map to default icons
+        const theme = getIonTheme(this);
+        const defaultIcons = {
+            ios: chevronForward,
+            ionic: caretRightSvg,
+            md: chevronForward,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured item detail icon or the default icon
-        return config.get('itemDetailIcon', chevronForward);
+        return config.get('itemDetailIcon', defaultIcon);
     }
     /**
      * The icon should be flipped when the app is RTL and
      * the icon is a variation of chevron.
      */
     get shouldFlipIcon() {
-        return this.itemDetailIcon === chevronForward;
+        return this.itemDetailIcon === chevronForward || this.itemDetailIcon === caretRightSvg;
     }
     render() {
         const { detail, download, labelColorStyles, lines, disabled, href, itemDetailIcon, shouldFlipIcon, rel, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
@@ -333,7 +337,7 @@ const Item = class {
          * multi-input item, and in a clickable item, which is a second tab stop.
          */
         const slottedIndicatorNeedsRoom = this.hasSlottedIndicatorControl && (multipleInputs || this.isClickable());
-        return (h(Host, { key: 'd1081a8a1d32df06ac0237a370b8105f9b3ad743', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {
+        return (h(Host, { key: 'e303a3416c411185a0990ec8dcb1b1479eb236e8', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {
                 item: true,
                 [theme]: true,
                 'item-lines-default': lines === undefined,
@@ -346,7 +350,7 @@ const Item = class {
                 'ion-activatable': canActivate,
                 'ion-focusable': this.focusable,
                 'item-rtl': document.dir === 'rtl',
-            })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({ key: 'd0cb6daafb0813bdf176094aeef56083a18e766b' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), h("slot", { key: 'abb79ecaaa73863926e2e96b3c860c4686f1a7ac', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), h("div", { key: 'dd13fe3d073c7b88ac4e09c157fc1267480feeba', class: "item-inner", part: "inner" }, h("div", { key: '33e842c9fc188afc7e546a989d3c75cc5393b4a1', class: "input-wrapper", part: "container" }, h("slot", { key: 'cd4fc3687f17807231adf641772c6e8269a75bce', onSlotchange: this.updateInteractivityOnSlotChange })), h("slot", { key: 'bc0b10c2cdf07040d26d543de1fbf9ab5e400079', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (h("ion-icon", { key: '64b285c87a5b000ad5bbd6a3056183ddc6ef988a', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && h("ion-ripple-effect", { key: '1dd429002350661afa8853a58a59276da7283353' }))));
+            })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({ key: '551e095097f4c241aa0bb0d2aceb0bf4777563b2' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), h("slot", { key: '8a602938537caaebaad7d72aa3e8d5a4d3a12290', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), h("div", { key: 'c82030fdec973d347bc56ae25bb71f6c76173b60', class: "item-inner", part: "inner" }, h("div", { key: '01db0987d735ce734f1edfcd7ee8164e441c840e', class: "input-wrapper", part: "container" }, h("slot", { key: '87e073b45610277443733f8f150d0adf26e6bf86', onSlotchange: this.updateInteractivityOnSlotChange })), h("slot", { key: '4446a01b2556284a0d8dfb1c209bec1b064a2341', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (h("ion-icon", { key: '09196aa21716c854cbbd7c5aeefff2bfb859746e', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && h("ion-ripple-effect", { key: '3408c7ffac92c84ad99a9d71f8c26b98583010a0' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -389,11 +393,11 @@ const ItemDivider = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'b41d12b91cf208efda5287f9be3c94fc0e934175', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'dc73f348b5376faa40ba4bc6bba3d5c9e5ec5ab2', class: createColorClasses(this.color, {
                 [theme]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, h("slot", { key: '490b5ab187a2f8f4c909eb5c0c16d50a7f90f87d', name: "start" }), h("div", { key: '55cc4cdda96d6a33472fe6570a09e725c3a5e091', class: "item-divider-inner", part: "inner" }, h("div", { key: 'fec32822339f1a2197fd576b0949bf12d1b7582b', class: "item-divider-wrapper", part: "container" }, h("slot", { key: '698a1e95a0481c1a7ff20795c479ceb5b00873ae' })), h("slot", { key: 'c5d28d2b06885044bdadaf203018568c8701accc', name: "end" }))));
+            }) }, h("slot", { key: '0f535b2cf91f2ec042aa59a89498cfa0e4d541a0', name: "start" }), h("div", { key: '867c8c1a1bd273a5f5018f77785f11d58152e8b9', class: "item-divider-inner", part: "inner" }, h("div", { key: 'c32b2a5658d27cf5d8cd8ffbfa476c02755e1afd', class: "item-divider-wrapper", part: "container" }, h("slot", { key: 'f8b0fea29a910cd2e36301586532be3a8348c31e' })), h("slot", { key: '418750f630c851cf04b6a278c1666c6cf33c113c', name: "end" }))));
     }
     get el() { return getElement(this); }
 };
@@ -415,7 +419,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '192876ea9e6fc866519490556a5db863b8731ceb', role: "group", class: {
+        return (h(Host, { key: '017c8f7cd0258e1864423337ddd1b1cb522f64ed', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -489,13 +493,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '55356d83f3c598b83dccd79ee3769da57d15cf78', class: createColorClasses(this.color, {
+        return (h(Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, h("slot", { key: 'fbf99c7868befa8ba8e01c4d086ef238ecc061c8' })));
+            }) }, h("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -559,7 +563,7 @@ const List = class {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (h(Host, { key: 'c1a9ff4887166dda2da800c15102cd1aed53ab72', role: "list", class: {
+        return (h(Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -590,10 +594,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '1d1e2a599178710f9243d4d4c87d01f2364e4717', class: createColorClasses(this.color, {
+        return (h(Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: '4f29d2a52fad8314d779510c8851a632b68f783d', class: "list-header-inner", part: "inner" }, h("slot", { key: '4b434064755e69b6e5ba4d241159d0590ca6fa47' }))));
+            }) }, h("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, h("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
     }
 };
 ListHeader.style = {
@@ -614,9 +618,9 @@ const Note = class {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '3f882cc4cac96016c332fd42b7a42ee2065284ce', class: createColorClasses(this.color, {
+        return (h(Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: 'f90b98dcd17b4f3c4e7b85ad4fe01e5478bdc952' })));
+            }) }, h("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
     }
 };
 Note.style = {
@@ -652,11 +656,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 theme = getIonTheme(this);
-        return (h(Host, { key: '7a27c2f32338a0770951ab814095dd0bf091966c', class: {
+        return (h(Host, { key: '370451ee8963b776079f5df365f7bbd70a53b270', class: {
                 [theme]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, h("span", { key: 'f21c7f76ea9095a6c2fe39714d2415abc0b5366b' }, "\u00A0")));
+            } }, h("span", { key: '2b861b4ec86cbd61927ab7b81b13517c99dc94c7' }, "\u00A0")));
     }
     get el() { return getElement(this); }
 };

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

@@ -279,9 +279,9 @@ const Loading = class {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: '46358f5a35005840cf60e7c520d4f60415b5991d', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', 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)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'a34cd48d682bc696aa437d22f99fee5427070883', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '6c663be0284e9b81f0b474ae05f3182b76f6ce7f', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'a8b8bbab685e59c80793ed66626a7f90b40960d6', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '016cfe3ac189405620cd4dfc82941b280d84c8a4', class: "loading-spinner" }, h("ion-spinner", { key: '33d580768ab09748c3fa59fa8fed09832abaae7a', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'dedf1658004af3269ec1bb9a8028ce786a24d806', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, h("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,8 @@ import { b as getIonMode, a as isPlatform, c as getIonTheme, s as shouldUseClose
 import { p as isEndSide, i as inheritAriaAttributes, l as assert, e as clamp } from './helpers-ChPZH7zh.js';
 import { m as menuController } from './index-C7F1yJyV.js';
 import { h as hostContext, c as createColorClasses } from './theme-DaJxRxSQ.js';
-import { u as menuOutline, v as menuSharp } from './index-PnwG0glX.js';
+import { l as listSvg } from './list-Dhi5xtNS.js';
+import { u as menuSharp, v as menuOutline } from './index-B4Kq2YNk.js';
 import './framework-delegate-P5K_3uYw.js';
 import './focus-visible-vXpMhGrs.js';
 import './dir-o8OKV5aD.js';
@@ -664,14 +665,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '9b37651cda44cc443b9085e13eb2e5b13fa041e0', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: 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: '27d27929b185907be48e50d4b2bbe1a14e971564', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '38e3385837dff99ee17170798efedc3f58071fac' })), h("ion-backdrop", { key: 'ae11415a8b4c00e6c4a90ce88405cd5b11a92374', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), h("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -751,15 +752,16 @@ const MenuButton = class {
     async visibilityChanged() {
         this.visible = await updateVisibility(this.menu);
     }
-    /**
-     * Get the icon to use for the menu icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
     get menuIcon() {
-        // Determine the theme and map to the default icon
+        // Determine the theme and map to default icons
         const theme = getIonTheme(this);
-        const defaultIcon = theme === 'ios' ? menuOutline : menuSharp;
+        const defaultIcons = {
+            ios: menuOutline,
+            ionic: listSvg,
+            md: menuSharp,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured menu icon or the default icon
         return config.get('menuIcon', defaultIcon);
     }
@@ -771,7 +773,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '026e0b8786a0743d93b1410f2c7046857e76d31e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -780,7 +782,7 @@ const MenuButton = class {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '43ae83fb67e6f138c73eceea433d2e1597539347' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: 'f6ddf381a18c716c1826d42e88c4b5a7840bb5fd', class: "button-inner" }, h("slot", { key: 'bb39b67eacc81d30221bfb54dc0a835289cc5380' }, h("ion-icon", { key: '8f8313ed81ad2d59e2bd40d4025dd20dc822d512', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: '25ca62a13acd04b0a3df7ead7c6dabff1446bce5', type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, h("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, h("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
 };
@@ -816,10 +818,10 @@ const MenuToggle = class {
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: 'c97c11d2e8b3efd50302cedd68c2dd95b0355bd4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'e9987fbbbf9cf7fb8e770502c3c9d5c5779c3926' })));
+            } }, h("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
     }
 };
 MenuToggle.style = menuToggleCss();

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

@@ -3132,11 +3132,11 @@ const Modal = class {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (h(Host, Object.assign({ key: 'a2a8d62a699e1bcd2d6d277dcec3ae0a0cdaa773', "no-router": true,
+        return (h(Host, Object.assign({ key: 'cf99da2a03dd010716265401c8b6fe46a9bf0ced', "no-router": true,
             // Allow the modal to be navigable when the handle is focusable
             tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), h("ion-backdrop", { key: 'ef4dce13e8fa68d118bbb87262cce3d6067f8159', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'fffa61a3d9f45b72847a224845758d9f97fb3e79', class: "modal-shadow" }), h("div", Object.assign({ key: '1872b201510124d94f86b42a0b30bdd416280a2a',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), h("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), h("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -3149,9 +3149,9 @@ const Modal = class {
               without the tabindex focus() would be a no-op and screen readers
               may not properly announce the dialog and its content when it opens.
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: '822983329fce3d8dbf007172448a0f6c7f180190', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: '9bcc1589af7c422ee6f116aa50f62981031042ba', 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", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), h("slot", { key: '182a6e6b3aa92f22035c851eb32bd2392cf941d1', onSlotchange: this.onSlotChange }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), h("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -899,7 +899,7 @@ const Nav = class {
         }
     }
     render() {
-        return h("slot", { key: '2542f3c31517c7238d1c286435c6e6738fafb145' });
+        return h("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -945,7 +945,7 @@ const NavLink = class {
         };
     }
     render() {
-        return h(Host, { key: '892d940265e46ab358af2693c4d63234fe301a85', onClick: this.onClick });
+        return h(Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
     }
     get el() { return getElement(this); }
 };

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

@@ -101,10 +101,10 @@ const PickerColumnOption = class {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'ca671f1d55775b5f2f92d0a0a76ee2cc6b0da684', class: createColorClasses(color, {
+        return (h(Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("div", { key: 'dc1d02a320e46e11b4cf981f03d240282d38e953', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, h("slot", { key: '0d8eeeafb99d0b27f0a53e8404708ed6f5d09f5a' }))));
+            }) }, h("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, h("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -549,14 +549,14 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'f59ee8a7743b67fc1d4ce7481157351eaf74b21e', class: createColorClasses(color, {
+        return (h(Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: createColorClasses(color, {
                 [theme]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, h("slot", { key: '1ff45d6f05c6f42e8ed0d453f1e40b37f438b6de', name: "prefix" }), h("div", { key: '6c4fd1ef103fec93a0471d6e21baa75034869d55', class: "picker-opts", ref: (el) => {
+            }) }, h("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), h("div", { key: '1957b8a3a3835980bb22ea3b46b2cb5e6bcc2432', class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
-            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, h("div", { key: 'f6e9ac294387992f2d5160ec2b45ac9a721b445a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '6347e7fc94fb632e8718400e7a038d729ca72815', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '742841d456509ca0d56cc5af3c0acd392ae0632d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: '0df7a93082ba62f9fe91bef9bf4771ad1c9859bd' }), h("div", { key: 'f9a9f01478e51940c1547b94400b484839f0c6c0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '01363d1a5a052eb2aceb27339969e8fefaef7531', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'ef60f85fcc83ff6ee43555fdd5c5b27a50cf820b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: '1cdc5accbe0d0f33849d163f0fdcd67c5e4837ae', name: "suffix" })));
+            }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, h("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), h("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), h("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -459,7 +459,7 @@ const Picker = class {
         this.emitInputModeChange();
     }
     render() {
-        return (h(Host, { key: '7bd377eae3c0fe70f0bc34820d5f7e66a8c1f280', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: '81e4494104e755f8c05a4dcbceb3ad2edb426bfc', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (h(Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, h("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -474,7 +474,7 @@ const Picker = class {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), h("div", { key: '64a1ed7261384f8b8880458684140dabb2886bc4', class: "picker-before" }), h("div", { key: 'b1cb9d14bb7171695ffb138b3ad3150264adee95', class: "picker-after" }), h("div", { key: '11db19b2aab0ca2b84171892a6158c612e8e2642', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: '8cbf25b4282541e3d33aa67bc34e59b46541e64f' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), h("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), h("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), h("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), h("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
     }
     get el() { return getElement(this); }
 };