@ionic/core 8.3.2-dev.11729014526.1ab61c12 → 8.3.2-dev.11729166111.115d6104

package/dist/cjs/{overlays-faf6f843.js → overlays-22320753.js}

@@ -3,11 +3,10 @@
  */
 'use strict';
 
-const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-afaa9001.js');
-const hardwareBackButton = require('./hardware-back-button-d37054f2.js');
-const ionicGlobal = require('./ionic-global-5df85d73.js');
-const frameworkDelegate = require('./framework-delegate-55f5683a.js');
+const ionicGlobal = require('./ionic-global-3647b9f5.js');
+const helpers = require('./helpers-e75eb909.js');
+const config = require('./config-1349d5b4.js');
+const frameworkDelegate = require('./framework-delegate-cf116b1d.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 
 /**
@@ -389,7 +388,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(hardwareBackButton.OVERLAY_BACK_BUTTON_PRIORITY, () => {
+                ev.detail.register(ionicGlobal.OVERLAY_BACK_BUTTON_PRIORITY, () => {
                     /**
                      * Do not return this promise otherwise
                      * the hardware back button utility will
@@ -412,7 +411,7 @@ const connectListeners = (doc) => {
          * this behavior will be handled via the ionBackButton
          * event.
          */
-        if (!hardwareBackButton.shouldUseCloseWatcher()) {
+        if (!ionicGlobal.shouldUseCloseWatcher()) {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
@@ -511,7 +510,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
-        : ionicGlobal.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
+        : config.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -600,7 +599,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     if (!overlay.presented) {
         return false;
     }
-    const lastOverlay = index.doc !== undefined && getPresentedOverlays(index.doc).length === 1;
+    const lastOverlay = ionicGlobal.doc !== undefined && getPresentedOverlays(ionicGlobal.doc).length === 1;
     /**
      * If this is the last visible overlay then
      * we want to re-add the root to the accessibility tree.
@@ -618,7 +617,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         const mode = ionicGlobal.getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
-            : ionicGlobal.config.get(name, mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
+            : config.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);
@@ -653,14 +652,15 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     return true;
 };
 const getAppRoot = (doc) => {
-    return doc.querySelector('ion-app') || doc.body;
+    const appRootSelector = config.config.get('appRootSelector', 'ion-app');
+    return doc.querySelector(appRootSelector) || 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 || !ionicGlobal.config.getBoolean('animated', true)) {
+    if (!overlay.animated || !config.config.getBoolean('animated', true)) {
         animation.duration(0);
     }
     if (overlay.keyboardClose) {
@@ -704,7 +704,7 @@ const defaultGate = (h) => h();
  */
 const safeCall = (handler, arg) => {
     if (typeof handler === 'function') {
-        const jmp = ionicGlobal.config.get('_zoneGate', defaultGate);
+        const jmp = config.config.get('_zoneGate', defaultGate);
         return jmp(() => {
             try {
                 return handler(arg);
@@ -857,9 +857,9 @@ const createTriggerController = () => {
  */
 const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
     var _a;
-    if (index.doc === undefined)
+    if (ionicGlobal.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(index.doc);
+    const overlays = getPresentedOverlays(ionicGlobal.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;
@@ -879,9 +879,9 @@ const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
  * focus is never automatically moved to the Toast.
  */
 const revealOverlaysToScreenReaders = () => {
-    if (index.doc === undefined)
+    if (ionicGlobal.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(index.doc);
+    const overlays = getPresentedOverlays(ionicGlobal.doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const currentOverlay = overlays[i];
         /**

package/dist/cjs/{status-tap-28780caa.js → status-tap-cfc7f9a5.js}

@@ -3,25 +3,25 @@
  */
 'use strict';
 
-const index = require('./index-73f75efb.js');
-const index$1 = require('./index-2fa32189.js');
-const helpers = require('./helpers-afaa9001.js');
-require('./ionic-global-5df85d73.js');
+const config = require('./config-1349d5b4.js');
+const index = require('./index-1d02518d.js');
+const helpers = require('./helpers-e75eb909.js');
+require('./ionic-global-3647b9f5.js');
 
 const startStatusTap = () => {
     const win = window;
     win.addEventListener('statusTap', () => {
-        index.readTask(() => {
+        config.readTask(() => {
             const width = win.innerWidth;
             const height = win.innerHeight;
             const el = document.elementFromPoint(width / 2, height / 2);
             if (!el) {
                 return;
             }
-            const contentEl = index$1.findClosestIonContent(el);
+            const contentEl = index.findClosestIonContent(el);
             if (contentEl) {
                 new Promise((resolve) => helpers.componentOnReady(contentEl, resolve)).then(() => {
-                    index.writeTask(async () => {
+                    config.writeTask(async () => {
                         /**
                          * If scrolling and user taps status bar,
                          * only calling scrollToTop is not enough
@@ -30,7 +30,7 @@ const startStatusTap = () => {
                          * any in-progress momentum scrolling.
                          */
                         contentEl.style.setProperty('--overflow', 'hidden');
-                        await index$1.scrollToTop(contentEl, 300);
+                        await index.scrollToTop(contentEl, 300);
                         contentEl.style.removeProperty('--overflow');
                     });
                 });

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

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

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

@@ -0,0 +1,203 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/**
+ * This is an auto-generated file, please do not change it directly.
+ * Ionic Design System
+ */
+/**
+ * A heuristic that applies CSS to tablet
+ * viewports.
+ *
+ * Usage:
+ * @include tablet-viewport() {
+ *   :host {
+ *     background-color: green;
+ *   }
+ * }
+ */
+/**
+ * A heuristic that applies CSS to mobile
+ * viewports (i.e. phones, not tablets).
+ *
+ * Usage:
+ * @include mobile-viewport() {
+ *   :host {
+ *     background-color: blue;
+ *   }
+ * }
+ */
+/**
+ * Convert a font size to a dynamic font size.
+ * Fonts that participate in Dynamic Type should use
+ * dynamic font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param unit (optional) - The unit to convert to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a maximum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * a minimum font size.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+/**
+ * Convert a font size to a dynamic font size but impose
+ * maximum and minimum font sizes.
+ * @param size - The initial font size including the unit (i.e. px or pt)
+ * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
+ * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
+ * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
+ * convert to a unit other than $baselineUnit.
+ */
+: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;
+  }
+}
+:host {
+  position: relative;
+}
+
+:host::after {
+  -webkit-margin-start: var(--ionic-space-400, 16px);
+  margin-inline-start: var(--ionic-space-400, 16px);
+  -webkit-margin-end: var(--ionic-space-400, 16px);
+  margin-inline-end: var(--ionic-space-400, 16px);
+  right: 0;
+  left: 0;
+  bottom: 0;
+  display: block;
+  position: absolute;
+  height: var(--ionic-border-size-025, 1px);
+  background-color: var(--ionic-color-neutral-300, #cfcfcf);
+  content: "";
+  z-index: 3;
+}
+
+:host(.accordion-animated) {
+  transition: all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+
+:host(.accordion-animated) #content {
+  transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+
+::slotted(ion-item[slot=header]) {
+  --border-radius: var(--ionic-border-radius-0, 0px);
+  --color: var(--ionic-color-neutral-1200, #242424);
+  --border-width: 0;
+  --inner-border-width: 0;
+  --min-height: var(--ionic-scale-700, 28px);
+  --padding-top: var(--ionic-space-300, 12px);
+  --padding-end: var(--ionic-space-400, 16px);
+  --padding-bottom: var(--ionic-space-300, 12px);
+  --padding-start: var(--ionic-space-400, 16px);
+  font-size: var(--ionic-font-size-450, 1.125rem);
+  font-weight: var(--ionic-font-weight-medium, 500);
+  letter-spacing: var(--ionic-letter-spacing-0, 0);
+  line-height: var(--ionic-line-height-700, 28px);
+  text-decoration: none;
+  text-transform: none;
+}
+
+:host(.in-accordion-group-expand-inset) ::slotted(ion-item[slot=header]) {
+  --border-radius: var(--ionic-border-radius-400, 16px);
+}
+
+#content {
+  -webkit-padding-start: var(--ionic-space-400, 16px);
+  padding-inline-start: var(--ionic-space-400, 16px);
+  -webkit-padding-end: var(--ionic-space-400, 16px);
+  padding-inline-end: var(--ionic-space-400, 16px);
+  padding-bottom: var(--ionic-space-300, 12px);
+  font-size: var(--ionic-font-size-350, 0.875rem);
+  font-weight: var(--ionic-font-weight-regular, 400);
+  letter-spacing: var(--ionic-letter-spacing-0, 0);
+  line-height: var(--ionic-line-height-600, 24px);
+  text-decoration: none;
+  text-transform: none;
+  color: var(--ionic-color-neutral-1000, #3b3b3b);
+}
+
+:host(.accordion-disabled)::before {
+  border-radius: inherit;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  background-color: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));
+  content: "";
+  pointer-events: none;
+  z-index: 2;
+}

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

@@ -1,3 +1,64 @@
+: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
  * 
@@ -60,25 +121,7 @@
  * }
  */
 :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) {
@@ -89,39 +132,6 @@
   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
@@ -132,13 +142,6 @@
   opacity: 0.4;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  :host,
-  #content {
-    /* stylelint-disable declaration-no-important */
-    transition: none !important;
-  }
-}
 /**
  * Convert a pixels given value into rem
  * 

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

@@ -4,6 +4,7 @@
 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";
@@ -219,9 +220,6 @@ 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;
@@ -229,9 +227,6 @@ 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;
@@ -322,7 +317,7 @@ export class Accordion {
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (h(Host, { key: 'f1482b5a721c16606f641606b55b21c1bfa1222b', class: {
+        return (h(Host, { key: 'fa0868a83fe0858d01eb2926790bcfc7635a647d', class: {
                 [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
@@ -333,7 +328,8 @@ export class Accordion {
                 'accordion-disabled': disabled,
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
-            } }, h("div", { key: 'dfe89b0a257088f139cbbac603cb0e5ad448aef0', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '2cb929178c4466da26a2441beb1733f7047d52ed', name: "header" })), h("div", { key: '9305244684e9b963cf6cb943a6a85dcce65ba60a', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: 'dc08c55ab5aeb0b43fe6718ef6d4902989bcfc93', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'd7e50b04d607efde59ac3dcb9d3a6c095348e9cf', name: "content" })))));
+                '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" })))));
     }
     static get is() { return "ion-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -342,14 +338,14 @@ export class Accordion {
         return {
             "ios": ["accordion.ios.scss"],
             "md": ["accordion.md.scss"],
-            "ionic": ["accordion.md.scss"]
+            "ionic": ["accordion.ionic.scss"]
         };
     }
     static get styleUrls() {
         return {
             "ios": ["accordion.ios.css"],
             "md": ["accordion.md.css"],
-            "ionic": ["accordion.md.css"]
+            "ionic": ["accordion.ionic.css"]
         };
     }
     static get properties() {