@ionic/core 8.5.2-dev.11743424594.169340bf → 8.5.2-dev.11743531350.19e040aa

package/dist/cjs/{index-943c0438.js → index-4b70187a.js}

@@ -3,9 +3,12 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const helpers = require('./helpers-4211d834.js');
-const animation = require('./animation-124b7017.js');
+const index$1 = require('./index-c8d52405.js');
+const hardwareBackButton = require('./hardware-back-button-5a99001f.js');
+const index = require('./index-48b2a28e.js');
+const helpers = require('./helpers-3a248559.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const animation = require('./animation-b4fdf128.js');
 
 /**
  * baseAnimation
@@ -47,10 +50,10 @@ const menuOverlayAnimation = (menu) => {
     }
     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 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]);
 };
 
 /**
@@ -63,7 +66,6 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = ionicGlobal.getIonMode(menu);
     const width = menu.width;
-    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -79,7 +81,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(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -89,12 +91,11 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = ionicGlobal.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(isIOS).addAnimation(contentOpen);
+    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -169,7 +170,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    ionicGlobal.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;
             }
@@ -178,7 +179,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    ionicGlobal.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;
             }
@@ -274,10 +275,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
+    index$1.doc === null || index$1.doc === void 0 ? void 0 : index$1.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

package/dist/cjs/{index-f835dc22.js → index-509ca0d3.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const helpers = require('./helpers-4211d834.js');
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
+const helpers = require('./helpers-3a248559.js');
+const index = require('./index-48b2a28e.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
@@ -92,7 +92,7 @@ const scrollByPoint = (el, x, y, durationMs) => {
  * within either the `ion-content` selector or the `.ion-content-scroll-host` class.
  */
 const printIonContentErrorMsg = (el) => {
-    return ionicGlobal.printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
+    return index.printRequiredElementError(el, ION_CONTENT_ELEMENT_SELECTOR);
 };
 /**
  * Several components in Ionic need to prevent scrolling

package/dist/cjs/index-c8d52405.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+exports.doc = doc;
+exports.win = win;

package/dist/cjs/{index-3d31ef2d.js → index-e36bd277.js}

@@ -3,14 +3,11 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const helpers = require('./helpers-4211d834.js');
-require('./index-2e236a04.js');
-require('./config-aff4ff52.js');
-require('./focus-visible-fe3acfb5.js');
+const index = require('./index-c8d52405.js');
+const helpers = require('./helpers-3a248559.js');
 
 const startTapClick = (config) => {
-    if (ionicGlobal.doc === undefined) {
+    if (index.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -113,9 +110,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    ionicGlobal.doc.addEventListener('ionGestureCaptured', cancelActive);
-    ionicGlobal.doc.addEventListener('pointerdown', pointerDown, true);
-    ionicGlobal.doc.addEventListener('pointerup', pointerUp, true);
+    index.doc.addEventListener('ionGestureCaptured', cancelActive);
+    index.doc.addEventListener('pointerdown', pointerDown, true);
+    index.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -128,7 +125,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    ionicGlobal.doc.addEventListener('pointercancel', cancelActive, true);
+    index.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {

package/dist/cjs/{index-042a8f38.js → index-e630fd95.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-const config = require('./config-aff4ff52.js');
-const index = require('./index-2e236a04.js');
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const helpers = require('./helpers-4211d834.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const index$1 = require('./index-2e236a04.js');
+const index = require('./index-48b2a28e.js');
+const helpers = require('./helpers-3a248559.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -40,7 +40,7 @@ const isVisible = (el) => {
  */
 const createFocusController = () => {
     const saveViewFocus = (referenceEl) => {
-        const focusManagerEnabled = config.config.get('focusManagerPriority', false);
+        const focusManagerEnabled = ionicGlobal.config.get('focusManagerPriority', false);
         /**
          * When going back to a previously visited page focus should typically be moved
          * back to the element that was last focused when the user was on this view.
@@ -53,7 +53,7 @@ const createFocusController = () => {
         }
     };
     const setViewFocus = (referenceEl) => {
-        const focusManagerPriorities = config.config.get('focusManagerPriority', false);
+        const focusManagerPriorities = ionicGlobal.config.get('focusManagerPriority', false);
         /**
          * If the focused element is a descendant of the referenceEl then it's possible
          * that the app developer manually moved focus, so we do not want to override that.
@@ -103,7 +103,7 @@ const createFocusController = () => {
                         }
                         break;
                     default:
-                        ionicGlobal.printIonWarning(`Unrecognized focus manager priority value ${priority}`);
+                        index.printIonWarning(`Unrecognized focus manager priority value ${priority}`);
                         break;
                 }
             }
@@ -122,13 +122,13 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-cdf1959e.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-6a00a3e7.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-ae7afca9.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-26003e25.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
-        index.writeTask(() => {
+        index$1.writeTask(() => {
             beforeTransition(opts);
             runTransition(opts).then((result) => {
                 if (result.animation) {
@@ -169,7 +169,7 @@ const beforeTransition = (opts) => {
 };
 const runTransition = async (opts) => {
     const animationBuilder = await getAnimationBuilder(opts);
-    const ani = animationBuilder && index.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
+    const ani = animationBuilder && index$1.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
     return ani;
 };
 const afterTransition = (opts) => {
@@ -214,7 +214,7 @@ const animation = async (animationBuilder, opts) => {
 const noAnimation = async (opts) => {
     const enteringEl = opts.enteringEl;
     const leavingEl = opts.leavingEl;
-    const focusManagerEnabled = config.config.get('focusManagerPriority', false);
+    const focusManagerEnabled = ionicGlobal.config.get('focusManagerPriority', false);
     /**
      * If the focus manager is enabled then we need to wait for Ionic components to be
      * rendered otherwise the component to focus may not be focused because it is hidden.

package/dist/cjs/index.cjs.js

@@ -5,23 +5,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const animation = require('./animation-124b7017.js');
-const index = require('./index-042a8f38.js');
-const ios_transition = require('./ios.transition-cdf1959e.js');
-const md_transition = require('./md.transition-6a00a3e7.js');
+const animation = require('./animation-b4fdf128.js');
+const index = require('./index-e630fd95.js');
+const ios_transition = require('./ios.transition-ae7afca9.js');
+const md_transition = require('./md.transition-26003e25.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const helpers = require('./helpers-4211d834.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const helpers = require('./helpers-3a248559.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-943c0438.js');
-const overlays = require('./overlays-288b775b.js');
-require('./config-aff4ff52.js');
+const index$2 = require('./index-4b70187a.js');
+const overlays = require('./overlays-a0c6b23f.js');
+require('./index-c8d52405.js');
 require('./index-2e236a04.js');
+require('./index-48b2a28e.js');
 require('./gesture-controller-9436f482.js');
-require('./focus-visible-fe3acfb5.js');
-require('./framework-delegate-4de32fdc.js');
+require('./hardware-back-button-5a99001f.js');
+require('./framework-delegate-50a86d56.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-c93f3c7f.js → input-shims-22a9973f.js}

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const index = require('./index-f835dc22.js');
-const helpers = require('./helpers-4211d834.js');
-const keyboard = require('./keyboard-924ba9a2.js');
+const index = require('./index-c8d52405.js');
+const index$1 = require('./index-509ca0d3.js');
+const helpers = require('./helpers-3a248559.js');
+const keyboard = require('./keyboard-0272231f.js');
+require('./index-48b2a28e.js');
+require('./ionic-global-acb665ad.js');
 require('./index-2e236a04.js');
-require('./config-aff4ff52.js');
-require('./focus-visible-fe3acfb5.js');
-require('./capacitor-ec2a454d.js');
+require('./capacitor-c04564bf.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -288,7 +288,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      * the keyboard height again. This will result in the input
      * being scrolled more than it needs to.
      */
-    const platformHeight = ionicGlobal.win !== undefined ? ionicGlobal.win.innerHeight : 0;
+    const platformHeight = index.win !== undefined ? index.win.innerHeight : 0;
     /**
      * Scroll assist is run when a text field
      * is focused. However, it may need to
@@ -341,7 +341,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -361,13 +361,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -443,7 +443,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.removeEventListener('ionKeyboardDidShow', scrollContent);
             // scroll the input into place
             if (contentEl) {
-                await index.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
+                await index$1.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
             }
             // the scroll view is in the correct position now
             // give the native text input focus
@@ -464,7 +464,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.addEventListener('ionKeyboardDidShow', scrollContent);
         };
         if (contentEl) {
-            const scrollEl = await index.getScrollElement(contentEl);
+            const scrollEl = await index$1.getScrollElement(contentEl);
             /**
              * scrollData will only consider the amount we need
              * to scroll in order to properly bring the input
@@ -512,7 +512,7 @@ const startInputShims = async (config, platform) => {
      * If doc is undefined then we are in an SSR environment
      * where input shims do not apply.
      */
-    if (ionicGlobal.doc === undefined) {
+    if (index.doc === undefined) {
         return;
     }
     const isIOS = platform === 'ios';
@@ -534,7 +534,7 @@ const startInputShims = async (config, platform) => {
      */
     const inputBlurring = config.getBoolean('inputBlurring', false);
     const scrollPadding = config.getBoolean('scrollPadding', true);
-    const inputs = Array.from(ionicGlobal.doc.querySelectorAll('ion-input, ion-textarea'));
+    const inputs = Array.from(index.doc.querySelectorAll('ion-input, ion-textarea'));
     const hideCaretMap = new WeakMap();
     const scrollAssistMap = new WeakMap();
     /**
@@ -550,7 +550,7 @@ const startInputShims = async (config, platform) => {
         await new Promise((resolve) => helpers.componentOnReady(componentEl, resolve));
         const inputRoot = componentEl.shadowRoot || componentEl;
         const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
-        const scrollEl = index.findClosestIonContent(componentEl);
+        const scrollEl = index$1.findClosestIonContent(componentEl);
         const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
         if (!inputEl) {
             return;
@@ -599,10 +599,10 @@ const startInputShims = async (config, platform) => {
     for (const input of inputs) {
         registerInput(input);
     }
-    ionicGlobal.doc.addEventListener('ionInputDidLoad', (ev) => {
+    index.doc.addEventListener('ionInputDidLoad', (ev) => {
         registerInput(ev.detail);
     });
-    ionicGlobal.doc.addEventListener('ionInputDidUnload', (ev) => {
+    index.doc.addEventListener('ionInputDidUnload', (ev) => {
         unregisterInput(ev.detail);
     });
 };

package/dist/cjs/{input.utils-00741e7b.js → input.utils-e82b8ed0.js}

@@ -3,8 +3,9 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-const helpers = require('./helpers-4211d834.js');
+const index = require('./index-c8d52405.js');
+const helpers = require('./helpers-3a248559.js');
+const index$1 = require('./index-48b2a28e.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -18,7 +19,7 @@ const helpers = require('./helpers-4211d834.js');
 const createSlotMutationController = (el, slotName, mutationCallback) => {
     let hostMutationObserver;
     let slottedContentMutationObserver;
-    if (ionicGlobal.win !== undefined && 'MutationObserver' in ionicGlobal.win) {
+    if (index.win !== undefined && 'MutationObserver' in index.win) {
         const slots = Array.isArray(slotName) ? slotName : [slotName];
         hostMutationObserver = new MutationObserver((entries) => {
             for (const entry of entries) {
@@ -137,7 +138,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        ionicGlobal.printIonError('Exception in provided `counterFormatter`.', e);
+        index$1.printIonError('Exception in provided `counterFormatter`.', e);
         return defaultCounterText;
     }
 };

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

@@ -6,21 +6,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2e236a04.js');
-const caretDown = require('./caret-down-3c215cff.js');
-const helpers = require('./helpers-4211d834.js');
-const theme = require('./theme-d1c573d2.js');
+const helpers = require('./helpers-3a248559.js');
 const index$1 = require('./index-073c7cdc.js');
-const config = require('./config-aff4ff52.js');
-const ionicGlobal = require('./ionic-global-5c446a5e.js');
-require('./focus-visible-fe3acfb5.js');
+const ionicGlobal = require('./ionic-global-acb665ad.js');
+const index$2 = require('./index-48b2a28e.js');
 
-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(--ion-space-400, 16px);margin-inline-start:var(--ion-space-400, 16px);-webkit-margin-end:var(--ion-space-400, 16px);margin-inline-end:var(--ion-space-400, 16px);right:0;left:0;bottom:0;display:block;position:absolute;height:var(--ion-border-size-025, 1px);background-color:var(--ion-primitives-neutral-300, #e0e0e0);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(--ion-primitives-neutral-1200, #242424);--border-width:0;--inner-border-width:0;--min-height:var(--ion-scale-700, 28px);--padding-top:var(--ion-space-300, 12px);--padding-end:var(--ion-space-400, 16px);--padding-bottom:var(--ion-space-300, 12px);--padding-start:var(--ion-space-400, 16px);font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--ion-space-400, 16px);padding-inline-start:var(--ion-space-400, 16px);-webkit-padding-end:var(--ion-space-400, 16px);padding-inline-end:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-300, 12px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ion-primitives-neutral-1000, #3b3b3b)}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:2}";
-const IonAccordionIonicStyle0 = accordionIonicCss;
-
-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 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 IonAccordionIosStyle0 = accordionIosCss;
 
-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 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 IonAccordionMdStyle0 = accordionMdCss;
 
 const Accordion = class {
@@ -89,7 +83,7 @@ const Accordion = class {
             if (!ionItem) {
                 return;
             }
-            const { accordionToggleIcon, toggleIconSlot } = this;
+            const { toggleIconSlot, toggleIcon } = this;
             /**
              * Check if there already is a toggle icon.
              * If so, do not add another one.
@@ -102,7 +96,7 @@ const Accordion = class {
             iconEl.slot = toggleIconSlot;
             iconEl.lazy = false;
             iconEl.classList.add('ion-accordion-toggle-icon');
-            iconEl.icon = accordionToggleIcon;
+            iconEl.icon = toggleIcon;
             iconEl.setAttribute('aria-hidden', 'true');
             ionItem.appendChild(iconEl);
         };
@@ -179,7 +173,7 @@ const Accordion = class {
             if (prefersReducedMotion) {
                 return false;
             }
-            const animated = config.config.get('animated', true);
+            const animated = ionicGlobal.config.get('animated', true);
             if (!animated) {
                 return false;
             }
@@ -222,6 +216,9 @@ 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;
@@ -229,6 +226,9 @@ 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;
@@ -241,7 +241,7 @@ const Accordion = class {
         this.value = `ion-accordion-${accordionIds++}`;
         this.disabled = false;
         this.readonly = false;
-        this.toggleIcon = undefined;
+        this.toggleIcon = index$1.chevronDown;
         this.toggleIconSlot = 'end';
     }
     valueChanged() {
@@ -278,23 +278,6 @@ 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 = ionicGlobal.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 config.config.get('accordionToggleIcon', defaultIcon);
-    }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
         if (disabled || readonly)
@@ -314,13 +297,13 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const theme$1 = ionicGlobal.getIonTheme(this);
+        const mode = ionicGlobal.getIonMode(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: 'fa0868a83fe0858d01eb2926790bcfc7635a647d', class: {
-                [theme$1]: true,
+        return (index.h(index.Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
+                [mode]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
                 'accordion-collapsing': this.state === 2 /* AccordionState.Collapsing */,
@@ -330,8 +313,7 @@ const Accordion = class {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-                '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" })))));
+            } }, 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" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -341,14 +323,10 @@ const Accordion = class {
 };
 let accordionIds = 0;
 Accordion.style = {
-    ionic: IonAccordionIonicStyle0,
     ios: IonAccordionIosStyle0,
     md: IonAccordionMdStyle0
 };
 
-const accordionGroupIonicCss = ":host{display:block}:host{min-width:272px;background-color:var(--ion-primitives-base-white, #ffffff)}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--ion-space-100, 4px);padding-inline-start:var(--ion-space-100, 4px);-webkit-padding-end:var(--ion-space-100, 4px);padding-inline-end:var(--ion-space-100, 4px);padding-top:var(--ion-space-100, 4px);padding-bottom:var(--ion-space-100, 4px)}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--ion-border-radius-400, 16px);border-radius:var(--ion-border-radius-400, 16px)}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--ion-border-radius-200, 8px);border-radius:var(--ion-border-radius-200, 8px)}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--ion-border-radius-0, 0px);border-radius:var(--ion-border-radius-0, 0px)}";
-const IonAccordionGroupIonicStyle0 = accordionGroupIonicCss;
-
 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 IonAccordionGroupIosStyle0 = accordionGroupIosCss;
 
@@ -366,7 +344,6 @@ const AccordionGroup = class {
         this.disabled = false;
         this.readonly = false;
         this.expand = 'compact';
-        this.shape = undefined;
     }
     valueChanged() {
         const { value, multiple } = this;
@@ -379,7 +356,7 @@ const AccordionGroup = class {
              * Default toString() behavior: a,b
              * Custom behavior: ['a', 'b']
              */
-            ionicGlobal.printIonWarning(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
+            index$2.printIonWarning(`ion-accordion-group was passed an array of values, but multiple="false". This is incorrect usage and may result in unexpected behaviors. To dismiss this warning, pass a string to the "value" property when multiple="false".
 
   Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
 `, this.el);
@@ -546,29 +523,15 @@ const AccordionGroup = class {
     async getAccordions() {
         return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
     }
-    getShape() {
-        const theme = ionicGlobal.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 theme = ionicGlobal.getIonTheme(this);
-        const shape = this.getShape();
-        return (index.h(index.Host, { key: 'd9ef49372d9542b5a7c79a3cba3c0cf4c45b6ee2', class: {
-                [theme]: true,
+        const mode = ionicGlobal.getIonMode(this);
+        return (index.h(index.Host, { key: '82f3e77066fabb4736638ee4c487ad56efd39c63', class: {
+                [mode]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-                [`accordion-group-shape-${shape}`]: shape !== undefined,
-            }, role: "presentation" }, index.h("slot", { key: '417ad251c41cadafa509fee25e19987a68fef7d4' })));
+            }, role: "presentation" }, index.h("slot", { key: 'a3c791ea887fc640b512f81d429be465ae902b3d' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -578,7 +541,6 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
-    ionic: IonAccordionGroupIonicStyle0,
     ios: IonAccordionGroupIosStyle0,
     md: IonAccordionGroupMdStyle0
 };