@ionic/core 9.0.6-dev.11790349282.1a877abd → 9.0.6-dev.11790776272.1d27d1bd

package/dist/esm/{index-B9jhwvmO.js → index-LPo3JBab.js}

@@ -1,11 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { n as doc, c as componentOnReady } from './helpers-B54ynME_.js';
-import { M as MENU_BACK_BUTTON_PRIORITY } from './overlays-BQnV0HAU.js';
-import { a as printIonWarning } from './index-D9OR05yj.js';
-import { b as getIonMode } from './ionic-global-B-G43ddm.js';
-import { c as createAnimation } from './animation-CFd8Olt3.js';
+import { d as doc } from './index-ZjP4CjeZ.js';
+import { b as getIonMode, M as MENU_BACK_BUTTON_PRIORITY } from './ionic-global-BAIaPRGU.js';
+import { a as printIonWarning } from './index-CsxpVq9f.js';
+import { c as componentOnReady } from './helpers-DxiyEiQq.js';
+import { c as createAnimation } from './animation-BYhTNLb0.js';
 
 /**
  * baseAnimation
@@ -47,10 +47,10 @@ const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = 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,6 +63,7 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = getIonMode(menu);
     const width = menu.width;
+    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -78,7 +79,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = 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]);
 };
 
 /**
@@ -88,11 +89,12 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = getIonMode(menu);
+    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).addAnimation(contentOpen);
 };
 
 const createMenuController = () => {

package/dist/esm/index-ZjP4CjeZ.js

@@ -0,0 +1,7 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+export { doc as d, win as w };

package/dist/esm/index.js

@@ -1,23 +1,25 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-CFd8Olt3.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-B8iieOdw.js';
-export { iosTransitionAnimation } from './ios.transition-CRfGj4Mo.js';
-export { mdTransitionAnimation } from './md.transition-wqThNy_C.js';
+export { c as createAnimation } from './animation-BYhTNLb0.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-BrTerDOH.js';
+export { iosTransitionAnimation } from './ios.transition-BN0AUjKH.js';
+export { mdTransitionAnimation } from './md.transition-BZ3TWMK6.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
 export { createGesture } from './index-BmLuEdV7.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-B-G43ddm.js';
-export { c as componentOnReady } from './helpers-B54ynME_.js';
-export { L as LogLevel, c as printIonError, a as printIonWarning } from './index-D9OR05yj.js';
-export { I as IonicSafeString } from './index-D4ZMZz_3.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-BAIaPRGU.js';
+export { c as componentOnReady } from './helpers-DxiyEiQq.js';
+export { L as LogLevel, c as printIonError, a as printIonWarning } from './index-CsxpVq9f.js';
+export { I as IonicSafeString } from './index-BOBjcNAK.js';
 export { g as getMode, s as setupConfig } from './config-DWCzVL3Y.js';
-export { o as openURL } from './theme-byZM6qHV.js';
-export { m as menuController } from './index-B9jhwvmO.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-BQnV0HAU.js';
+export { o as openURL } from './theme-BUF_V-Kg.js';
+export { m as menuController } from './index-LPo3JBab.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-CLqEprTi.js';
+import './index-ZjP4CjeZ.js';
 import './gesture-controller-B_gJaBk0.js';
+import './focus-visible-BYk20Mf5.js';
 import './dir-Dojwmvde.js';
-import './framework-delegate-DeT5pmPB.js';
+import './framework-delegate-1jBLyhBr.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-MCrhq67U.js → input-shims-HqimWtEw.js}

@@ -1,12 +1,14 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { f as addEventListener, m as removeEventListener, w as win, n as doc, c as componentOnReady } from './helpers-B54ynME_.js';
-import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index--21qeSt0.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-ly3M0GO7.js';
-import './index-D9OR05yj.js';
+import { w as win, d as doc } from './index-ZjP4CjeZ.js';
+import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-D0-93AmS.js';
+import { f as addEventListener, m as removeEventListener, c as componentOnReady } from './helpers-DxiyEiQq.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-DAF8GNJ9.js';
+import './index-CsxpVq9f.js';
+import './focus-visible-BYk20Mf5.js';
 import './dir-Dojwmvde.js';
-import './capacitor-CoEgIpR9.js';
+import './capacitor-CFERIeaU.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {

package/dist/esm/{input.utils-B-IIWrwT.js → input.utils-BQE7ESFW.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as printIonError } from './index-D9OR05yj.js';
+import { c as printIonError } from './index-CsxpVq9f.js';
 
 const getCounterText = (value, maxLength, counterFormatter) => {
     const valueLength = value == null ? 0 : value.toString().length;

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

@@ -1,15 +1,20 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, i as config, h, f as Host, g as getElement, d as createEvent, a as printIonWarning } from './index-D9OR05yj.js';
-import { g as getElementRoot, r as raf, f as addEventListener, m as removeEventListener, t as transitionEndAsync } from './helpers-B54ynME_.js';
-import { b as chevronDown } from './index-BvabGprD.js';
-import { b as getIonMode } from './ionic-global-B-G43ddm.js';
+import { r as registerInstance, i as config, h, f as Host, g as getElement, d as createEvent, a as printIonWarning } from './index-CsxpVq9f.js';
+import { g as getElementRoot, r as raf, f as addEventListener, m as removeEventListener, t as transitionEndAsync } from './helpers-DxiyEiQq.js';
+import { h as hostContext } from './theme-BUF_V-Kg.js';
+import { e as chevronDown } from './index-BkJpfpXI.js';
+import { c as getIonTheme } from './ionic-global-BAIaPRGU.js';
+import './index-ZjP4CjeZ.js';
+import './focus-visible-BYk20Mf5.js';
 import './dir-Dojwmvde.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, #d0d7df));content:"";z-index:3}:host(.accordion-last)::after{display:none}: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, #242528));--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));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");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, 1.75rem)}#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-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");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, 1.5rem);color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528))}: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) {
@@ -48,6 +53,7 @@ const Accordion = class {
         this.state = 1 /* AccordionState.Collapsed */;
         this.isNext = false;
         this.isPrevious = false;
+        this.isLast = false;
         /**
          * Tracks whether a user-initiated interaction has occurred.
          * Animations are disabled until the first interaction happens.
@@ -79,12 +85,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 = chevronDown;
         /**
          * The slot inside of `ion-item` to
          * place the toggle icon. Defaults to `"end"`.
@@ -152,7 +152,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.
@@ -165,7 +165,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);
         };
@@ -285,6 +285,8 @@ const Accordion = class {
             }
             const value = accordionGroup.value;
             const shouldExpand = Array.isArray(value) ? value.includes(accordionValue) : value === accordionValue;
+            const nextAccordion = this.getNextSibling();
+            this.isLast = nextAccordion === undefined;
             if (shouldExpand) {
                 this.expandAccordion();
                 this.isNext = this.isPrevious = false;
@@ -298,7 +300,6 @@ const Accordion = class {
                  * applied. Check to see if the
                  * next or previous accordion is selected.
                  */
-                const nextAccordion = this.getNextSibling();
                 const nextAccordionValue = nextAccordion?.value;
                 if (nextAccordionValue !== undefined) {
                     this.isPrevious = Array.isArray(value) ? value.includes(nextAccordionValue) : value === nextAccordionValue;
@@ -311,9 +312,6 @@ const Accordion = class {
             }
         };
         this.getNextSibling = () => {
-            if (!this.el) {
-                return;
-            }
             const nextSibling = this.el.nextElementSibling;
             if (nextSibling?.tagName !== 'ION-ACCORDION') {
                 return;
@@ -321,9 +319,6 @@ const Accordion = class {
             return nextSibling;
         };
         this.getPreviousSibling = () => {
-            if (!this.el) {
-                return;
-            }
             const previousSibling = this.el.previousElementSibling;
             if (previousSibling?.tagName !== 'ION-ACCORDION') {
                 return;
@@ -364,6 +359,19 @@ const Accordion = class {
             this.setAria(expanded);
         });
     }
+    /**
+     * Get the icon to use for the toggle icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get accordionToggleIcon() {
+        // Return the icon if it is explicitly set
+        if (this.toggleIcon != null) {
+            return this.toggleIcon;
+        }
+        return config.get('accordionToggleIcon', chevronDown);
+    }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
         if (disabled || readonly)
@@ -388,23 +396,25 @@ const Accordion = class {
     }
     render() {
         const { disabled, readonly } = this;
-        const mode = getIonMode(this);
+        const theme = 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 (h(Host, { key: '5c58b3809a4636d69f0f9957ecf1f50c42cdfc03', class: {
-                [mode]: true,
+        return (h(Host, { key: '815dda5c42051851dfb17312fee6eb60421b680b', class: {
+                [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
                 'accordion-collapsing': this.state === 2 /* AccordionState.Collapsing */,
                 'accordion-collapsed': this.state === 1 /* AccordionState.Collapsed */,
                 'accordion-next': this.isNext,
                 'accordion-previous': this.isPrevious,
+                'accordion-last': this.isLast,
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-            }, tabindex: disabled ? '-1' : undefined }, h("div", { key: 'f76bc02347639b41c9a5be8a9488a8be8559cba7', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: 'e01744bf0af3200239e82c60c632ed36295db2da', name: "header" })), h("div", { key: 'c613345a7e244ee361f76ff4ebed139d2a1b9572', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '943b65d9a129759b4c213974ae5ed777b5f6166e', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'b0df520dad9d5557df63a35f8206ada4a765d238', name: "content" })))));
+                'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
+            }, tabindex: disabled ? '-1' : undefined }, h("div", { key: '0361184ad0b1a2dbb8879292313fc6ea4d6915aa', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '1176aed8aebd66a17d365f2ecab4a40165a14a17', name: "header" })), h("div", { key: 'ebe6eabeedaee6a9fdcf8c989e706f5f42af54c2', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '5c9ebc847e8f161c8fcaf6f4af9ad42ce22217ac', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'a45d5a106dc635d4a8790cdd4fdf04c1b8e25987', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -416,10 +426,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-shape-round-xl, 16px);border-radius:var(--token-shape-round-xl, 16px)}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--token-shape-soft-xl, 12px);border-radius:var(--token-shape-soft-xl, 12px)}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--token-shape-rectangular-xl, 0px);border-radius:var(--token-shape-rectangular-xl, 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}`;
@@ -629,15 +642,29 @@ const AccordionGroup = class {
     async getAccordions() {
         return Array.from(this.el.querySelectorAll(':scope > ion-accordion'));
     }
+    getShape() {
+        const theme = 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 = getIonMode(this);
-        return (h(Host, { key: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
-                [mode]: true,
+        const theme = getIonTheme(this);
+        const shape = this.getShape();
+        return (h(Host, { key: '3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f', class: {
+                [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
+                [`accordion-group-shape-${shape}`]: shape !== undefined,
+            }, role: "presentation" }, h("slot", { key: 'aaa96bfa504bb020c7897e44ac1502b12bb81faf' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -653,6 +680,7 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
+    ionic: accordionGroupIonicCss(),
     ios: accordionGroupIosCss(),
     md: accordionGroupMdCss()
 };