@ionic/core 7.5.1-dev.11697212309.1448948d → 7.5.1-dev.11697219113.17f86185

package/hydrate/index.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.4.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.4.1-dev.1697216096.18bf460 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -34664,7 +34664,7 @@ class Toolbar {
   }; }
 }
 
-const titleIosCss = "/*!@:host*/.sc-ion-title-ios-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-ios-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-ios{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{white-space:normal}/*!@:host*/.sc-ion-title-ios-h{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{left:0}/*!@:host-context([dir=rtl])*/[dir=rtl].sc-ion-title-ios-h,[dir=rtl] .sc-ion-title-ios-h{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-title-ios selector(.sc-ion-title-ios:dir(rtl)){.sc-ion-title-ios-h:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.title-small)*/.title-small.sc-ion-title-ios-h{-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}/*!@:host(.title-large)*/.title-large.sc-ion-title-ios-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}/*!@:host(.title-large.title-rtl)*/.title-large.title-rtl.sc-ion-title-ios-h{-webkit-transform-origin:right center;transform-origin:right center}/*!@:host(.title-large.ion-cloned-element)*/.title-large.ion-cloned-element.sc-ion-title-ios-h{--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}/*!@:host(.title-large) .toolbar-title*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:inherit;transform-origin:inherit}/*!@:host-context([dir=rtl]):host(.title-large) .toolbar-title, :host-context([dir=rtl]).title-large .toolbar-title*/[dir=rtl].sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl].title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){/*!@:host(.title-large) .toolbar-title:dir(rtl)*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios:dir(rtl){-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
+const titleIosCss = "/*!@:host*/.sc-ion-title-ios-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-ios-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-ios{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{white-space:normal}/*!@:host*/.sc-ion-title-ios-h{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{left:0}/*!@:host-context([dir=rtl])*/[dir=rtl].sc-ion-title-ios-h,[dir=rtl] .sc-ion-title-ios-h{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-title-ios selector(.sc-ion-title-ios:dir(rtl)){.sc-ion-title-ios-h:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.title-small)*/.title-small.sc-ion-title-ios-h{-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}/*!@:host(.title-large)*/.title-large.sc-ion-title-ios-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}/*!@:host(.title-large.title-rtl)*/.title-large.title-rtl.sc-ion-title-ios-h{-webkit-transform-origin:right center;transform-origin:right center}/*!@:host(.title-large.ion-cloned-element)*/.title-large.ion-cloned-element.sc-ion-title-ios-h{--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}/*!@:host(.title-large) .toolbar-title*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}/*!@:host-context([dir=rtl]):host(.title-large) .toolbar-title, :host-context([dir=rtl]).title-large .toolbar-title*/[dir=rtl].sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl].title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){/*!@:host(.title-large) .toolbar-title:dir(rtl)*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios:dir(rtl){-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
 
 const titleMdCss = "/*!@:host*/.sc-ion-title-md-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-md-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-md{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-md-h .toolbar-title.sc-ion-title-md{white-space:normal}/*!@:host*/.sc-ion-title-md-h{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}/*!@:host(.title-small)*/.title-small.sc-ion-title-md-h{width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";
 
@@ -34866,60 +34866,134 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
   if (shouldAnimationForward) {
     const leavingLargeTitleBox = leavingLargeTitle.getBoundingClientRect();
     const enteringBackButtonBox = enteringBackButton.getBoundingClientRect();
-    animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, enteringBackButtonBox);
-    animateBackButton(rootAnimation, rtl, backDirection, enteringBackButton, leavingLargeTitleBox, enteringBackButtonBox);
+    const enteringBackButtonTextEl = shadow(enteringBackButton).querySelector('.button-text');
+    const enteringBackButtonTextBox = enteringBackButtonTextEl.getBoundingClientRect();
+    const leavingLargeTitleTextEl = shadow(leavingLargeTitle).querySelector('.toolbar-title');
+    const leavingLargeTitleTextBox = leavingLargeTitleTextEl.getBoundingClientRect();
+    animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, leavingLargeTitleTextBox, enteringBackButtonTextEl, enteringBackButtonTextBox);
+    animateBackButton(rootAnimation, rtl, backDirection, enteringBackButton, enteringBackButtonBox, enteringBackButtonTextEl, enteringBackButtonTextBox, leavingLargeTitle, leavingLargeTitleTextBox);
   }
   else if (shouldAnimationBackward) {
     const enteringLargeTitleBox = enteringLargeTitle.getBoundingClientRect();
     const leavingBackButtonBox = leavingBackButton.getBoundingClientRect();
-    animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, leavingBackButtonBox);
-    animateBackButton(rootAnimation, rtl, backDirection, leavingBackButton, enteringLargeTitleBox, leavingBackButtonBox);
+    const leavingBackButtonTextEl = shadow(leavingBackButton).querySelector('.button-text');
+    const leavingBackButtonTextBox = leavingBackButtonTextEl.getBoundingClientRect();
+    const enteringLargeTitleTextEl = shadow(enteringLargeTitle).querySelector('.toolbar-title');
+    const enteringLargeTitleTextBox = enteringLargeTitleTextEl.getBoundingClientRect();
+    animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, enteringLargeTitleTextBox, leavingBackButtonTextEl, leavingBackButtonTextBox);
+    animateBackButton(rootAnimation, rtl, backDirection, leavingBackButton, leavingBackButtonBox, leavingBackButtonTextEl, leavingBackButtonTextBox, enteringLargeTitle, enteringLargeTitleTextBox);
   }
   return {
     forward: shouldAnimationForward,
     backward: shouldAnimationBackward,
   };
 };
-const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, largeTitleBox, backButtonBox) => {
+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 START_TEXT_TRANSLATE = rtl ? '7px' : '-7px';
-  const END_TEXT_TRANSLATE = rtl ? '-4px' : '4px';
-  const ICON_TRANSLATE = rtl ? '-4px' : '4px';
   const TEXT_ORIGIN_X = rtl ? 'right' : 'left';
   const ICON_ORIGIN_X = rtl ? 'left' : 'right';
+  const CONTAINER_ORIGIN_X = rtl ? 'right' : 'left';
+  /**
+   * When the title and back button texts match
+   * then they should overlap during the page transition.
+   * If the texts do not match up then the back button text scale adjusts
+   * to not perfectly match the large title text otherwise the
+   * proportions 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 = ((_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 = largeTitleTextBox.width / backButtonTextBox.width;
+  /**
+   * We subtract an offset to account for slight sizing/padding
+   * differences between the title and the back button.
+   */
+  const HEIGHT_SCALE = (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET) / backButtonTextBox.height;
+  const TEXT_START_SCALE = doTitleAndButtonTextsMatch
+    ? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})`
+    : `scale(${HEIGHT_SCALE})`;
+  const TEXT_END_SCALE = 'scale(1)';
+  const backButtonIconEl = shadow(backButtonEl).querySelector('ion-icon');
+  const backButtonIconBox = backButtonIconEl.getBoundingClientRect();
+  /**
+   * We need to offset the container by the icon dimensions
+   * so that the back button text aligns with the large title
+   * text. Otherwise, the back button icon will align with the
+   * large title text but the back button text will not.
+   */
+  const CONTAINER_START_TRANSLATE_X = rtl
+    ? `${backButtonIconBox.width / 2 - (backButtonIconBox.right - backButtonBox.right)}px`
+    : `${backButtonBox.left - backButtonIconBox.width / 2}px`;
+  const CONTAINER_END_TRANSLATE_X = rtl ? `-${window.innerWidth - backButtonBox.right}px` : `${backButtonBox.left}px`;
+  /**
+   * Back button container should be
+   * aligned to the top of the title container
+   * so the texts overlap as the back button
+   * text begins to fade in.
+   */
+  const CONTAINER_START_TRANSLATE_Y = `${largeTitleTextBox.top}px`;
+  /**
+   * The cloned back button should align exactly with the
+   * real back button on the entering page otherwise there will
+   * be a layout shift.
+   */
+  const CONTAINER_END_TRANSLATE_Y = `${backButtonBox.top}px`;
+  /**
+   * In the forward direction, the cloned back button
+   * container should translate from over the large title
+   * to over the back button. In the backward direction,
+   * it should translate from over the back button to over
+   * the large title.
+   */
+  const FORWARD_CONTAINER_KEYFRAMES = [
+    { offset: 0, transform: `translate3d(${CONTAINER_START_TRANSLATE_X}, ${CONTAINER_START_TRANSLATE_Y}, 0)` },
+    { offset: 1, transform: `translate3d(${CONTAINER_END_TRANSLATE_X}, ${CONTAINER_END_TRANSLATE_Y}, 0)` },
+  ];
+  const BACKWARD_CONTAINER_KEYFRAMES = [
+    { offset: 0, transform: `translate3d(${CONTAINER_END_TRANSLATE_X}, ${CONTAINER_END_TRANSLATE_Y}, 0)` },
+    { offset: 1, transform: `translate3d(${CONTAINER_START_TRANSLATE_X}, ${CONTAINER_START_TRANSLATE_Y}, 0)` },
+  ];
+  const CONTAINER_KEYFRAMES = backDirection ? BACKWARD_CONTAINER_KEYFRAMES : FORWARD_CONTAINER_KEYFRAMES;
+  /**
+   * In the forward direction, the text in the cloned back button
+   * should start to be (roughly) the size of the large title
+   * and then scale down to be the size of the actual back button.
+   * The text should also translate, but that translate is handled
+   * by the container keyframes.
+   */
   const FORWARD_TEXT_KEYFRAMES = [
-    {
-      offset: 0,
-      opacity: 0,
-      transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
-    },
-    { offset: 1, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
+    { offset: 0, opacity: 0, transform: TEXT_START_SCALE },
+    { offset: 1, opacity: 1, transform: TEXT_END_SCALE },
   ];
   const BACKWARD_TEXT_KEYFRAMES = [
-    { offset: 0, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
-    { offset: 0.6, opacity: 0 },
-    {
-      offset: 1,
-      opacity: 0,
-      transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
-    },
+    { offset: 0, opacity: 1, transform: TEXT_END_SCALE },
+    { offset: 1, opacity: 0, transform: TEXT_START_SCALE },
   ];
   const TEXT_KEYFRAMES = backDirection ? BACKWARD_TEXT_KEYFRAMES : FORWARD_TEXT_KEYFRAMES;
+  /**
+   * The icon should scale in/out in the second
+   * half of the animation. The icon should also
+   * translate, but that translate is handled by the
+   * container keyframes.
+   */
   const FORWARD_ICON_KEYFRAMES = [
-    { offset: 0, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
-    { offset: 1, opacity: 1, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
+    { offset: 0, opacity: 0, transform: 'scale(0.6)' },
+    { offset: 0.6, opacity: 0, transform: 'scale(0.6)' },
+    { offset: 1, opacity: 1, transform: 'scale(1)' },
   ];
   const BACKWARD_ICON_KEYFRAMES = [
-    { offset: 0, opacity: 1, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
-    { offset: 0.2, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
-    { offset: 1, opacity: 0, transform: `translate3d(${ICON_TRANSLATE}, ${backButtonBox.top - 41}px, 0) scale(0.6)` },
+    { offset: 0, opacity: 1, transform: 'scale(1)' },
+    { offset: 0.2, opacity: 0, transform: 'scale(0.6)' },
+    { offset: 1, opacity: 0, transform: 'scale(0.6)' },
   ];
   const ICON_KEYFRAMES = backDirection ? BACKWARD_ICON_KEYFRAMES : FORWARD_ICON_KEYFRAMES;
   const enteringBackButtonTextAnimation = createAnimation();
   const enteringBackButtonIconAnimation = createAnimation();
+  const enteringBackButtonAnimation = createAnimation();
   const clonedBackButtonEl = getClonedElement('ion-back-button');
-  const backButtonTextEl = shadow(clonedBackButtonEl).querySelector('.button-text');
-  const backButtonIconEl = shadow(clonedBackButtonEl).querySelector('ion-icon');
+  const clonedBackButtonTextEl = shadow(clonedBackButtonEl).querySelector('.button-text');
+  const clonedBackButtonIconEl = shadow(clonedBackButtonEl).querySelector('ion-icon');
   clonedBackButtonEl.text = backButtonEl.text;
   clonedBackButtonEl.mode = backButtonEl.mode;
   clonedBackButtonEl.icon = backButtonEl.icon;
@@ -34927,11 +35001,19 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
   clonedBackButtonEl.disabled = backButtonEl.disabled;
   clonedBackButtonEl.style.setProperty('display', 'block');
   clonedBackButtonEl.style.setProperty('position', 'fixed');
-  enteringBackButtonIconAnimation.addElement(backButtonIconEl);
-  enteringBackButtonTextAnimation.addElement(backButtonTextEl);
+  enteringBackButtonIconAnimation.addElement(clonedBackButtonIconEl);
+  enteringBackButtonTextAnimation.addElement(clonedBackButtonTextEl);
+  enteringBackButtonAnimation.addElement(clonedBackButtonEl);
+  enteringBackButtonAnimation
+    .beforeStyles({
+    position: 'absolute',
+    top: '0px',
+    [CONTAINER_ORIGIN_X]: '0px',
+  })
+    .keyframes(CONTAINER_KEYFRAMES);
   enteringBackButtonTextAnimation
     .beforeStyles({
-    'transform-origin': `${TEXT_ORIGIN_X} center`,
+    'transform-origin': `${TEXT_ORIGIN_X} top`,
   })
     .beforeAddWrite(() => {
     backButtonEl.style.setProperty('display', 'none');
@@ -34948,21 +35030,91 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
     'transform-origin': `${ICON_ORIGIN_X} center`,
   })
     .keyframes(ICON_KEYFRAMES);
-  rootAnimation.addAnimation([enteringBackButtonTextAnimation, enteringBackButtonIconAnimation]);
+  rootAnimation.addAnimation([
+    enteringBackButtonTextAnimation,
+    enteringBackButtonIconAnimation,
+    enteringBackButtonAnimation,
+  ]);
 };
-const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, backButtonBox) => {
-  const TITLE_START_OFFSET = rtl ? `calc(100% - ${largeTitleBox.right}px)` : `${largeTitleBox.left}px`;
-  const START_TRANSLATE = rtl ? '-18px' : '18px';
+const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, largeTitleTextBox, backButtonTextEl, backButtonTextBox) => {
+  var _a, _b;
+  /**
+   * The horizontal transform origin for the large title
+   */
   const ORIGIN_X = rtl ? 'right' : 'left';
+  const TITLE_START_OFFSET = rtl ? `calc(100% - ${largeTitleBox.right}px)` : `${largeTitleBox.left}px`;
+  /**
+   * The cloned large should align exactly with the
+   * real large title on the leaving page otherwise there will
+   * be a layout shift.
+   */
+  const START_TRANSLATE_X = '0px';
+  const START_TRANSLATE_Y = `${largeTitleBox.top}px`;
+  /**
+   * How much to offset the large title translation by.
+   * This accounts for differences in sizing between the large
+   * title and the back button due to padding and font weight.
+   */
+  const LARGE_TITLE_TRANSLATION_OFFSET = 8;
+  /**
+   * The scaled title should (roughly) overlap the back button.
+   * This ensures that the back button and title overlap during
+   * the animation. Note that since both elements either fade in
+   * or fade out over the course of the animation, neither element
+   * will be fully visible on top of the other. As a result, the overlap
+   * does not need to be perfect, so approximate values are acceptable here.
+   */
+  const END_TRANSLATE_X = rtl
+    ? `-${window.innerWidth - backButtonTextBox.right - LARGE_TITLE_TRANSLATION_OFFSET}px`
+    : `${backButtonTextBox.x - LARGE_TITLE_TRANSLATION_OFFSET}px`;
+  /**
+   * The top of the scaled large title
+   * should match with the top of the
+   * back button text element.
+   * We subtract 2px to account for the top padding
+   * on the large title element.
+   */
+  const LARGE_TITLE_TOP_PADDING = 2;
+  const END_TRANSLATE_Y = `${backButtonTextBox.y - LARGE_TITLE_TOP_PADDING}px`;
+  /**
+   * In the forward direction, the large title should start at its
+   * normal size and then scale down to be (roughly) the size of the
+   * back button on the other view. In the backward direction, the
+   * large title should start at (roughly) the size of the back button
+   * and then scale up to its original size.
+   *
+   * Note that since both elements either fade in
+   * or fade out over the course of the animation, neither element
+   * will be fully visible on top of the other. As a result, the overlap
+   * does not need to be perfect, so approximate values are acceptable here.
+   */
+  /**
+   * When the title and back button texts match
+   * then they should overlap during the page transition.
+   * If the texts do not match up then the large title text scale adjusts
+   * to not perfectly match the back button text otherwise the
+   * proportions 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 = ((_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;
+  const HEIGHT_SCALE = backButtonTextBox.height / (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET);
+  const START_SCALE = 'scale(1)';
+  const END_SCALE = doTitleAndButtonTextsMatch ? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})` : `scale(${HEIGHT_SCALE})`;
   const BACKWARDS_KEYFRAMES = [
-    { offset: 0, opacity: 0, transform: `translate3d(${START_TRANSLATE}, ${backButtonBox.top - 4}px, 0) scale(0.49)` },
+    { offset: 0, opacity: 0, transform: `translate3d(${END_TRANSLATE_X}, ${END_TRANSLATE_Y}, 0) ${END_SCALE}` },
     { offset: 0.1, opacity: 0 },
-    { offset: 1, opacity: 1, transform: `translate3d(0, ${largeTitleBox.top + 2}px, 0) scale(1)` },
+    { offset: 1, opacity: 1, transform: `translate3d(${START_TRANSLATE_X}, ${START_TRANSLATE_Y}, 0) ${START_SCALE}` },
   ];
   const FORWARDS_KEYFRAMES = [
-    { offset: 0, opacity: 0.99, transform: `translate3d(0, ${largeTitleBox.top + 2}px, 0) scale(1)` },
+    {
+      offset: 0,
+      opacity: 0.99,
+      transform: `translate3d(${START_TRANSLATE_X}, ${START_TRANSLATE_Y}, 0) ${START_SCALE}`,
+    },
     { offset: 0.6, opacity: 0 },
-    { offset: 1, opacity: 0, transform: `translate3d(${START_TRANSLATE}, ${backButtonBox.top - 4}px, 0) scale(0.5)` },
+    { offset: 1, opacity: 0, transform: `translate3d(${END_TRANSLATE_X}, ${END_TRANSLATE_Y}, 0) ${END_SCALE}` },
   ];
   const KEYFRAMES = backDirection ? BACKWARDS_KEYFRAMES : FORWARDS_KEYFRAMES;
   const clonedTitleEl = getClonedElement('ion-title');
@@ -34973,8 +35125,14 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
   clonedLargeTitleAnimation.addElement(clonedTitleEl);
   clonedLargeTitleAnimation
     .beforeStyles({
-    'transform-origin': `${ORIGIN_X} center`,
-    height: '46px',
+    'transform-origin': `${ORIGIN_X} top`,
+    /**
+     * Since font size changes will cause
+     * the dimension of the large title to change
+     * we need to set the cloned title height
+     * equal to that of the original large title height.
+     */
+    height: `${largeTitleBox.height}px`,
     display: '',
     position: 'relative',
     [ORIGIN_X]: TITLE_START_OFFSET,
@@ -35287,6 +35445,16 @@ const iosTransitionAnimation = (navEl, opts) => {
     throw err;
   }
 };
+/**
+ * The scale of the back button during the animation
+ * is computed based on the scale of the large title
+ * and vice versa. However, we need to account for slight
+ * variations in the size of the large title due to
+ * padding and font weight. This value should be used to subtract
+ * a small amount from the large title height when computing scales
+ * to get more accurate scale results.
+ */
+const LARGE_TITLE_SIZE_OFFSET = 10;
 
 var ios_transition = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -35496,7 +35664,7 @@ function patchDomImplementation(e, t) {
   r.CustomEvent !== t && (r.CustomEvent = t);
  }
  try {
-  e.baseURI;
+  r.__stencil_baseURI = e.baseURI;
  } catch (t) {
   Object.defineProperty(e, "baseURI", {
    get() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.5.1-dev.11697212309.1448948d",
+  "version": "7.5.1-dev.11697219113.17f86185",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,7 +31,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "^4.4.1",
+    "@stencil/core": "^4.4.1-dev.1697216096.18bf460",
     "ionicons": "^7.2.1",
     "tslib": "^2.1.0"
   },
@@ -44,7 +44,7 @@
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@jest/core": "^27.5.1",
-    "@playwright/test": "^1.38.1",
+    "@playwright/test": "^1.39.0",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.8.2",

package/dist/esm-es5/ios.transition-a86d7bbe.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{c as createAnimation}from"./animation-92066c62.js";import{g as getIonPageElement}from"./index-7d2b2808.js";import"./index-7a14ecec.js";import"./helpers-3379ba19.js";import"./index-b49b173c.js";var DURATION=540;var getClonedElement=function(t){return document.querySelector("".concat(t,".ion-cloned-element"))};var shadow=function(t){return t.shadowRoot||t};var getLargeTitle=function(t){var e=t.tagName==="ION-TABS"?t:t.querySelector("ion-tabs");var a="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(e!=null){var o=e.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return o!=null?o.querySelector(a):null}return t.querySelector(a)};var getBackButton=function(t,e){var a=t.tagName==="ION-TABS"?t:t.querySelector("ion-tabs");var o=[];if(a!=null){var r=a.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(r!=null){o=r.querySelectorAll("ion-buttons")}}else{o=t.querySelectorAll("ion-buttons")}for(var n=0,i=o;n<i.length;n++){var l=i[n];var c=l.closest("ion-header");var s=c&&!c.classList.contains("header-collapse-condense-inactive");var f=l.querySelector("ion-back-button");var d=l.classList.contains("buttons-collapse");var m=l.slot==="start"||l.slot==="";if(f!==null&&m&&(d&&s&&e||!d)){return f}}return null};var createLargeTitleTransition=function(t,e,a,o,r){var n=getBackButton(o,a);var i=getLargeTitle(r);var l=getLargeTitle(o);var c=getBackButton(r,a);var s=n!==null&&i!==null&&!a;var f=l!==null&&c!==null&&a;if(s){var d=i.getBoundingClientRect();var m=n.getBoundingClientRect();animateLargeTitle(t,e,a,i,d,m);animateBackButton(t,e,a,n,d,m)}else if(f){var v=l.getBoundingClientRect();var p=c.getBoundingClientRect();animateLargeTitle(t,e,a,l,v,p);animateBackButton(t,e,a,c,v,p)}return{forward:s,backward:f}};var animateBackButton=function(t,e,a,o,r,n){var i=e?"calc(100% - ".concat(n.right+4,"px)"):"".concat(n.left-4,"px");var l=e?"7px":"-7px";var c=e?"-4px":"4px";var s=e?"-4px":"4px";var f=e?"right":"left";var d=e?"left":"right";var m=[{offset:0,opacity:0,transform:"translate3d(".concat(l,", ").concat(r.top-40,"px, 0) scale(2.1)")},{offset:1,opacity:1,transform:"translate3d(".concat(c,", ").concat(n.top-46,"px, 0) scale(1)")}];var v=[{offset:0,opacity:1,transform:"translate3d(".concat(c,", ").concat(n.top-46,"px, 0) scale(1)")},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(l,", ").concat(r.top-40,"px, 0) scale(2.1)")}];var p=a?v:m;var u=[{offset:0,opacity:0,transform:"translate3d(".concat(s,", ").concat(n.top-41,"px, 0) scale(0.6)")},{offset:1,opacity:1,transform:"translate3d(".concat(s,", ").concat(n.top-46,"px, 0) scale(1)")}];var y=[{offset:0,opacity:1,transform:"translate3d(".concat(s,", ").concat(n.top-46,"px, 0) scale(1)")},{offset:.2,opacity:0,transform:"translate3d(".concat(s,", ").concat(n.top-41,"px, 0) scale(0.6)")},{offset:1,opacity:0,transform:"translate3d(".concat(s,", ").concat(n.top-41,"px, 0) scale(0.6)")}];var b=a?y:u;var g=createAnimation();var A=createAnimation();var S=getClonedElement("ion-back-button");var T=shadow(S).querySelector(".button-text");var h=shadow(S).querySelector("ion-icon");S.text=o.text;S.mode=o.mode;S.icon=o.icon;S.color=o.color;S.disabled=o.disabled;S.style.setProperty("display","block");S.style.setProperty("position","fixed");A.addElement(h);g.addElement(T);g.beforeStyles({"transform-origin":"".concat(f," center")}).beforeAddWrite((function(){o.style.setProperty("display","none");S.style.setProperty(f,i)})).afterAddWrite((function(){o.style.setProperty("display","");S.style.setProperty("display","none");S.style.removeProperty(f)})).keyframes(p);A.beforeStyles({"transform-origin":"".concat(d," center")}).keyframes(b);t.addAnimation([g,A])};var animateLargeTitle=function(t,e,a,o,r,n){var i;var l=e?"calc(100% - ".concat(r.right,"px)"):"".concat(r.left,"px");var c=e?"-18px":"18px";var s=e?"right":"left";var f=[{offset:0,opacity:0,transform:"translate3d(".concat(c,", ").concat(n.top-4,"px, 0) scale(0.49)")},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(0, ".concat(r.top+2,"px, 0) scale(1)")}];var d=[{offset:0,opacity:.99,transform:"translate3d(0, ".concat(r.top+2,"px, 0) scale(1)")},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(c,", ").concat(n.top-4,"px, 0) scale(0.5)")}];var m=a?f:d;var v=getClonedElement("ion-title");var p=createAnimation();v.innerText=o.innerText;v.size=o.size;v.color=o.color;p.addElement(v);p.beforeStyles((i={"transform-origin":"".concat(s," center"),height:"46px",display:"",position:"relative"},i[s]=l,i)).beforeAddWrite((function(){o.style.setProperty("opacity","0")})).afterAddWrite((function(){o.style.setProperty("opacity","");v.style.setProperty("display","none")})).keyframes(m);t.addAnimation(p)};var iosTransitionAnimation=function(t,e){var a;try{var o="cubic-bezier(0.32,0.72,0,1)";var r="opacity";var n="transform";var i="0%";var l=.8;var c=t.ownerDocument.dir==="rtl";var s=c?"-99.5%":"99.5%";var f=c?"33%":"-33%";var d=e.enteringEl;var m=e.leavingEl;var v=e.direction==="back";var p=d.querySelector(":scope > ion-content");var u=d.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var y=d.querySelectorAll(":scope > ion-header > ion-toolbar");var b=createAnimation();var g=createAnimation();b.addElement(d).duration(((a=e.duration)!==null&&a!==void 0?a:0)||DURATION).easing(e.easing||o).fill("both").beforeRemoveClass("ion-page-invisible");if(m&&t!==null&&t!==undefined){var A=createAnimation();A.addElement(t);b.addAnimation(A)}if(!p&&y.length===0&&u.length===0){g.addElement(d.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{g.addElement(p);g.addElement(u)}b.addAnimation(g);if(v){g.beforeClearStyles([r]).fromTo("transform","translateX(".concat(f,")"),"translateX(".concat(i,")")).fromTo(r,l,1)}else{g.beforeClearStyles([r]).fromTo("transform","translateX(".concat(s,")"),"translateX(".concat(i,")"))}if(p){var S=shadow(p).querySelector(".transition-effect");if(S){var T=S.querySelector(".transition-cover");var h=S.querySelector(".transition-shadow");var x=createAnimation();var E=createAnimation();var q=createAnimation();x.addElement(S).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});E.addElement(T).beforeClearStyles([r]).fromTo(r,0,.1);q.addElement(h).beforeClearStyles([r]).fromTo(r,.03,.7);x.addAnimation([E,q]);g.addAnimation([x])}}var X=d.querySelector("ion-header.header-collapse-condense");var C=createLargeTitleTransition(b,c,v,d,m),k=C.forward,w=C.backward;y.forEach((function(t){var e=createAnimation();e.addElement(t);b.addAnimation(e);var a=createAnimation();a.addElement(t.querySelector("ion-title"));var o=createAnimation();var n=Array.from(t.querySelectorAll("ion-buttons,[menuToggle]"));var l=t.closest("ion-header");var d=l===null||l===void 0?void 0:l.classList.contains("header-collapse-condense-inactive");var m;if(v){m=n.filter((function(t){var e=t.classList.contains("buttons-collapse");return e&&!d||!e}))}else{m=n.filter((function(t){return!t.classList.contains("buttons-collapse")}))}o.addElement(m);var p=createAnimation();p.addElement(t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var u=createAnimation();u.addElement(shadow(t).querySelector(".toolbar-background"));var y=createAnimation();var g=t.querySelector("ion-back-button");if(g){y.addElement(g)}e.addAnimation([a,o,p,u,y]);o.fromTo(r,.01,1);p.fromTo(r,.01,1);if(v){if(!d){a.fromTo("transform","translateX(".concat(f,")"),"translateX(".concat(i,")")).fromTo(r,.01,1)}p.fromTo("transform","translateX(".concat(f,")"),"translateX(".concat(i,")"));y.fromTo(r,.01,1)}else{if(!X){a.fromTo("transform","translateX(".concat(s,")"),"translateX(".concat(i,")")).fromTo(r,.01,1)}p.fromTo("transform","translateX(".concat(s,")"),"translateX(".concat(i,")"));u.beforeClearStyles([r,"transform"]);var A=l===null||l===void 0?void 0:l.translucent;if(!A){u.fromTo(r,.01,"var(--opacity)")}else{u.fromTo("transform",c?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!k){y.fromTo(r,.01,1)}if(g&&!k){var S=createAnimation();S.addElement(shadow(g).querySelector(".button-text")).fromTo("transform",c?"translateX(-100px)":"translateX(100px)","translateX(0px)");e.addAnimation(S)}}}));if(m){var B=createAnimation();var L=m.querySelector(":scope > ion-content");var P=m.querySelectorAll(":scope > ion-header > ion-toolbar");var R=m.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!L&&P.length===0&&R.length===0){B.addElement(m.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{B.addElement(L);B.addElement(R)}b.addAnimation(B);if(v){B.beforeClearStyles([r]).fromTo("transform","translateX(".concat(i,")"),c?"translateX(-100%)":"translateX(100%)");var I=getIonPageElement(m);b.afterAddWrite((function(){if(b.getDirection()==="normal"){I.style.setProperty("display","none")}}))}else{B.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(f,")")).fromTo(r,1,l)}if(L){var N=shadow(L).querySelector(".transition-effect");if(N){var j=N.querySelector(".transition-cover");var W=N.querySelector(".transition-shadow");var D=createAnimation();var O=createAnimation();var z=createAnimation();D.addElement(N).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});O.addElement(j).beforeClearStyles([r]).fromTo(r,.1,0);z.addElement(W).beforeClearStyles([r]).fromTo(r,.7,.03);D.addAnimation([O,z]);B.addAnimation([D])}}P.forEach((function(t){var e=createAnimation();e.addElement(t);var a=createAnimation();a.addElement(t.querySelector("ion-title"));var o=createAnimation();var l=t.querySelectorAll("ion-buttons,[menuToggle]");var s=t.closest("ion-header");var d=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var m=Array.from(l).filter((function(t){var e=t.classList.contains("buttons-collapse");return e&&!d||!e}));o.addElement(m);var p=createAnimation();var u=t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(u.length>0){p.addElement(u)}var y=createAnimation();y.addElement(shadow(t).querySelector(".toolbar-background"));var g=createAnimation();var A=t.querySelector("ion-back-button");if(A){g.addElement(A)}e.addAnimation([a,o,p,g,y]);b.addAnimation(e);g.fromTo(r,.99,0);o.fromTo(r,.99,0);p.fromTo(r,.99,0);if(v){if(!d){a.fromTo("transform","translateX(".concat(i,")"),c?"translateX(-100%)":"translateX(100%)").fromTo(r,.99,0)}p.fromTo("transform","translateX(".concat(i,")"),c?"translateX(-100%)":"translateX(100%)");y.beforeClearStyles([r,"transform"]);var S=s===null||s===void 0?void 0:s.translucent;if(!S){y.fromTo(r,"var(--opacity)",0)}else{y.fromTo("transform","translateX(0px)",c?"translateX(-100%)":"translateX(100%)")}if(A&&!w){var T=createAnimation();T.addElement(shadow(A).querySelector(".button-text")).fromTo("transform","translateX(".concat(i,")"),"translateX(".concat((c?-124:124)+"px",")"));e.addAnimation(T)}}else{if(!d){a.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(f,")")).fromTo(r,.99,0).afterClearStyles([n,r])}p.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(f,")")).afterClearStyles([n,r]);g.afterClearStyles([r]);a.afterClearStyles([r]);o.afterClearStyles([r])}}))}return b}catch(t){throw t}};export{iosTransitionAnimation,shadow};

package/dist/ionic/p-16e44585.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{c as t}from"./p-446230d7.js";import{g as o}from"./p-e2bb634f.js";import"./p-b347cfd1.js";import"./p-63eb0acd.js";import"./p-06ac429a.js";const n=t=>document.querySelector(`${t}.ion-cloned-element`),a=t=>t.shadowRoot||t,e=t=>{const o="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs"),n="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(null!=o){const t=o.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return null!=t?t.querySelector(n):null}return t.querySelector(n)},s=(t,o)=>{const n="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs");let a=[];if(null!=n){const t=n.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");null!=t&&(a=t.querySelectorAll("ion-buttons"))}else a=t.querySelectorAll("ion-buttons");for(const t of a){const n=t.closest("ion-header"),a=n&&!n.classList.contains("header-collapse-condense-inactive"),e=t.querySelector("ion-back-button"),s=t.classList.contains("buttons-collapse");if(null!==e&&("start"===t.slot||""===t.slot)&&(s&&a&&o||!s))return e}return null},r=(o,e,s,r,i,l)=>{const c=e?`calc(100% - ${l.right+4}px)`:l.left-4+"px",p=e?"7px":"-7px",f=e?"-4px":"4px",d=e?"-4px":"4px",$=e?"right":"left",b=e?"left":"right",u=s?[{offset:0,opacity:1,transform:`translate3d(${f}, ${l.top-46}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${p}, ${i.top-40}px, 0) scale(2.1)`}]:[{offset:0,opacity:0,transform:`translate3d(${p}, ${i.top-40}px, 0) scale(2.1)`},{offset:1,opacity:1,transform:`translate3d(${f}, ${l.top-46}px, 0) scale(1)`}],m=s?[{offset:0,opacity:1,transform:`translate3d(${d}, ${l.top-46}px, 0) scale(1)`},{offset:.2,opacity:0,transform:`translate3d(${d}, ${l.top-41}px, 0) scale(0.6)`},{offset:1,opacity:0,transform:`translate3d(${d}, ${l.top-41}px, 0) scale(0.6)`}]:[{offset:0,opacity:0,transform:`translate3d(${d}, ${l.top-41}px, 0) scale(0.6)`},{offset:1,opacity:1,transform:`translate3d(${d}, ${l.top-46}px, 0) scale(1)`}],y=t(),X=t(),x=n("ion-back-button"),h=a(x).querySelector(".button-text"),g=a(x).querySelector("ion-icon");x.text=r.text,x.mode=r.mode,x.icon=r.icon,x.color=r.color,x.disabled=r.disabled,x.style.setProperty("display","block"),x.style.setProperty("position","fixed"),X.addElement(g),y.addElement(h),y.beforeStyles({"transform-origin":`${$} center`}).beforeAddWrite((()=>{r.style.setProperty("display","none"),x.style.setProperty($,c)})).afterAddWrite((()=>{r.style.setProperty("display",""),x.style.setProperty("display","none"),x.style.removeProperty($)})).keyframes(u),X.beforeStyles({"transform-origin":`${b} center`}).keyframes(m),o.addAnimation([y,X])},i=(o,a,e,s,r,i)=>{const l=a?`calc(100% - ${r.right}px)`:`${r.left}px`,c=a?"-18px":"18px",p=a?"right":"left",f=e?[{offset:0,opacity:0,transform:`translate3d(${c}, ${i.top-4}px, 0) scale(0.49)`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0, ${r.top+2}px, 0) scale(1)`}]:[{offset:0,opacity:.99,transform:`translate3d(0, ${r.top+2}px, 0) scale(1)`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${c}, ${i.top-4}px, 0) scale(0.5)`}],d=n("ion-title"),$=t();d.innerText=s.innerText,d.size=s.size,d.color=s.color,$.addElement(d),$.beforeStyles({"transform-origin":`${p} center`,height:"46px",display:"",position:"relative",[p]:l}).beforeAddWrite((()=>{s.style.setProperty("opacity","0")})).afterAddWrite((()=>{s.style.setProperty("opacity",""),d.style.setProperty("display","none")})).keyframes(f),o.addAnimation($)},l=(n,l)=>{var c;try{const p="cubic-bezier(0.32,0.72,0,1)",f="opacity",d="transform",$="0%",b=.8,u="rtl"===n.ownerDocument.dir,m=u?"-99.5%":"99.5%",y=u?"33%":"-33%",X=l.enteringEl,x=l.leavingEl,h="back"===l.direction,g=X.querySelector(":scope > ion-content"),v=X.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),k=X.querySelectorAll(":scope > ion-header > ion-toolbar"),w=t(),T=t();if(w.addElement(X).duration((null!==(c=l.duration)&&void 0!==c?c:0)||540).easing(l.easing||p).fill("both").beforeRemoveClass("ion-page-invisible"),x&&null!=n){const o=t();o.addElement(n),w.addAnimation(o)}if(g||0!==k.length||0!==v.length?(T.addElement(g),T.addElement(v)):T.addElement(X.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),w.addAnimation(T),h?T.beforeClearStyles([f]).fromTo("transform",`translateX(${y})`,`translateX(${$})`).fromTo(f,b,1):T.beforeClearStyles([f]).fromTo("transform",`translateX(${m})`,`translateX(${$})`),g){const o=a(g).querySelector(".transition-effect");if(o){const n=o.querySelector(".transition-cover"),a=o.querySelector(".transition-shadow"),e=t(),s=t(),r=t();e.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),s.addElement(n).beforeClearStyles([f]).fromTo(f,0,.1),r.addElement(a).beforeClearStyles([f]).fromTo(f,.03,.7),e.addAnimation([s,r]),T.addAnimation([e])}}const j=X.querySelector("ion-header.header-collapse-condense"),{forward:A,backward:B}=((t,o,n,a,l)=>{const c=s(a,n),p=e(l),f=e(a),d=s(l,n),$=null!==c&&null!==p&&!n,b=null!==f&&null!==d&&n;if($){const a=p.getBoundingClientRect(),e=c.getBoundingClientRect();i(t,o,n,p,a,e),r(t,o,n,c,a,e)}else if(b){const a=f.getBoundingClientRect(),e=d.getBoundingClientRect();i(t,o,n,f,a,e),r(t,o,n,d,a,e)}return{forward:$,backward:b}})(w,u,h,X,x);if(k.forEach((o=>{const n=t();n.addElement(o),w.addAnimation(n);const e=t();e.addElement(o.querySelector("ion-title"));const s=t(),r=Array.from(o.querySelectorAll("ion-buttons,[menuToggle]")),i=o.closest("ion-header"),l=null==i?void 0:i.classList.contains("header-collapse-condense-inactive");let c;c=r.filter(h?t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}:t=>!t.classList.contains("buttons-collapse")),s.addElement(c);const p=t();p.addElement(o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const d=t();d.addElement(a(o).querySelector(".toolbar-background"));const b=t(),X=o.querySelector("ion-back-button");if(X&&b.addElement(X),n.addAnimation([e,s,p,d,b]),s.fromTo(f,.01,1),p.fromTo(f,.01,1),h)l||e.fromTo("transform",`translateX(${y})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${y})`,`translateX(${$})`),b.fromTo(f,.01,1);else if(j||e.fromTo("transform",`translateX(${m})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${m})`,`translateX(${$})`),d.beforeClearStyles([f,"transform"]),(null==i?void 0:i.translucent)?d.fromTo("transform",u?"translateX(-100%)":"translateX(100%)","translateX(0px)"):d.fromTo(f,.01,"var(--opacity)"),A||b.fromTo(f,.01,1),X&&!A){const o=t();o.addElement(a(X).querySelector(".button-text")).fromTo("transform",u?"translateX(-100px)":"translateX(100px)","translateX(0px)"),n.addAnimation(o)}})),x){const n=t(),e=x.querySelector(":scope > ion-content"),s=x.querySelectorAll(":scope > ion-header > ion-toolbar"),r=x.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(e||0!==s.length||0!==r.length?(n.addElement(e),n.addElement(r)):n.addElement(x.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),w.addAnimation(n),h){n.beforeClearStyles([f]).fromTo("transform",`translateX(${$})`,u?"translateX(-100%)":"translateX(100%)");const t=o(x);w.afterAddWrite((()=>{"normal"===w.getDirection()&&t.style.setProperty("display","none")}))}else n.fromTo("transform",`translateX(${$})`,`translateX(${y})`).fromTo(f,1,b);if(e){const o=a(e).querySelector(".transition-effect");if(o){const a=o.querySelector(".transition-cover"),e=o.querySelector(".transition-shadow"),s=t(),r=t(),i=t();s.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),r.addElement(a).beforeClearStyles([f]).fromTo(f,.1,0),i.addElement(e).beforeClearStyles([f]).fromTo(f,.7,.03),s.addAnimation([r,i]),n.addAnimation([s])}}s.forEach((o=>{const n=t();n.addElement(o);const e=t();e.addElement(o.querySelector("ion-title"));const s=t(),r=o.querySelectorAll("ion-buttons,[menuToggle]"),i=o.closest("ion-header"),l=null==i?void 0:i.classList.contains("header-collapse-condense-inactive"),c=Array.from(r).filter((t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}));s.addElement(c);const p=t(),b=o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");b.length>0&&p.addElement(b);const m=t();m.addElement(a(o).querySelector(".toolbar-background"));const X=t(),x=o.querySelector("ion-back-button");if(x&&X.addElement(x),n.addAnimation([e,s,p,X,m]),w.addAnimation(n),X.fromTo(f,.99,0),s.fromTo(f,.99,0),p.fromTo(f,.99,0),h){if(l||e.fromTo("transform",`translateX(${$})`,u?"translateX(-100%)":"translateX(100%)").fromTo(f,.99,0),p.fromTo("transform",`translateX(${$})`,u?"translateX(-100%)":"translateX(100%)"),m.beforeClearStyles([f,"transform"]),(null==i?void 0:i.translucent)?m.fromTo("transform","translateX(0px)",u?"translateX(-100%)":"translateX(100%)"):m.fromTo(f,"var(--opacity)",0),x&&!B){const o=t();o.addElement(a(x).querySelector(".button-text")).fromTo("transform",`translateX(${$})`,`translateX(${(u?-124:124)+"px"})`),n.addAnimation(o)}}else l||e.fromTo("transform",`translateX(${$})`,`translateX(${y})`).fromTo(f,.99,0).afterClearStyles([d,f]),p.fromTo("transform",`translateX(${$})`,`translateX(${y})`).afterClearStyles([d,f]),X.afterClearStyles([f]),e.afterClearStyles([f]),s.afterClearStyles([f])}))}return w}catch(t){throw t}};export{l as iosTransitionAnimation,a as shadow}

package/dist/ionic/p-b9047b05.system.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-System.register(["./p-015187e5.system.js","./p-128a98e8.system.js","./p-0e94957a.system.js","./p-815c2fba.system.js","./p-629aa3fd.system.js"],(function(t){"use strict";var e,a;return{setters:[function(t){e=t.c},function(t){a=t.g},function(){},function(){},function(){}],execute:function(){var o=540;var r=function(t){return document.querySelector("".concat(t,".ion-cloned-element"))};var n=t("shadow",(function(t){return t.shadowRoot||t}));var l=function(t){var e=t.tagName==="ION-TABS"?t:t.querySelector("ion-tabs");var a="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(e!=null){var o=e.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return o!=null?o.querySelector(a):null}return t.querySelector(a)};var c=function(t,e){var a=t.tagName==="ION-TABS"?t:t.querySelector("ion-tabs");var o=[];if(a!=null){var r=a.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(r!=null){o=r.querySelectorAll("ion-buttons")}}else{o=t.querySelectorAll("ion-buttons")}for(var n=0,l=o;n<l.length;n++){var c=l[n];var s=c.closest("ion-header");var i=s&&!s.classList.contains("header-collapse-condense-inactive");var f=c.querySelector("ion-back-button");var d=c.classList.contains("buttons-collapse");var v=c.slot==="start"||c.slot==="";if(f!==null&&v&&(d&&i&&e||!d)){return f}}return null};var s=function(t,e,a,o,r){var n=c(o,a);var s=l(r);var d=l(o);var v=c(r,a);var m=n!==null&&s!==null&&!a;var p=d!==null&&v!==null&&a;if(m){var u=s.getBoundingClientRect();var y=n.getBoundingClientRect();f(t,e,a,s,u,y);i(t,e,a,n,u,y)}else if(p){var b=d.getBoundingClientRect();var S=v.getBoundingClientRect();f(t,e,a,d,b,S);i(t,e,a,v,b,S)}return{forward:m,backward:p}};var i=function(t,a,o,l,c,s){var i=a?"calc(100% - ".concat(s.right+4,"px)"):"".concat(s.left-4,"px");var f=a?"7px":"-7px";var d=a?"-4px":"4px";var v=a?"-4px":"4px";var m=a?"right":"left";var p=a?"left":"right";var u=[{offset:0,opacity:0,transform:"translate3d(".concat(f,", ").concat(c.top-40,"px, 0) scale(2.1)")},{offset:1,opacity:1,transform:"translate3d(".concat(d,", ").concat(s.top-46,"px, 0) scale(1)")}];var y=[{offset:0,opacity:1,transform:"translate3d(".concat(d,", ").concat(s.top-46,"px, 0) scale(1)")},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(f,", ").concat(c.top-40,"px, 0) scale(2.1)")}];var b=o?y:u;var S=[{offset:0,opacity:0,transform:"translate3d(".concat(v,", ").concat(s.top-41,"px, 0) scale(0.6)")},{offset:1,opacity:1,transform:"translate3d(".concat(v,", ").concat(s.top-46,"px, 0) scale(1)")}];var g=[{offset:0,opacity:1,transform:"translate3d(".concat(v,", ").concat(s.top-46,"px, 0) scale(1)")},{offset:.2,opacity:0,transform:"translate3d(".concat(v,", ").concat(s.top-41,"px, 0) scale(0.6)")},{offset:1,opacity:0,transform:"translate3d(".concat(v,", ").concat(s.top-41,"px, 0) scale(0.6)")}];var T=o?g:S;var x=e();var h=e();var q=r("ion-back-button");var X=n(q).querySelector(".button-text");var A=n(q).querySelector("ion-icon");q.text=l.text;q.mode=l.mode;q.icon=l.icon;q.color=l.color;q.disabled=l.disabled;q.style.setProperty("display","block");q.style.setProperty("position","fixed");h.addElement(A);x.addElement(X);x.beforeStyles({"transform-origin":"".concat(m," center")}).beforeAddWrite((function(){l.style.setProperty("display","none");q.style.setProperty(m,i)})).afterAddWrite((function(){l.style.setProperty("display","");q.style.setProperty("display","none");q.style.removeProperty(m)})).keyframes(b);h.beforeStyles({"transform-origin":"".concat(p," center")}).keyframes(T);t.addAnimation([x,h])};var f=function(t,a,o,n,l,c){var s;var i=a?"calc(100% - ".concat(l.right,"px)"):"".concat(l.left,"px");var f=a?"-18px":"18px";var d=a?"right":"left";var v=[{offset:0,opacity:0,transform:"translate3d(".concat(f,", ").concat(c.top-4,"px, 0) scale(0.49)")},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(0, ".concat(l.top+2,"px, 0) scale(1)")}];var m=[{offset:0,opacity:.99,transform:"translate3d(0, ".concat(l.top+2,"px, 0) scale(1)")},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(f,", ").concat(c.top-4,"px, 0) scale(0.5)")}];var p=o?v:m;var u=r("ion-title");var y=e();u.innerText=n.innerText;u.size=n.size;u.color=n.color;y.addElement(u);y.beforeStyles((s={"transform-origin":"".concat(d," center"),height:"46px",display:"",position:"relative"},s[d]=i,s)).beforeAddWrite((function(){n.style.setProperty("opacity","0")})).afterAddWrite((function(){n.style.setProperty("opacity","");u.style.setProperty("display","none")})).keyframes(p);t.addAnimation(y)};var d=t("iosTransitionAnimation",(function(t,r){var l;try{var c="cubic-bezier(0.32,0.72,0,1)";var i="opacity";var f="transform";var d="0%";var v=.8;var m=t.ownerDocument.dir==="rtl";var p=m?"-99.5%":"99.5%";var u=m?"33%":"-33%";var y=r.enteringEl;var b=r.leavingEl;var S=r.direction==="back";var g=y.querySelector(":scope > ion-content");var T=y.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var x=y.querySelectorAll(":scope > ion-header > ion-toolbar");var h=e();var q=e();h.addElement(y).duration(((l=r.duration)!==null&&l!==void 0?l:0)||o).easing(r.easing||c).fill("both").beforeRemoveClass("ion-page-invisible");if(b&&t!==null&&t!==undefined){var X=e();X.addElement(t);h.addAnimation(X)}if(!g&&x.length===0&&T.length===0){q.addElement(y.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{q.addElement(g);q.addElement(T)}h.addAnimation(q);if(S){q.beforeClearStyles([i]).fromTo("transform","translateX(".concat(u,")"),"translateX(".concat(d,")")).fromTo(i,v,1)}else{q.beforeClearStyles([i]).fromTo("transform","translateX(".concat(p,")"),"translateX(".concat(d,")"))}if(g){var A=n(g).querySelector(".transition-effect");if(A){var E=A.querySelector(".transition-cover");var C=A.querySelector(".transition-shadow");var k=e();var P=e();var w=e();k.addElement(A).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});P.addElement(E).beforeClearStyles([i]).fromTo(i,0,.1);w.addElement(C).beforeClearStyles([i]).fromTo(i,.03,.7);k.addAnimation([P,w]);q.addAnimation([k])}}var L=y.querySelector("ion-header.header-collapse-condense");var B=s(h,m,S,y,b),R=B.forward,j=B.backward;x.forEach((function(t){var a=e();a.addElement(t);h.addAnimation(a);var o=e();o.addElement(t.querySelector("ion-title"));var r=e();var l=Array.from(t.querySelectorAll("ion-buttons,[menuToggle]"));var c=t.closest("ion-header");var s=c===null||c===void 0?void 0:c.classList.contains("header-collapse-condense-inactive");var f;if(S){f=l.filter((function(t){var e=t.classList.contains("buttons-collapse");return e&&!s||!e}))}else{f=l.filter((function(t){return!t.classList.contains("buttons-collapse")}))}r.addElement(f);var v=e();v.addElement(t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var y=e();y.addElement(n(t).querySelector(".toolbar-background"));var b=e();var g=t.querySelector("ion-back-button");if(g){b.addElement(g)}a.addAnimation([o,r,v,y,b]);r.fromTo(i,.01,1);v.fromTo(i,.01,1);if(S){if(!s){o.fromTo("transform","translateX(".concat(u,")"),"translateX(".concat(d,")")).fromTo(i,.01,1)}v.fromTo("transform","translateX(".concat(u,")"),"translateX(".concat(d,")"));b.fromTo(i,.01,1)}else{if(!L){o.fromTo("transform","translateX(".concat(p,")"),"translateX(".concat(d,")")).fromTo(i,.01,1)}v.fromTo("transform","translateX(".concat(p,")"),"translateX(".concat(d,")"));y.beforeClearStyles([i,"transform"]);var T=c===null||c===void 0?void 0:c.translucent;if(!T){y.fromTo(i,.01,"var(--opacity)")}else{y.fromTo("transform",m?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!R){b.fromTo(i,.01,1)}if(g&&!R){var x=e();x.addElement(n(g).querySelector(".button-text")).fromTo("transform",m?"translateX(-100px)":"translateX(100px)","translateX(0px)");a.addAnimation(x)}}}));if(b){var W=e();var N=b.querySelector(":scope > ion-content");var z=b.querySelectorAll(":scope > ion-header > ion-toolbar");var D=b.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!N&&z.length===0&&D.length===0){W.addElement(b.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{W.addElement(N);W.addElement(D)}h.addAnimation(W);if(S){W.beforeClearStyles([i]).fromTo("transform","translateX(".concat(d,")"),m?"translateX(-100%)":"translateX(100%)");var I=a(b);h.afterAddWrite((function(){if(h.getDirection()==="normal"){I.style.setProperty("display","none")}}))}else{W.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(u,")")).fromTo(i,1,v)}if(N){var O=n(N).querySelector(".transition-effect");if(O){var F=O.querySelector(".transition-cover");var G=O.querySelector(".transition-shadow");var H=e();var J=e();var K=e();H.addElement(O).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});J.addElement(F).beforeClearStyles([i]).fromTo(i,.1,0);K.addElement(G).beforeClearStyles([i]).fromTo(i,.7,.03);H.addAnimation([J,K]);W.addAnimation([H])}}z.forEach((function(t){var a=e();a.addElement(t);var o=e();o.addElement(t.querySelector("ion-title"));var r=e();var l=t.querySelectorAll("ion-buttons,[menuToggle]");var c=t.closest("ion-header");var s=c===null||c===void 0?void 0:c.classList.contains("header-collapse-condense-inactive");var v=Array.from(l).filter((function(t){var e=t.classList.contains("buttons-collapse");return e&&!s||!e}));r.addElement(v);var p=e();var y=t.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(y.length>0){p.addElement(y)}var b=e();b.addElement(n(t).querySelector(".toolbar-background"));var g=e();var T=t.querySelector("ion-back-button");if(T){g.addElement(T)}a.addAnimation([o,r,p,g,b]);h.addAnimation(a);g.fromTo(i,.99,0);r.fromTo(i,.99,0);p.fromTo(i,.99,0);if(S){if(!s){o.fromTo("transform","translateX(".concat(d,")"),m?"translateX(-100%)":"translateX(100%)").fromTo(i,.99,0)}p.fromTo("transform","translateX(".concat(d,")"),m?"translateX(-100%)":"translateX(100%)");b.beforeClearStyles([i,"transform"]);var x=c===null||c===void 0?void 0:c.translucent;if(!x){b.fromTo(i,"var(--opacity)",0)}else{b.fromTo("transform","translateX(0px)",m?"translateX(-100%)":"translateX(100%)")}if(T&&!j){var q=e();q.addElement(n(T).querySelector(".button-text")).fromTo("transform","translateX(".concat(d,")"),"translateX(".concat((m?-124:124)+"px",")"));a.addAnimation(q)}}else{if(!s){o.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(u,")")).fromTo(i,.99,0).afterClearStyles([f,i])}p.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(u,")")).afterClearStyles([f,i]);g.afterClearStyles([i]);o.afterClearStyles([i]);r.afterClearStyles([i])}}))}return h}catch(t){throw t}}))}}}));

package/dist/ionic/p-e2bb634f.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{w as a,B as i}from"./p-06ac429a.js";import{r as e}from"./p-63eb0acd.js";const n="ionViewWillEnter",o="ionViewDidEnter",s="ionViewWillLeave",t="ionViewDidLeave",r="ionViewWillUnload",c=i=>new Promise(((e,n)=>{a((()=>{p(i),w(i).then((a=>{a.animation&&a.animation.destroy(),l(i),e(a)}),(a=>{l(i),n(a)}))}))})),p=a=>{const i=a.enteringEl,e=a.leavingEl;k(i,e,a.direction),a.showGoBack?i.classList.add("can-go-back"):i.classList.remove("can-go-back"),j(i,!1),i.style.setProperty("pointer-events","none"),e&&(j(e,!1),e.style.setProperty("pointer-events","none"))},w=async a=>{const e=await d(a);return e&&i.isBrowser?m(e,a):v(a)},l=a=>{const i=a.enteringEl,e=a.leavingEl;i.classList.remove("ion-page-invisible"),i.style.removeProperty("pointer-events"),void 0!==e&&(e.classList.remove("ion-page-invisible"),e.style.removeProperty("pointer-events"))},d=async a=>{if(a.leavingEl&&a.animated&&0!==a.duration)return a.animationBuilder?a.animationBuilder:"ios"===a.mode?(await import("./p-16e44585.js")).iosTransitionAnimation:(await import("./p-e38a5f77.js")).mdTransitionAnimation},m=async(a,i)=>{await u(i,!0);const e=a(i.baseEl,i);g(i.enteringEl,i.leavingEl);const n=await f(e,i);return i.progressCallback&&i.progressCallback(void 0),n&&y(i.enteringEl,i.leavingEl),{hasCompleted:n,animation:e}},v=async a=>{const i=a.enteringEl,e=a.leavingEl;return await u(a,!1),g(i,e),y(i,e),{hasCompleted:!0}},u=async(a,i)=>{(void 0!==a.deepWait?a.deepWait:i)&&await Promise.all([V(a.enteringEl),V(a.leavingEl)]),await b(a.viewIsReady,a.enteringEl)},b=async(a,i)=>{a&&await a(i)},f=(a,i)=>{const e=i.progressCallback,n=new Promise((i=>{a.onFinish((a=>i(1===a)))}));return e?(a.progressStart(!0),e(a)):a.play(),n},g=(a,i)=>{h(i,s),h(a,n)},y=(a,i)=>{h(a,o),h(i,t)},h=(a,i)=>{if(a){const e=new CustomEvent(i,{bubbles:!1,cancelable:!1});a.dispatchEvent(e)}},P=()=>new Promise((a=>e((()=>e((()=>a())))))),V=async a=>{const i=a;if(i){if(null!=i.componentOnReady){if(null!=await i.componentOnReady())return}else if(null!=i.__registerHost){const a=new Promise((a=>e(a)));return void await a}await Promise.all(Array.from(i.children).map(V))}},j=(a,i)=>{i?(a.setAttribute("aria-hidden","true"),a.classList.add("ion-page-hidden")):(a.hidden=!1,a.removeAttribute("aria-hidden"),a.classList.remove("ion-page-hidden"))},k=(a,i,e)=>{void 0!==a&&(a.style.zIndex="back"===e?"99":"101"),void 0!==i&&(i.style.zIndex="100")},C=a=>{if(a.classList.contains("ion-page"))return a;return a.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")||a};export{n as L,o as a,s as b,t as c,r as d,V as e,C as g,h as l,j as s,c as t,P as w}