@ionic/core 8.8.18-dev.11786385944.17aca7e5 → 8.8.18-dev.11786487682.1e6f798f

package/dist/cjs/{index-Ct7gcRif.js → index-GZU9YrFc.js}

@@ -288,6 +288,12 @@ var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -1781,7 +1787,9 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -2809,7 +2817,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -2853,6 +2863,26 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
@@ -2902,7 +2932,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -2927,7 +2959,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 ref.$lazyInstance$[memberName] = parsePropertyValue(
                   newValue,
-                  memberFlags);
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
@@ -3334,6 +3368,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       } else {
         patchCloneNode(HostElement.prototype);
       }
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);

package/dist/cjs/{index-D81eLYUM.js → index-bX3nz2vw.js}

@@ -3,12 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
+var helpers = require('./helpers-DiOgV5hw.js');
+require('./index-GZU9YrFc.js');
+require('./focus-visible-BIj-I3-C.js');
 
 const startTapClick = (config) => {
-    if (index.doc === undefined) {
+    if (ionicGlobal.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -111,9 +112,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    index.doc.addEventListener('ionGestureCaptured', cancelActive);
-    index.doc.addEventListener('pointerdown', pointerDown, true);
-    index.doc.addEventListener('pointerup', pointerUp, true);
+    ionicGlobal.doc.addEventListener('ionGestureCaptured', cancelActive);
+    ionicGlobal.doc.addEventListener('pointerdown', pointerDown, true);
+    ionicGlobal.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -126,7 +127,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    index.doc.addEventListener('pointercancel', cancelActive, true);
+    ionicGlobal.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {

package/dist/cjs/index.cjs.js

@@ -3,23 +3,23 @@
  */
 'use strict';
 
-var animation = require('./animation-BJq0kcy2.js');
-var index = require('./index-BERfRao3.js');
-var ios_transition = require('./ios.transition-BOSWOaiK.js');
-var md_transition = require('./md.transition-B8-wBZqt.js');
+var animation = require('./animation-B3xfVcDO.js');
+var index = require('./index-BaJ7_YbC.js');
+var ios_transition = require('./ios.transition-DpFQfFfT.js');
+var md_transition = require('./md.transition-ChJcoZUH.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var index$2 = require('./index-Ct7gcRif.js');
-var config = require('./config-xninhj0J.js');
-var theme = require('./theme-CeDs6Hcv.js');
-var index$3 = require('./index-aC4x3Fk3.js');
-var overlays = require('./overlays-DdtIYQUH.js');
-require('./index-DkNv4J_i.js');
+var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
+var helpers = require('./helpers-DiOgV5hw.js');
+var index$2 = require('./index-GZU9YrFc.js');
+var index$3 = require('./index-Bj07IRTB.js');
+var config = require('./config-DWdFbSNK.js');
+var theme = require('./theme-IlOsGAz7.js');
+var index$4 = require('./index-DYRcC3bw.js');
+var overlays = require('./overlays-CFGbPUmE.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-iUuF_76h.js');
-require('./framework-delegate-BtICZDHr.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./framework-delegate-DC5nq_NN.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -139,11 +139,11 @@ Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
     get: function () { return index$2.LogLevel; }
 });
-exports.IonicSafeString = config.IonicSafeString;
+exports.IonicSafeString = index$3.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;
 exports.openURL = theme.openURL;
-exports.menuController = index$3.menuController;
+exports.menuController = index$4.menuController;
 exports.actionSheetController = overlays.actionSheetController;
 exports.alertController = overlays.alertController;
 exports.loadingController = overlays.loadingController;

package/dist/cjs/{input-shims-DpA1zUN9.js → input-shims-BSEBw22J.js}

@@ -3,12 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-Dqpns5vP.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var keyboard = require('./keyboard-UuAS4D_9.js');
-require('./index-Ct7gcRif.js');
-require('./capacitor-DmA66EwP.js');
+var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
+var index = require('./index-BxEZd5IE.js');
+var helpers = require('./helpers-DiOgV5hw.js');
+var keyboard = require('./keyboard-Bn0Ppim6.js');
+require('./index-GZU9YrFc.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./capacitor-CQSg1uCo.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -299,7 +300,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
@@ -352,7 +353,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);
     };
     /**
@@ -372,13 +373,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);
     };
 };
@@ -471,7 +472,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
@@ -498,7 +499,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
@@ -546,7 +547,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';
@@ -568,7 +569,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();
     /**
@@ -584,7 +585,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;
@@ -633,10 +634,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-DetjmtH2.js → input.utils-D68wgI2Y.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var index$1 = require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
+var helpers = require('./helpers-DiOgV5hw.js');
+var index = require('./index-GZU9YrFc.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -19,7 +19,7 @@ var index$1 = require('./index-Ct7gcRif.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 +138,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        index$1.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        index.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
         return defaultCounterText;
     }
 };

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

@@ -3,14 +3,19 @@
  */
 'use strict';
 
-var index = require('./index-Ct7gcRif.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var index$1 = require('./index-DqmRDbxg.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
+var index = require('./index-GZU9YrFc.js');
+var caretDown = require('./caret-down-vtVgfXIs.js');
+var helpers = require('./helpers-DiOgV5hw.js');
+var theme = require('./theme-IlOsGAz7.js');
+var index$1 = require('./index-CxDnX7hd.js');
+var ionicGlobal = require('./ionic-global-QoUqobrQ.js');
+require('./focus-visible-BIj-I3-C.js');
 
-const accordionIosCss = () => `:host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}`;
+const accordionIonicCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));right:0;left:0;bottom:0;display:block;position:absolute;height:var(--token-border-size-025, var(--token-scale-025, 1px));background-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));content:"";z-index:3}:host(.accordion-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, #242424));--border-width:var(--token-border-size-0, var(--token-scale-0, 0px));--inner-border-width:var(--token-scale-0, 0px);--min-height:var(--token-scale-700, 28px);--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;z-index:2}`;
 
-const accordionMdCss = () => `:host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}`;
+const accordionIosCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}`;
+
+const accordionMdCss = () => `:host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{background-color:var(--ion-background-color, #ffffff)}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}`;
 
 const Accordion = class {
     constructor(hostRef) {
@@ -49,6 +54,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.
@@ -80,12 +86,6 @@ const Accordion = class {
          * but does not alter the opacity.
          */
         this.readonly = false;
-        /**
-         * The toggle icon to use. This icon will be
-         * rotated when the accordion is expanded
-         * or collapsed.
-         */
-        this.toggleIcon = index$1.chevronDown;
         /**
          * The slot inside of `ion-item` to
          * place the toggle icon. Defaults to `"end"`.
@@ -153,7 +153,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.
@@ -166,7 +166,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);
         };
@@ -286,6 +286,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;
@@ -299,7 +301,6 @@ const Accordion = class {
                  * applied. Check to see if the
                  * next or previous accordion is selected.
                  */
-                const nextAccordion = this.getNextSibling();
                 const nextAccordionValue = nextAccordion === null || nextAccordion === void 0 ? void 0 : nextAccordion.value;
                 if (nextAccordionValue !== undefined) {
                     this.isPrevious = Array.isArray(value) ? value.includes(nextAccordionValue) : value === nextAccordionValue;
@@ -312,9 +313,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;
@@ -322,9 +320,6 @@ const Accordion = class {
             return nextSibling;
         };
         this.getPreviousSibling = () => {
-            if (!this.el) {
-                return;
-            }
             const previousSibling = this.el.previousElementSibling;
             if ((previousSibling === null || previousSibling === void 0 ? void 0 : previousSibling.tagName) !== 'ION-ACCORDION') {
                 return;
@@ -366,6 +361,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 index.config.get('accordionToggleIcon', defaultIcon);
+    }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
         if (disabled || readonly)
@@ -390,23 +402,25 @@ 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: '5c58b3809a4636d69f0f9957ecf1f50c42cdfc03', class: {
-                [mode]: true,
+        return (index.h(index.Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', 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 */,
                 '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 }, index.h("div", { key: 'f76bc02347639b41c9a5be8a9488a8be8559cba7', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: 'e01744bf0af3200239e82c60c632ed36295db2da', name: "header" })), index.h("div", { key: 'c613345a7e244ee361f76ff4ebed139d2a1b9572', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: '943b65d9a129759b4c213974ae5ed777b5f6166e', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'b0df520dad9d5557df63a35f8206ada4a765d238', name: "content" })))));
+                'in-accordion-group-expand-inset': theme.hostContext('.accordion-group-expand-inset', this.el),
+            }, tabindex: disabled ? '-1' : undefined }, index.h("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, index.h("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), index.h("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, index.h("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, index.h("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -418,10 +432,13 @@ const Accordion = class {
 };
 let accordionIds = 0;
 Accordion.style = {
+    ionic: accordionIonicCss(),
     ios: accordionIosCss(),
     md: accordionMdCss()
 };
 
+const accordionGroupIonicCss = () => `:host{display:block}:host{min-width:calc(var(--token-scale-6200, 248px) + var(--token-space-600, var(--token-scale-600, 24px)));background-color:var(--token-bg-neutral-subtlest-default, var(--token-primitives-base-white, #ffffff))}:host(.accordion-group-expand-inset){-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.accordion-group-expand-inset.accordion-group-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.accordion-group-expand-inset.accordion-group-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.accordion-group-expand-inset.accordion-group-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}`;
+
 const accordionGroupIosCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}`;
 
 const accordionGroupMdCss = () => `:host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion){-webkit-box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;border-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous){border-end-end-radius:6px;border-end-start-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next){border-start-start-radius:6px;border-start-end-radius:6px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}`;
@@ -631,15 +648,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: 'd1a79a93179474fbba66fcf11a92f4871dacc975', class: {
-                [mode]: true,
+        const theme = ionicGlobal.getIonTheme(this);
+        const shape = this.getShape();
+        return (index.h(index.Host, { key: '3ff9248922382f2fe2eb9eb2fd895bb9aa91ef2f', class: {
+                [theme]: true,
                 'accordion-group-disabled': disabled,
                 'accordion-group-readonly': readonly,
                 [`accordion-group-expand-${expand}`]: true,
-            }, role: "presentation" }, index.h("slot", { key: 'e6b8954b686d1fbb4fc92adb07fddc97a24b0a31' })));
+                [`accordion-group-shape-${shape}`]: shape !== undefined,
+            }, role: "presentation" }, index.h("slot", { key: 'aaa96bfa504bb020c7897e44ac1502b12bb81faf' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -655,6 +686,7 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
+    ionic: accordionGroupIonicCss(),
     ios: accordionGroupIosCss(),
     md: accordionGroupMdCss()
 };