@ionic/core 7.5.4-dev.11699037031.16f5cbc8 → 7.5.4-dev.11699282935.1db450b0

package/dist/collection/components/skeleton-text/skeleton-text.js

@@ -9,18 +9,6 @@ export class SkeletonText {
   constructor() {
     this.animated = false;
   }
-  componentWillLoad() {
-    this.emitStyle();
-  }
-  emitStyle() {
-    // The emitted property is used by item in order
-    // to add the item-skeleton-text class which applies
-    // overflow: hidden to its label
-    const style = {
-      'skeleton-text': true,
-    };
-    this.ionStyle.emit(style);
-  }
   render() {
     const animated = this.animated && config.getBoolean('animated', true);
     const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
@@ -65,32 +53,5 @@ export class SkeletonText {
       }
     };
   }
-  static get events() {
-    return [{
-        "method": "ionStyle",
-        "name": "ionStyle",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }],
-          "text": "Emitted when the styles change."
-        },
-        "complexType": {
-          "original": "StyleEventDetail",
-          "resolved": "StyleEventDetail",
-          "references": {
-            "StyleEventDetail": {
-              "location": "import",
-              "path": "../../interface",
-              "id": "src/interface.d.ts::StyleEventDetail"
-            }
-          }
-        }
-      }];
-  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/textarea/textarea.js

@@ -189,8 +189,6 @@ export class Textarea {
         'has-placeholder': this.placeholder !== undefined,
         'has-value': this.hasValue(),
         'has-focus': this.hasFocus,
-        // TODO(FW-2876): remove this
-        legacy: !!this.legacy,
       });
     }
   }

package/dist/collection/components/toast/animations/md.enter.js

@@ -15,7 +15,7 @@ export const mdEnterAnimation = (baseEl, opts) => {
   wrapperAnimation.addElement(wrapperEl);
   switch (position) {
     case 'top':
-      wrapperEl.style.setProperty('transform', `translateY(${top})`);
+      wrapperEl.style.top = top;
       wrapperAnimation.fromTo('opacity', 0.01, 1);
       break;
     case 'middle':
@@ -24,7 +24,7 @@ export const mdEnterAnimation = (baseEl, opts) => {
       wrapperAnimation.fromTo('opacity', 0.01, 1);
       break;
     default:
-      wrapperEl.style.setProperty('transform', `translateY(${bottom})`);
+      wrapperEl.style.bottom = bottom;
       wrapperAnimation.fromTo('opacity', 0.01, 1);
       break;
   }

package/dist/collection/components/toast/animations/utils.js

@@ -7,12 +7,10 @@ import { printIonWarning } from "../../../utils/logging/index";
  * Calculate the CSS top and bottom position of the toast, to be used
  * as starting points for the animation keyframes.
  *
- * The default animations for both MD and iOS
- * use translateY, which calculates from the
- * top edge of the screen. This behavior impacts
- * how we compute the offset when a toast has
- * position='bottom' since we need to calculate from
- * the bottom edge of the screen instead.
+ * Note that MD animates bottom-positioned toasts using style.bottom,
+ * which calculates from the bottom edge of the screen, while iOS uses
+ * translateY, which calculates from the top edge of the screen. This
+ * is why the bottom calculates differ slightly between modes.
  *
  * @param position The value of the toast's position prop.
  * @param positionAnchor The element the toast should be anchored to,
@@ -27,7 +25,7 @@ export function getAnimationPosition(position, positionAnchor, mode, toast) {
    */
   let offset;
   if (mode === 'md') {
-    offset = position === 'top' ? 8 : -8;
+    offset = 8;
   }
   else {
     offset = position === 'top' ? 10 : -10;
@@ -50,7 +48,12 @@ export function getAnimationPosition(position, positionAnchor, mode, toast) {
        * to the top edge of the anchor. We want to calculate from the
        * bottom edge of the screen instead.
        */
-      offset -= win.innerHeight - box.top;
+      if (mode === 'md') {
+        offset += win.innerHeight - box.top;
+      }
+      else {
+        offset -= win.innerHeight - box.top;
+      }
     }
     /**
      * We don't include safe area here because that should already be
@@ -64,7 +67,9 @@ export function getAnimationPosition(position, positionAnchor, mode, toast) {
   else {
     return {
       top: `calc(${offset}px + var(--ion-safe-area-top, 0px))`,
-      bottom: `calc(${offset}px - var(--ion-safe-area-bottom, 0px))`,
+      bottom: mode === 'md'
+        ? `calc(${offset}px + var(--ion-safe-area-bottom, 0px))`
+        : `calc(${offset}px - var(--ion-safe-area-bottom, 0px))`,
     };
   }
 }

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

@@ -167,16 +167,6 @@
   }
 }
 
-.toast-wrapper.toast-top {
-  transform: translate3d(0,  -100%,  0);
-  top: 0;
-}
-
-.toast-wrapper.toast-bottom {
-  transform: translate3d(0,  100%,  0);
-  bottom: 0;
-}
-
 .toast-container {
   display: flex;
   align-items: center;
@@ -309,10 +299,20 @@
     background: rgba(var(--ion-color-base-rgb), 0.8);
   }
 }
+.toast-wrapper.toast-top {
+  transform: translate3d(0,  -100%,  0);
+  top: 0;
+}
+
 .toast-wrapper.toast-middle {
   opacity: 0.01;
 }
 
+.toast-wrapper.toast-bottom {
+  transform: translate3d(0,  100%,  0);
+  bottom: 0;
+}
+
 .toast-content {
   -webkit-padding-start: 15px;
   padding-inline-start: 15px;

package/dist/collection/components/toast/toast.md.css

@@ -167,16 +167,6 @@
   }
 }
 
-.toast-wrapper.toast-top {
-  transform: translate3d(0,  -100%,  0);
-  top: 0;
-}
-
-.toast-wrapper.toast-bottom {
-  transform: translate3d(0,  100%,  0);
-  bottom: 0;
-}
-
 .toast-container {
   display: flex;
   align-items: center;

package/dist/collection/components/toggle/toggle.js

@@ -123,8 +123,6 @@ export class Toggle {
     if (this.legacyFormController.hasLegacyControl()) {
       this.ionStyle.emit({
         'interactive-disabled': this.disabled,
-        // TODO(FW-2990): remove this
-        legacy: !!this.legacy,
       });
     }
   }

package/dist/collection/utils/animation/animation.js

@@ -463,16 +463,6 @@ export const createAnimation = (animationId) => {
         }
       }
     });
-    /**
-     * Clean up any value coercion before
-     * the user callbacks fire otherwise
-     * they may get stale values. For example,
-     * if someone calls progressStart(0) the
-     * animation may still be reversed.
-     */
-    forceDurationValue = undefined;
-    forceDirectionValue = undefined;
-    forceDelayValue = undefined;
     onFinishCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
@@ -677,8 +667,17 @@ export const createAnimation = (animationId) => {
         update(false, false);
       }
     }
-    if (playTo !== undefined && !parentAnimation) {
-      play();
+    if (playTo !== undefined) {
+      onFinish(() => {
+        forceDurationValue = undefined;
+        forceDirectionValue = undefined;
+        forceDelayValue = undefined;
+      }, {
+        oneTimeCallback: true,
+      });
+      if (!parentAnimation) {
+        play();
+      }
     }
     return ani;
   };

package/dist/collection/utils/browser/index.js

@@ -1,5 +1,27 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+/**
+ * When accessing the document or window, it is important
+ * to account for SSR applications where the
+ * window is not available. Code that accesses
+ * window when it is not available will crash.
+ * Even checking if `window === undefined` will cause
+ * apps to crash in SSR.
+ *
+ * Use win below to access an SSR-safe version
+ * of the window.
+ *
+ * Example 1:
+ * Before:
+ * if (window.innerWidth > 768) { ... }
+ *
+ * After:
+ * import { win } from 'path/to/this/file';
+ * if (win?.innerWidth > 768) { ... }
+ *
+ * Note: Code inside of this if-block will
+ * not run in an SSR environment.
+ */
 export const win = typeof window !== 'undefined' ? window : undefined;
 export const doc = typeof document !== 'undefined' ? document : undefined;

package/dist/collection/utils/forms/index.js

@@ -3,4 +3,3 @@
  */
 export * from './form-controller';
 export * from './notch-controller';
-export * from './compare-with-utils';

package/dist/collection/utils/input-shims/input-shims.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { doc } from "../browser/index";
 import { findClosestIonContent } from "../content";
 import { componentOnReady } from "../helpers";
 import { Keyboard } from "../native/keyboard";
@@ -12,13 +11,7 @@ const INPUT_BLURRING = true;
 const SCROLL_ASSIST = true;
 const HIDE_CARET = true;
 export const startInputShims = async (config, platform) => {
-  /**
-   * If doc is undefined then we are in an SSR environment
-   * where input shims do not apply.
-   */
-  if (doc === undefined) {
-    return;
-  }
+  const doc = document;
   const isIOS = platform === 'ios';
   const isAndroid = platform === 'android';
   /**
@@ -97,10 +90,11 @@ export const startInputShims = async (config, platform) => {
   for (const input of inputs) {
     registerInput(input);
   }
-  doc.addEventListener('ionInputDidLoad', (ev) => {
+  // TODO(FW-2832): types
+  doc.addEventListener('ionInputDidLoad', ((ev) => {
     registerInput(ev.detail);
-  });
-  doc.addEventListener('ionInputDidUnload', (ev) => {
+  }));
+  doc.addEventListener('ionInputDidUnload', ((ev) => {
     unregisterInput(ev.detail);
-  });
+  }));
 };

package/dist/collection/utils/menu-controller/index.js

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { doc } from "../browser/index";
-import { MENU_BACK_BUTTON_PRIORITY } from "../hardware-back-button";
 import { printIonWarning } from "../logging/index";
+import { MENU_BACK_BUTTON_PRIORITY } from "../hardware-back-button";
 import { componentOnReady } from "../helpers";
 import { menuOverlayAnimation } from "./animations/overlay";
 import { menuPushAnimation } from "./animations/push";
@@ -185,14 +184,17 @@ const createMenuController = () => {
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
-    const openMenu = _getOpenSync();
-    if (openMenu) {
-      ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-        return openMenu.close();
-      });
-    }
-  });
+  if (typeof document !== 'undefined') {
+    document.addEventListener('ionBackButton', (ev) => {
+      // TODO(FW-2832): type
+      const openMenu = _getOpenSync();
+      if (openMenu) {
+        ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
+          return openMenu.close();
+        });
+      }
+    });
+  }
   return {
     registerAnimation,
     get,

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-03T18:45:37",
+  "timestamp": "2023-11-06T15:05:43",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.0",
@@ -19711,42 +19711,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "compareWith",
-          "type": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
-          "complexType": {
-            "original": "string | RadioGroupCompareFn | null",
-            "resolved": "((currentValue: any, compareValue: any) => boolean) | null | string | undefined",
-            "references": {
-              "RadioGroupCompareFn": {
-                "location": "import",
-                "path": "./radio-group-interface",
-                "id": "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "compare-with",
-          "reflectToAttr": false,
-          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-radio-group. When not specified, the default behavior will use object\nequality (===) for comparison.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "((currentValue: any, compareValue: any) => boolean)"
-            },
-            {
-              "type": "null"
-            },
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "name",
           "type": "string",
@@ -23945,7 +23909,7 @@
           "mutable": false,
           "attr": "compare-with",
           "reflectToAttr": false,
-          "docs": "This property allows developers to specify a custom function or property\nname for comparing objects when determining the selected option in the\nion-select. When not specified, the default behavior will use object\nequality (===) for comparison.",
+          "docs": "A property name or function used to compare object values",
           "docsTags": [],
           "values": [
             {
@@ -29234,11 +29198,6 @@
       "docstring": "",
       "path": "src/components/popover/popover-interface.ts"
     },
-    "src/components/radio-group/radio-group-interface.ts::RadioGroupCompareFn": {
-      "declaration": "(currentValue: any, compareValue: any) => boolean",
-      "docstring": "",
-      "path": "src/components/radio-group/radio-group-interface.ts"
-    },
     "src/components/radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
       "declaration": "export interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n  event?: Event;\n}",
       "docstring": "",

package/dist/esm/{animation-cf3dd234.js → animation-8aa13916.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-a5d50daf.js';
+import { w as win } from './index-7a14ecec.js';
 import { r as raf } from './helpers-3379ba19.js';
 
 let animationPrefix;
@@ -586,16 +586,6 @@ const createAnimation = (animationId) => {
         }
       }
     });
-    /**
-     * Clean up any value coercion before
-     * the user callbacks fire otherwise
-     * they may get stale values. For example,
-     * if someone calls progressStart(0) the
-     * animation may still be reversed.
-     */
-    forceDurationValue = undefined;
-    forceDirectionValue = undefined;
-    forceDelayValue = undefined;
     onFinishCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
@@ -800,8 +790,17 @@ const createAnimation = (animationId) => {
         update(false, false);
       }
     }
-    if (playTo !== undefined && !parentAnimation) {
-      play();
+    if (playTo !== undefined) {
+      onFinish(() => {
+        forceDurationValue = undefined;
+        forceDirectionValue = undefined;
+        forceDelayValue = undefined;
+      }, {
+        oneTimeCallback: true,
+      });
+      if (!parentAnimation) {
+        play();
+      }
     }
     return ani;
   };

package/dist/esm/{button-active-109ba60d.js → button-active-1fb561b0.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask } from './index-4392ebcb.js';
-import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1a66d69f.js';
+import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1243b917.js';
 import { createGesture } from './index-ff313b19.js';
 
 const createButtonActiveGesture = (el, isButton) => {

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

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

package/dist/esm/{haptic-1a66d69f.js → haptic-1243b917.js}

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

package/dist/esm/{index-6a48e009.js → index-056b43e7.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-39299f84.js';
 import { p as printIonWarning } from './index-595d62c9.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
 import { c as componentOnReady } from './helpers-3379ba19.js';
 import { b as getIonMode } from './ionic-global-7efdecd0.js';
-import { c as createAnimation } from './animation-cf3dd234.js';
+import { c as createAnimation } from './animation-8aa13916.js';
 
 /**
  * baseAnimation
@@ -273,14 +272,17 @@ const createMenuController = () => {
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);
   registerAnimation('overlay', menuOverlayAnimation);
-  doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
-    const openMenu = _getOpenSync();
-    if (openMenu) {
-      ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
-        return openMenu.close();
-      });
-    }
-  });
+  if (typeof document !== 'undefined') {
+    document.addEventListener('ionBackButton', (ev) => {
+      // TODO(FW-2832): type
+      const openMenu = _getOpenSync();
+      if (openMenu) {
+        ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {
+          return openMenu.close();
+        });
+      }
+    });
+  }
   return {
     registerAnimation,
     get,

package/dist/esm/{index-50582f1c.js → index-47a510cf.js}

@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-e20d71bc.js');
-const mdTransitionAnimation = () => import('./md.transition-a8469407.js');
+const iosTransitionAnimation = () => import('./ios.transition-b53e19a3.js');
+const mdTransitionAnimation = () => import('./md.transition-276c1159.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
   return new Promise((resolve, reject) => {

package/dist/esm/index-7a14ecec.js

@@ -0,0 +1,29 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+/**
+ * When accessing the document or window, it is important
+ * to account for SSR applications where the
+ * window is not available. Code that accesses
+ * window when it is not available will crash.
+ * Even checking if `window === undefined` will cause
+ * apps to crash in SSR.
+ *
+ * Use win below to access an SSR-safe version
+ * of the window.
+ *
+ * Example 1:
+ * Before:
+ * if (window.innerWidth > 768) { ... }
+ *
+ * After:
+ * import { win } from 'path/to/this/file';
+ * if (win?.innerWidth > 768) { ... }
+ *
+ * Note: Code inside of this if-block will
+ * not run in an SSR environment.
+ */
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+export { doc as d, win as w };

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

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

package/dist/esm/index.js

@@ -1,23 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-cf3dd234.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-50582f1c.js';
-export { iosTransitionAnimation } from './ios.transition-e20d71bc.js';
-export { mdTransitionAnimation } from './md.transition-a8469407.js';
+export { c as createAnimation } from './animation-8aa13916.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-47a510cf.js';
+export { iosTransitionAnimation } from './ios.transition-b53e19a3.js';
+export { mdTransitionAnimation } from './md.transition-276c1159.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
 export { createGesture } from './index-ff313b19.js';
 export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-7efdecd0.js';
 export { c as componentOnReady } from './helpers-3379ba19.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-96c9ace3.js';
 export { o as openURL } from './theme-17531cdf.js';
-export { m as menuController } from './index-6a48e009.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-a31c8878.js';
-import './index-a5d50daf.js';
+export { m as menuController } from './index-056b43e7.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-928a4afe.js';
+import './index-7a14ecec.js';
 import './index-4392ebcb.js';
 import './gesture-controller-0fa396c4.js';
-import './hardware-back-button-39299f84.js';
 import './index-595d62c9.js';
+import './hardware-back-button-39299f84.js';
 import './framework-delegate-aa433dea.js';
 
 const IonicSlides = (opts) => {