@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.
- package/components/ios.transition.js +67 -90
- package/dist/cjs/{index-034460de.js → index-1f7c54f8.js} +2 -2
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/{ios.transition-26c5adb2.js → ios.transition-30830fc4.js} +68 -91
- package/dist/cjs/{md.transition-75533d44.js → md.transition-7f581866.js} +1 -1
- package/dist/collection/utils/transition/ios.transition.js +67 -90
- package/dist/docs.json +1 -1
- package/dist/esm/{index-68278972.js → index-fae1515c.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-app_8.entry.js +1 -1
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-nav_2.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/{ios.transition-471e5da1.js → ios.transition-a50a9a55.js} +68 -91
- package/dist/esm/{md.transition-12c07448.js → md.transition-0da92976.js} +1 -1
- package/dist/esm-es5/{index-68278972.js → index-fae1515c.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ios.transition-a50a9a55.js +4 -0
- package/dist/esm-es5/{md.transition-12c07448.js → md.transition-0da92976.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0047bd0e.js +4 -0
- package/dist/ionic/{p-99d8b626.entry.js → p-05c69a9b.entry.js} +1 -1
- package/dist/ionic/{p-85ea810f.system.js → p-0609a7d8.system.js} +1 -1
- package/dist/ionic/{p-be403dff.entry.js → p-19dd9808.entry.js} +1 -1
- package/dist/ionic/{p-4e9552a3.js → p-1cd372ed.js} +1 -1
- package/dist/ionic/{p-815c676c.entry.js → p-200d971f.entry.js} +1 -1
- package/dist/ionic/{p-a258956b.system.entry.js → p-52f1dc25.system.entry.js} +1 -1
- package/dist/ionic/p-6a6550fa.js +4 -0
- package/dist/ionic/p-6ecddf53.system.js +4 -0
- package/dist/ionic/{p-8444e4c0.entry.js → p-83090da8.entry.js} +1 -1
- package/dist/ionic/{p-f3d07c09.system.entry.js → p-a4151856.system.entry.js} +1 -1
- package/dist/ionic/{p-9d3363aa.system.entry.js → p-ac8686ab.system.entry.js} +1 -1
- package/dist/ionic/{p-414c5031.system.entry.js → p-ba87a6dd.system.entry.js} +1 -1
- package/dist/ionic/{p-8668ffee.system.js → p-e0948431.system.js} +1 -1
- package/dist/ionic/p-e933e886.system.js +1 -1
- package/dist/ionic/{p-0020292d.system.js → p-f4fb429a.system.js} +1 -1
- package/hydrate/index.js +73 -96
- package/package.json +1 -1
- package/dist/esm-es5/ios.transition-471e5da1.js +0 -4
- package/dist/ionic/p-1a244094.js +0 -4
- package/dist/ionic/p-3420329d.js +0 -4
- 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
|
-
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
38281
|
-
|
|
38282
|
-
|
|
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
|
-
|
|
38401
|
-
|
|
38402
|
-
|
|
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,
|
|
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
|
|
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,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};
|
package/dist/ionic/p-1a244094.js
DELETED
|
@@ -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}
|
package/dist/ionic/p-3420329d.js
DELETED
|
@@ -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}}}));
|