voyager-ionic-core 8.5.7 → 8.6.1

package/dist/esm/{index-9a17db3d.js → index-BlJTBdxG.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-d94bc8ad.js';
-import { e as printRequiredElementError } from './index-cfd9c1f2.js';
+import { c as componentOnReady } from './helpers-1O4D2b7y.js';
+import { t as printRequiredElementError } from './index-B_U9CtaY.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';
@@ -67,7 +67,7 @@ const scrollToTop = (el, durationMs) => {
     return Promise.resolve(el.scrollTo({
         top: 0,
         left: 0,
-        behavior: durationMs > 0 ? 'smooth' : 'auto',
+        behavior: 'smooth' ,
     }));
 };
 /**

package/dist/esm/{index-be190feb.js → index-CWbP1eJz.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-a5d50daf.js';
-import { q as pointerCoord } from './helpers-d94bc8ad.js';
-import './index-cfd9c1f2.js';
+import { d as doc } from './index-ZjP4CjeZ.js';
+import { q as pointerCoord } from './helpers-1O4D2b7y.js';
+import './index-B_U9CtaY.js';
 
 const startTapClick = (config) => {
     if (doc === undefined) {

package/dist/esm/{index-39782642.js → index-CfgBF1SE.js}

@@ -1,8 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { G as GESTURE_CONTROLLER } from './gesture-controller-314a54f6.js';
-export { G as GESTURE_CONTROLLER } from './gesture-controller-314a54f6.js';
+import { G as GESTURE_CONTROLLER } from './gesture-controller-BTEOs1at.js';
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
@@ -10,10 +9,10 @@ eventName, callback, opts) => {
     // otherwise it's just a boolean for the "capture" arg
     const listenerOpts = supportsPassive(el)
         ? {
-            capture: !!opts.capture,
+            capture: false,
             passive: !!opts.passive,
         }
-        : !!opts.capture;
+        : false;
     let add;
     let remove;
     if (el['__zone_symbol__addEventListener']) {
@@ -382,7 +381,6 @@ const createGesture = (config) => {
         }
     };
     const pointerEvents = createPointerEvents(finalConfig.el, pointerDown, pointerMove, pointerUp, {
-        capture: false,
         passive,
     });
     const abortGesture = () => {
@@ -454,4 +452,4 @@ const now = (ev) => {
     return ev.timeStamp || Date.now();
 };
 
-export { createGesture };
+export { GESTURE_CONTROLLER, createGesture };

package/dist/esm/{index-18f31305.js → index-D8sncTHY.js}

@@ -1,12 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-a5d50daf.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-a7eb8233.js';
-import { p as printIonWarning } from './index-cfd9c1f2.js';
-import { c as componentOnReady } from './helpers-d94bc8ad.js';
-import { b as getIonMode } from './ionic-global-b26f573e.js';
-import { c as createAnimation } from './animation-8b25e105.js';
+import { d as doc } from './index-ZjP4CjeZ.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-DcH0BbDp.js';
+import { e as getIonMode, m as printIonWarning } from './index-B_U9CtaY.js';
+import { c as componentOnReady } from './helpers-1O4D2b7y.js';
+import { c as createAnimation } from './animation-BWcUKtbn.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-68c0d151.js → index-DfBA5ztX.js}

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as config, p as printIonWarning } from './index-cfd9c1f2.js';
-import { w as writeTask, B as Build } from './index-527b9e34.js';
-import { r as raf } from './helpers-d94bc8ad.js';
+import { l as config, m as printIonWarning, w as writeTask, B as Build } from './index-B_U9CtaY.js';
+import { r as raf } from './helpers-1O4D2b7y.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -119,8 +118,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition-4047cb68.js');
-const mdTransitionAnimation = () => import('./md.transition-30ce8d1b.js');
+const iosTransitionAnimation = () => import('./ios.transition-BmXtMRXZ.js');
+const mdTransitionAnimation = () => import('./md.transition-CLI683c7.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/esm/index.js

@@ -1,24 +1,22 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-8b25e105.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-68c0d151.js';
-export { iosTransitionAnimation } from './ios.transition-4047cb68.js';
-export { mdTransitionAnimation } from './md.transition-30ce8d1b.js';
-export { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-export { createGesture } from './index-39782642.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-b26f573e.js';
-export { c as componentOnReady } from './helpers-d94bc8ad.js';
-export { L as LogLevel } from './index-cfd9c1f2.js';
-export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-9898ed97.js';
-export { o as openURL } from './theme-01f3f29c.js';
-export { m as menuController } from './index-18f31305.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-d99dcb0a.js';
-import './index-a5d50daf.js';
-import './index-527b9e34.js';
-import './gesture-controller-314a54f6.js';
-import './hardware-back-button-a7eb8233.js';
-import './framework-delegate-56b467ad.js';
+export { c as createAnimation } from './animation-BWcUKtbn.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-DfBA5ztX.js';
+export { iosTransitionAnimation } from './ios.transition-BmXtMRXZ.js';
+export { mdTransitionAnimation } from './md.transition-CLI683c7.js';
+export { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
+export { createGesture } from './index-CfgBF1SE.js';
+export { L as LogLevel, c as getPlatforms, i as initialize, a as isPlatform } from './index-B_U9CtaY.js';
+export { c as componentOnReady } from './helpers-1O4D2b7y.js';
+export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-AaTyISnm.js';
+export { o as openURL } from './theme-DiVJyqlX.js';
+export { m as menuController } from './index-D8sncTHY.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-8Y2rA-ps.js';
+import './index-ZjP4CjeZ.js';
+import './gesture-controller-BTEOs1at.js';
+import './hardware-back-button-DcH0BbDp.js';
+import './framework-delegate-DxcnWic_.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-279903e2.js → input-shims-C3lNp93k.js}

@@ -1,12 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win, d as doc } from './index-a5d50daf.js';
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-9a17db3d.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-d94bc8ad.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-73175e24.js';
-import './index-cfd9c1f2.js';
-import './capacitor-59395cbd.js';
+import { w as win, d as doc } from './index-ZjP4CjeZ.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-BlJTBdxG.js';
+import { f as addEventListener, m as removeEventListener, r as raf, c as componentOnReady } from './helpers-1O4D2b7y.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-CUw4ekVy.js';
+import './index-B_U9CtaY.js';
+import './capacitor-CFERIeaU.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -372,6 +372,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
+    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -380,6 +381,28 @@ const setManualFocus = (el) => {
     if (document.activeElement === el) {
         return;
     }
+    /**
+     * Optimization for scenarios where the currently focused element is a sibling
+     * of the target element. In such cases, we avoid setting `SKIP_SCROLL_ASSIST`.
+     *
+     * This is crucial for accessibility: input elements can now contain focusable
+     * siblings (e.g., clear buttons, slotted elements). If we didn't skip setting
+     * the attribute here, screen readers would be unable to navigate to and interact
+     * with these sibling elements.
+     *
+     * Without this check, we would need to call `ev.stopPropagation()` on the
+     * 'focusin' event of each focusable sibling to prevent the scroll assist
+     * listener from incorrectly moving focus back to the input. That approach
+     * would be less maintainable and more error-prone.
+     */
+    const inputId = el.getAttribute('id');
+    const label = el.closest(`label[for="${inputId}"]`);
+    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
+    if (label !== null && label === activeElLabel) {
+        // If the label is the same as the active element label, then
+        // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.
+        return;
+    }
     el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
     el.focus();
 };

package/dist/esm/{input.utils-40504d6d.js → input.utils-zWijNCrx.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-d94bc8ad.js';
-import { d as printIonError } from './index-cfd9c1f2.js';
+import { w as win } from './index-ZjP4CjeZ.js';
+import { r as raf } from './helpers-1O4D2b7y.js';
+import { o as printIonError } from './index-B_U9CtaY.js';
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

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

@@ -1,22 +1,46 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, h, e as Host, f as getElement, c as createEvent } from './index-527b9e34.js';
-import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-d94bc8ad.js';
-import { l as chevronDown } from './index-e2cf2ceb.js';
-import { c as config, p as printIonWarning } from './index-cfd9c1f2.js';
-import { b as getIonMode } from './ionic-global-b26f573e.js';
+import { r as registerInstance, l as config, e as getIonMode, h, j as Host, k as getElement, d as createEvent, m as printIonWarning } from './index-B_U9CtaY.js';
+import { g as getElementRoot, r as raf, f as addEventListener, m as removeEventListener, t as transitionEndAsync } from './helpers-1O4D2b7y.js';
+import { l as chevronDown } from './index-BLV6ykCk.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 IonAccordionIosStyle0 = accordionIosCss;
 
 const accordionMdCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}";
-const IonAccordionMdStyle0 = accordionMdCss;
 
 const Accordion = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.updateListener = () => this.updateState(false);
+        this.state = 1 /* AccordionState.Collapsed */;
+        this.isNext = false;
+        this.isPrevious = false;
+        /**
+         * The value of the accordion. Defaults to an autogenerated
+         * value.
+         */
+        this.value = `ion-accordion-${accordionIds++}`;
+        /**
+         * If `true`, the accordion cannot be interacted with.
+         */
+        this.disabled = false;
+        /**
+         * If `true`, the accordion cannot be interacted with,
+         * but does not alter the opacity.
+         */
+        this.readonly = false;
+        /**
+         * The toggle icon to use. This icon will be
+         * rotated when the accordion is expanded
+         * or collapsed.
+         */
+        this.toggleIcon = chevronDown;
+        /**
+         * The slot inside of `ion-item` to
+         * place the toggle icon. Defaults to `"end"`.
+         */
+        this.toggleIconSlot = 'end';
         this.setItemDefaults = () => {
             const ionItem = this.getSlottedHeaderIonItem();
             if (!ionItem) {
@@ -231,14 +255,6 @@ const Accordion = class {
             }
             return previousSibling;
         };
-        this.state = 1 /* AccordionState.Collapsed */;
-        this.isNext = false;
-        this.isPrevious = false;
-        this.value = `ion-accordion-${accordionIds++}`;
-        this.disabled = false;
-        this.readonly = false;
-        this.toggleIcon = chevronDown;
-        this.toggleIconSlot = 'end';
     }
     valueChanged() {
         this.updateState();
@@ -319,26 +335,39 @@ const Accordion = class {
 };
 let accordionIds = 0;
 Accordion.style = {
-    ios: IonAccordionIosStyle0,
-    md: IonAccordionMdStyle0
+    ios: accordionIosCss,
+    md: accordionMdCss
 };
 
 const accordionGroupIosCss = ":host{display:block}:host(.accordion-group-expand-inset){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px}:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded){border-bottom:none}";
-const IonAccordionGroupIosStyle0 = accordionGroupIosCss;
 
 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}";
-const IonAccordionGroupMdStyle0 = accordionGroupMdCss;
 
 const AccordionGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.ionChange = createEvent(this, "ionChange", 7);
         this.ionValueChange = createEvent(this, "ionValueChange", 7);
+        /**
+         * If `true`, all accordions inside of the
+         * accordion group will animate when expanding
+         * or collapsing.
+         */
         this.animated = true;
-        this.multiple = undefined;
-        this.value = undefined;
+        /**
+         * If `true`, the accordion group cannot be interacted with.
+         */
         this.disabled = false;
+        /**
+         * If `true`, the accordion group cannot be interacted with,
+         * but does not alter the opacity.
+         */
         this.readonly = false;
+        /**
+         * Describes the expansion behavior for each accordion.
+         * Possible values are `"compact"` and `"inset"`.
+         * Defaults to `"compact"`.
+         */
         this.expand = 'compact';
     }
     valueChanged() {
@@ -537,8 +566,8 @@ const AccordionGroup = class {
     }; }
 };
 AccordionGroup.style = {
-    ios: IonAccordionGroupIosStyle0,
-    md: IonAccordionGroupMdStyle0
+    ios: accordionGroupIosCss,
+    md: accordionGroupMdCss
 };
 
 export { Accordion as ion_accordion, AccordionGroup as ion_accordion_group };

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

@@ -1,22 +1,20 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { r as registerInstance, c as createEvent, d as readTask, h, e as Host, f as getElement } from './index-527b9e34.js';
-import { c as createButtonActiveGesture } from './button-active-90f1dbc4.js';
-import { r as raf } from './helpers-d94bc8ad.js';
-import { c as createLockController } from './lock-controller-316928be.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-d99dcb0a.js';
-import { g as getClassMap } from './theme-01f3f29c.js';
-import { b as getIonMode } from './ionic-global-b26f573e.js';
-import { c as createAnimation } from './animation-8b25e105.js';
-import './haptic-ac164e4c.js';
-import './capacitor-59395cbd.js';
-import './index-a5d50daf.js';
-import './index-39782642.js';
-import './gesture-controller-314a54f6.js';
-import './index-cfd9c1f2.js';
-import './hardware-back-button-a7eb8233.js';
-import './framework-delegate-56b467ad.js';
+import { r as registerInstance, d as createEvent, e as getIonMode, f as readTask, h, j as Host, k as getElement } from './index-B_U9CtaY.js';
+import { c as createButtonActiveGesture } from './button-active-Bxcnevju.js';
+import { r as raf } from './helpers-1O4D2b7y.js';
+import { c as createLockController } from './lock-controller-B-hirT0v.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-8Y2rA-ps.js';
+import { g as getClassMap } from './theme-DiVJyqlX.js';
+import { c as createAnimation } from './animation-BWcUKtbn.js';
+import './haptic-DzAMWJuk.js';
+import './capacitor-CFERIeaU.js';
+import './index-ZjP4CjeZ.js';
+import './index-CfgBF1SE.js';
+import './gesture-controller-BTEOs1at.js';
+import './hardware-back-button-DcH0BbDp.js';
+import './framework-delegate-DxcnWic_.js';
 
 /**
  * iOS Action Sheet Enter Animation
@@ -103,10 +101,8 @@ const mdLeaveAnimation = (baseEl) => {
 };
 
 const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
-const IonActionSheetIosStyle0 = actionSheetIosCss;
 
 const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
-const IonActionSheetMdStyle0 = actionSheetMdCss;
 
 const ActionSheet = class {
     constructor(hostRef) {
@@ -123,6 +119,38 @@ const ActionSheet = class {
         this.lockController = createLockController();
         this.triggerController = createTriggerController();
         this.presented = false;
+        /** @internal */
+        this.hasController = false;
+        /**
+         * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+         */
+        this.keyboardClose = true;
+        /**
+         * An array of buttons for the action sheet.
+         */
+        this.buttons = [];
+        /**
+         * If `true`, the action sheet will be dismissed when the backdrop is clicked.
+         */
+        this.backdropDismiss = true;
+        /**
+         * If `true`, the action sheet will be translucent.
+         * Only applies when the mode is `"ios"` and the device supports
+         * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
+         */
+        this.translucent = false;
+        /**
+         * If `true`, the action sheet will animate.
+         */
+        this.animated = true;
+        /**
+         * If `true`, the action sheet will open. If `false`, the action sheet will close.
+         * Use this if you need finer grained control over presentation, otherwise
+         * just use the actionSheetController or the `trigger` property.
+         * Note: `isOpen` will not automatically be set back to `false` when
+         * the action sheet dismisses. You will need to do that in your code.
+         */
+        this.isOpen = false;
         this.onBackdropTap = () => {
             this.dismiss(undefined, BACKDROP);
         };
@@ -133,22 +161,6 @@ const ActionSheet = class {
                 this.callButtonHandler(cancelButton);
             }
         };
-        this.overlayIndex = undefined;
-        this.delegate = undefined;
-        this.hasController = false;
-        this.keyboardClose = true;
-        this.enterAnimation = undefined;
-        this.leaveAnimation = undefined;
-        this.buttons = [];
-        this.cssClass = undefined;
-        this.backdropDismiss = true;
-        this.header = undefined;
-        this.subHeader = undefined;
-        this.translucent = false;
-        this.animated = true;
-        this.htmlAttributes = undefined;
-        this.isOpen = false;
-        this.trigger = undefined;
     }
     onIsOpenChange(newValue, oldValue) {
         if (newValue === true && oldValue === false) {
@@ -313,8 +325,8 @@ const buttonClass = (button) => {
     return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, getClassMap(button.cssClass));
 };
 ActionSheet.style = {
-    ios: IonActionSheetIosStyle0,
-    md: IonActionSheetMdStyle0
+    ios: actionSheetIosCss,
+    md: actionSheetMdCss
 };
 
 export { ActionSheet as ion_action_sheet };