@ionic/core 8.8.19-dev.11787007863.1976a30e → 8.8.19-dev.11787083540.1511caf2

package/dist/collection/utils/transition/ios.transition.js

@@ -56,7 +56,7 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
         const enteringBackButtonBox = enteringBackButton.getBoundingClientRect();
         const enteringBackButtonTextEl = shadow(enteringBackButton).querySelector('.button-text');
         // Text element not rendered if developers pass text="" to the back button
-        const enteringBackButtonTextBox = enteringBackButtonTextEl?.getBoundingClientRect();
+        const enteringBackButtonTextBox = enteringBackButtonTextEl === null || enteringBackButtonTextEl === void 0 ? void 0 : enteringBackButtonTextEl.getBoundingClientRect();
         const leavingLargeTitleTextEl = shadow(leavingLargeTitle).querySelector('.toolbar-title');
         const leavingLargeTitleTextBox = leavingLargeTitleTextEl.getBoundingClientRect();
         animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, leavingLargeTitleTextBox, enteringBackButtonBox, enteringBackButtonTextEl, enteringBackButtonTextBox);
@@ -67,7 +67,7 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
         const leavingBackButtonBox = leavingBackButton.getBoundingClientRect();
         const leavingBackButtonTextEl = shadow(leavingBackButton).querySelector('.button-text');
         // Text element not rendered if developers pass text="" to the back button
-        const leavingBackButtonTextBox = leavingBackButtonTextEl?.getBoundingClientRect();
+        const leavingBackButtonTextBox = leavingBackButtonTextEl === null || leavingBackButtonTextEl === void 0 ? void 0 : leavingBackButtonTextEl.getBoundingClientRect();
         const enteringLargeTitleTextEl = shadow(enteringLargeTitle).querySelector('.toolbar-title');
         const enteringLargeTitleTextBox = enteringLargeTitleTextEl.getBoundingClientRect();
         animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, enteringLargeTitleTextBox, leavingBackButtonBox, leavingBackButtonTextEl, leavingBackButtonTextBox);
@@ -79,6 +79,7 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
     };
 };
 const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, backButtonBox, backButtonTextEl, backButtonTextBox, largeTitleEl, largeTitleTextBox) => {
+    var _a, _b;
     const BACK_BUTTON_START_OFFSET = rtl ? `calc(100% - ${backButtonBox.right + 4}px)` : `${backButtonBox.left - 4}px`;
     const TEXT_ORIGIN_X = rtl ? 'right' : 'left';
     const ICON_ORIGIN_X = rtl ? 'left' : 'right';
@@ -95,7 +96,7 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
          * will be incorrect. When the texts match we scale both the width and height to
          * account for font weight differences between the title and back button.
          */
-        const doTitleAndButtonTextsMatch = backButtonTextEl.textContent?.trim() === largeTitleEl.textContent?.trim();
+        const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
         WIDTH_SCALE = largeTitleTextBox.width / backButtonTextBox.width;
         /**
          * Subtract an offset to account for slight sizing/padding differences between the
@@ -236,6 +237,7 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
     ]);
 };
 const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, largeTitleTextBox, backButtonBox, backButtonTextEl, backButtonTextBox) => {
+    var _a, _b;
     /**
      * The horizontal transform origin for the large title
      */
@@ -299,7 +301,7 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
          * will be incorrect. When the texts match we scale both the width and height to
          * account for font weight differences between the title and back button.
          */
-        const doTitleAndButtonTextsMatch = backButtonTextEl.textContent?.trim() === largeTitleEl.textContent?.trim();
+        const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
         const WIDTH_SCALE = backButtonTextBox.width / largeTitleTextBox.width;
         HEIGHT_SCALE = backButtonTextBox.height / (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET);
         /**
@@ -361,6 +363,7 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
     rootAnimation.addAnimation(clonedLargeTitleAnimation);
 };
 export const iosTransitionAnimation = (navEl, opts) => {
+    var _a;
     try {
         const EASING = 'cubic-bezier(0.32,0.72,0,1)';
         const OPACITY = 'opacity';
@@ -380,10 +383,11 @@ export const iosTransitionAnimation = (navEl, opts) => {
         const enteringContentAnimation = createAnimation();
         rootAnimation
             .addElement(enteringEl)
-            .duration((opts.duration ?? 0) || DURATION)
+            .duration(((_a = opts.duration) !== null && _a !== void 0 ? _a : 0) || DURATION)
             .easing(opts.easing || EASING)
             .fill('both')
             .beforeRemoveClass('ion-page-invisible');
+        // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
         if (leavingEl && navEl !== null && navEl !== undefined) {
             const navDecorAnimation = createAnimation();
             navDecorAnimation.addElement(navEl);
@@ -444,7 +448,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
             const enteringToolBarButtons = createAnimation();
             const buttons = Array.from(enteringToolBarEl.querySelectorAll('ion-buttons,[menuToggle]'));
             const parentHeader = enteringToolBarEl.closest('ion-header');
-            const inactiveHeader = parentHeader?.classList.contains('header-collapse-condense-inactive');
+            const inactiveHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.classList.contains('header-collapse-condense-inactive');
             let buttonsToAnimate;
             if (backDirection) {
                 buttonsToAnimate = buttons.filter((button) => {
@@ -493,7 +497,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                 }
                 enteringToolBarItems.fromTo('transform', `translateX(${OFF_RIGHT})`, `translateX(${CENTER})`);
                 enteringToolBarBg.beforeClearStyles([OPACITY, 'transform']);
-                const translucentHeader = parentHeader?.translucent;
+                const translucentHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.translucent;
                 if (!translucentHeader) {
                     enteringToolBarBg.fromTo(OPACITY, 0.01, 'var(--opacity)');
                 }
@@ -577,7 +581,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                 const leavingToolBarButtons = createAnimation();
                 const buttons = leavingToolBarEl.querySelectorAll('ion-buttons,[menuToggle]');
                 const parentHeader = leavingToolBarEl.closest('ion-header');
-                const inactiveHeader = parentHeader?.classList.contains('header-collapse-condense-inactive');
+                const inactiveHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.classList.contains('header-collapse-condense-inactive');
                 const buttonsToAnimate = Array.from(buttons).filter((button) => {
                     const isCollapseButton = button.classList.contains('buttons-collapse');
                     return (isCollapseButton && !inactiveHeader) || !isCollapseButton;
@@ -618,7 +622,7 @@ export const iosTransitionAnimation = (navEl, opts) => {
                     leavingToolBarBg.beforeClearStyles([OPACITY, 'transform']);
                     // leaving toolbar, back direction, and there's no entering toolbar
                     // should just slide out, no fading out
-                    const translucentHeader = parentHeader?.translucent;
+                    const translucentHeader = parentHeader === null || parentHeader === void 0 ? void 0 : parentHeader.translucent;
                     if (!translucentHeader) {
                         leavingToolBarBg.fromTo(OPACITY, 'var(--opacity)', 0);
                     }

package/dist/collection/utils/transition/md.transition.js

@@ -4,6 +4,7 @@
 import { createAnimation } from "../animation/animation";
 import { getIonPageElement } from "../transition";
 export const mdTransitionAnimation = (_, opts) => {
+    var _a, _b, _c;
     const OFF_BOTTOM = '40px';
     const CENTER = '0px';
     const backDirection = opts.direction === 'back';
@@ -15,11 +16,11 @@ export const mdTransitionAnimation = (_, opts) => {
     rootTransition.addElement(ionPageElement).fill('both').beforeRemoveClass('ion-page-invisible');
     // animate the component itself
     if (backDirection) {
-        rootTransition.duration((opts.duration ?? 0) || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
+        rootTransition.duration(((_a = opts.duration) !== null && _a !== void 0 ? _a : 0) || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
     }
     else {
         rootTransition
-            .duration((opts.duration ?? 0) || 280)
+            .duration(((_b = opts.duration) !== null && _b !== void 0 ? _b : 0) || 280)
             .easing('cubic-bezier(0.36,0.66,0.04,1)')
             .fromTo('transform', `translateY(${OFF_BOTTOM})`, `translateY(${CENTER})`)
             .fromTo('opacity', 0.01, 1);
@@ -33,7 +34,7 @@ export const mdTransitionAnimation = (_, opts) => {
     // setup leaving view
     if (leavingEl && backDirection) {
         // leaving content
-        rootTransition.duration((opts.duration ?? 0) || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
+        rootTransition.duration(((_c = opts.duration) !== null && _c !== void 0 ? _c : 0) || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
         const leavingPage = createAnimation();
         leavingPage
             .addElement(getIonPageElement(leavingEl))