@ionic/core 8.7.6-dev.11759524961.1cff6814 → 8.7.6-dev.11759752152.17f114d8

package/dist/cjs/{index-D24wggHR.js → index-DcPe_YcG.js}

@@ -3,12 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var hardwareBackButton = require('./hardware-back-button-BxdNu76F.js');
-var index$1 = require('./index-DNh170BW.js');
-var helpers = require('./helpers-DgwmcYAu.js');
-var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
-var animation = require('./animation-ZJ1lAkZD.js');
+var index = require('./index-CmckMMX1.js');
+var helpers = require('./helpers-DmAvmm2T.js');
+var animation = require('./animation-Bcz4qmJk.js');
 
 /**
  * baseAnimation
@@ -49,11 +46,11 @@ const menuOverlayAnimation = (menu) => {
         openedX = '0px';
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
-    const mode = ionicGlobal.getIonMode(menu);
-    const isIos = mode === 'ios';
-    const opacity = isIos ? 0.2 : 0.25;
+    const mode = index.getIonMode(menu);
+    const isIOS = mode === 'ios';
+    const opacity = isIOS ? 0.2 : 0.25;
     backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
 };
 
 /**
@@ -64,8 +61,9 @@ const menuOverlayAnimation = (menu) => {
 const menuPushAnimation = (menu) => {
     let contentOpenedX;
     let menuClosedX;
-    const mode = ionicGlobal.getIonMode(menu);
+    const mode = index.getIonMode(menu);
     const width = menu.width;
+    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -81,7 +79,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = animation.createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -90,12 +88,13 @@ const menuPushAnimation = (menu) => {
  * The menu itself, which is under the content, does not move.
  */
 const menuRevealAnimation = (menu) => {
-    const mode = ionicGlobal.getIonMode(menu);
+    const mode = index.getIonMode(menu);
+    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = animation.createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -170,7 +169,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
+                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
                 }
                 return menuRefs[0].el;
             }
@@ -179,7 +178,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
+                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -278,7 +277,7 @@ const createMenuController = () => {
     index.doc === null || index.doc === void 0 ? void 0 : index.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(index.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

package/dist/cjs/{index--3s2Phef.js → index-DxVhwe3d.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DNh170BW.js');
-var helpers = require('./helpers-DgwmcYAu.js');
+var index = require('./index-CmckMMX1.js');
+var helpers = require('./helpers-DmAvmm2T.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,26 +120,15 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-B_rsAM9j.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CQt0eBw-.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-BMRClUxZ.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-D2ZL4jgW.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
-/**
- * Executes the main page transition.
- * It also manages the lifecycle of header visibility (if any)
- * to prevent visual flickering in iOS. The flickering only
- * occurs for a condensed header that is placed above the content.
- *
- * @param opts Options for the transition.
- * @returns A promise that resolves when the transition is complete.
- */
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
         index.writeTask(() => {
-            const transitioningInactiveHeader = getIosIonHeader(opts);
-            beforeTransition(opts, transitioningInactiveHeader);
-            runTransition(opts)
-                .then((result) => {
+            beforeTransition(opts);
+            runTransition(opts).then((result) => {
                 if (result.animation) {
                     result.animation.destroy();
                 }
@@ -148,21 +137,15 @@ const transition = (opts) => {
             }, (error) => {
                 afterTransition(opts);
                 reject(error);
-            })
-                .finally(() => {
-                // Ensure that the header is restored to its original state.
-                setHeaderTransitionClass(transitioningInactiveHeader, false);
             });
         });
     });
 };
-const beforeTransition = (opts, transitioningInactiveHeader) => {
+const beforeTransition = (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
     focusController.saveViewFocus(leavingEl);
     setZIndex(enteringEl, leavingEl, opts.direction);
-    // Prevent flickering of the header by adding a class.
-    setHeaderTransitionClass(transitioningInactiveHeader, true);
     if (opts.showGoBack) {
         enteringEl.classList.add('can-go-back');
     }
@@ -351,35 +334,6 @@ const setZIndex = (enteringEl, leavingEl, direction) => {
         leavingEl.style.zIndex = '100';
     }
 };
-/**
- * Add a class to ensure that the inactive header (if any)
- * does not flicker during the transition. By adding the
- * transitioning class, we ensure that the header has
- * the necessary styles to prevent the following flickers:
- * 1. When entering a page with a condensed header, the
- * inactive header should never be visible. However,
- * it briefly renders the background color while
- * the transition is occurring.
- * 2. When leaving a page with a condensed header, the
- * inactive header has an opacity of 0 and the pages
- * have a z-index which causes the entering page to
- * briefly show it's content underneath the leaving page.
- *
- * @param header The header element to modify.
- * @param isTransitioning Whether the transition is occurring.
- */
-const setHeaderTransitionClass = (header, isTransitioning) => {
-    if (!header) {
-        return;
-    }
-    const transitionClass = 'header-transitioning';
-    if (isTransitioning) {
-        header.classList.add(transitionClass);
-    }
-    else {
-        header.classList.remove(transitionClass);
-    }
-};
 const getIonPageElement = (element) => {
     if (element.classList.contains('ion-page')) {
         return element;
@@ -391,27 +345,6 @@ const getIonPageElement = (element) => {
     // idk, return the original element so at least something animates and we don't have a null pointer
     return element;
 };
-/**
- * Retrieves the ion-header element from a page based on the
- * direction of the transition.
- *
- * @param opts Options for the transition.
- * @returns The ion-header element or null if not found or not in 'ios' mode.
- */
-const getIosIonHeader = (opts) => {
-    const enteringEl = opts.enteringEl;
-    const leavingEl = opts.leavingEl;
-    const direction = opts.direction;
-    const mode = opts.mode;
-    if (mode !== 'ios') {
-        return null;
-    }
-    const element = direction === 'back' ? leavingEl : enteringEl;
-    if (!element) {
-        return null;
-    }
-    return element.querySelector('ion-header');
-};
 
 exports.LIFECYCLE_DID_ENTER = LIFECYCLE_DID_ENTER;
 exports.LIFECYCLE_DID_LEAVE = LIFECYCLE_DID_LEAVE;

package/dist/cjs/{index-bGpoPC4u.js → index-YEjC0pvJ.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-DgwmcYAu.js');
-require('./index-DNh170BW.js');
+var index = require('./index-CmckMMX1.js');
+var helpers = require('./helpers-DmAvmm2T.js');
+require('./focus-visible-BIj-I3-C.js');
 
 const startTapClick = (config) => {
     if (index.doc === undefined) {

package/dist/cjs/index.cjs.js

@@ -3,23 +3,21 @@
  */
 'use strict';
 
-var animation = require('./animation-ZJ1lAkZD.js');
-var index = require('./index--3s2Phef.js');
-var ios_transition = require('./ios.transition-B_rsAM9j.js');
-var md_transition = require('./md.transition-CQt0eBw-.js');
+var animation = require('./animation-Bcz4qmJk.js');
+var index = require('./index-DxVhwe3d.js');
+var ios_transition = require('./ios.transition-BMRClUxZ.js');
+var md_transition = require('./md.transition-D2ZL4jgW.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
-var helpers = require('./helpers-DgwmcYAu.js');
-var index$2 = require('./index-DNh170BW.js');
-var config = require('./config-CKhELRRu.js');
+var index$2 = require('./index-CmckMMX1.js');
+var helpers = require('./helpers-DmAvmm2T.js');
+var config = require('./config-DGKt4XfG.js');
 var theme = require('./theme-CeDs6Hcv.js');
-var index$3 = require('./index-D24wggHR.js');
-var overlays = require('./overlays-czPyT6xP.js');
-require('./index-DkNv4J_i.js');
+var index$3 = require('./index-DcPe_YcG.js');
+var overlays = require('./overlays-XYRfwd6H.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-BxdNu76F.js');
-require('./framework-delegate-WkyjrnCx.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./framework-delegate-DfEY5uyC.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -131,14 +129,14 @@ exports.iosTransitionAnimation = ios_transition.iosTransitionAnimation;
 exports.mdTransitionAnimation = md_transition.mdTransitionAnimation;
 exports.getTimeGivenProgression = cubicBezier.getTimeGivenProgression;
 exports.createGesture = index$1.createGesture;
-exports.getPlatforms = ionicGlobal.getPlatforms;
-exports.initialize = ionicGlobal.initialize;
-exports.isPlatform = ionicGlobal.isPlatform;
-exports.componentOnReady = helpers.componentOnReady;
 Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
     get: function () { return index$2.LogLevel; }
 });
+exports.getPlatforms = index$2.getPlatforms;
+exports.initialize = index$2.initialize;
+exports.isPlatform = index$2.isPlatform;
+exports.componentOnReady = helpers.componentOnReady;
 exports.IonicSafeString = config.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;

package/dist/cjs/{input-shims-CLI_OrmU.js → input-shims-BwdlNkON.js}

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-Cc5PNMyz.js');
-var helpers = require('./helpers-DgwmcYAu.js');
-var keyboard = require('./keyboard-UuAS4D_9.js');
-require('./index-DNh170BW.js');
-require('./capacitor-DmA66EwP.js');
+var index = require('./index-CmckMMX1.js');
+var index$1 = require('./index-CaZ3uzAD.js');
+var helpers = require('./helpers-DmAvmm2T.js');
+var keyboard = require('./keyboard-Chl5cusY.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./capacitor-CzFst28-.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {

package/dist/cjs/{input.utils-B2hZ5tX6.js → input.utils-CfjyQhpu.js}

@@ -3,9 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-DgwmcYAu.js');
-var index$1 = require('./index-DNh170BW.js');
+var index = require('./index-CmckMMX1.js');
+var helpers = require('./helpers-DmAvmm2T.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -138,7 +137,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        index$1.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        index.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
         return defaultCounterText;
     }
 };

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

@@ -3,14 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-DNh170BW.js');
-var helpers = require('./helpers-DgwmcYAu.js');
+var index = require('./index-CmckMMX1.js');
+var caretDown = require('./caret-down-vtVgfXIs.js');
+var helpers = require('./helpers-DmAvmm2T.js');
+var theme = require('./theme-CeDs6Hcv.js');
 var index$1 = require('./index-DqmRDbxg.js');
-var ionicGlobal = require('./ionic-global-UI5YPSi-.js');
+require('./focus-visible-BIj-I3-C.js');
 
-const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
+const accordionIonicCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));content:\"\";z-index:3}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:2}";
 
-const accordionMdCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";
+const accordionIosCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
+
+const accordionMdCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}";
 
 const Accordion = class {
     constructor(hostRef) {
@@ -33,12 +37,6 @@ const Accordion = class {
          * but does not alter the opacity.
          */
         this.readonly = false;
-        /**
-         * The toggle icon to use. This icon will be
-         * rotated when the accordion is expanded
-         * or collapsed.
-         */
-        this.toggleIcon = index$1.chevronDown;
         /**
          * The slot inside of `ion-item` to
          * place the toggle icon. Defaults to `"end"`.
@@ -106,7 +104,7 @@ const Accordion = class {
             if (!ionItem) {
                 return;
             }
-            const { toggleIconSlot, toggleIcon } = this;
+            const { accordionToggleIcon, toggleIconSlot } = this;
             /**
              * Check if there already is a toggle icon.
              * If so, do not add another one.
@@ -119,7 +117,7 @@ const Accordion = class {
             iconEl.slot = toggleIconSlot;
             iconEl.lazy = false;
             iconEl.classList.add('ion-accordion-toggle-icon');
-            iconEl.icon = toggleIcon;
+            iconEl.icon = accordionToggleIcon;
             iconEl.setAttribute('aria-hidden', 'true');
             ionItem.appendChild(iconEl);
         };
@@ -239,9 +237,6 @@ const Accordion = class {
             }
         };
         this.getNextSibling = () => {
-            if (!this.el) {
-                return;
-            }
             const nextSibling = this.el.nextElementSibling;
             if ((nextSibling === null || nextSibling === void 0 ? void 0 : nextSibling.tagName) !== 'ION-ACCORDION') {
                 return;
@@ -249,9 +244,6 @@ const Accordion = class {
             return nextSibling;
         };
         this.getPreviousSibling = () => {
-            if (!this.el) {
-                return;
-            }
             const previousSibling = this.el.previousElementSibling;
             if ((previousSibling === null || previousSibling === void 0 ? void 0 : previousSibling.tagName) !== 'ION-ACCORDION') {
                 return;
@@ -293,6 +285,23 @@ const Accordion = class {
             this.setAria(expanded);
         });
     }
+    get accordionToggleIcon() {
+        // Return the icon if it is explicitly set
+        if (this.toggleIcon != null) {
+            return this.toggleIcon;
+        }
+        // Determine the theme and map to default icons
+        const theme = index.getIonTheme(this);
+        const defaultIcons = {
+            ios: index$1.chevronDown,
+            ionic: caretDown.caretDownSvg,
+            md: index$1.chevronDown,
+        };
+        // Get the default icon based on the theme, falling back to 'md' icon if necessary
+        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
+        // Return the configured accordion toggle icon or the default icon
+        return index.config.get('accordionToggleIcon', defaultIcon);
+    }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
         if (disabled || readonly)
@@ -312,13 +321,13 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const mode = ionicGlobal.getIonMode(this);
+        const theme$1 = index.getIonTheme(this);
         const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (index.h(index.Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
-                [mode]: true,
+        return (index.h(index.Host, { key: 'fa0868a83fe0858d01eb2926790bcfc7635a647d', class: {
+                [theme$1]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
                 'accordion-collapsing': this.state === 2 /* AccordionState.Collapsing */,
@@ -328,7 +337,8 @@ const Accordion = class {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-            } }, index.h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), index.h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
+                'in-accordion-group-expand-inset': theme.hostContext('.accordion-group-expand-inset', this.el),
+            } }, index.h("div", { key: '386fcbc4f5cd8a5b04d2e8b3adcfc8b692c75c48', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: '831deb179fdaada595982566e08ec380a17cf058', name: "header" })), index.h("div", { key: 'c4d51f29c3797705392119b2369d941f752e50f2', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: 'fc45f0b7b7057f5f99d4ff99950ab95b5e137045', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'f59d8e00a6d6fa7fe5291217c4b649499d759349', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -338,10 +348,13 @@ const Accordion = class {
 };
 let accordionIds = 0;
 Accordion.style = {
+    ionic: accordionIonicCss,
     ios: accordionIosCss,
     md: accordionMdCss
 };
 
+const accordionGroupIonicCss = ":host{display:block}:host{min-width:calc(var(--token-scale-6200, 248px) + var(--token-space-600, var(--token-scale-600, 24px)));background-color:var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff))}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}";
+
 const accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";
 
 const accordionGroupMdCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
@@ -551,15 +564,29 @@ const AccordionGroup = class {
     async getAccordions() {
         return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
     }
+    getShape() {
+        const theme = index.getIonTheme(this);
+        const { shape } = this;
+        // TODO(ROU-11328): Remove theme check when shapes are defined for all themes.
+        if (theme !== 'ionic') {
+            return undefined;
+        }
+        if (shape === undefined) {
+            return 'round';
+        }
+        return shape;
+    }
     render() {
         const { disabled, readonly, expand } = this;
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
-                [mode]: true,
+        const theme = index.getIonTheme(this);
+        const shape = this.getShape();
+        return (index.h(index.Host, { key: '3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f', class: {
+                [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, index.h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
+                [`accordion-group-shape-${shape}`]: shape !== undefined,
+            }, role: "presentation" }, index.h("slot", { key: 'aaa96bfa504bb020c7897e44ac1502b12bb81faf' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -569,6 +596,7 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
+    ionic: accordionGroupIonicCss,
     ios: accordionGroupIosCss,
     md: accordionGroupMdCss
 };