@ionic/core 8.4.2-dev.11736797843.16cc5058 → 8.4.2-dev.11739377372.17be7c08

package/dist/cjs/{index-213cabf1.js → index-8f975cf4.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
-const index$1 = require('./index-2e7a27db.js');
-const index = require('./index-5915f9b3.js');
-const helpers = require('./helpers-afaa9001.js');
+const config = require('./config-aff4ff52.js');
+const index = require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-14af9c21.js');
+const helpers = require('./helpers-4e2936d2.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 = ionicGlobal.config.get('focusManagerPriority', false);
+        const focusManagerEnabled = config.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 = ionicGlobal.config.get('focusManagerPriority', false);
+        const focusManagerPriorities = config.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:
-                        index.printIonWarning(`Unrecognized focus manager priority value ${priority}`);
+                        ionicGlobal.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-ac964d6c.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-45089eda.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-2bb0f7d5.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-cf600117.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {
-        index$1.writeTask(() => {
+        index.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$1.Build.isBrowser ? animation(animationBuilder, opts) : noAnimation(opts); // fast path for no animation
+    const ani = animationBuilder && index.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 = ionicGlobal.config.get('focusManagerPriority', false);
+    const focusManagerEnabled = config.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,24 +5,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const animation = require('./animation-b4fdf128.js');
-const index = require('./index-213cabf1.js');
-const ios_transition = require('./ios.transition-ac964d6c.js');
-const md_transition = require('./md.transition-45089eda.js');
+const animation = require('./animation-58015a44.js');
+const index = require('./index-8f975cf4.js');
+const ios_transition = require('./ios.transition-2bb0f7d5.js');
+const md_transition = require('./md.transition-cf600117.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
-const helpers = require('./helpers-afaa9001.js');
+const ionicGlobal = require('./ionic-global-14af9c21.js');
+const helpers = require('./helpers-4e2936d2.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-38a015a8.js');
-const overlays = require('./overlays-56fecd6c.js');
-require('./index-c8d52405.js');
-require('./index-2e7a27db.js');
-require('./index-5915f9b3.js');
+const index$2 = require('./index-03fbee1d.js');
+const overlays = require('./overlays-542a90b3.js');
+require('./config-aff4ff52.js');
+require('./index-73f75efb.js');
 require('./gesture-controller-9436f482.js');
-require('./hardware-back-button-f0972dab.js');
-require('./framework-delegate-55f5683a.js');
+require('./framework-delegate-32f1a0e4.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-9e59ef62.js → input-shims-4b4d2251.js}

@@ -3,12 +3,13 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const index$1 = require('./index-5b6a7459.js');
-const helpers = require('./helpers-afaa9001.js');
-const keyboard = require('./keyboard-0272231f.js');
-require('./index-5915f9b3.js');
-require('./capacitor-c04564bf.js');
+const ionicGlobal = require('./ionic-global-14af9c21.js');
+const index = require('./index-604c36ae.js');
+const helpers = require('./helpers-4e2936d2.js');
+const keyboard = require('./keyboard-53c12a15.js');
+require('./index-73f75efb.js');
+require('./config-aff4ff52.js');
+require('./capacitor-454dd071.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -286,7 +287,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 = index.win !== undefined ? index.win.innerHeight : 0;
+    const platformHeight = ionicGlobal.win !== undefined ? ionicGlobal.win.innerHeight : 0;
     /**
      * Scroll assist is run when a text field
      * is focused. However, it may need to
@@ -339,7 +340,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -359,13 +360,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -441,7 +442,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.removeEventListener('ionKeyboardDidShow', scrollContent);
             // scroll the input into place
             if (contentEl) {
-                await index$1.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
+                await index.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
             }
             // the scroll view is in the correct position now
             // give the native text input focus
@@ -462,7 +463,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.addEventListener('ionKeyboardDidShow', scrollContent);
         };
         if (contentEl) {
-            const scrollEl = await index$1.getScrollElement(contentEl);
+            const scrollEl = await index.getScrollElement(contentEl);
             /**
              * scrollData will only consider the amount we need
              * to scroll in order to properly bring the input
@@ -510,7 +511,7 @@ const startInputShims = async (config, platform) => {
      * If doc is undefined then we are in an SSR environment
      * where input shims do not apply.
      */
-    if (index.doc === undefined) {
+    if (ionicGlobal.doc === undefined) {
         return;
     }
     const isIOS = platform === 'ios';
@@ -532,7 +533,7 @@ const startInputShims = async (config, platform) => {
      */
     const inputBlurring = config.getBoolean('inputBlurring', false);
     const scrollPadding = config.getBoolean('scrollPadding', true);
-    const inputs = Array.from(index.doc.querySelectorAll('ion-input, ion-textarea'));
+    const inputs = Array.from(ionicGlobal.doc.querySelectorAll('ion-input, ion-textarea'));
     const hideCaretMap = new WeakMap();
     const scrollAssistMap = new WeakMap();
     /**
@@ -548,7 +549,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$1.findClosestIonContent(componentEl);
+        const scrollEl = index.findClosestIonContent(componentEl);
         const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
         if (!inputEl) {
             return;
@@ -597,10 +598,10 @@ const startInputShims = async (config, platform) => {
     for (const input of inputs) {
         registerInput(input);
     }
-    index.doc.addEventListener('ionInputDidLoad', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidLoad', (ev) => {
         registerInput(ev.detail);
     });
-    index.doc.addEventListener('ionInputDidUnload', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidUnload', (ev) => {
         unregisterInput(ev.detail);
     });
 };

package/dist/cjs/{input.utils-611cde0b.js → input.utils-fb1debe4.js}

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

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

@@ -5,50 +5,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e7a27db.js');
-const helpers = require('./helpers-afaa9001.js');
+const index = require('./index-73f75efb.js');
+const caretDown = require('./caret-down-3c215cff.js');
+const helpers = require('./helpers-4e2936d2.js');
+const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-3c758a1a.js');
-const index$2 = require('./index-5915f9b3.js');
+const config = require('./config-aff4ff52.js');
+const ionicGlobal = require('./ionic-global-14af9c21.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(--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, #cfcfcf);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 IonAccordionIosStyle0 = accordionIosCss;
 
-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 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 IonAccordionMdStyle0 = accordionMdCss;
 
 const Accordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.updateListener = () => this.updateState(false);
-        this.state = 1 /* AccordionState.Collapsed */;
-        this.isNext = false;
-        this.isPrevious = false;
-        /**
-         * The value of the accordion. Defaults to an autogenerated
-         * value.
-         */
-        this.value = `ion-accordion-${accordionIds++}`;
-        /**
-         * If `true`, the accordion cannot be interacted with.
-         */
-        this.disabled = false;
-        /**
-         * If `true`, the accordion cannot be interacted with,
-         * 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"`.
-         */
-        this.toggleIconSlot = 'end';
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
             if (!ionItem) {
@@ -111,7 +88,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.
@@ -124,7 +101,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);
         };
@@ -201,7 +178,7 @@ const Accordion = class {
             if (prefersReducedMotion) {
                 return false;
             }
-            const animated = ionicGlobal.config.get('animated', true);
+            const animated = config.config.get('animated', true);
             if (!animated) {
                 return false;
             }
@@ -244,9 +221,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;
@@ -254,15 +228,20 @@ 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;
             }
             return previousSibling;
         };
+        this.state = 1 /* AccordionState.Collapsed */;
+        this.isNext = false;
+        this.isPrevious = false;
+        this.value = `ion-accordion-${accordionIds++}`;
+        this.disabled = false;
+        this.readonly = false;
+        this.toggleIcon = undefined;
+        this.toggleIconSlot = 'end';
     }
     valueChanged() {
         this.updateState();
@@ -298,6 +277,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 = 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)
@@ -317,13 +313,13 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const mode = ionicGlobal.getIonMode(this);
+        const theme$1 = ionicGlobal.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 */,
@@ -333,7 +329,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); }
@@ -343,10 +340,14 @@ 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;
 
@@ -358,27 +359,13 @@ const AccordionGroup = class {
         index.registerInstance(this, hostRef);
         this.ionChange = index.createEvent(this, "ionChange", 7);
         this.ionValueChange = index.createEvent(this, "ionValueChange", 7);
-        /**
-         * If `true`, all accordions inside of the
-         * accordion group will animate when expanding
-         * or collapsing.
-         */
         this.animated = true;
-        /**
-         * If `true`, the accordion group cannot be interacted with.
-         */
+        this.multiple = undefined;
+        this.value = undefined;
         this.disabled = false;
-        /**
-         * If `true`, the accordion group cannot be interacted with,
-         * but does not alter the opacity.
-         */
         this.readonly = false;
-        /**
-         * Describes the expansion behavior for each accordion.
-         * Possible values are `"compact"` and `"inset"`.
-         * Defaults to `"compact"`.
-         */
         this.expand = 'compact';
+        this.shape = undefined;
     }
     valueChanged() {
         const { value, multiple } = this;
@@ -391,7 +378,7 @@ const AccordionGroup = class {
              * Default toString() behavior: a,b
              * Custom behavior: ['a', 'b']
              */
-            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".
+            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".
 
   Value Passed: [${value.map((v) => `'${v}'`).join(', ')}]
 `, this.el);
@@ -558,15 +545,29 @@ 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 mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '82f3e77066fabb4736638ee4c487ad56efd39c63', class: {
-                [mode]: true,
+        const theme = ionicGlobal.getIonTheme(this);
+        const shape = this.getShape();
+        return (index.h(index.Host, { key: 'd9ef49372d9542b5a7c79a3cba3c0cf4c45b6ee2', class: {
+                [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, index.h("slot", { key: 'a3c791ea887fc640b512f81d429be465ae902b3d' })));
+                [`accordion-group-shape-${shape}`]: shape !== undefined,
+            }, role: "presentation" }, index.h("slot", { key: '417ad251c41cadafa509fee25e19987a68fef7d4' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -576,6 +577,7 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
+    ionic: IonAccordionGroupIonicStyle0,
     ios: IonAccordionGroupIosStyle0,
     md: IonAccordionGroupMdStyle0
 };