@ionic/core 7.2.4 → 7.3.1-dev.11692202566.13cd16c4

package/dist/esm/{animation-258fd22b.js → animation-a1d9e088.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-b32cad98.js';
-import { r as raf } from './helpers-f586db1c.js';
+import { w as win } from './index-7a14ecec.js';
+import { r as raf } from './helpers-3379ba19.js';
 
 let animationPrefix;
 /**

package/dist/esm/{app-globals-70454efb.js → app-globals-e8ddf830.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-a9abd569.js';
+import { i as initialize } from './ionic-global-1ef19007.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{button-active-aef107f0.js → button-active-2da0f611.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-36a5fd75.js';
-import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-d85b8584.js';
-import { createGesture } from './index-422b6e83.js';
+import { w as writeTask } from './index-847f2fde.js';
+import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-6447af60.js';
+import { createGesture } from './index-ff313b19.js';
 
 const createButtonActiveGesture = (el, isButton) => {
   let currentTouchedButton;

package/dist/esm/{capacitor-6d1861b7.js → capacitor-b4979570.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-b32cad98.js';
+import { w as win } from './index-7a14ecec.js';
 
 const getCapacitor = () => {
   if (win !== undefined) {

package/dist/esm/{data-605c040f.js → data-834f9822.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index-e86f0117.js';
+import { p as printIonWarning } from './index-595d62c9.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/esm/{form-controller-6cd7ebd1.js → form-controller-ed77647a.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { h as findItemLabel } from './helpers-f586db1c.js';
+import { h as findItemLabel } from './helpers-3379ba19.js';
 
 /**
  * Creates a controller that tracks whether a form control is using the legacy or modern syntax. This should be removed when the legacy form control syntax is removed.

package/dist/esm/{framework-delegate-6a45ed30.js → framework-delegate-2b76c681.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-f586db1c.js';
+import { c as componentOnReady } from './helpers-3379ba19.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/esm/{haptic-d85b8584.js → haptic-6447af60.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-6d1861b7.js';
+import { g as getCapacitor } from './capacitor-b4979570.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

package/dist/esm/{index-afea2bcf.js → index-6391de89.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask, B as Build } from './index-36a5fd75.js';
-import { r as raf } from './helpers-f586db1c.js';
+import { w as writeTask, B as Build } from './index-847f2fde.js';
+import { r as raf } from './helpers-3379ba19.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-6a838b0c.js');
-const mdTransitionAnimation = () => import('./md.transition-b7d7b475.js');
+const iosTransitionAnimation = () => import('./ios.transition-3137d23e.js');
+const mdTransitionAnimation = () => import('./md.transition-48b3b77c.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
   return new Promise((resolve, reject) => {

package/dist/esm/{index-7373924f.js → index-746a238e.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-f586db1c.js';
-import { b as printRequiredElementError } from './index-e86f0117.js';
+import { c as componentOnReady } from './helpers-3379ba19.js';
+import { b as printRequiredElementError } from './index-595d62c9.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/esm/{index-36a5fd75.js → index-847f2fde.js}

@@ -555,9 +555,9 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     }
     styles.set(scopeId, style);
 };
-const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+const addStyle = (styleContainerNode, cmpMeta, mode) => {
     var _a;
-    let scopeId = getScopeId(cmpMeta, mode);
+    const scopeId = getScopeId(cmpMeta, mode);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
@@ -577,11 +577,8 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
                     styleElm.innerHTML = style;
                 }
                 else {
-                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
-                    {
-                        styleElm = doc.createElement('style');
-                        styleElm.innerHTML = style;
-                    }
+                    styleElm = doc.createElement('style');
+                    styleElm.innerHTML = style;
                     // Apply CSP nonce to the style tag if it exists
                     const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
                     if (nonce != null) {
@@ -606,7 +603,6 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$);
-    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -633,6 +629,21 @@ const convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -1495,17 +1506,44 @@ const nullifyVNodeRefs = (vNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
     if (cmpMeta.$attrsToReflect$) {
         rootVnode.$attrs$ = rootVnode.$attrs$ || {};
         cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));
     }
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -1696,6 +1734,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -1707,7 +1755,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -1731,7 +1779,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render && instance.render();
         {
@@ -1746,7 +1806,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -2110,7 +2170,7 @@ const connectedCallback = (elm) => {
                 // if the slot polyfill is required we'll need to put some nodes
                 // in here to act as original content anchors as we move nodes around
                 // host element has been connected to the DOM
-                if ((// TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
+                if ((// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
                         cmpMeta.$flags$ & (4 /* CMP_FLAGS.hasSlotRelocation */ | 8 /* CMP_FLAGS.needsShadowDomShim */))) {
                     setContentReference(elm);
                 }
@@ -2154,7 +2214,12 @@ const connectedCallback = (elm) => {
             // since they would have been removed when disconnected
             addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
             // fire off connectedCallback() on component instance
-            fireConnectedCallback(hostRef.$lazyInstance$);
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
+                fireConnectedCallback(hostRef.$lazyInstance$);
+            }
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
+            }
         }
         endConnected();
     }
@@ -2170,18 +2235,25 @@ const setContentReference = (elm) => {
     contentRefElm['s-cn'] = true;
     elm.insertBefore(contentRefElm, elm.firstChild);
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+    {
+        safeCall(instance, 'disconnectedCallback');
+    }
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
-        const instance = hostRef.$lazyInstance$ ;
         {
             if (hostRef.$rmListeners$) {
                 hostRef.$rmListeners$.map((rmListener) => rmListener());
                 hostRef.$rmListeners$ = undefined;
             }
         }
-        {
-            safeCall(instance, 'disconnectedCallback');
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
+            disconnectInstance(hostRef.$lazyInstance$);
+        }
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
         }
     }
 };
@@ -2411,7 +2483,7 @@ const setPlatformHelpers = (helpers) => {
     Object.assign(plt, helpers);
 };
 const supportsShadow = 
-// TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
+// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
 true;
 const promiseResolve = (v) => Promise.resolve(v);
 const supportsConstructableStylesheets = /*@__PURE__*/ (() => {

package/dist/esm/{index-6e89f340.js → index-b3e05099.js}

@@ -1,10 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-490df115.js';
-import { c as componentOnReady } from './helpers-f586db1c.js';
-import { b as getIonMode } from './ionic-global-a9abd569.js';
-import { c as createAnimation } from './animation-258fd22b.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
+import { c as componentOnReady } from './helpers-3379ba19.js';
+import { b as getIonMode } from './ionic-global-1ef19007.js';
+import { c as createAnimation } from './animation-a1d9e088.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-2d0c7c77.js → index-f0cc4e14.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-b32cad98.js';
-import { u as now, v as pointerCoord } from './helpers-f586db1c.js';
+import { d as doc } from './index-7a14ecec.js';
+import { u as now, v as pointerCoord } from './helpers-3379ba19.js';
 
 const startTapClick = (config) => {
   if (doc === undefined) {

package/dist/esm/{index-422b6e83.js → index-ff313b19.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { G as GESTURE_CONTROLLER } from './gesture-controller-17060b7c.js';
-export { G as GESTURE_CONTROLLER } from './gesture-controller-17060b7c.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
+export { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {

package/dist/esm/index.js

@@ -1,23 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-258fd22b.js';
-export { iosTransitionAnimation } from './ios.transition-6a838b0c.js';
-export { mdTransitionAnimation } from './md.transition-b7d7b475.js';
-export { g as getTimeGivenProgression } from './cubic-bezier-e78d1307.js';
-export { createGesture } from './index-422b6e83.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-a9abd569.js';
-export { c as componentOnReady } from './helpers-f586db1c.js';
-export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-80c044f2.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 } from './index-afea2bcf.js';
-export { m as menuController } from './index-6e89f340.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-4801a327.js';
-import './index-b32cad98.js';
-import './gesture-controller-17060b7c.js';
-import './index-36a5fd75.js';
-import './hardware-back-button-490df115.js';
-import './framework-delegate-6a45ed30.js';
-import './index-e86f0117.js';
+export { c as createAnimation } from './animation-a1d9e088.js';
+export { iosTransitionAnimation } from './ios.transition-3137d23e.js';
+export { mdTransitionAnimation } from './md.transition-48b3b77c.js';
+export { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
+export { createGesture } from './index-ff313b19.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-1ef19007.js';
+export { c as componentOnReady } from './helpers-3379ba19.js';
+export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-96c9ace3.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 } from './index-6391de89.js';
+export { m as menuController } from './index-b3e05099.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-c3387ec0.js';
+import './index-7a14ecec.js';
+import './gesture-controller-0fa396c4.js';
+import './index-847f2fde.js';
+import './hardware-back-button-39299f84.js';
+import './framework-delegate-2b76c681.js';
+import './index-595d62c9.js';
 
 const IonicSlides = (opts) => {
   const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-5b912f6d.js → input-shims-af993f05.js}

@@ -1,12 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-7373924f.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-f586db1c.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-cdb83866.js';
-import './index-e86f0117.js';
-import './capacitor-6d1861b7.js';
-import './index-b32cad98.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-746a238e.js';
+import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-3379ba19.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-b063f012.js';
+import './index-595d62c9.js';
+import './capacitor-b4979570.js';
+import './index-7a14ecec.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {

package/dist/esm/{input.utils-4c00ca72.js → input.utils-ec063df4.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-b32cad98.js';
-import { r as raf } from './helpers-f586db1c.js';
-import { a as printIonError } from './index-e86f0117.js';
+import { w as win } from './index-7a14ecec.js';
+import { r as raf } from './helpers-3379ba19.js';
+import { a as printIonError } from './index-595d62c9.js';
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

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

@@ -1,11 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-36a5fd75.js';
-import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-f586db1c.js';
-import { l as chevronDown } from './index-393bc14a.js';
-import { c as config, b as getIonMode } from './ionic-global-a9abd569.js';
-import { p as printIonWarning } from './index-e86f0117.js';
+import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-847f2fde.js';
+import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-3379ba19.js';
+import { l as chevronDown } from './index-ecfc2c9f.js';
+import { c as config, b as getIonMode } from './ionic-global-1ef19007.js';
+import { p as printIonWarning } from './index-595d62c9.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}";
 

package/dist/esm/ion-action-sheet.entry.js

@@ -1,21 +1,21 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f as getElement } from './index-36a5fd75.js';
-import { c as createButtonActiveGesture } from './button-active-aef107f0.js';
-import { r as raf } from './helpers-f586db1c.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-4801a327.js';
-import { g as getClassMap } from './theme-7670341c.js';
-import { b as getIonMode } from './ionic-global-a9abd569.js';
-import { c as createAnimation } from './animation-258fd22b.js';
-import './haptic-d85b8584.js';
-import './capacitor-6d1861b7.js';
-import './index-b32cad98.js';
-import './index-422b6e83.js';
-import './gesture-controller-17060b7c.js';
-import './framework-delegate-6a45ed30.js';
-import './hardware-back-button-490df115.js';
-import './index-e86f0117.js';
+import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f as getElement } from './index-847f2fde.js';
+import { c as createButtonActiveGesture } from './button-active-2da0f611.js';
+import { r as raf } from './helpers-3379ba19.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-c3387ec0.js';
+import { g as getClassMap } from './theme-17531cdf.js';
+import { b as getIonMode } from './ionic-global-1ef19007.js';
+import { c as createAnimation } from './animation-a1d9e088.js';
+import './haptic-6447af60.js';
+import './capacitor-b4979570.js';
+import './index-7a14ecec.js';
+import './index-ff313b19.js';
+import './gesture-controller-0fa396c4.js';
+import './framework-delegate-2b76c681.js';
+import './hardware-back-button-39299f84.js';
+import './index-595d62c9.js';
 
 /**
  * iOS Action Sheet Enter Animation
@@ -290,7 +290,7 @@ const ActionSheet = class {
       }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { tappable: this.backdropDismiss }), h("div", { tabindex: "0" }), h("div", { class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { class: "action-sheet-container" }, h("div", { class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (h("div", { id: headerID, class: {
         'action-sheet-title': true,
         'action-sheet-has-sub-title': this.subHeader !== undefined,
-      } }, header, this.subHeader && h("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b) }, h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { class: "action-sheet-group action-sheet-group-cancel" }, h("button", { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }, h("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", null)))))), h("div", { tabindex: "0" })));
+      } }, header, this.subHeader && h("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass(b), onClick: () => this.buttonClick(b) }), h("span", { class: "action-sheet-button-inner" }, b.icon && h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && h("ion-ripple-effect", null))))), cancelButton && (h("div", { class: "action-sheet-group action-sheet-group-cancel" }, h("button", Object.assign({}, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), h("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", null)))))), h("div", { tabindex: "0" })));
   }
   get el() { return getElement(this); }
   static get watchers() { return {