@ionic/core 8.4.2-dev.11736507189.18234064 → 8.4.2-dev.11736797843.16cc5058

package/dist/cjs/{overlays-542a90b3.js → overlays-56fecd6c.js}

@@ -3,11 +3,13 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-14af9c21.js');
-const helpers = require('./helpers-4e2936d2.js');
-const config = require('./config-aff4ff52.js');
-const frameworkDelegate = require('./framework-delegate-32f1a0e4.js');
+const index = require('./index-c8d52405.js');
+const helpers = require('./helpers-afaa9001.js');
+const hardwareBackButton = require('./hardware-back-button-f0972dab.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
+const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const gestureController = require('./gesture-controller-9436f482.js');
+const index$1 = require('./index-5915f9b3.js');
 
 /**
  * This query string selects elements that
@@ -394,7 +396,7 @@ const connectListeners = (doc) => {
         doc.addEventListener('ionBackButton', (ev) => {
             const lastOverlay = getPresentedOverlay(doc);
             if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
-                ev.detail.register(ionicGlobal.OVERLAY_BACK_BUTTON_PRIORITY, () => {
+                ev.detail.register(hardwareBackButton.OVERLAY_BACK_BUTTON_PRIORITY, () => {
                     /**
                      * Do not return this promise otherwise
                      * the hardware back button utility will
@@ -417,7 +419,7 @@ const connectListeners = (doc) => {
          * this behavior will be handled via the ionBackButton
          * event.
          */
-        if (!ionicGlobal.shouldUseCloseWatcher()) {
+        if (!hardwareBackButton.shouldUseCloseWatcher()) {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
@@ -526,7 +528,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     // get the user's animation fn if one was provided
     const animationBuilder = overlay.enterAnimation
         ? overlay.enterAnimation
-        : config.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
+        : ionicGlobal.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -631,7 +633,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
      * Therefore, we must remove `aria-hidden` from the root element
      * when the last non-toast overlay is dismissed.
      */
-    const overlaysNotToast = ionicGlobal.doc !== undefined ? getPresentedOverlays(ionicGlobal.doc).filter((o) => o.tagName !== 'ION-TOAST') : [];
+    const overlaysNotToast = index.doc !== undefined ? getPresentedOverlays(index.doc).filter((o) => o.tagName !== 'ION-TOAST') : [];
     const lastOverlayNotToast = overlaysNotToast.length === 1 && overlaysNotToast[0].id === overlay.el.id;
     /**
      * If this is the last visible overlay that is not a toast
@@ -656,7 +658,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         const mode = ionicGlobal.getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
-            : config.config.get(name, mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
+            : ionicGlobal.config.get(name, mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
         // If dismissed via gesture, no need to play leaving animation again
         if (role !== GESTURE) {
             await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
@@ -691,15 +693,14 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     return true;
 };
 const getAppRoot = (doc) => {
-    const appRootSelector = config.config.get('appRootSelector', 'ion-app');
-    return doc.querySelector(appRootSelector) || doc.body;
+    return doc.querySelector('ion-app') || doc.body;
 };
 const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     // Make overlay visible in case it's hidden
     baseEl.classList.remove('overlay-hidden');
     const aniRoot = overlay.el;
     const animation = animationBuilder(aniRoot, opts);
-    if (!overlay.animated || !config.config.getBoolean('animated', true)) {
+    if (!overlay.animated || !ionicGlobal.config.getBoolean('animated', true)) {
         animation.duration(0);
     }
     if (overlay.keyboardClose) {
@@ -743,7 +744,7 @@ const defaultGate = (h) => h();
  */
 const safeCall = (handler, arg) => {
     if (typeof handler === 'function') {
-        const jmp = config.config.get('_zoneGate', defaultGate);
+        const jmp = ionicGlobal.config.get('_zoneGate', defaultGate);
         return jmp(() => {
             try {
                 return handler(arg);
@@ -865,7 +866,7 @@ const createTriggerController = () => {
         removeClickListener();
         const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
         if (!triggerEl) {
-            ionicGlobal.printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
+            index$1.printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
             return;
         }
         const configureTriggerInteraction = (targetEl, overlayEl) => {
@@ -905,7 +906,7 @@ const createTriggerController = () => {
  * @param overlay - The overlay that is being animated.
  */
 const hideAnimatingOverlayFromScreenReaders = (overlay) => {
-    if (ionicGlobal.doc === undefined)
+    if (index.doc === undefined)
         return;
     if (ionicGlobal.isPlatform('android')) {
         /**
@@ -927,9 +928,9 @@ const hideAnimatingOverlayFromScreenReaders = (overlay) => {
  */
 const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay) => {
     var _a;
-    if (ionicGlobal.doc === undefined)
+    if (index.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(ionicGlobal.doc);
+    const overlays = getPresentedOverlays(index.doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const presentedOverlay = overlays[i];
         const nextPresentedOverlay = (_a = overlays[i + 1]) !== null && _a !== void 0 ? _a : newTopMostOverlay;
@@ -949,9 +950,9 @@ const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay) => {
  * focus is never automatically moved to the Toast.
  */
 const revealOverlaysToScreenReaders = () => {
-    if (ionicGlobal.doc === undefined)
+    if (index.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(ionicGlobal.doc);
+    const overlays = getPresentedOverlays(index.doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const currentOverlay = overlays[i];
         /**

package/dist/cjs/{status-tap-aa97d209.js → status-tap-84e22ef3.js}

@@ -3,11 +3,10 @@
  */
 'use strict';
 
-const index = require('./index-73f75efb.js');
-const index$1 = require('./index-604c36ae.js');
-const helpers = require('./helpers-4e2936d2.js');
-require('./ionic-global-14af9c21.js');
-require('./config-aff4ff52.js');
+const index = require('./index-2e7a27db.js');
+const index$1 = require('./index-5b6a7459.js');
+const helpers = require('./helpers-afaa9001.js');
+require('./index-5915f9b3.js');
 
 const startStatusTap = () => {
     const win = window;

package/dist/cjs/{swipe-back-27975274.js → swipe-back-0303a5e4.js}

@@ -3,10 +3,9 @@
  */
 'use strict';
 
-const helpers = require('./helpers-4e2936d2.js');
+const helpers = require('./helpers-afaa9001.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-ee07ed59.js');
-require('./config-aff4ff52.js');
 require('./gesture-controller-9436f482.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {

package/dist/collection/collection-manifest.json

@@ -99,8 +99,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.23.2",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [
     {

package/dist/collection/components/accordion/accordion.ios.css

@@ -1,70 +1,3 @@
-:host {
-  display: block;
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-  /**
-   * This is required to force WebKit
-   * to create a new stacking context
-   * otherwise the border radius is
-   * temporarily lost when hovering over
-   * the ion-item or expanding/collapsing
-   * the accordion.
-   */
-  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 {
-  /* stylelint-disable-next-line declaration-no-important */
-  max-height: 0 !important;
-}
-
-:host(.accordion-collapsed) #content {
-  display: none;
-}
-
-:host(.accordion-expanding) #content {
-  max-height: 0;
-}
-
-/**
- * Prevent margins of content-wrapper
- * from collapsing, breaking the animation.
- */
-: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 {
-    /* stylelint-disable declaration-no-important */
-    transition: none !important;
-  }
-}
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -121,7 +54,25 @@
  * }
  */
 :host {
+  display: block;
+  position: relative;
+  width: 100%;
   background-color: var(--ion-background-color, #ffffff);
+  overflow: hidden;
+  /**
+   * This is required to force WebKit
+   * to create a new stacking context
+   * otherwise the border radius is
+   * temporarily lost when hovering over
+   * the ion-item or expanding/collapsing
+   * the accordion.
+   */
+  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) {
@@ -132,6 +83,39 @@
   transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
 }
 
+#content {
+  overflow: hidden;
+  will-change: max-height;
+}
+
+:host(.accordion-collapsing) #content {
+  /* stylelint-disable-next-line declaration-no-important */
+  max-height: 0 !important;
+}
+
+:host(.accordion-collapsed) #content {
+  display: none;
+}
+
+:host(.accordion-expanding) #content {
+  max-height: 0;
+}
+
+/**
+ * Prevent margins of content-wrapper
+ * from collapsing, breaking the animation.
+ */
+: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;
+}
+
 /**
  * We do not set the opacity on the
  * host otherwise you would see the
@@ -142,12 +126,13 @@
   opacity: 0.4;
 }
 
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
+@media (prefers-reduced-motion: reduce) {
+  :host,
+  #content {
+    /* stylelint-disable declaration-no-important */
+    transition: none !important;
+  }
+}
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use

package/dist/collection/components/accordion/accordion.js

@@ -1,16 +1,13 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import caretDownRegular from "@phosphor-icons/core/assets/regular/caret-down.svg";
 import { Host, h } from "@stencil/core";
 import { addEventListener, getElementRoot, raf, removeEventListener, transitionEndAsync } from "../../utils/helpers";
-import { hostContext } from "../../utils/theme";
 import { chevronDown } from "ionicons/icons";
 import { config } from "../../global/config";
-import { getIonTheme } from "../../global/ionic-global";
+import { getIonMode } from "../../global/ionic-global";
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot header - Content is placed at the top and is used to
  * expand or collapse the accordion item.
@@ -25,6 +22,34 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Accordion {
     constructor() {
         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) {
@@ -87,7 +112,7 @@ export class Accordion {
             if (!ionItem) {
                 return;
             }
-            const { accordionToggleIcon, toggleIconSlot } = this;
+            const { toggleIconSlot, toggleIcon } = this;
             /**
              * Check if there already is a toggle icon.
              * If so, do not add another one.
@@ -100,7 +125,7 @@ export class Accordion {
             iconEl.slot = toggleIconSlot;
             iconEl.lazy = false;
             iconEl.classList.add('ion-accordion-toggle-icon');
-            iconEl.icon = accordionToggleIcon;
+            iconEl.icon = toggleIcon;
             iconEl.setAttribute('aria-hidden', 'true');
             ionItem.appendChild(iconEl);
         };
@@ -220,6 +245,9 @@ export class Accordion {
             }
         };
         this.getNextSibling = () => {
+            if (!this.el) {
+                return;
+            }
             const nextSibling = this.el.nextElementSibling;
             if ((nextSibling === null || nextSibling === void 0 ? void 0 : nextSibling.tagName) !== 'ION-ACCORDION') {
                 return;
@@ -227,20 +255,15 @@ export class Accordion {
             return nextSibling;
         };
         this.getPreviousSibling = () => {
+            if (!this.el) {
+                return;
+            }
             const previousSibling = this.el.previousElementSibling;
             if ((previousSibling === null || previousSibling === void 0 ? void 0 : previousSibling.tagName) !== 'ION-ACCORDION') {
                 return;
             }
             return previousSibling;
         };
-        this.state = 1 /* AccordionState.Collapsed */;
-        this.isNext = false;
-        this.isPrevious = false;
-        this.value = `ion-accordion-${accordionIds++}`;
-        this.disabled = false;
-        this.readonly = false;
-        this.toggleIcon = undefined;
-        this.toggleIconSlot = 'end';
     }
     valueChanged() {
         this.updateState();
@@ -276,23 +299,6 @@ export class Accordion {
             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 = getIonTheme(this);
-        const defaultIcons = {
-            ios: chevronDown,
-            ionic: caretDownRegular,
-            md: chevronDown,
-        };
-        // Get the default icon based on the theme, falling back to 'md' icon if necessary
-        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        // Return the configured accordion toggle icon or the default icon
-        return config.get('accordionToggleIcon', defaultIcon);
-    }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
         if (disabled || readonly)
@@ -312,13 +318,13 @@ export class Accordion {
     }
     render() {
         const { disabled, readonly } = this;
-        const theme = getIonTheme(this);
+        const mode = getIonMode(this);
         const expanded = this.state === 4 /* AccordionState.Expanded */ || this.state === 8 /* AccordionState.Expanding */;
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (h(Host, { key: 'fa0868a83fe0858d01eb2926790bcfc7635a647d', class: {
-                [theme]: true,
+        return (h(Host, { key: '073e1d02c18dcbc20c68648426e87c14750c031d', class: {
+                [mode]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
                 'accordion-collapsing': this.state === 2 /* AccordionState.Collapsing */,
@@ -328,8 +334,7 @@ export class Accordion {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-                'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
-            } }, h("div", { key: '386fcbc4f5cd8a5b04d2e8b3adcfc8b692c75c48', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '831deb179fdaada595982566e08ec380a17cf058', name: "header" })), h("div", { key: 'c4d51f29c3797705392119b2369d941f752e50f2', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: 'fc45f0b7b7057f5f99d4ff99950ab95b5e137045', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'f59d8e00a6d6fa7fe5291217c4b649499d759349', name: "content" })))));
+            } }, h("div", { key: '9b4cf326de8bb6b4033992903c0c1bfd7eea9bcc', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '464c32a37f64655eacf4218284214f5f30b14a1e', name: "header" })), h("div", { key: '8bb52e6a62d7de0106b253201a89a32e79d9a594', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '1d9dfd952ad493754aaeea7a8f625b33c2dd90a0', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: '970dfbc55a612d739d0ca3b7b1a08e5c96d0c479', name: "content" })))));
     }
     static get is() { return "ion-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -337,15 +342,13 @@ export class Accordion {
     static get originalStyleUrls() {
         return {
             "ios": ["accordion.ios.scss"],
-            "md": ["accordion.md.scss"],
-            "ionic": ["accordion.ionic.scss"]
+            "md": ["accordion.md.scss"]
         };
     }
     static get styleUrls() {
         return {
             "ios": ["accordion.ios.css"],
-            "md": ["accordion.md.css"],
-            "ionic": ["accordion.ionic.css"]
+            "md": ["accordion.md.css"]
         };
     }
     static get properties() {
@@ -364,6 +367,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The value of the accordion. Defaults to an autogenerated\nvalue."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "`ion-accordion-${accordionIds++}`"
@@ -382,6 +387,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -400,6 +407,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -409,17 +418,20 @@ export class Accordion {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string | undefined",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "toggle-icon",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "chevronDown"
             },
             "toggleIconSlot": {
                 "type": "string",
@@ -435,6 +447,8 @@ export class Accordion {
                     "tags": [],
                     "text": "The slot inside of `ion-item` to\nplace the toggle icon. Defaults to `\"end\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "toggle-icon-slot",
                 "reflect": false,
                 "defaultValue": "'end'"