@ionic/core 8.5.5-dev.11744729748.174bf7e0 → 8.5.5-dev.11744821352.11e7a84f

package/dist/cjs/{overlays-4c291a05.js → overlays-fc17eab1.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-const index$1 = require('./index-c8d52405.js');
-const helpers = require('./helpers-8a48fdea.js');
-const hardwareBackButton = require('./hardware-back-button-3d2b1004.js');
-const index = require('./index-cc858e97.js');
-const ionicGlobal = require('./ionic-global-6dea5a96.js');
-const frameworkDelegate = require('./framework-delegate-862d9d00.js');
+const ionicGlobal = require('./ionic-global-02fb2aac.js');
+const helpers = require('./helpers-a6b43470.js');
+const config = require('./config-aff4ff52.js');
+const frameworkDelegate = require('./framework-delegate-b28d080d.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 
 /**
@@ -396,7 +394,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
@@ -419,7 +417,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);
@@ -528,7 +526,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
-        : index.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();
@@ -622,9 +620,9 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
     if (!overlay.presented) {
         return false;
     }
-    const presentedOverlays = index$1.doc !== undefined ? getPresentedOverlays(index$1.doc) : [];
+    const presentedOverlays = ionicGlobal.doc !== undefined ? getPresentedOverlays(ionicGlobal.doc) : [];
     /**
-     * For accessibility, toasts lack focus traps and don't receive
+     * For accessibility, toasts lack focus traps and don’t receive
      * `aria-hidden` on the root element when presented.
      *
      * All other overlays use focus traps to keep keyboard focus
@@ -659,7 +657,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         const mode = ionicGlobal.getIonMode(overlay);
         const animationBuilder = overlay.leaveAnimation
             ? overlay.leaveAnimation
-            : index.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);
@@ -687,21 +685,22 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         }
     }
     catch (err) {
-        index.printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
+        console.error(err);
     }
     overlay.el.remove();
     revealOverlaysToScreenReaders();
     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 || !index.config.getBoolean('animated', true)) {
+    if (!overlay.animated || !config.config.getBoolean('animated', true)) {
         animation.duration(0);
     }
     if (overlay.keyboardClose) {
@@ -745,7 +744,7 @@ const defaultGate = (h) => h();
  */
 const safeCall = (handler, arg) => {
     if (typeof handler === 'function') {
-        const jmp = index.config.get('_zoneGate', defaultGate);
+        const jmp = config.config.get('_zoneGate', defaultGate);
         return jmp(() => {
             try {
                 return handler(arg);
@@ -867,7 +866,7 @@ const createTriggerController = () => {
         removeClickListener();
         const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
         if (!triggerEl) {
-            index.printIonWarning(`[${el.tagName.toLowerCase()}] - 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);
+            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);
             return;
         }
         const configureTriggerInteraction = (targetEl, overlayEl) => {
@@ -907,7 +906,7 @@ const createTriggerController = () => {
  * @param overlay - The overlay that is being animated.
  */
 const hideAnimatingOverlayFromScreenReaders = (overlay) => {
-    if (index$1.doc === undefined)
+    if (ionicGlobal.doc === undefined)
         return;
     if (ionicGlobal.isPlatform('android')) {
         /**
@@ -929,9 +928,9 @@ const hideAnimatingOverlayFromScreenReaders = (overlay) => {
  */
 const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay) => {
     var _a;
-    if (index$1.doc === undefined)
+    if (ionicGlobal.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(index$1.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;
@@ -951,9 +950,9 @@ const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay) => {
  * focus is never automatically moved to the Toast.
  */
 const revealOverlaysToScreenReaders = () => {
-    if (index$1.doc === undefined)
+    if (ionicGlobal.doc === undefined)
         return;
-    const overlays = getPresentedOverlays(index$1.doc);
+    const overlays = getPresentedOverlays(ionicGlobal.doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const currentOverlay = overlays[i];
         /**

package/dist/cjs/{status-tap-f1acefac.js → status-tap-99fac5b1.js}

@@ -4,9 +4,11 @@
 'use strict';
 
 const index = require('./index-2e236a04.js');
-const index$1 = require('./index-31b07b9c.js');
-const helpers = require('./helpers-8a48fdea.js');
-require('./index-cc858e97.js');
+const index$1 = require('./index-d3a1be32.js');
+const helpers = require('./helpers-a6b43470.js');
+require('./ionic-global-02fb2aac.js');
+require('./config-aff4ff52.js');
+require('./focus-visible-fe3acfb5.js');
 
 const startStatusTap = () => {
     const win = window;

package/dist/cjs/{swipe-back-4918e56b.js → swipe-back-8aea3922.js}

@@ -3,10 +3,11 @@
  */
 'use strict';
 
-const helpers = require('./helpers-8a48fdea.js');
+const helpers = require('./helpers-a6b43470.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-ee07ed59.js');
-require('./index-cc858e97.js');
+require('./focus-visible-fe3acfb5.js');
+require('./config-aff4ff52.js');
 require('./gesture-controller-9436f482.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {

package/dist/cjs/x-81a8f51c.js

@@ -0,0 +1,8 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const xSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiLz48L3N2Zz4=';
+
+exports.xSvg = xSvg;

package/dist/collection/collection-manifest.json

@@ -27,6 +27,7 @@
     "components/picker-column/picker-column.js",
     "components/picker/picker.js",
     "components/datetime-button/datetime-button.js",
+    "components/divider/divider.js",
     "components/fab/fab.js",
     "components/fab-button/fab-button.js",
     "components/fab-list/fab-list.js",

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

@@ -0,0 +1,197 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
+/*
+Do not edit directly, this file was auto-generated.
+*/ /**
+ * 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(--ion-space-400, 16px);
+  margin-inline-start: var(--ion-space-400, 16px);
+  -webkit-margin-end: var(--ion-space-400, 16px);
+  margin-inline-end: var(--ion-space-400, 16px);
+  right: 0;
+  left: 0;
+  bottom: 0;
+  display: block;
+  position: absolute;
+  height: var(--ion-border-size-025, 1px);
+  background-color: var(--ion-primitives-neutral-300, #e0e0e0);
+  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: inherit;
+  --color: var(--ion-primitives-neutral-1200, #242424);
+  --border-width: 0;
+  --inner-border-width: 0;
+  --min-height: var(--ion-scale-700, 28px);
+  --padding-top: var(--ion-space-300, 12px);
+  --padding-end: var(--ion-space-400, 16px);
+  --padding-bottom: var(--ion-space-300, 12px);
+  --padding-start: var(--ion-space-400, 16px);
+  font-size: var(--ion-font-size-450, 1.125rem);
+  font-weight: var(--ion-font-weight-medium, 500);
+  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
+  line-height: var(--ion-font-line-height-700, 28px);
+  text-decoration: none;
+  text-transform: none;
+}
+
+#content-wrapper {
+  -webkit-padding-start: var(--ion-space-400, 16px);
+  padding-inline-start: var(--ion-space-400, 16px);
+  -webkit-padding-end: var(--ion-space-400, 16px);
+  padding-inline-end: var(--ion-space-400, 16px);
+  padding-bottom: var(--ion-space-300, 12px);
+  font-size: var(--ion-font-size-350, 0.875rem);
+  font-weight: var(--ion-font-weight-regular, 400);
+  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
+  line-height: var(--ion-font-line-height-600, 24px);
+  text-decoration: none;
+  text-transform: none;
+  color: var(--ion-primitives-neutral-1000, #3b3b3b);
+}
+
+:host(.accordion-disabled)::before {
+  border-radius: inherit;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  background-color: var(--ion-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,70 @@
+: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
@@ -54,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) {
@@ -83,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
@@ -126,13 +142,12 @@
   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
+ * 
+ * @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