@ionic/core 7.8.5-dev.11712853167.1d02271c → 7.8.5-nightly.20240411

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/components/ios.transition.js +67 -90
  2. package/dist/cjs/{index-034460de.js → index-1f7c54f8.js} +2 -2
  3. package/dist/cjs/index.cjs.js +3 -3
  4. package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
  5. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  6. package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
  7. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  8. package/dist/cjs/{ios.transition-26c5adb2.js → ios.transition-30830fc4.js} +68 -91
  9. package/dist/cjs/{md.transition-75533d44.js → md.transition-7f581866.js} +1 -1
  10. package/dist/collection/utils/transition/ios.transition.js +67 -90
  11. package/dist/docs.json +1 -1
  12. package/dist/esm/{index-68278972.js → index-fae1515c.js} +2 -2
  13. package/dist/esm/index.js +3 -3
  14. package/dist/esm/ion-app_8.entry.js +1 -1
  15. package/dist/esm/ion-modal.entry.js +1 -1
  16. package/dist/esm/ion-nav_2.entry.js +1 -1
  17. package/dist/esm/ion-popover.entry.js +1 -1
  18. package/dist/esm/{ios.transition-471e5da1.js → ios.transition-a50a9a55.js} +68 -91
  19. package/dist/esm/{md.transition-12c07448.js → md.transition-0da92976.js} +1 -1
  20. package/dist/esm-es5/{index-68278972.js → index-fae1515c.js} +1 -1
  21. package/dist/esm-es5/index.js +1 -1
  22. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  23. package/dist/esm-es5/ion-modal.entry.js +1 -1
  24. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  25. package/dist/esm-es5/ion-popover.entry.js +1 -1
  26. package/dist/esm-es5/ios.transition-a50a9a55.js +4 -0
  27. package/dist/esm-es5/{md.transition-12c07448.js → md.transition-0da92976.js} +1 -1
  28. package/dist/ionic/index.esm.js +1 -1
  29. package/dist/ionic/ionic.esm.js +1 -1
  30. package/dist/ionic/p-0047bd0e.js +4 -0
  31. package/dist/ionic/{p-99d8b626.entry.js → p-05c69a9b.entry.js} +1 -1
  32. package/dist/ionic/{p-85ea810f.system.js → p-0609a7d8.system.js} +1 -1
  33. package/dist/ionic/{p-be403dff.entry.js → p-19dd9808.entry.js} +1 -1
  34. package/dist/ionic/{p-4e9552a3.js → p-1cd372ed.js} +1 -1
  35. package/dist/ionic/{p-815c676c.entry.js → p-200d971f.entry.js} +1 -1
  36. package/dist/ionic/{p-a258956b.system.entry.js → p-52f1dc25.system.entry.js} +1 -1
  37. package/dist/ionic/p-6a6550fa.js +4 -0
  38. package/dist/ionic/p-6ecddf53.system.js +4 -0
  39. package/dist/ionic/{p-8444e4c0.entry.js → p-83090da8.entry.js} +1 -1
  40. package/dist/ionic/{p-f3d07c09.system.entry.js → p-a4151856.system.entry.js} +1 -1
  41. package/dist/ionic/{p-9d3363aa.system.entry.js → p-ac8686ab.system.entry.js} +1 -1
  42. package/dist/ionic/{p-414c5031.system.entry.js → p-ba87a6dd.system.entry.js} +1 -1
  43. package/dist/ionic/{p-8668ffee.system.js → p-e0948431.system.js} +1 -1
  44. package/dist/ionic/p-e933e886.system.js +1 -1
  45. package/dist/ionic/{p-0020292d.system.js → p-f4fb429a.system.js} +1 -1
  46. package/hydrate/index.js +73 -96
  47. package/package.json +1 -1
  48. package/dist/esm-es5/ios.transition-471e5da1.js +0 -4
  49. package/dist/ionic/p-1a244094.js +0 -4
  50. package/dist/ionic/p-3420329d.js +0 -4
  51. package/dist/ionic/p-de6623db.system.js +0 -4
package/hydrate/index.js CHANGED
@@ -38248,22 +38248,20 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
38248
38248
  const leavingLargeTitleBox = leavingLargeTitle.getBoundingClientRect();
38249
38249
  const enteringBackButtonBox = enteringBackButton.getBoundingClientRect();
38250
38250
  const enteringBackButtonTextEl = shadow(enteringBackButton).querySelector('.button-text');
38251
- // Text element not rendered if developers pass text="" to the back button
38252
- const enteringBackButtonTextBox = enteringBackButtonTextEl === null || enteringBackButtonTextEl === void 0 ? void 0 : enteringBackButtonTextEl.getBoundingClientRect();
38251
+ const enteringBackButtonTextBox = enteringBackButtonTextEl.getBoundingClientRect();
38253
38252
  const leavingLargeTitleTextEl = shadow(leavingLargeTitle).querySelector('.toolbar-title');
38254
38253
  const leavingLargeTitleTextBox = leavingLargeTitleTextEl.getBoundingClientRect();
38255
- animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, leavingLargeTitleTextBox, enteringBackButtonBox, enteringBackButtonTextEl, enteringBackButtonTextBox);
38254
+ animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, leavingLargeTitleTextBox, enteringBackButtonTextEl, enteringBackButtonTextBox);
38256
38255
  animateBackButton(rootAnimation, rtl, backDirection, enteringBackButton, enteringBackButtonBox, enteringBackButtonTextEl, enteringBackButtonTextBox, leavingLargeTitle, leavingLargeTitleTextBox);
38257
38256
  }
38258
38257
  else if (shouldAnimationBackward) {
38259
38258
  const enteringLargeTitleBox = enteringLargeTitle.getBoundingClientRect();
38260
38259
  const leavingBackButtonBox = leavingBackButton.getBoundingClientRect();
38261
38260
  const leavingBackButtonTextEl = shadow(leavingBackButton).querySelector('.button-text');
38262
- // Text element not rendered if developers pass text="" to the back button
38263
- const leavingBackButtonTextBox = leavingBackButtonTextEl === null || leavingBackButtonTextEl === void 0 ? void 0 : leavingBackButtonTextEl.getBoundingClientRect();
38261
+ const leavingBackButtonTextBox = leavingBackButtonTextEl.getBoundingClientRect();
38264
38262
  const enteringLargeTitleTextEl = shadow(enteringLargeTitle).querySelector('.toolbar-title');
38265
38263
  const enteringLargeTitleTextBox = enteringLargeTitleTextEl.getBoundingClientRect();
38266
- animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, enteringLargeTitleTextBox, leavingBackButtonBox, leavingBackButtonTextEl, leavingBackButtonTextBox);
38264
+ animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, enteringLargeTitleTextBox, leavingBackButtonTextEl, leavingBackButtonTextBox);
38267
38265
  animateBackButton(rootAnimation, rtl, backDirection, leavingBackButton, leavingBackButtonBox, leavingBackButtonTextEl, leavingBackButtonTextBox, enteringLargeTitle, enteringLargeTitleTextBox);
38268
38266
  }
38269
38267
  return {
@@ -38277,29 +38275,26 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
38277
38275
  const TEXT_ORIGIN_X = rtl ? 'right' : 'left';
38278
38276
  const ICON_ORIGIN_X = rtl ? 'left' : 'right';
38279
38277
  const CONTAINER_ORIGIN_X = rtl ? 'right' : 'left';
38280
- let WIDTH_SCALE = 1;
38281
- let HEIGHT_SCALE = 1;
38282
- let TEXT_START_SCALE = `scale(${HEIGHT_SCALE})`;
38278
+ /**
38279
+ * When the title and back button texts match
38280
+ * then they should overlap during the page transition.
38281
+ * If the texts do not match up then the back button text scale adjusts
38282
+ * to not perfectly match the large title text otherwise the
38283
+ * proportions will be incorrect.
38284
+ * When the texts match we scale both the width and height to account for
38285
+ * font weight differences between the title and back button.
38286
+ */
38287
+ const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
38288
+ const WIDTH_SCALE = largeTitleTextBox.width / backButtonTextBox.width;
38289
+ /**
38290
+ * We subtract an offset to account for slight sizing/padding
38291
+ * differences between the title and the back button.
38292
+ */
38293
+ const HEIGHT_SCALE = (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET) / backButtonTextBox.height;
38294
+ const TEXT_START_SCALE = doTitleAndButtonTextsMatch
38295
+ ? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})`
38296
+ : `scale(${HEIGHT_SCALE})`;
38283
38297
  const TEXT_END_SCALE = 'scale(1)';
38284
- if (backButtonTextEl && backButtonTextBox) {
38285
- /**
38286
- * When the title and back button texts match then they should overlap during the
38287
- * page transition. If the texts do not match up then the back button text scale
38288
- * adjusts to not perfectly match the large title text otherwise the proportions
38289
- * will be incorrect. When the texts match we scale both the width and height to
38290
- * account for font weight differences between the title and back button.
38291
- */
38292
- const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
38293
- WIDTH_SCALE = largeTitleTextBox.width / backButtonTextBox.width;
38294
- /**
38295
- * Subtract an offset to account for slight sizing/padding differences between the
38296
- * title and the back button.
38297
- */
38298
- HEIGHT_SCALE = (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET) / backButtonTextBox.height;
38299
- if (doTitleAndButtonTextsMatch) {
38300
- TEXT_START_SCALE = `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})`;
38301
- }
38302
- }
38303
38298
  const backButtonIconEl = shadow(backButtonEl).querySelector('ion-icon');
38304
38299
  const backButtonIconBox = backButtonIconEl.getBoundingClientRect();
38305
38300
  /**
@@ -38396,11 +38391,11 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
38396
38391
  top: '0px',
38397
38392
  [CONTAINER_ORIGIN_X]: '0px',
38398
38393
  })
38399
- /**
38400
- * The write hooks must be set on this animation as it is guaranteed to run. Other
38401
- * animations such as the back button text animation will not run if the back button
38402
- * has no visible text.
38403
- */
38394
+ .keyframes(CONTAINER_KEYFRAMES);
38395
+ enteringBackButtonTextAnimation
38396
+ .beforeStyles({
38397
+ 'transform-origin': `${TEXT_ORIGIN_X} top`,
38398
+ })
38404
38399
  .beforeAddWrite(() => {
38405
38400
  backButtonEl.style.setProperty('display', 'none');
38406
38401
  clonedBackButtonEl.style.setProperty(TEXT_ORIGIN_X, BACK_BUTTON_START_OFFSET);
@@ -38409,11 +38404,6 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
38409
38404
  backButtonEl.style.setProperty('display', '');
38410
38405
  clonedBackButtonEl.style.setProperty('display', 'none');
38411
38406
  clonedBackButtonEl.style.removeProperty(TEXT_ORIGIN_X);
38412
- })
38413
- .keyframes(CONTAINER_KEYFRAMES);
38414
- enteringBackButtonTextAnimation
38415
- .beforeStyles({
38416
- 'transform-origin': `${TEXT_ORIGIN_X} top`,
38417
38407
  })
38418
38408
  .keyframes(TEXT_KEYFRAMES);
38419
38409
  enteringBackButtonIconAnimation
@@ -38427,7 +38417,7 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, back
38427
38417
  enteringBackButtonAnimation,
38428
38418
  ]);
38429
38419
  };
38430
- const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, largeTitleTextBox, backButtonBox, backButtonTextEl, backButtonTextBox) => {
38420
+ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, largeTitleTextBox, backButtonTextEl, backButtonTextBox) => {
38431
38421
  var _a, _b;
38432
38422
  /**
38433
38423
  * The horizontal transform origin for the large title
@@ -38447,65 +38437,52 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
38447
38437
  * title and the back button due to padding and font weight.
38448
38438
  */
38449
38439
  const LARGE_TITLE_TRANSLATION_OFFSET = 8;
38450
- let END_TRANSLATE_X = rtl
38451
- ? `-${window.innerWidth - backButtonBox.right - LARGE_TITLE_TRANSLATION_OFFSET}px`
38452
- : `${backButtonBox.x + LARGE_TITLE_TRANSLATION_OFFSET}px`;
38453
- /**
38454
- * How much to scale the large title up/down by.
38455
- */
38456
- let HEIGHT_SCALE = 0.5;
38457
38440
  /**
38458
- * The large title always starts full size.
38459
- */
38441
+ * The scaled title should (roughly) overlap the back button.
38442
+ * This ensures that the back button and title overlap during
38443
+ * the animation. Note that since both elements either fade in
38444
+ * or fade out over the course of the animation, neither element
38445
+ * will be fully visible on top of the other. As a result, the overlap
38446
+ * does not need to be perfect, so approximate values are acceptable here.
38447
+ */
38448
+ const END_TRANSLATE_X = rtl
38449
+ ? `-${window.innerWidth - backButtonTextBox.right - LARGE_TITLE_TRANSLATION_OFFSET}px`
38450
+ : `${backButtonTextBox.x - LARGE_TITLE_TRANSLATION_OFFSET}px`;
38451
+ /**
38452
+ * The top of the scaled large title
38453
+ * should match with the top of the
38454
+ * back button text element.
38455
+ * We subtract 2px to account for the top padding
38456
+ * on the large title element.
38457
+ */
38458
+ const LARGE_TITLE_TOP_PADDING = 2;
38459
+ const END_TRANSLATE_Y = `${backButtonTextBox.y - LARGE_TITLE_TOP_PADDING}px`;
38460
+ /**
38461
+ * In the forward direction, the large title should start at its
38462
+ * normal size and then scale down to be (roughly) the size of the
38463
+ * back button on the other view. In the backward direction, the
38464
+ * large title should start at (roughly) the size of the back button
38465
+ * and then scale up to its original size.
38466
+ *
38467
+ * Note that since both elements either fade in
38468
+ * or fade out over the course of the animation, neither element
38469
+ * will be fully visible on top of the other. As a result, the overlap
38470
+ * does not need to be perfect, so approximate values are acceptable here.
38471
+ */
38472
+ /**
38473
+ * When the title and back button texts match
38474
+ * then they should overlap during the page transition.
38475
+ * If the texts do not match up then the large title text scale adjusts
38476
+ * to not perfectly match the back button text otherwise the
38477
+ * proportions will be incorrect.
38478
+ * When the texts match we scale both the width and height to account for
38479
+ * font weight differences between the title and back button.
38480
+ */
38481
+ const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
38482
+ const WIDTH_SCALE = backButtonTextBox.width / largeTitleTextBox.width;
38483
+ const HEIGHT_SCALE = backButtonTextBox.height / (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET);
38460
38484
  const START_SCALE = 'scale(1)';
38461
- /**
38462
- * By default, we don't worry about having the large title scaled to perfectly
38463
- * match the back button because we don't know if the back button's text matches
38464
- * the large title's text.
38465
- */
38466
- let END_SCALE = `scale(${HEIGHT_SCALE})`;
38467
- // Text element not rendered if developers pass text="" to the back button
38468
- if (backButtonTextEl && backButtonTextBox) {
38469
- /**
38470
- * The scaled title should (roughly) overlap the back button. This ensures that
38471
- * the back button and title overlap during the animation. Note that since both
38472
- * elements either fade in or fade out over the course of the animation, neither
38473
- * element will be fully visible on top of the other. As a result, the overlap
38474
- * does not need to be perfect, so approximate values are acceptable here.
38475
- */
38476
- END_TRANSLATE_X = rtl
38477
- ? `-${window.innerWidth - backButtonTextBox.right - LARGE_TITLE_TRANSLATION_OFFSET}px`
38478
- : `${backButtonTextBox.x - LARGE_TITLE_TRANSLATION_OFFSET}px`;
38479
- /**
38480
- * In the forward direction, the large title should start at its normal size and
38481
- * then scale down to be (roughly) the size of the back button on the other view.
38482
- * In the backward direction, the large title should start at (roughly) the size
38483
- * of the back button and then scale up to its original size.
38484
- * Note that since both elements either fade in or fade out over the course of the
38485
- * animation, neither element will be fully visible on top of the other. As a result,
38486
- * the overlap does not need to be perfect, so approximate values are acceptable here.
38487
- */
38488
- /**
38489
- * When the title and back button texts match then they should overlap during the
38490
- * page transition. If the texts do not match up then the large title text scale
38491
- * adjusts to not perfectly match the back button text otherwise the proportions
38492
- * will be incorrect. When the texts match we scale both the width and height to
38493
- * account for font weight differences between the title and back button.
38494
- */
38495
- const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
38496
- const WIDTH_SCALE = backButtonTextBox.width / largeTitleTextBox.width;
38497
- HEIGHT_SCALE = backButtonTextBox.height / (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET);
38498
- if (doTitleAndButtonTextsMatch) {
38499
- END_SCALE = `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})`;
38500
- }
38501
- }
38502
- /**
38503
- * The midpoints of the back button and the title should align such that the back
38504
- * button and title appear to be centered with each other.
38505
- */
38506
- const backButtonMidPoint = backButtonBox.top + backButtonBox.height / 2;
38507
- const titleMidPoint = (largeTitleBox.height * HEIGHT_SCALE) / 2;
38508
- const END_TRANSLATE_Y = `${backButtonMidPoint - titleMidPoint}px`;
38485
+ const END_SCALE = doTitleAndButtonTextsMatch ? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})` : `scale(${HEIGHT_SCALE})`;
38509
38486
  const BACKWARDS_KEYFRAMES = [
38510
38487
  { offset: 0, opacity: 0, transform: `translate3d(${END_TRANSLATE_X}, ${END_TRANSLATE_Y}, 0) ${END_SCALE}` },
38511
38488
  { offset: 0.1, opacity: 0 },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/core",
3
- "version": "7.8.5-dev.11712853167.1d02271c",
3
+ "version": "7.8.5-nightly.20240411",
4
4
  "description": "Base components for Ionic",
5
5
  "keywords": [
6
6
  "ionic",
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{c as createAnimation}from"./animation-6a0c5338.js";import{g as getIonPageElement}from"./index-68278972.js";import"./index-a5d50daf.js";import"./helpers-be245865.js";import"./index-a1a47f01.js";var DURATION=540;var getClonedElement=function(a){return document.querySelector("".concat(a,".ion-cloned-element"))};var shadow=function(a){return a.shadowRoot||a};var getLargeTitle=function(a){var t=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var r="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(t!=null){var n=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return n!=null?n.querySelector(r):null}return a.querySelector(r)};var getBackButton=function(a,t){var r=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var n=[];if(r!=null){var o=r.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(o!=null){n=o.querySelectorAll("ion-buttons")}}else{n=a.querySelectorAll("ion-buttons")}for(var e=0,i=n;e<i.length;e++){var s=i[e];var l=s.closest("ion-header");var v=l&&!l.classList.contains("header-collapse-condense-inactive");var c=s.querySelector("ion-back-button");var f=s.classList.contains("buttons-collapse");var p=s.slot==="start"||s.slot==="";if(c!==null&&p&&(f&&v&&t||!f)){return c}}return null};var createLargeTitleTransition=function(a,t,r,n,o){var e=getBackButton(n,r);var i=getLargeTitle(o);var s=getLargeTitle(n);var l=getBackButton(o,r);var v=e!==null&&i!==null&&!r;var c=s!==null&&l!==null&&r;if(v){var f=i.getBoundingClientRect();var p=e.getBoundingClientRect();var d=shadow(e).querySelector(".button-text");var m=d===null||d===void 0?void 0:d.getBoundingClientRect();var u=shadow(i).querySelector(".toolbar-title");var b=u.getBoundingClientRect();animateLargeTitle(a,t,r,i,f,b,p,d,m);animateBackButton(a,t,r,e,p,d,m,i,b)}else if(c){var g=s.getBoundingClientRect();var h=l.getBoundingClientRect();var A=shadow(l).querySelector(".button-text");var y=A===null||A===void 0?void 0:A.getBoundingClientRect();var X=shadow(s).querySelector(".toolbar-title");var x=X.getBoundingClientRect();animateLargeTitle(a,t,r,s,g,x,h,A,y);animateBackButton(a,t,r,l,h,A,y,s,x)}return{forward:v,backward:c}};var animateBackButton=function(a,t,r,n,o,e,i,s,l){var v;var c,f;var p=t?"calc(100% - ".concat(o.right+4,"px)"):"".concat(o.left-4,"px");var d=t?"right":"left";var m=t?"left":"right";var u=t?"right":"left";var b=1;var g=1;var h="scale(".concat(g,")");var A="scale(1)";if(e&&i){var y=((c=e.textContent)===null||c===void 0?void 0:c.trim())===((f=s.textContent)===null||f===void 0?void 0:f.trim());b=l.width/i.width;g=(l.height-LARGE_TITLE_SIZE_OFFSET)/i.height;if(y){h="scale(".concat(b,", ").concat(g,")")}}var X=shadow(n).querySelector("ion-icon");var x=X.getBoundingClientRect();var T=t?"".concat(x.width/2-(x.right-o.right),"px"):"".concat(o.left-x.width/2,"px");var w=t?"-".concat(window.innerWidth-o.right,"px"):"".concat(o.left,"px");var k="".concat(l.top,"px");var E="".concat(o.top,"px");var B=[{offset:0,transform:"translate3d(".concat(T,", ").concat(k,", 0)")},{offset:1,transform:"translate3d(".concat(w,", ").concat(E,", 0)")}];var L=[{offset:0,transform:"translate3d(".concat(w,", ").concat(E,", 0)")},{offset:1,transform:"translate3d(".concat(T,", ").concat(k,", 0)")}];var I=r?L:B;var _=[{offset:0,opacity:0,transform:h},{offset:1,opacity:1,transform:A}];var S=[{offset:0,opacity:1,transform:A},{offset:1,opacity:0,transform:h}];var O=r?S:_;var F=[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}];var j=[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}];var R=r?j:F;var N=createAnimation();var C=createAnimation();var G=createAnimation();var Z=getClonedElement("ion-back-button");var D=shadow(Z).querySelector(".button-text");var P=shadow(Z).querySelector("ion-icon");Z.text=n.text;Z.mode=n.mode;Z.icon=n.icon;Z.color=n.color;Z.disabled=n.disabled;Z.style.setProperty("display","block");Z.style.setProperty("position","fixed");C.addElement(P);N.addElement(D);G.addElement(Z);G.beforeStyles((v={position:"absolute",top:"0px"},v[u]="0px",v)).beforeAddWrite((function(){n.style.setProperty("display","none");Z.style.setProperty(d,p)})).afterAddWrite((function(){n.style.setProperty("display","");Z.style.setProperty("display","none");Z.style.removeProperty(d)})).keyframes(I);N.beforeStyles({"transform-origin":"".concat(d," top")}).keyframes(O);C.beforeStyles({"transform-origin":"".concat(m," center")}).keyframes(R);a.addAnimation([N,C,G])};var animateLargeTitle=function(a,t,r,n,o,e,i,s,l){var v;var c,f;var p=t?"right":"left";var d=t?"calc(100% - ".concat(o.right,"px)"):"".concat(o.left,"px");var m="0px";var u="".concat(o.top,"px");var b=8;var g=t?"-".concat(window.innerWidth-i.right-b,"px"):"".concat(i.x+b,"px");var h=.5;var A="scale(1)";var y="scale(".concat(h,")");if(s&&l){g=t?"-".concat(window.innerWidth-l.right-b,"px"):"".concat(l.x-b,"px");var X=((c=s.textContent)===null||c===void 0?void 0:c.trim())===((f=n.textContent)===null||f===void 0?void 0:f.trim());var x=l.width/e.width;h=l.height/(e.height-LARGE_TITLE_SIZE_OFFSET);if(X){y="scale(".concat(x,", ").concat(h,")")}}var T=i.top+i.height/2;var w=o.height*h/2;var k="".concat(T-w,"px");var E=[{offset:0,opacity:0,transform:"translate3d(".concat(g,", ").concat(k,", 0) ").concat(y)},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(".concat(m,", ").concat(u,", 0) ").concat(A)}];var B=[{offset:0,opacity:.99,transform:"translate3d(".concat(m,", ").concat(u,", 0) ").concat(A)},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(g,", ").concat(k,", 0) ").concat(y)}];var L=r?E:B;var I=getClonedElement("ion-title");var _=createAnimation();I.innerText=n.innerText;I.size=n.size;I.color=n.color;_.addElement(I);_.beforeStyles((v={"transform-origin":"".concat(p," top"),height:"".concat(o.height,"px"),display:"",position:"relative"},v[p]=d,v)).beforeAddWrite((function(){n.style.setProperty("opacity","0")})).afterAddWrite((function(){n.style.setProperty("opacity","");I.style.setProperty("display","none")})).keyframes(L);a.addAnimation(_)};var iosTransitionAnimation=function(a,t){var r;try{var n="cubic-bezier(0.32,0.72,0,1)";var o="opacity";var e="transform";var i="0%";var s=.8;var l=a.ownerDocument.dir==="rtl";var v=l?"-99.5%":"99.5%";var c=l?"33%":"-33%";var f=t.enteringEl;var p=t.leavingEl;var d=t.direction==="back";var m=f.querySelector(":scope > ion-content");var u=f.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var b=f.querySelectorAll(":scope > ion-header > ion-toolbar");var g=createAnimation();var h=createAnimation();g.addElement(f).duration(((r=t.duration)!==null&&r!==void 0?r:0)||DURATION).easing(t.easing||n).fill("both").beforeRemoveClass("ion-page-invisible");if(p&&a!==null&&a!==undefined){var A=createAnimation();A.addElement(a);g.addAnimation(A)}if(!m&&b.length===0&&u.length===0){h.addElement(f.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{h.addElement(m);h.addElement(u)}g.addAnimation(h);if(d){h.beforeClearStyles([o]).fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")")).fromTo(o,s,1)}else{h.beforeClearStyles([o]).fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")"))}if(m){var y=shadow(m).querySelector(".transition-effect");if(y){var X=y.querySelector(".transition-cover");var x=y.querySelector(".transition-shadow");var T=createAnimation();var w=createAnimation();var k=createAnimation();T.addElement(y).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});w.addElement(X).beforeClearStyles([o]).fromTo(o,0,.1);k.addElement(x).beforeClearStyles([o]).fromTo(o,.03,.7);T.addAnimation([w,k]);h.addAnimation([T])}}var E=f.querySelector("ion-header.header-collapse-condense");var B=createLargeTitleTransition(g,l,d,f,p),L=B.forward,I=B.backward;b.forEach((function(a){var t=createAnimation();t.addElement(a);g.addAnimation(t);var r=createAnimation();r.addElement(a.querySelector("ion-title"));var n=createAnimation();var e=Array.from(a.querySelectorAll("ion-buttons,[menuToggle]"));var s=a.closest("ion-header");var f=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var p;if(d){p=e.filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!f||!t}))}else{p=e.filter((function(a){return!a.classList.contains("buttons-collapse")}))}n.addElement(p);var m=createAnimation();m.addElement(a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var u=createAnimation();u.addElement(shadow(a).querySelector(".toolbar-background"));var b=createAnimation();var h=a.querySelector("ion-back-button");if(h){b.addElement(h)}t.addAnimation([r,n,m,u,b]);n.fromTo(o,.01,1);m.fromTo(o,.01,1);if(d){if(!f){r.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")")).fromTo(o,.01,1)}m.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(i,")"));b.fromTo(o,.01,1)}else{if(!E){r.fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")")).fromTo(o,.01,1)}m.fromTo("transform","translateX(".concat(v,")"),"translateX(".concat(i,")"));u.beforeClearStyles([o,"transform"]);var A=s===null||s===void 0?void 0:s.translucent;if(!A){u.fromTo(o,.01,"var(--opacity)")}else{u.fromTo("transform",l?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!L){b.fromTo(o,.01,1)}if(h&&!L){var y=createAnimation();y.addElement(shadow(h).querySelector(".button-text")).fromTo("transform",l?"translateX(-100px)":"translateX(100px)","translateX(0px)");t.addAnimation(y)}}}));if(p){var _=createAnimation();var S=p.querySelector(":scope > ion-content");var O=p.querySelectorAll(":scope > ion-header > ion-toolbar");var F=p.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!S&&O.length===0&&F.length===0){_.addElement(p.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{_.addElement(S);_.addElement(F)}g.addAnimation(_);if(d){_.beforeClearStyles([o]).fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)");var j=getIonPageElement(p);g.afterAddWrite((function(){if(g.getDirection()==="normal"){j.style.setProperty("display","none")}}))}else{_.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).fromTo(o,1,s)}if(S){var R=shadow(S).querySelector(".transition-effect");if(R){var N=R.querySelector(".transition-cover");var C=R.querySelector(".transition-shadow");var G=createAnimation();var Z=createAnimation();var D=createAnimation();G.addElement(R).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});Z.addElement(N).beforeClearStyles([o]).fromTo(o,.1,0);D.addElement(C).beforeClearStyles([o]).fromTo(o,.7,.03);G.addAnimation([Z,D]);_.addAnimation([G])}}O.forEach((function(a){var t=createAnimation();t.addElement(a);var r=createAnimation();r.addElement(a.querySelector("ion-title"));var n=createAnimation();var s=a.querySelectorAll("ion-buttons,[menuToggle]");var v=a.closest("ion-header");var f=v===null||v===void 0?void 0:v.classList.contains("header-collapse-condense-inactive");var p=Array.from(s).filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!f||!t}));n.addElement(p);var m=createAnimation();var u=a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(u.length>0){m.addElement(u)}var b=createAnimation();b.addElement(shadow(a).querySelector(".toolbar-background"));var h=createAnimation();var A=a.querySelector("ion-back-button");if(A){h.addElement(A)}t.addAnimation([r,n,m,h,b]);g.addAnimation(t);h.fromTo(o,.99,0);n.fromTo(o,.99,0);m.fromTo(o,.99,0);if(d){if(!f){r.fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)").fromTo(o,.99,0)}m.fromTo("transform","translateX(".concat(i,")"),l?"translateX(-100%)":"translateX(100%)");b.beforeClearStyles([o,"transform"]);var y=v===null||v===void 0?void 0:v.translucent;if(!y){b.fromTo(o,"var(--opacity)",0)}else{b.fromTo("transform","translateX(0px)",l?"translateX(-100%)":"translateX(100%)")}if(A&&!I){var X=createAnimation();X.addElement(shadow(A).querySelector(".button-text")).fromTo("transform","translateX(".concat(i,")"),"translateX(".concat((l?-124:124)+"px",")"));t.addAnimation(X)}}else{if(!f){r.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).fromTo(o,.99,0).afterClearStyles([e,o])}m.fromTo("transform","translateX(".concat(i,")"),"translateX(".concat(c,")")).afterClearStyles([e,o]);h.afterClearStyles([o]);r.afterClearStyles([o]);n.afterClearStyles([o])}}))}return g}catch(a){throw a}};var LARGE_TITLE_SIZE_OFFSET=10;export{iosTransitionAnimation,shadow};
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{w as i,B as n}from"./p-ead0d463.js";import{r as a}from"./p-1b3ffb2f.js";const e="ionViewWillEnter",o="ionViewDidEnter",s="ionViewWillLeave",t="ionViewDidLeave",r="ionViewWillUnload",c=n=>new Promise(((a,e)=>{i((()=>{p(n),w(n).then((i=>{i.animation&&i.animation.destroy(),d(n),a(i)}),(i=>{d(n),e(i)}))}))})),p=i=>{const n=i.enteringEl,a=i.leavingEl;k(n,a,i.direction),i.showGoBack?n.classList.add("can-go-back"):n.classList.remove("can-go-back"),j(n,!1),n.style.setProperty("pointer-events","none"),a&&(j(a,!1),a.style.setProperty("pointer-events","none"))},w=async i=>{const a=await l(i);return a&&n.isBrowser?m(a,i):v(i)},d=i=>{const n=i.enteringEl,a=i.leavingEl;n.classList.remove("ion-page-invisible"),n.style.removeProperty("pointer-events"),void 0!==a&&(a.classList.remove("ion-page-invisible"),a.style.removeProperty("pointer-events"))},l=async i=>{if(i.leavingEl&&i.animated&&0!==i.duration)return i.animationBuilder?i.animationBuilder:"ios"===i.mode?(await import("./p-3420329d.js")).iosTransitionAnimation:(await import("./p-4e9552a3.js")).mdTransitionAnimation},m=async(i,n)=>{await u(n,!0);const a=i(n.baseEl,n);g(n.enteringEl,n.leavingEl);const e=await f(a,n);return n.progressCallback&&n.progressCallback(void 0),e&&y(n.enteringEl,n.leavingEl),{hasCompleted:e,animation:a}},v=async i=>{const n=i.enteringEl,a=i.leavingEl;return await u(i,!1),g(n,a),y(n,a),{hasCompleted:!0}},u=async(i,n)=>{(void 0!==i.deepWait?i.deepWait:n)&&await Promise.all([V(i.enteringEl),V(i.leavingEl)]),await b(i.viewIsReady,i.enteringEl)},b=async(i,n)=>{i&&await i(n)},f=(i,n)=>{const a=n.progressCallback,e=new Promise((n=>{i.onFinish((i=>n(1===i)))}));return a?(i.progressStart(!0),a(i)):i.play(),e},g=(i,n)=>{h(n,s),h(i,e)},y=(i,n)=>{h(i,o),h(n,t)},h=(i,n)=>{if(i){const a=new CustomEvent(n,{bubbles:!1,cancelable:!1});i.dispatchEvent(a)}},P=()=>new Promise((i=>a((()=>a((()=>i())))))),V=async i=>{const n=i;if(n){if(null!=n.componentOnReady){if(null!=await n.componentOnReady())return}else if(null!=n.__registerHost){const i=new Promise((i=>a(i)));return void await i}await Promise.all(Array.from(n.children).map(V))}},j=(i,n)=>{n?(i.setAttribute("aria-hidden","true"),i.classList.add("ion-page-hidden")):(i.hidden=!1,i.removeAttribute("aria-hidden"),i.classList.remove("ion-page-hidden"))},k=(i,n,a)=>{void 0!==i&&(i.style.zIndex="back"===a?"99":"101"),void 0!==n&&(n.style.zIndex="100")},C=i=>{if(i.classList.contains("ion-page"))return i;return i.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")||i};export{e 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}
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{c as t}from"./p-942a9358.js";import{g as o}from"./p-1a244094.js";import"./p-7b30edcc.js";import"./p-1b3ffb2f.js";import"./p-ead0d463.js";const n=t=>document.querySelector(`${t}.ion-cloned-element`),a=t=>t.shadowRoot||t,s=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)},e=(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"),s=t.querySelector("ion-back-button"),e=t.classList.contains("buttons-collapse");if(null!==s&&("start"===t.slot||""===t.slot)&&(e&&a&&o||!e))return s}return null},r=(o,s,e,r,i,l,f,p,d)=>{var $,u;const b=s?`calc(100% - ${i.right+4}px)`:i.left-4+"px",m=s?"right":"left",y=s?"left":"right",X=s?"right":"left";let x=1,v=1,h=`scale(${v})`;const g="scale(1)";if(l&&f){const t=(null===($=l.textContent)||void 0===$?void 0:$.trim())===(null===(u=p.textContent)||void 0===u?void 0:u.trim());x=d.width/f.width,v=(d.height-c)/f.height,t&&(h=`scale(${x}, ${v})`)}const w=a(r).querySelector("ion-icon").getBoundingClientRect(),k=s?w.width/2-(w.right-i.right)+"px":i.left-w.width/2+"px",T=s?`-${window.innerWidth-i.right}px`:`${i.left}px`,j=`${d.top}px`,A=`${i.top}px`,B=e?[{offset:0,transform:`translate3d(${T}, ${A}, 0)`},{offset:1,transform:`translate3d(${k}, ${j}, 0)`}]:[{offset:0,transform:`translate3d(${k}, ${j}, 0)`},{offset:1,transform:`translate3d(${T}, ${A}, 0)`}],I=e?[{offset:0,opacity:1,transform:g},{offset:1,opacity:0,transform:h}]:[{offset:0,opacity:0,transform:h},{offset:1,opacity:1,transform:g}],N=e?[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}]:[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}],O=t(),S=t(),z=t(),q=n("ion-back-button"),C=a(q).querySelector(".button-text"),D=a(q).querySelector("ion-icon");q.text=r.text,q.mode=r.mode,q.icon=r.icon,q.color=r.color,q.disabled=r.disabled,q.style.setProperty("display","block"),q.style.setProperty("position","fixed"),S.addElement(D),O.addElement(C),z.addElement(q),z.beforeStyles({position:"absolute",top:"0px",[X]:"0px"}).beforeAddWrite((()=>{r.style.setProperty("display","none"),q.style.setProperty(m,b)})).afterAddWrite((()=>{r.style.setProperty("display",""),q.style.setProperty("display","none"),q.style.removeProperty(m)})).keyframes(B),O.beforeStyles({"transform-origin":`${m} top`}).keyframes(I),S.beforeStyles({"transform-origin":`${y} center`}).keyframes(N),o.addAnimation([O,S,z])},i=(o,a,s,e,r,i,l,f,p)=>{var d,$;const u=a?"right":"left",b=a?`calc(100% - ${r.right}px)`:`${r.left}px`,m=`${r.top}px`;let y=a?`-${window.innerWidth-l.right-8}px`:`${l.x+8}px`,X=.5;const x="scale(1)";let v=`scale(${X})`;if(f&&p){y=a?`-${window.innerWidth-p.right-8}px`:p.x-8+"px";const t=(null===(d=f.textContent)||void 0===d?void 0:d.trim())===(null===($=e.textContent)||void 0===$?void 0:$.trim());X=p.height/(i.height-c),t&&(v=`scale(${p.width/i.width}, ${X})`)}const h=l.top+l.height/2-r.height*X/2+"px",g=s?[{offset:0,opacity:0,transform:`translate3d(${y}, ${h}, 0) ${v}`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0px, ${m}, 0) ${x}`}]:[{offset:0,opacity:.99,transform:`translate3d(0px, ${m}, 0) ${x}`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${y}, ${h}, 0) ${v}`}],w=n("ion-title"),k=t();w.innerText=e.innerText,w.size=e.size,w.color=e.color,k.addElement(w),k.beforeStyles({"transform-origin":`${u} top`,height:`${r.height}px`,display:"",position:"relative",[u]:b}).beforeAddWrite((()=>{e.style.setProperty("opacity","0")})).afterAddWrite((()=>{e.style.setProperty("opacity",""),w.style.setProperty("display","none")})).keyframes(g),o.addAnimation(k)},l=(n,l)=>{var c;try{const f="cubic-bezier(0.32,0.72,0,1)",p="opacity",d="transform",$="0%",u=.8,b="rtl"===n.ownerDocument.dir,m=b?"-99.5%":"99.5%",y=b?"33%":"-33%",X=l.enteringEl,x=l.leavingEl,v="back"===l.direction,h=X.querySelector(":scope > ion-content"),g=X.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),w=X.querySelectorAll(":scope > ion-header > ion-toolbar"),k=t(),T=t();if(k.addElement(X).duration((null!==(c=l.duration)&&void 0!==c?c:0)||540).easing(l.easing||f).fill("both").beforeRemoveClass("ion-page-invisible"),x&&null!=n){const o=t();o.addElement(n),k.addAnimation(o)}if(h||0!==w.length||0!==g.length?(T.addElement(h),T.addElement(g)):T.addElement(X.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(T),v?T.beforeClearStyles([p]).fromTo("transform",`translateX(${y})`,`translateX(${$})`).fromTo(p,u,1):T.beforeClearStyles([p]).fromTo("transform",`translateX(${m})`,`translateX(${$})`),h){const o=a(h).querySelector(".transition-effect");if(o){const n=o.querySelector(".transition-cover"),a=o.querySelector(".transition-shadow"),s=t(),e=t(),r=t();s.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),e.addElement(n).beforeClearStyles([p]).fromTo(p,0,.1),r.addElement(a).beforeClearStyles([p]).fromTo(p,.03,.7),s.addAnimation([e,r]),T.addAnimation([s])}}const j=X.querySelector("ion-header.header-collapse-condense"),{forward:A,backward:B}=((t,o,n,l,c)=>{const f=e(l,n),p=s(c),d=s(l),$=e(c,n),u=null!==f&&null!==p&&!n,b=null!==d&&null!==$&&n;if(u){const s=p.getBoundingClientRect(),e=f.getBoundingClientRect(),l=a(f).querySelector(".button-text"),c=null==l?void 0:l.getBoundingClientRect(),d=a(p).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,p,s,d,e,l,c),r(t,o,n,f,e,l,c,p,d)}else if(b){const s=d.getBoundingClientRect(),e=$.getBoundingClientRect(),l=a($).querySelector(".button-text"),c=null==l?void 0:l.getBoundingClientRect(),f=a(d).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,d,s,f,e,l,c),r(t,o,n,$,e,l,c,d,f)}return{forward:u,backward:b}})(k,b,v,X,x);if(w.forEach((o=>{const n=t();n.addElement(o),k.addAnimation(n);const s=t();s.addElement(o.querySelector("ion-title"));const e=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(v?t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}:t=>!t.classList.contains("buttons-collapse")),e.addElement(c);const f=t();f.addElement(o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const d=t();d.addElement(a(o).querySelector(".toolbar-background"));const u=t(),X=o.querySelector("ion-back-button");if(X&&u.addElement(X),n.addAnimation([s,e,f,d,u]),e.fromTo(p,.01,1),f.fromTo(p,.01,1),v)l||s.fromTo("transform",`translateX(${y})`,`translateX(${$})`).fromTo(p,.01,1),f.fromTo("transform",`translateX(${y})`,`translateX(${$})`),u.fromTo(p,.01,1);else if(j||s.fromTo("transform",`translateX(${m})`,`translateX(${$})`).fromTo(p,.01,1),f.fromTo("transform",`translateX(${m})`,`translateX(${$})`),d.beforeClearStyles([p,"transform"]),(null==i?void 0:i.translucent)?d.fromTo("transform",b?"translateX(-100%)":"translateX(100%)","translateX(0px)"):d.fromTo(p,.01,"var(--opacity)"),A||u.fromTo(p,.01,1),X&&!A){const o=t();o.addElement(a(X).querySelector(".button-text")).fromTo("transform",b?"translateX(-100px)":"translateX(100px)","translateX(0px)"),n.addAnimation(o)}})),x){const n=t(),s=x.querySelector(":scope > ion-content"),e=x.querySelectorAll(":scope > ion-header > ion-toolbar"),r=x.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(s||0!==e.length||0!==r.length?(n.addElement(s),n.addElement(r)):n.addElement(x.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(n),v){n.beforeClearStyles([p]).fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)");const t=o(x);k.afterAddWrite((()=>{"normal"===k.getDirection()&&t.style.setProperty("display","none")}))}else n.fromTo("transform",`translateX(${$})`,`translateX(${y})`).fromTo(p,1,u);if(s){const o=a(s).querySelector(".transition-effect");if(o){const a=o.querySelector(".transition-cover"),s=o.querySelector(".transition-shadow"),e=t(),r=t(),i=t();e.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),r.addElement(a).beforeClearStyles([p]).fromTo(p,.1,0),i.addElement(s).beforeClearStyles([p]).fromTo(p,.7,.03),e.addAnimation([r,i]),n.addAnimation([e])}}e.forEach((o=>{const n=t();n.addElement(o);const s=t();s.addElement(o.querySelector("ion-title"));const e=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}));e.addElement(c);const f=t(),u=o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");u.length>0&&f.addElement(u);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([s,e,f,X,m]),k.addAnimation(n),X.fromTo(p,.99,0),e.fromTo(p,.99,0),f.fromTo(p,.99,0),v){if(l||s.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)").fromTo(p,.99,0),f.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)"),m.beforeClearStyles([p,"transform"]),(null==i?void 0:i.translucent)?m.fromTo("transform","translateX(0px)",b?"translateX(-100%)":"translateX(100%)"):m.fromTo(p,"var(--opacity)",0),x&&!B){const o=t();o.addElement(a(x).querySelector(".button-text")).fromTo("transform",`translateX(${$})`,`translateX(${(b?-124:124)+"px"})`),n.addAnimation(o)}}else l||s.fromTo("transform",`translateX(${$})`,`translateX(${y})`).fromTo(p,.99,0).afterClearStyles([d,p]),f.fromTo("transform",`translateX(${$})`,`translateX(${y})`).afterClearStyles([d,p]),X.afterClearStyles([p]),s.afterClearStyles([p]),e.afterClearStyles([p])}))}return k}catch(t){throw t}},c=10;export{l as iosTransitionAnimation,a as shadow}
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- System.register(["./p-fe320051.system.js","./p-85ea810f.system.js","./p-792919fd.system.js","./p-5fc8d5ef.system.js","./p-2c1408df.system.js"],(function(a){"use strict";var t,r;return{setters:[function(a){t=a.c},function(a){r=a.g},function(){},function(){},function(){}],execute:function(){var n=540;var o=function(a){return document.querySelector("".concat(a,".ion-cloned-element"))};var e=a("shadow",(function(a){return a.shadowRoot||a}));var i=function(a){var t=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var r="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(t!=null){var n=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return n!=null?n.querySelector(r):null}return a.querySelector(r)};var s=function(a,t){var r=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var n=[];if(r!=null){var o=r.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(o!=null){n=o.querySelectorAll("ion-buttons")}}else{n=a.querySelectorAll("ion-buttons")}for(var e=0,i=n;e<i.length;e++){var s=i[e];var v=s.closest("ion-header");var l=v&&!v.classList.contains("header-collapse-condense-inactive");var f=s.querySelector("ion-back-button");var c=s.classList.contains("buttons-collapse");var p=s.slot==="start"||s.slot==="";if(f!==null&&p&&(c&&l&&t||!c)){return f}}return null};var v=function(a,t,r,n,o){var v=s(n,r);var c=i(o);var p=i(n);var u=s(o,r);var d=v!==null&&c!==null&&!r;var m=p!==null&&u!==null&&r;if(d){var b=c.getBoundingClientRect();var y=v.getBoundingClientRect();var X=e(v).querySelector(".button-text");var x=X===null||X===void 0?void 0:X.getBoundingClientRect();var h=e(c).querySelector(".toolbar-title");var g=h.getBoundingClientRect();f(a,t,r,c,b,g,y,X,x);l(a,t,r,v,y,X,x,c,g)}else if(m){var w=p.getBoundingClientRect();var k=u.getBoundingClientRect();var T=e(u).querySelector(".button-text");var j=T===null||T===void 0?void 0:T.getBoundingClientRect();var A=e(p).querySelector(".toolbar-title");var S=A.getBoundingClientRect();f(a,t,r,p,w,S,k,T,j);l(a,t,r,u,k,T,j,p,S)}return{forward:d,backward:m}};var l=function(a,r,n,i,s,v,l,f,c){var u;var d,m;var b=r?"calc(100% - ".concat(s.right+4,"px)"):"".concat(s.left-4,"px");var y=r?"right":"left";var X=r?"left":"right";var x=r?"right":"left";var h=1;var g=1;var w="scale(".concat(g,")");var k="scale(1)";if(v&&l){var T=((d=v.textContent)===null||d===void 0?void 0:d.trim())===((m=f.textContent)===null||m===void 0?void 0:m.trim());h=c.width/l.width;g=(c.height-p)/l.height;if(T){w="scale(".concat(h,", ").concat(g,")")}}var j=e(i).querySelector("ion-icon");var A=j.getBoundingClientRect();var S=r?"".concat(A.width/2-(A.right-s.right),"px"):"".concat(s.left-A.width/2,"px");var B=r?"-".concat(window.innerWidth-s.right,"px"):"".concat(s.left,"px");var I="".concat(c.top,"px");var N="".concat(s.top,"px");var O=[{offset:0,transform:"translate3d(".concat(S,", ").concat(I,", 0)")},{offset:1,transform:"translate3d(".concat(B,", ").concat(N,", 0)")}];var z=[{offset:0,transform:"translate3d(".concat(B,", ").concat(N,", 0)")},{offset:1,transform:"translate3d(".concat(S,", ").concat(I,", 0)")}];var q=n?z:O;var C=[{offset:0,opacity:0,transform:w},{offset:1,opacity:1,transform:k}];var D=[{offset:0,opacity:1,transform:k},{offset:1,opacity:0,transform:w}];var E=n?D:C;var F=[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}];var G=[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}];var H=n?G:F;var J=t();var K=t();var L=t();var M=o("ion-back-button");var P=e(M).querySelector(".button-text");var Q=e(M).querySelector("ion-icon");M.text=i.text;M.mode=i.mode;M.icon=i.icon;M.color=i.color;M.disabled=i.disabled;M.style.setProperty("display","block");M.style.setProperty("position","fixed");K.addElement(Q);J.addElement(P);L.addElement(M);L.beforeStyles((u={position:"absolute",top:"0px"},u[x]="0px",u)).beforeAddWrite((function(){i.style.setProperty("display","none");M.style.setProperty(y,b)})).afterAddWrite((function(){i.style.setProperty("display","");M.style.setProperty("display","none");M.style.removeProperty(y)})).keyframes(q);J.beforeStyles({"transform-origin":"".concat(y," top")}).keyframes(E);K.beforeStyles({"transform-origin":"".concat(X," center")}).keyframes(H);a.addAnimation([J,K,L])};var f=function(a,r,n,e,i,s,v,l,f){var c;var u,d;var m=r?"right":"left";var b=r?"calc(100% - ".concat(i.right,"px)"):"".concat(i.left,"px");var y="0px";var X="".concat(i.top,"px");var x=8;var h=r?"-".concat(window.innerWidth-v.right-x,"px"):"".concat(v.x+x,"px");var g=.5;var w="scale(1)";var k="scale(".concat(g,")");if(l&&f){h=r?"-".concat(window.innerWidth-f.right-x,"px"):"".concat(f.x-x,"px");var T=((u=l.textContent)===null||u===void 0?void 0:u.trim())===((d=e.textContent)===null||d===void 0?void 0:d.trim());var j=f.width/s.width;g=f.height/(s.height-p);if(T){k="scale(".concat(j,", ").concat(g,")")}}var A=v.top+v.height/2;var S=i.height*g/2;var B="".concat(A-S,"px");var I=[{offset:0,opacity:0,transform:"translate3d(".concat(h,", ").concat(B,", 0) ").concat(k)},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(".concat(y,", ").concat(X,", 0) ").concat(w)}];var N=[{offset:0,opacity:.99,transform:"translate3d(".concat(y,", ").concat(X,", 0) ").concat(w)},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(h,", ").concat(B,", 0) ").concat(k)}];var O=n?I:N;var z=o("ion-title");var q=t();z.innerText=e.innerText;z.size=e.size;z.color=e.color;q.addElement(z);q.beforeStyles((c={"transform-origin":"".concat(m," top"),height:"".concat(i.height,"px"),display:"",position:"relative"},c[m]=b,c)).beforeAddWrite((function(){e.style.setProperty("opacity","0")})).afterAddWrite((function(){e.style.setProperty("opacity","");z.style.setProperty("display","none")})).keyframes(O);a.addAnimation(q)};var c=a("iosTransitionAnimation",(function(a,o){var i;try{var s="cubic-bezier(0.32,0.72,0,1)";var l="opacity";var f="transform";var c="0%";var p=.8;var u=a.ownerDocument.dir==="rtl";var d=u?"-99.5%":"99.5%";var m=u?"33%":"-33%";var b=o.enteringEl;var y=o.leavingEl;var X=o.direction==="back";var x=b.querySelector(":scope > ion-content");var h=b.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var g=b.querySelectorAll(":scope > ion-header > ion-toolbar");var w=t();var k=t();w.addElement(b).duration(((i=o.duration)!==null&&i!==void 0?i:0)||n).easing(o.easing||s).fill("both").beforeRemoveClass("ion-page-invisible");if(y&&a!==null&&a!==undefined){var T=t();T.addElement(a);w.addAnimation(T)}if(!x&&g.length===0&&h.length===0){k.addElement(b.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{k.addElement(x);k.addElement(h)}w.addAnimation(k);if(X){k.beforeClearStyles([l]).fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")")).fromTo(l,p,1)}else{k.beforeClearStyles([l]).fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")"))}if(x){var j=e(x).querySelector(".transition-effect");if(j){var A=j.querySelector(".transition-cover");var S=j.querySelector(".transition-shadow");var B=t();var I=t();var N=t();B.addElement(j).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});I.addElement(A).beforeClearStyles([l]).fromTo(l,0,.1);N.addElement(S).beforeClearStyles([l]).fromTo(l,.03,.7);B.addAnimation([I,N]);k.addAnimation([B])}}var O=b.querySelector("ion-header.header-collapse-condense");var z=v(w,u,X,b,y),q=z.forward,C=z.backward;g.forEach((function(a){var r=t();r.addElement(a);w.addAnimation(r);var n=t();n.addElement(a.querySelector("ion-title"));var o=t();var i=Array.from(a.querySelectorAll("ion-buttons,[menuToggle]"));var s=a.closest("ion-header");var v=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var f;if(X){f=i.filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!v||!t}))}else{f=i.filter((function(a){return!a.classList.contains("buttons-collapse")}))}o.addElement(f);var p=t();p.addElement(a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var b=t();b.addElement(e(a).querySelector(".toolbar-background"));var y=t();var x=a.querySelector("ion-back-button");if(x){y.addElement(x)}r.addAnimation([n,o,p,b,y]);o.fromTo(l,.01,1);p.fromTo(l,.01,1);if(X){if(!v){n.fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")")).fromTo(l,.01,1)}p.fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")"));y.fromTo(l,.01,1)}else{if(!O){n.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")")).fromTo(l,.01,1)}p.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")"));b.beforeClearStyles([l,"transform"]);var h=s===null||s===void 0?void 0:s.translucent;if(!h){b.fromTo(l,.01,"var(--opacity)")}else{b.fromTo("transform",u?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!q){y.fromTo(l,.01,1)}if(x&&!q){var g=t();g.addElement(e(x).querySelector(".button-text")).fromTo("transform",u?"translateX(-100px)":"translateX(100px)","translateX(0px)");r.addAnimation(g)}}}));if(y){var D=t();var E=y.querySelector(":scope > ion-content");var F=y.querySelectorAll(":scope > ion-header > ion-toolbar");var G=y.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!E&&F.length===0&&G.length===0){D.addElement(y.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{D.addElement(E);D.addElement(G)}w.addAnimation(D);if(X){D.beforeClearStyles([l]).fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)");var H=r(y);w.afterAddWrite((function(){if(w.getDirection()==="normal"){H.style.setProperty("display","none")}}))}else{D.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).fromTo(l,1,p)}if(E){var J=e(E).querySelector(".transition-effect");if(J){var K=J.querySelector(".transition-cover");var L=J.querySelector(".transition-shadow");var M=t();var P=t();var Q=t();M.addElement(J).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});P.addElement(K).beforeClearStyles([l]).fromTo(l,.1,0);Q.addElement(L).beforeClearStyles([l]).fromTo(l,.7,.03);M.addAnimation([P,Q]);D.addAnimation([M])}}F.forEach((function(a){var r=t();r.addElement(a);var n=t();n.addElement(a.querySelector("ion-title"));var o=t();var i=a.querySelectorAll("ion-buttons,[menuToggle]");var s=a.closest("ion-header");var v=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var p=Array.from(i).filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!v||!t}));o.addElement(p);var d=t();var b=a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(b.length>0){d.addElement(b)}var y=t();y.addElement(e(a).querySelector(".toolbar-background"));var x=t();var h=a.querySelector("ion-back-button");if(h){x.addElement(h)}r.addAnimation([n,o,d,x,y]);w.addAnimation(r);x.fromTo(l,.99,0);o.fromTo(l,.99,0);d.fromTo(l,.99,0);if(X){if(!v){n.fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)").fromTo(l,.99,0)}d.fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)");y.beforeClearStyles([l,"transform"]);var g=s===null||s===void 0?void 0:s.translucent;if(!g){y.fromTo(l,"var(--opacity)",0)}else{y.fromTo("transform","translateX(0px)",u?"translateX(-100%)":"translateX(100%)")}if(h&&!C){var k=t();k.addElement(e(h).querySelector(".button-text")).fromTo("transform","translateX(".concat(c,")"),"translateX(".concat((u?-124:124)+"px",")"));r.addAnimation(k)}}else{if(!v){n.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).fromTo(l,.99,0).afterClearStyles([f,l])}d.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).afterClearStyles([f,l]);x.afterClearStyles([l]);n.afterClearStyles([l]);o.afterClearStyles([l])}}))}return w}catch(a){throw a}}));var p=10}}}));