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

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

@@ -4,6 +4,7 @@
 'use strict';
 
 var index = require('./index-C1knGA9x.js');
+var caretRight = require('./caret-right-CRCgv98E.js');
 var helpers = require('./helpers-Dhimwhpn.js');
 var theme = require('./theme-IlOsGAz7.js');
 var index$1 = require('./index-CxDnX7hd.js');
@@ -237,26 +238,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 = ionicGlobal.getIonTheme(this);
+        const defaultIcons = {
+            ios: index$1.chevronForward,
+            ionic: caretRight.caretRightSvg,
+            md: index$1.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 index.config.get('itemDetailIcon', index$1.chevronForward);
+        return index.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 === index$1.chevronForward;
+        return this.itemDetailIcon === index$1.chevronForward || this.itemDetailIcon === caretRight.caretRightSvg;
     }
     render() {
         const { detail, download, labelColorStyles, lines, disabled, href, itemDetailIcon, shouldFlipIcon, rel, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
@@ -335,7 +339,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 (index.h(index.Host, { key: 'd1081a8a1d32df06ac0237a370b8105f9b3ad743', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'e303a3416c411185a0990ec8dcb1b1479eb236e8', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), theme.createColorClasses(this.color, {
                 item: true,
                 [theme$1]: true,
                 'item-lines-default': lines === undefined,
@@ -348,7 +352,7 @@ const Item = class {
                 'ion-activatable': canActivate,
                 'ion-focusable': this.focusable,
                 'item-rtl': document.dir === 'rtl',
-            })), role: inList ? 'listitem' : null }, index.h(TagType, Object.assign({ key: 'd0cb6daafb0813bdf176094aeef56083a18e766b' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), index.h("slot", { key: 'abb79ecaaa73863926e2e96b3c860c4686f1a7ac', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), index.h("div", { key: 'dd13fe3d073c7b88ac4e09c157fc1267480feeba', class: "item-inner", part: "inner" }, index.h("div", { key: '33e842c9fc188afc7e546a989d3c75cc5393b4a1', class: "input-wrapper", part: "container" }, index.h("slot", { key: 'cd4fc3687f17807231adf641772c6e8269a75bce', onSlotchange: this.updateInteractivityOnSlotChange })), index.h("slot", { key: 'bc0b10c2cdf07040d26d543de1fbf9ab5e400079', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (index.h("ion-icon", { key: '64b285c87a5b000ad5bbd6a3056183ddc6ef988a', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme$1 === 'md' && index.h("ion-ripple-effect", { key: '1dd429002350661afa8853a58a59276da7283353' }))));
+            })), role: inList ? 'listitem' : null }, index.h(TagType, Object.assign({ key: '551e095097f4c241aa0bb0d2aceb0bf4777563b2' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), index.h("slot", { key: '8a602938537caaebaad7d72aa3e8d5a4d3a12290', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), index.h("div", { key: 'c82030fdec973d347bc56ae25bb71f6c76173b60', class: "item-inner", part: "inner" }, index.h("div", { key: '01db0987d735ce734f1edfcd7ee8164e441c840e', class: "input-wrapper", part: "container" }, index.h("slot", { key: '87e073b45610277443733f8f150d0adf26e6bf86', onSlotchange: this.updateInteractivityOnSlotChange })), index.h("slot", { key: '4446a01b2556284a0d8dfb1c209bec1b064a2341', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (index.h("ion-icon", { key: '09196aa21716c854cbbd7c5aeefff2bfb859746e', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme$1 === 'md' && index.h("ion-ripple-effect", { key: '3408c7ffac92c84ad99a9d71f8c26b98583010a0' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -391,11 +395,11 @@ const ItemDivider = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'b41d12b91cf208efda5287f9be3c94fc0e934175', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'dc73f348b5376faa40ba4bc6bba3d5c9e5ec5ab2', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, index.h("slot", { key: '490b5ab187a2f8f4c909eb5c0c16d50a7f90f87d', name: "start" }), index.h("div", { key: '55cc4cdda96d6a33472fe6570a09e725c3a5e091', class: "item-divider-inner", part: "inner" }, index.h("div", { key: 'fec32822339f1a2197fd576b0949bf12d1b7582b', class: "item-divider-wrapper", part: "container" }, index.h("slot", { key: '698a1e95a0481c1a7ff20795c479ceb5b00873ae' })), index.h("slot", { key: 'c5d28d2b06885044bdadaf203018568c8701accc', name: "end" }))));
+            }) }, index.h("slot", { key: '0f535b2cf91f2ec042aa59a89498cfa0e4d541a0', name: "start" }), index.h("div", { key: '867c8c1a1bd273a5f5018f77785f11d58152e8b9', class: "item-divider-inner", part: "inner" }, index.h("div", { key: 'c32b2a5658d27cf5d8cd8ffbfa476c02755e1afd', class: "item-divider-wrapper", part: "container" }, index.h("slot", { key: 'f8b0fea29a910cd2e36301586532be3a8348c31e' })), index.h("slot", { key: '418750f630c851cf04b6a278c1666c6cf33c113c', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -417,7 +421,7 @@ const ItemGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '192876ea9e6fc866519490556a5db863b8731ceb', role: "group", class: {
+        return (index.h(index.Host, { key: '017c8f7cd0258e1864423337ddd1b1cb522f64ed', role: "group", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-group-${theme}`]: true,
@@ -491,13 +495,13 @@ const Label = class {
     render() {
         const position = this.position;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '55356d83f3c598b83dccd79ee3769da57d15cf78', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, index.h("slot", { key: 'fbf99c7868befa8ba8e01c4d086ef238ecc061c8' })));
+            }) }, index.h("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -561,7 +565,7 @@ const List = class {
         const theme = ionicGlobal.getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (index.h(index.Host, { key: 'c1a9ff4887166dda2da800c15102cd1aed53ab72', role: "list", class: {
+        return (index.h(index.Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,
@@ -592,10 +596,10 @@ const ListHeader = class {
     render() {
         const { lines } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '1d1e2a599178710f9243d4d4c87d01f2364e4717', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, index.h("div", { key: '4f29d2a52fad8314d779510c8851a632b68f783d', class: "list-header-inner", part: "inner" }, index.h("slot", { key: '4b434064755e69b6e5ba4d241159d0590ca6fa47' }))));
+            }) }, index.h("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, index.h("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
     }
 };
 ListHeader.style = {
@@ -616,9 +620,9 @@ const Note = class {
     }
     render() {
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '3f882cc4cac96016c332fd42b7a42ee2065284ce', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
-            }) }, index.h("slot", { key: 'f90b98dcd17b4f3c4e7b85ad4fe01e5478bdc952' })));
+            }) }, index.h("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
     }
 };
 Note.style = {
@@ -654,11 +658,11 @@ const SkeletonText = class {
         const animated = this.animated && index.config.getBoolean('animated', true);
         const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '7a27c2f32338a0770951ab814095dd0bf091966c', class: {
+        return (index.h(index.Host, { key: '370451ee8963b776079f5df365f7bbd70a53b270', class: {
                 [theme$1]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, index.h("span", { key: 'f21c7f76ea9095a6c2fe39714d2415abc0b5366b' }, "\u00A0")));
+            } }, index.h("span", { key: '2b861b4ec86cbd61927ab7b81b13517c99dc94c7' }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
 };

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

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

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

@@ -11,6 +11,7 @@ var ionicGlobal = require('./ionic-global-DYLhJaw7.js');
 var helpers = require('./helpers-Dhimwhpn.js');
 var index$1 = require('./index-DhDV4RxJ.js');
 var theme = require('./theme-IlOsGAz7.js');
+var list = require('./list-a-7GSA6K.js');
 var index$2 = require('./index-CxDnX7hd.js');
 require('./framework-delegate-IvkF1VuM.js');
 require('./focus-visible-BIj-I3-C.js');
@@ -666,14 +667,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: '9b37651cda44cc443b9085e13eb2e5b13fa041e0', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme$1]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': theme.hostContext('ion-split-pane', el),
-            } }, index.h("div", { key: '27d27929b185907be48e50d4b2bbe1a14e971564', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '38e3385837dff99ee17170798efedc3f58071fac' })), index.h("ion-backdrop", { key: 'ae11415a8b4c00e6c4a90ce88405cd5b11a92374', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), index.h("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -753,15 +754,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 = ionicGlobal.getIonTheme(this);
-        const defaultIcon = theme === 'ios' ? index$2.menuOutline : index$2.menuSharp;
+        const defaultIcons = {
+            ios: index$2.menuOutline,
+            ionic: list.listSvg,
+            md: index$2.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 index.config.get('menuIcon', defaultIcon);
     }
@@ -773,7 +775,7 @@ const MenuButton = class {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (index.h(index.Host, { key: '026e0b8786a0743d93b1410f2c7046857e76d31e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -782,7 +784,7 @@ const MenuButton = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h("button", Object.assign({ key: '43ae83fb67e6f138c73eceea433d2e1597539347' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: 'f6ddf381a18c716c1826d42e88c4b5a7840bb5fd', class: "button-inner" }, index.h("slot", { key: 'bb39b67eacc81d30221bfb54dc0a835289cc5380' }, index.h("ion-icon", { key: '8f8313ed81ad2d59e2bd40d4025dd20dc822d512', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '25ca62a13acd04b0a3df7ead7c6dabff1446bce5', type: "unbounded" }))));
+            }) }, index.h("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, index.h("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, index.h("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -818,10 +820,10 @@ const MenuToggle = class {
     render() {
         const theme = ionicGlobal.getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (index.h(index.Host, { key: 'c97c11d2e8b3efd50302cedd68c2dd95b0355bd4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (index.h(index.Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, index.h("slot", { key: 'e9987fbbbf9cf7fb8e770502c3c9d5c5779c3926' })));
+            } }, index.h("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
     }
 };
 MenuToggle.style = menuToggleCss();

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

@@ -3134,11 +3134,11 @@ const Modal = class {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (index$2.h(index$2.Host, Object.assign({ key: 'a2a8d62a699e1bcd2d6d277dcec3ae0a0cdaa773', "no-router": true,
+        return (index$2.h(index$2.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$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: 'ef4dce13e8fa68d118bbb87262cce3d6067f8159', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: 'fffa61a3d9f45b72847a224845758d9f97fb3e79', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: '1872b201510124d94f86b42a0b30bdd416280a2a',
+            }, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -3151,9 +3151,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 && (index$2.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 && (index$2.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) })), index$2.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) })), index$2.h("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index$2.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

@@ -551,14 +551,14 @@ const PickerColumn = class {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'f59ee8a7743b67fc1d4ce7481157351eaf74b21e', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, index.h("slot", { key: '1ff45d6f05c6f42e8ed0d453f1e40b37f438b6de', name: "prefix" }), index.h("div", { key: '6c4fd1ef103fec93a0471d6e21baa75034869d55', class: "picker-opts", ref: (el) => {
+            }) }, index.h("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), index.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) }, index.h("div", { key: 'f6e9ac294387992f2d5160ec2b45ac9a721b445a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '6347e7fc94fb632e8718400e7a038d729ca72815', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '742841d456509ca0d56cc5af3c0acd392ae0632d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '0df7a93082ba62f9fe91bef9bf4771ad1c9859bd' }), index.h("div", { key: 'f9a9f01478e51940c1547b94400b484839f0c6c0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '01363d1a5a052eb2aceb27339969e8fefaef7531', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'ef60f85fcc83ff6ee43555fdd5c5b27a50cf820b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.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) }, index.h("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), index.h("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -1546,9 +1546,9 @@ const Popover = class {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = ionicGlobal.isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (index.h(index.Host, Object.assign({ key: '25b3729884cdc23f02cefe748d5bed47b7a5fa38', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.Host, Object.assign({ key: '3319e6ea7524a30478985c014634403aceedab6f', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '9b96606f71b1d41d737a62fcfd4756022d453405', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: 'a49a4271e58d966cb9f97ebe0b97f1749f99ba58', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '6386d13c525f9fd2829b13291e2b49afec26d156', class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'd45512ad6746fcdc0bf8188353943e62b77b18c9', class: "popover-content", part: "content" }, index.h("slot", { key: '02ffde8e0aa104ab794c0b6fe748f1109c8dd6c7' })))));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '45265b1f8e5e6e822b3c8d4992039975c472b10b', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '8707fb5c5b9523fd786c4e4d02d41dfb386be187', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '17bd682e56939ba10ab4b2ab3c9e916087a7e19a', class: "popover-arrow", part: "arrow" }), index.h("div", { key: '02f1bd119d2ffecd2f2541969111fc6e156db9d3', class: "popover-content", part: "content" }, index.h("slot", { key: 'dec29181eee87f28f731d6a0ba1ef3c81867d527' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-progress-bar.cjs.entry.js

@@ -59,7 +59,7 @@ const ProgressBar = class {
         const shape = this.getShape();
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (index.h(index.Host, { key: 'c75842982bb4251237236aaa7c937a9078695c08', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '1cf02806b28a0d7b070e6f3616ea8f4c8ae4990a', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

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

@@ -151,7 +151,7 @@ const Radio = class {
         const theme$1 = ionicGlobal.getIonTheme(this);
         const inItem = theme.hostContext('ion-item', el);
         const inMultipleInputsItem = theme.hostContext('ion-item.item-multiple-inputs', el);
-        return (index.h(index.Host, { key: '47422f87a0d65a3e603ed8f7f0a7e02aea5a1184', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'e2d5c0a52199f5c6ebf05a5178e9370f7df06717', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -164,10 +164,10 @@ const Radio = class {
                 // styling stays suppressed either way.
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem || inMultipleInputsItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '2d52d730ffae0e44ec65d3238e74ddd445c05115', class: "radio-wrapper" }, index.h("div", { key: 'fc8a01ea68f55d52e5d63814fc14340d40191dff', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '898d505c52ed530fac01b4ab81f0e697d538a520', class: "radio-wrapper" }, index.h("div", { key: '8d2cc81c342ee4b10ac9eed9189be9b6fc594f38', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, index.h("slot", { key: '0e6633cebfe68fba23d0a963e48cfa7beceb7606' })), index.h("div", { key: 'bac442623fd79f800f469a5b9a66932d2335f652', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, index.h("slot", { key: '459439aeb1689cb7baff901d5b7a2ed96e98cf19' })), index.h("div", { key: '3ec8b4de39f6c18ee43b956b6c031321e6844919', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -443,10 +443,10 @@ const RadioGroup = class {
         const { label, labelId, el, name, value } = this;
         const theme$1 = ionicGlobal.getIonTheme(this);
         helpers.renderHiddenInput(true, el, name, value, false);
-        return (index.h(index.Host, { key: 'd1e359e05c725ec694bafa71fa595ae0d9dd216a', class: {
+        return (index.h(index.Host, { key: '01aa69d37d97ff7395b5bbeabdc62d1ce535285c', class: {
                 [theme$1]: true,
                 'in-list': theme.hostContext('ion-list', el),
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), index.h("slot", { key: 'f1a63c2d99e8d05d6fd6e34363b000a5bf189e48' })));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), index.h("slot", { key: 'd2f5c174a88636020b8911cb6748b42f8b5d9fbe' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -807,7 +807,7 @@ const Range = class {
         const valueAtMin = dualKnobs ? this.valA === min || this.valB === min : this.valA === min;
         const valueAtMax = dualKnobs ? this.valA === max || this.valB === max : this.valA === max;
         helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (index.h(index.Host, { key: '1ccb19928863f3d692a3b0149d0f649efac6c3a5', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'f75205d524b67d46bae1f24ffdac4ac9da82d828', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -821,10 +821,10 @@ const Range = class {
                 'range-item-end-adjustment': needsEndAdjustment,
                 'range-value-min': valueAtMin,
                 'range-value-max': valueAtMax,
-            }) }, index.h("label", { key: '140fa8b7aed65795b8f6a40cbc647205cc5eb8c9', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '40ac33d0731a7e461dcec459f75b03cfeb7191fa', class: {
+            }) }, index.h("label", { key: 'cc211e38c7a2d99f5505160f9fe6f0c42aac9062', class: "range-wrapper", id: "range-label" }, index.h("div", { key: 'ada76a626fc5b5e2af546146a796a485328d1e8e', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '2457ab03898e30bdd07a6eadfd2b900e02d48c32', class: "native-wrapper" }, index.h("slot", { key: 'ad67e7aa33c6e1611df7b0cb18dd73f3622db95b', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '3923f6803f9102836e80ba68a282d799e197edd3', name: "end" })))));
+            }, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '5d5f6b92c092fb3d337af98febbf090853dda6a5', class: "native-wrapper" }, index.h("slot", { key: '6ed940e5b6f2c5ab5dfe56845709ac49bb75e431', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: 'c56264bade6f83d687ff3b875c908d018248d52c', name: "end" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -949,7 +949,7 @@ const Refresher = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '5e131046ccb469eddeb76ff64032bb70cbaba68d', slot: "fixed", class: {
+        return (index.h(index.Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,
@@ -975,6 +975,8 @@ Refresher.style = {
     md: refresherMdCss()
 };
 
+const caretLeftFillSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjgsNDhWMjA4YTgsOCwwLDAsMS0xMy42Niw1LjY2bC04MC04MGE4LDgsMCwwLDEsMC0xMS4zMmw4MC04MEE4LDgsMCwwLDEsMTY4LDQ4WiIvPjwvc3ZnPg==';
+
 const ionicRefresherContentCss = () => ``;
 
 const iosRefresherContentCss = () => ``;
@@ -1002,14 +1004,6 @@ const RefresherContent = class {
             this.refreshingSpinner = index.config.get('refreshingSpinner', index.config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
         }
     }
-    /**
-     * Get the icon to use for the arrow icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get refresherArrowIcon() {
-        return index.config.get('refresherArrowIcon', index$2.caretBackSharp);
-    }
     renderPullingText() {
         const { customHTMLEnabled, pullingText } = this;
         if (customHTMLEnabled) {
@@ -1028,9 +1022,10 @@ const RefresherContent = class {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'ebbda8efbc9e4aa5524c99909237c19d646a7fb7', class: {
+        const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
+        return (index.h(index.Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
                 [theme]: true,
-            } }, index.h("div", { key: '6a021cc599f6a6cd144db10bd4cde6e9848fabc0', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '87dbb70b24d63ad85c25eff4bb395e6edae0992f', class: "refresher-pulling-icon" }, index.h("div", { key: '79eb679cc7dbded104e3530d3363249fcb793277', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '0c00749f3c3c5e3385625bf5e2d0783f4755a6c4', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: '261137c24f1503d299c0cb8e8f1e414cd932015a', class: "arrow-container" }, index.h("ion-icon", { key: 'd7e58abb7c50c1e7aec92173d499890d7169c9ed', icon: this.refresherArrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '2327fe1bc559ab3215cd6421d6d0954fdc7c5a66', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '55db851c6a453a5744b5edfb7f74fcb31c3e187c', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '3308f0bed5f8a95b1c3e896aef2d6ce114f5f8f8', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'cffb9ff9170c76ea9289b007f7728cb8906eff21', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: 'c96f1b252918e7e72ef062cd46abfe02788e592f', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, index.h("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, index.h("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, index.h("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -4,6 +4,7 @@
 'use strict';
 
 var index = require('./index-C1knGA9x.js');
+var list = require('./list-a-7GSA6K.js');
 var index$1 = require('./index-CxDnX7hd.js');
 var ionicGlobal = require('./ionic-global-DYLhJaw7.js');
 var index$2 = require('./index-Bsq0SbXc.js');
@@ -34,22 +35,28 @@ const Reorder = class {
     }
     /**
      * Get the icon to use for the handle icon.
-     * Use the icon set in the config.
+     * Otherwise, use the icon set in the config.
      * If no icon is set in the config, use the default icon.
      */
     get reorderHandleIcon() {
-        // Determine the theme and map to the default icon
+        // Determine the theme and map to default icons
         const theme = ionicGlobal.getIonTheme(this);
-        const defaultIcon = theme === 'ios' ? index$1.reorderThreeOutline : index$1.reorderTwoSharp;
+        const defaultIcons = {
+            ios: index$1.reorderThreeOutline,
+            ionic: list.listSvg,
+            md: index$1.reorderTwoSharp,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
         // Return the configured reorder handle icon or the default icon
         return index.config.get('reorderHandleIcon', defaultIcon);
     }
     render() {
         const { reorderHandleIcon } = this;
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '39735fa6f82677712606ddea0a5c5b120c448971', class: {
+        return (index.h(index.Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
                 [theme]: true,
-            } }, index.h("slot", { key: '74386ffc2e03773891344cc391656d47e1d4ea05' }, index.h("ion-icon", { key: '4e0b629cbeb9b6374547e67ecfe75177e0fcfaba', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, index.h("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, index.h("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -313,7 +320,7 @@ const ReorderGroup = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: 'a8ccffc0c43e57ceee4da7715a0ebb27ab6cff7e', class: {
+        return (index.h(index.Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

package/dist/cjs/ion-ripple-effect.cjs.entry.js

@@ -78,7 +78,7 @@ const RippleEffect = class {
     }
     render() {
         const theme = ionicGlobal.getIonTheme(this);
-        return (index.h(index.Host, { key: '4c2a62db69e38712857f896dcc786081dcf5fa69', role: "presentation", class: {
+        return (index.h(index.Host, { key: '51fe7517d41c643bd4e746f366f513c42dac17dc', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

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

@@ -1075,10 +1075,10 @@ const RouterLink = class {
             rel: this.rel,
             target: this.target,
         };
-        return (index.h(index.Host, { key: 'f2705887002b0483ec237a211a5b167b79791334', onClick: this.onClick, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: theme.createColorClasses(this.color, {
                 [theme$1]: true,
                 'ion-activatable': true,
-            }) }, index.h("a", Object.assign({ key: 'a08726ba3bcbc96531791d9cef48e7f29bcb26c8' }, attrs), index.h("slot", { key: '58b8c8151ee0b16cad43f1f2930c39bac1ab2396' }))));
+            }) }, index.h("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), index.h("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
     }
 };
 RouterLink.style = routerLinkCss();