voyager-ionic-core 7.5.0 → 7.5.1
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/ion-title.js +1 -1
- package/components/ios.transition.js +209 -41
- package/dist/cjs/{index-d93fb71d.js → index-eccba000.js} +2 -2
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-app_8.cjs.entry.js +2 -2
- 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/ionic.cjs.js +1 -1
- package/dist/cjs/{ios.transition-a4d545dd.js → ios.transition-5af5991e.js} +210 -42
- package/dist/cjs/{md.transition-80bb961b.js → md.transition-1e740a6a.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/title/title.ios.css +9 -0
- package/dist/collection/utils/transition/ios.transition.js +209 -41
- package/dist/docs.json +2 -2
- package/dist/esm/{index-7d2b2808.js → index-a09eac70.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-app_8.entry.js +2 -2
- 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/ionic.js +1 -1
- package/dist/esm/{ios.transition-a86d7bbe.js → ios.transition-4d1322d6.js} +210 -42
- package/dist/esm/{md.transition-365ef6b6.js → md.transition-66b425d0.js} +1 -1
- package/dist/esm-es5/index-a09eac70.js +4 -0
- 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-4d1322d6.js +4 -0
- package/dist/esm-es5/md.transition-66b425d0.js +4 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/ionic.js +1 -1
- package/dist/ionic/p-091c8792.system.js +4 -0
- package/dist/ionic/p-2a8eeef7.system.js +4 -0
- package/dist/ionic/p-61b192a4.system.entry.js +4 -0
- package/dist/ionic/{p-15decbec.entry.js → p-7423746f.entry.js} +1 -1
- package/dist/ionic/{p-5c3e72a8.system.js → p-755b2917.system.js} +1 -1
- package/dist/ionic/{p-e42aaa8b.entry.js → p-8209372c.entry.js} +1 -1
- package/dist/ionic/{p-a7f8dc42.entry.js → p-9e106f58.entry.js} +1 -1
- package/dist/ionic/p-bb055450.system.entry.js +4 -0
- package/dist/ionic/{p-e38a5f77.js → p-c44fe9fd.js} +1 -1
- package/dist/ionic/p-c575a7b8.system.entry.js +4 -0
- package/dist/ionic/p-de68588d.js +4 -0
- package/dist/ionic/p-e028178a.system.js +4 -0
- package/dist/ionic/{p-ced41304.system.js → p-e0f0d55f.system.js} +1 -1
- package/dist/ionic/{p-f34f001c.entry.js → p-e25cb483.entry.js} +1 -1
- package/dist/ionic/p-eb7d0922.js +4 -0
- package/dist/ionic/p-eb8dc56f.system.entry.js +4 -0
- package/dist/types/components/menu/menu-interface.d.ts +15 -4
- package/dist/types/stencil-public-runtime.d.ts +19 -0
- package/dist/types/utils/menu-controller/index.d.ts +2 -21
- package/hydrate/index.js +220 -44
- package/package.json +5 -5
- package/dist/esm-es5/index-7d2b2808.js +0 -4
- package/dist/esm-es5/ios.transition-a86d7bbe.js +0 -4
- package/dist/esm-es5/md.transition-365ef6b6.js +0 -4
- package/dist/ionic/p-128a98e8.system.js +0 -4
- package/dist/ionic/p-16e44585.js +0 -4
- package/dist/ionic/p-2bbf3ac4.system.entry.js +0 -4
- package/dist/ionic/p-95817276.system.entry.js +0 -4
- package/dist/ionic/p-9b9dcc3e.system.entry.js +0 -4
- package/dist/ionic/p-b9047b05.system.js +0 -4
- package/dist/ionic/p-c05315f5.system.entry.js +0 -4
- package/dist/ionic/p-c994fff0.system.js +0 -4
- package/dist/ionic/p-e2bb634f.js +0 -4
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { c as createAnimation } from './animation-92066c62.js';
|
|
5
|
-
import { g as getIonPageElement } from './index-
|
|
5
|
+
import { g as getIonPageElement } from './index-a09eac70.js';
|
|
6
6
|
import './index-7a14ecec.js';
|
|
7
7
|
import './helpers-3379ba19.js';
|
|
8
8
|
import './index-b49b173c.js';
|
|
@@ -58,60 +58,134 @@ const createLargeTitleTransition = (rootAnimation, rtl, backDirection, enteringE
|
|
|
58
58
|
if (shouldAnimationForward) {
|
|
59
59
|
const leavingLargeTitleBox = leavingLargeTitle.getBoundingClientRect();
|
|
60
60
|
const enteringBackButtonBox = enteringBackButton.getBoundingClientRect();
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
const enteringBackButtonTextEl = shadow(enteringBackButton).querySelector('.button-text');
|
|
62
|
+
const enteringBackButtonTextBox = enteringBackButtonTextEl.getBoundingClientRect();
|
|
63
|
+
const leavingLargeTitleTextEl = shadow(leavingLargeTitle).querySelector('.toolbar-title');
|
|
64
|
+
const leavingLargeTitleTextBox = leavingLargeTitleTextEl.getBoundingClientRect();
|
|
65
|
+
animateLargeTitle(rootAnimation, rtl, backDirection, leavingLargeTitle, leavingLargeTitleBox, leavingLargeTitleTextBox, enteringBackButtonTextEl, enteringBackButtonTextBox);
|
|
66
|
+
animateBackButton(rootAnimation, rtl, backDirection, enteringBackButton, enteringBackButtonBox, enteringBackButtonTextEl, enteringBackButtonTextBox, leavingLargeTitle, leavingLargeTitleTextBox);
|
|
63
67
|
}
|
|
64
68
|
else if (shouldAnimationBackward) {
|
|
65
69
|
const enteringLargeTitleBox = enteringLargeTitle.getBoundingClientRect();
|
|
66
70
|
const leavingBackButtonBox = leavingBackButton.getBoundingClientRect();
|
|
67
|
-
|
|
68
|
-
|
|
71
|
+
const leavingBackButtonTextEl = shadow(leavingBackButton).querySelector('.button-text');
|
|
72
|
+
const leavingBackButtonTextBox = leavingBackButtonTextEl.getBoundingClientRect();
|
|
73
|
+
const enteringLargeTitleTextEl = shadow(enteringLargeTitle).querySelector('.toolbar-title');
|
|
74
|
+
const enteringLargeTitleTextBox = enteringLargeTitleTextEl.getBoundingClientRect();
|
|
75
|
+
animateLargeTitle(rootAnimation, rtl, backDirection, enteringLargeTitle, enteringLargeTitleBox, enteringLargeTitleTextBox, leavingBackButtonTextEl, leavingBackButtonTextBox);
|
|
76
|
+
animateBackButton(rootAnimation, rtl, backDirection, leavingBackButton, leavingBackButtonBox, leavingBackButtonTextEl, leavingBackButtonTextBox, enteringLargeTitle, enteringLargeTitleTextBox);
|
|
69
77
|
}
|
|
70
78
|
return {
|
|
71
79
|
forward: shouldAnimationForward,
|
|
72
80
|
backward: shouldAnimationBackward,
|
|
73
81
|
};
|
|
74
82
|
};
|
|
75
|
-
const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl,
|
|
83
|
+
const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, backButtonBox, backButtonTextEl, backButtonTextBox, largeTitleEl, largeTitleTextBox) => {
|
|
84
|
+
var _a, _b;
|
|
76
85
|
const BACK_BUTTON_START_OFFSET = rtl ? `calc(100% - ${backButtonBox.right + 4}px)` : `${backButtonBox.left - 4}px`;
|
|
77
|
-
const START_TEXT_TRANSLATE = rtl ? '7px' : '-7px';
|
|
78
|
-
const END_TEXT_TRANSLATE = rtl ? '-4px' : '4px';
|
|
79
|
-
const ICON_TRANSLATE = rtl ? '-4px' : '4px';
|
|
80
86
|
const TEXT_ORIGIN_X = rtl ? 'right' : 'left';
|
|
81
87
|
const ICON_ORIGIN_X = rtl ? 'left' : 'right';
|
|
88
|
+
const CONTAINER_ORIGIN_X = rtl ? 'right' : 'left';
|
|
89
|
+
/**
|
|
90
|
+
* When the title and back button texts match
|
|
91
|
+
* then they should overlap during the page transition.
|
|
92
|
+
* If the texts do not match up then the back button text scale adjusts
|
|
93
|
+
* to not perfectly match the large title text otherwise the
|
|
94
|
+
* proportions will be incorrect.
|
|
95
|
+
* When the texts match we scale both the width and height to account for
|
|
96
|
+
* font weight differences between the title and back button.
|
|
97
|
+
*/
|
|
98
|
+
const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
|
|
99
|
+
const WIDTH_SCALE = largeTitleTextBox.width / backButtonTextBox.width;
|
|
100
|
+
/**
|
|
101
|
+
* We subtract an offset to account for slight sizing/padding
|
|
102
|
+
* differences between the title and the back button.
|
|
103
|
+
*/
|
|
104
|
+
const HEIGHT_SCALE = (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET) / backButtonTextBox.height;
|
|
105
|
+
const TEXT_START_SCALE = doTitleAndButtonTextsMatch
|
|
106
|
+
? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})`
|
|
107
|
+
: `scale(${HEIGHT_SCALE})`;
|
|
108
|
+
const TEXT_END_SCALE = 'scale(1)';
|
|
109
|
+
const backButtonIconEl = shadow(backButtonEl).querySelector('ion-icon');
|
|
110
|
+
const backButtonIconBox = backButtonIconEl.getBoundingClientRect();
|
|
111
|
+
/**
|
|
112
|
+
* We need to offset the container by the icon dimensions
|
|
113
|
+
* so that the back button text aligns with the large title
|
|
114
|
+
* text. Otherwise, the back button icon will align with the
|
|
115
|
+
* large title text but the back button text will not.
|
|
116
|
+
*/
|
|
117
|
+
const CONTAINER_START_TRANSLATE_X = rtl
|
|
118
|
+
? `${backButtonIconBox.width / 2 - (backButtonIconBox.right - backButtonBox.right)}px`
|
|
119
|
+
: `${backButtonBox.left - backButtonIconBox.width / 2}px`;
|
|
120
|
+
const CONTAINER_END_TRANSLATE_X = rtl ? `-${window.innerWidth - backButtonBox.right}px` : `${backButtonBox.left}px`;
|
|
121
|
+
/**
|
|
122
|
+
* Back button container should be
|
|
123
|
+
* aligned to the top of the title container
|
|
124
|
+
* so the texts overlap as the back button
|
|
125
|
+
* text begins to fade in.
|
|
126
|
+
*/
|
|
127
|
+
const CONTAINER_START_TRANSLATE_Y = `${largeTitleTextBox.top}px`;
|
|
128
|
+
/**
|
|
129
|
+
* The cloned back button should align exactly with the
|
|
130
|
+
* real back button on the entering page otherwise there will
|
|
131
|
+
* be a layout shift.
|
|
132
|
+
*/
|
|
133
|
+
const CONTAINER_END_TRANSLATE_Y = `${backButtonBox.top}px`;
|
|
134
|
+
/**
|
|
135
|
+
* In the forward direction, the cloned back button
|
|
136
|
+
* container should translate from over the large title
|
|
137
|
+
* to over the back button. In the backward direction,
|
|
138
|
+
* it should translate from over the back button to over
|
|
139
|
+
* the large title.
|
|
140
|
+
*/
|
|
141
|
+
const FORWARD_CONTAINER_KEYFRAMES = [
|
|
142
|
+
{ offset: 0, transform: `translate3d(${CONTAINER_START_TRANSLATE_X}, ${CONTAINER_START_TRANSLATE_Y}, 0)` },
|
|
143
|
+
{ offset: 1, transform: `translate3d(${CONTAINER_END_TRANSLATE_X}, ${CONTAINER_END_TRANSLATE_Y}, 0)` },
|
|
144
|
+
];
|
|
145
|
+
const BACKWARD_CONTAINER_KEYFRAMES = [
|
|
146
|
+
{ offset: 0, transform: `translate3d(${CONTAINER_END_TRANSLATE_X}, ${CONTAINER_END_TRANSLATE_Y}, 0)` },
|
|
147
|
+
{ offset: 1, transform: `translate3d(${CONTAINER_START_TRANSLATE_X}, ${CONTAINER_START_TRANSLATE_Y}, 0)` },
|
|
148
|
+
];
|
|
149
|
+
const CONTAINER_KEYFRAMES = backDirection ? BACKWARD_CONTAINER_KEYFRAMES : FORWARD_CONTAINER_KEYFRAMES;
|
|
150
|
+
/**
|
|
151
|
+
* In the forward direction, the text in the cloned back button
|
|
152
|
+
* should start to be (roughly) the size of the large title
|
|
153
|
+
* and then scale down to be the size of the actual back button.
|
|
154
|
+
* The text should also translate, but that translate is handled
|
|
155
|
+
* by the container keyframes.
|
|
156
|
+
*/
|
|
82
157
|
const FORWARD_TEXT_KEYFRAMES = [
|
|
83
|
-
{
|
|
84
|
-
|
|
85
|
-
opacity: 0,
|
|
86
|
-
transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
|
|
87
|
-
},
|
|
88
|
-
{ offset: 1, opacity: 1, transform: `translate3d(${END_TEXT_TRANSLATE}, ${backButtonBox.top - 46}px, 0) scale(1)` },
|
|
158
|
+
{ offset: 0, opacity: 0, transform: TEXT_START_SCALE },
|
|
159
|
+
{ offset: 1, opacity: 1, transform: TEXT_END_SCALE },
|
|
89
160
|
];
|
|
90
161
|
const BACKWARD_TEXT_KEYFRAMES = [
|
|
91
|
-
{ offset: 0, opacity: 1, transform:
|
|
92
|
-
{ offset:
|
|
93
|
-
{
|
|
94
|
-
offset: 1,
|
|
95
|
-
opacity: 0,
|
|
96
|
-
transform: `translate3d(${START_TEXT_TRANSLATE}, ${largeTitleBox.top - 40}px, 0) scale(2.1)`,
|
|
97
|
-
},
|
|
162
|
+
{ offset: 0, opacity: 1, transform: TEXT_END_SCALE },
|
|
163
|
+
{ offset: 1, opacity: 0, transform: TEXT_START_SCALE },
|
|
98
164
|
];
|
|
99
165
|
const TEXT_KEYFRAMES = backDirection ? BACKWARD_TEXT_KEYFRAMES : FORWARD_TEXT_KEYFRAMES;
|
|
166
|
+
/**
|
|
167
|
+
* The icon should scale in/out in the second
|
|
168
|
+
* half of the animation. The icon should also
|
|
169
|
+
* translate, but that translate is handled by the
|
|
170
|
+
* container keyframes.
|
|
171
|
+
*/
|
|
100
172
|
const FORWARD_ICON_KEYFRAMES = [
|
|
101
|
-
{ offset: 0, opacity: 0, transform:
|
|
102
|
-
{ offset:
|
|
173
|
+
{ offset: 0, opacity: 0, transform: 'scale(0.6)' },
|
|
174
|
+
{ offset: 0.6, opacity: 0, transform: 'scale(0.6)' },
|
|
175
|
+
{ offset: 1, opacity: 1, transform: 'scale(1)' },
|
|
103
176
|
];
|
|
104
177
|
const BACKWARD_ICON_KEYFRAMES = [
|
|
105
|
-
{ offset: 0, opacity: 1, transform:
|
|
106
|
-
{ offset: 0.2, opacity: 0, transform:
|
|
107
|
-
{ offset: 1, opacity: 0, transform:
|
|
178
|
+
{ offset: 0, opacity: 1, transform: 'scale(1)' },
|
|
179
|
+
{ offset: 0.2, opacity: 0, transform: 'scale(0.6)' },
|
|
180
|
+
{ offset: 1, opacity: 0, transform: 'scale(0.6)' },
|
|
108
181
|
];
|
|
109
182
|
const ICON_KEYFRAMES = backDirection ? BACKWARD_ICON_KEYFRAMES : FORWARD_ICON_KEYFRAMES;
|
|
110
183
|
const enteringBackButtonTextAnimation = createAnimation();
|
|
111
184
|
const enteringBackButtonIconAnimation = createAnimation();
|
|
185
|
+
const enteringBackButtonAnimation = createAnimation();
|
|
112
186
|
const clonedBackButtonEl = getClonedElement('ion-back-button');
|
|
113
|
-
const
|
|
114
|
-
const
|
|
187
|
+
const clonedBackButtonTextEl = shadow(clonedBackButtonEl).querySelector('.button-text');
|
|
188
|
+
const clonedBackButtonIconEl = shadow(clonedBackButtonEl).querySelector('ion-icon');
|
|
115
189
|
clonedBackButtonEl.text = backButtonEl.text;
|
|
116
190
|
clonedBackButtonEl.mode = backButtonEl.mode;
|
|
117
191
|
clonedBackButtonEl.icon = backButtonEl.icon;
|
|
@@ -119,11 +193,19 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
|
|
|
119
193
|
clonedBackButtonEl.disabled = backButtonEl.disabled;
|
|
120
194
|
clonedBackButtonEl.style.setProperty('display', 'block');
|
|
121
195
|
clonedBackButtonEl.style.setProperty('position', 'fixed');
|
|
122
|
-
enteringBackButtonIconAnimation.addElement(
|
|
123
|
-
enteringBackButtonTextAnimation.addElement(
|
|
196
|
+
enteringBackButtonIconAnimation.addElement(clonedBackButtonIconEl);
|
|
197
|
+
enteringBackButtonTextAnimation.addElement(clonedBackButtonTextEl);
|
|
198
|
+
enteringBackButtonAnimation.addElement(clonedBackButtonEl);
|
|
199
|
+
enteringBackButtonAnimation
|
|
200
|
+
.beforeStyles({
|
|
201
|
+
position: 'absolute',
|
|
202
|
+
top: '0px',
|
|
203
|
+
[CONTAINER_ORIGIN_X]: '0px',
|
|
204
|
+
})
|
|
205
|
+
.keyframes(CONTAINER_KEYFRAMES);
|
|
124
206
|
enteringBackButtonTextAnimation
|
|
125
207
|
.beforeStyles({
|
|
126
|
-
'transform-origin': `${TEXT_ORIGIN_X}
|
|
208
|
+
'transform-origin': `${TEXT_ORIGIN_X} top`,
|
|
127
209
|
})
|
|
128
210
|
.beforeAddWrite(() => {
|
|
129
211
|
backButtonEl.style.setProperty('display', 'none');
|
|
@@ -140,21 +222,91 @@ const animateBackButton = (rootAnimation, rtl, backDirection, backButtonEl, larg
|
|
|
140
222
|
'transform-origin': `${ICON_ORIGIN_X} center`,
|
|
141
223
|
})
|
|
142
224
|
.keyframes(ICON_KEYFRAMES);
|
|
143
|
-
rootAnimation.addAnimation([
|
|
225
|
+
rootAnimation.addAnimation([
|
|
226
|
+
enteringBackButtonTextAnimation,
|
|
227
|
+
enteringBackButtonIconAnimation,
|
|
228
|
+
enteringBackButtonAnimation,
|
|
229
|
+
]);
|
|
144
230
|
};
|
|
145
|
-
const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox,
|
|
146
|
-
|
|
147
|
-
|
|
231
|
+
const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, largeTitleBox, largeTitleTextBox, backButtonTextEl, backButtonTextBox) => {
|
|
232
|
+
var _a, _b;
|
|
233
|
+
/**
|
|
234
|
+
* The horizontal transform origin for the large title
|
|
235
|
+
*/
|
|
148
236
|
const ORIGIN_X = rtl ? 'right' : 'left';
|
|
237
|
+
const TITLE_START_OFFSET = rtl ? `calc(100% - ${largeTitleBox.right}px)` : `${largeTitleBox.left}px`;
|
|
238
|
+
/**
|
|
239
|
+
* The cloned large should align exactly with the
|
|
240
|
+
* real large title on the leaving page otherwise there will
|
|
241
|
+
* be a layout shift.
|
|
242
|
+
*/
|
|
243
|
+
const START_TRANSLATE_X = '0px';
|
|
244
|
+
const START_TRANSLATE_Y = `${largeTitleBox.top}px`;
|
|
245
|
+
/**
|
|
246
|
+
* How much to offset the large title translation by.
|
|
247
|
+
* This accounts for differences in sizing between the large
|
|
248
|
+
* title and the back button due to padding and font weight.
|
|
249
|
+
*/
|
|
250
|
+
const LARGE_TITLE_TRANSLATION_OFFSET = 8;
|
|
251
|
+
/**
|
|
252
|
+
* The scaled title should (roughly) overlap the back button.
|
|
253
|
+
* This ensures that the back button and title overlap during
|
|
254
|
+
* the animation. Note that since both elements either fade in
|
|
255
|
+
* or fade out over the course of the animation, neither element
|
|
256
|
+
* will be fully visible on top of the other. As a result, the overlap
|
|
257
|
+
* does not need to be perfect, so approximate values are acceptable here.
|
|
258
|
+
*/
|
|
259
|
+
const END_TRANSLATE_X = rtl
|
|
260
|
+
? `-${window.innerWidth - backButtonTextBox.right - LARGE_TITLE_TRANSLATION_OFFSET}px`
|
|
261
|
+
: `${backButtonTextBox.x - LARGE_TITLE_TRANSLATION_OFFSET}px`;
|
|
262
|
+
/**
|
|
263
|
+
* The top of the scaled large title
|
|
264
|
+
* should match with the top of the
|
|
265
|
+
* back button text element.
|
|
266
|
+
* We subtract 2px to account for the top padding
|
|
267
|
+
* on the large title element.
|
|
268
|
+
*/
|
|
269
|
+
const LARGE_TITLE_TOP_PADDING = 2;
|
|
270
|
+
const END_TRANSLATE_Y = `${backButtonTextBox.y - LARGE_TITLE_TOP_PADDING}px`;
|
|
271
|
+
/**
|
|
272
|
+
* In the forward direction, the large title should start at its
|
|
273
|
+
* normal size and then scale down to be (roughly) the size of the
|
|
274
|
+
* back button on the other view. In the backward direction, the
|
|
275
|
+
* large title should start at (roughly) the size of the back button
|
|
276
|
+
* and then scale up to its original size.
|
|
277
|
+
*
|
|
278
|
+
* Note that since both elements either fade in
|
|
279
|
+
* or fade out over the course of the animation, neither element
|
|
280
|
+
* will be fully visible on top of the other. As a result, the overlap
|
|
281
|
+
* does not need to be perfect, so approximate values are acceptable here.
|
|
282
|
+
*/
|
|
283
|
+
/**
|
|
284
|
+
* When the title and back button texts match
|
|
285
|
+
* then they should overlap during the page transition.
|
|
286
|
+
* If the texts do not match up then the large title text scale adjusts
|
|
287
|
+
* to not perfectly match the back button text otherwise the
|
|
288
|
+
* proportions will be incorrect.
|
|
289
|
+
* When the texts match we scale both the width and height to account for
|
|
290
|
+
* font weight differences between the title and back button.
|
|
291
|
+
*/
|
|
292
|
+
const doTitleAndButtonTextsMatch = ((_a = backButtonTextEl.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === ((_b = largeTitleEl.textContent) === null || _b === void 0 ? void 0 : _b.trim());
|
|
293
|
+
const WIDTH_SCALE = backButtonTextBox.width / largeTitleTextBox.width;
|
|
294
|
+
const HEIGHT_SCALE = backButtonTextBox.height / (largeTitleTextBox.height - LARGE_TITLE_SIZE_OFFSET);
|
|
295
|
+
const START_SCALE = 'scale(1)';
|
|
296
|
+
const END_SCALE = doTitleAndButtonTextsMatch ? `scale(${WIDTH_SCALE}, ${HEIGHT_SCALE})` : `scale(${HEIGHT_SCALE})`;
|
|
149
297
|
const BACKWARDS_KEYFRAMES = [
|
|
150
|
-
{ offset: 0, opacity: 0, transform: `translate3d(${
|
|
298
|
+
{ offset: 0, opacity: 0, transform: `translate3d(${END_TRANSLATE_X}, ${END_TRANSLATE_Y}, 0) ${END_SCALE}` },
|
|
151
299
|
{ offset: 0.1, opacity: 0 },
|
|
152
|
-
{ offset: 1, opacity: 1, transform: `translate3d(
|
|
300
|
+
{ offset: 1, opacity: 1, transform: `translate3d(${START_TRANSLATE_X}, ${START_TRANSLATE_Y}, 0) ${START_SCALE}` },
|
|
153
301
|
];
|
|
154
302
|
const FORWARDS_KEYFRAMES = [
|
|
155
|
-
{
|
|
303
|
+
{
|
|
304
|
+
offset: 0,
|
|
305
|
+
opacity: 0.99,
|
|
306
|
+
transform: `translate3d(${START_TRANSLATE_X}, ${START_TRANSLATE_Y}, 0) ${START_SCALE}`,
|
|
307
|
+
},
|
|
156
308
|
{ offset: 0.6, opacity: 0 },
|
|
157
|
-
{ offset: 1, opacity: 0, transform: `translate3d(${
|
|
309
|
+
{ offset: 1, opacity: 0, transform: `translate3d(${END_TRANSLATE_X}, ${END_TRANSLATE_Y}, 0) ${END_SCALE}` },
|
|
158
310
|
];
|
|
159
311
|
const KEYFRAMES = backDirection ? BACKWARDS_KEYFRAMES : FORWARDS_KEYFRAMES;
|
|
160
312
|
const clonedTitleEl = getClonedElement('ion-title');
|
|
@@ -165,8 +317,14 @@ const animateLargeTitle = (rootAnimation, rtl, backDirection, largeTitleEl, larg
|
|
|
165
317
|
clonedLargeTitleAnimation.addElement(clonedTitleEl);
|
|
166
318
|
clonedLargeTitleAnimation
|
|
167
319
|
.beforeStyles({
|
|
168
|
-
'transform-origin': `${ORIGIN_X}
|
|
169
|
-
|
|
320
|
+
'transform-origin': `${ORIGIN_X} top`,
|
|
321
|
+
/**
|
|
322
|
+
* Since font size changes will cause
|
|
323
|
+
* the dimension of the large title to change
|
|
324
|
+
* we need to set the cloned title height
|
|
325
|
+
* equal to that of the original large title height.
|
|
326
|
+
*/
|
|
327
|
+
height: `${largeTitleBox.height}px`,
|
|
170
328
|
display: '',
|
|
171
329
|
position: 'relative',
|
|
172
330
|
[ORIGIN_X]: TITLE_START_OFFSET,
|
|
@@ -479,5 +637,15 @@ const iosTransitionAnimation = (navEl, opts) => {
|
|
|
479
637
|
throw err;
|
|
480
638
|
}
|
|
481
639
|
};
|
|
640
|
+
/**
|
|
641
|
+
* The scale of the back button during the animation
|
|
642
|
+
* is computed based on the scale of the large title
|
|
643
|
+
* and vice versa. However, we need to account for slight
|
|
644
|
+
* variations in the size of the large title due to
|
|
645
|
+
* padding and font weight. This value should be used to subtract
|
|
646
|
+
* a small amount from the large title height when computing scales
|
|
647
|
+
* to get more accurate scale results.
|
|
648
|
+
*/
|
|
649
|
+
const LARGE_TITLE_SIZE_OFFSET = 10;
|
|
482
650
|
|
|
483
651
|
export { iosTransitionAnimation, shadow };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { c as createAnimation } from './animation-92066c62.js';
|
|
5
|
-
import { g as getIonPageElement } from './index-
|
|
5
|
+
import { g as getIonPageElement } from './index-a09eac70.js';
|
|
6
6
|
import './index-7a14ecec.js';
|
|
7
7
|
import './helpers-3379ba19.js';
|
|
8
8
|
import './index-b49b173c.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{__awaiter,__generator}from"tslib";
|
|
2
|
+
/*!
|
|
3
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
+
*/import{w as writeTask,B as Build}from"./index-b49b173c.js";import{r as raf}from"./helpers-3379ba19.js";var LIFECYCLE_WILL_ENTER="ionViewWillEnter";var LIFECYCLE_DID_ENTER="ionViewDidEnter";var LIFECYCLE_WILL_LEAVE="ionViewWillLeave";var LIFECYCLE_DID_LEAVE="ionViewDidLeave";var LIFECYCLE_WILL_UNLOAD="ionViewWillUnload";var iosTransitionAnimation=function(){return import("./ios.transition-4d1322d6.js")};var mdTransitionAnimation=function(){return import("./md.transition-66b425d0.js")};var transition=function(n){return new Promise((function(e,i){writeTask((function(){beforeTransition(n);runTransition(n).then((function(i){if(i.animation){i.animation.destroy()}afterTransition(n);e(i)}),(function(e){afterTransition(n);i(e)}))}))}))};var beforeTransition=function(n){var e=n.enteringEl;var i=n.leavingEl;setZIndex(e,i,n.direction);if(n.showGoBack){e.classList.add("can-go-back")}else{e.classList.remove("can-go-back")}setPageHidden(e,false);e.style.setProperty("pointer-events","none");if(i){setPageHidden(i,false);i.style.setProperty("pointer-events","none")}};var runTransition=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,i;return __generator(this,(function(r){switch(r.label){case 0:return[4,getAnimationBuilder(n)];case 1:e=r.sent();i=e&&Build.isBrowser?animation(e,n):noAnimation(n);return[2,i]}}))}))};var afterTransition=function(n){var e=n.enteringEl;var i=n.leavingEl;e.classList.remove("ion-page-invisible");e.style.removeProperty("pointer-events");if(i!==undefined){i.classList.remove("ion-page-invisible");i.style.removeProperty("pointer-events")}};var getAnimationBuilder=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,i;return __generator(this,(function(r){switch(r.label){case 0:if(!n.leavingEl||!n.animated||n.duration===0){return[2,undefined]}if(n.animationBuilder){return[2,n.animationBuilder]}if(!(n.mode==="ios"))return[3,2];return[4,iosTransitionAnimation()];case 1:i=r.sent().iosTransitionAnimation;return[3,4];case 2:return[4,mdTransitionAnimation()];case 3:i=r.sent().mdTransitionAnimation;r.label=4;case 4:e=i;return[2,e]}}))}))};var animation=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){var i,r;return __generator(this,(function(t){switch(t.label){case 0:return[4,waitForReady(e,true)];case 1:t.sent();i=n(e.baseEl,e);fireWillEvents(e.enteringEl,e.leavingEl);return[4,playTransition(i,e)];case 2:r=t.sent();if(e.progressCallback){e.progressCallback(undefined)}if(r){fireDidEvents(e.enteringEl,e.leavingEl)}return[2,{hasCompleted:r,animation:i}]}}))}))};var noAnimation=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,i;return __generator(this,(function(r){switch(r.label){case 0:e=n.enteringEl;i=n.leavingEl;return[4,waitForReady(n,false)];case 1:r.sent();fireWillEvents(e,i);fireDidEvents(e,i);return[2,{hasCompleted:true}]}}))}))};var waitForReady=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:i=n.deepWait!==undefined?n.deepWait:e;if(!i)return[3,2];return[4,Promise.all([deepReady(n.enteringEl),deepReady(n.leavingEl)])];case 1:r.sent();r.label=2;case 2:return[4,notifyViewReady(n.viewIsReady,n.enteringEl)];case 3:r.sent();return[2]}}))}))};var notifyViewReady=function(n,e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!n)return[3,2];return[4,n(e)];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};var playTransition=function(n,e){var i=e.progressCallback;var r=new Promise((function(e){n.onFinish((function(n){return e(n===1)}))}));if(i){n.progressStart(true);i(n)}else{n.play()}return r};var fireWillEvents=function(n,e){lifecycle(e,LIFECYCLE_WILL_LEAVE);lifecycle(n,LIFECYCLE_WILL_ENTER)};var fireDidEvents=function(n,e){lifecycle(n,LIFECYCLE_DID_ENTER);lifecycle(e,LIFECYCLE_DID_LEAVE)};var lifecycle=function(n,e){if(n){var i=new CustomEvent(e,{bubbles:false,cancelable:false});n.dispatchEvent(i)}};var waitForMount=function(){return new Promise((function(n){return raf((function(){return raf((function(){return n()}))}))}))};var deepReady=function(n){return __awaiter(void 0,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(t){switch(t.label){case 0:e=n;if(!e)return[3,6];if(!(e.componentOnReady!=null))return[3,2];return[4,e.componentOnReady()];case 1:i=t.sent();if(i!=null){return[2]}return[3,4];case 2:if(!(e.__registerHost!=null))return[3,4];r=new Promise((function(n){return raf(n)}));return[4,r];case 3:t.sent();return[2];case 4:return[4,Promise.all(Array.from(e.children).map(deepReady))];case 5:t.sent();t.label=6;case 6:return[2]}}))}))};var setPageHidden=function(n,e){if(e){n.setAttribute("aria-hidden","true");n.classList.add("ion-page-hidden")}else{n.hidden=false;n.removeAttribute("aria-hidden");n.classList.remove("ion-page-hidden")}};var setZIndex=function(n,e,i){if(n!==undefined){n.style.zIndex=i==="back"?"99":"101"}if(e!==undefined){e.style.zIndex="100"}};var getIonPageElement=function(n){if(n.classList.contains("ion-page")){return n}var e=n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs");if(e){return e}return n};export{LIFECYCLE_WILL_ENTER as L,LIFECYCLE_DID_ENTER as a,LIFECYCLE_WILL_LEAVE as b,LIFECYCLE_DID_LEAVE as c,LIFECYCLE_WILL_UNLOAD as d,deepReady as e,getIonPageElement as g,lifecycle as l,setPageHidden as s,transition as t,waitForMount as w};
|
package/dist/esm-es5/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
export{c as createAnimation}from"./animation-92066c62.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-
|
|
4
|
+
export{c as createAnimation}from"./animation-92066c62.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-a09eac70.js";export{iosTransitionAnimation}from"./ios.transition-4d1322d6.js";export{mdTransitionAnimation}from"./md.transition-66b425d0.js";export{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";export{createGesture}from"./index-ff313b19.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-246ca78f.js";export{c as componentOnReady}from"./helpers-3379ba19.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-96c9ace3.js";export{o as openURL}from"./theme-17531cdf.js";export{m as menuController}from"./index-df55802d.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./overlays-cec6bac8.js";import"./index-7a14ecec.js";import"./index-b49b173c.js";import"./gesture-controller-0fa396c4.js";import"./index-595d62c9.js";import"./hardware-back-button-39299f84.js";import"./framework-delegate-aa433dea.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,h,H as Host,f as getElement,d as createEvent,e as readTask,i as forceUpdate,w as writeTask}from"./index-b49b173c.js";import{b as getIonMode,c as config,a as isPlatform}from"./ionic-global-246ca78f.js";import{m as hasLazyBuild,c as componentOnReady,l as clamp,i as inheritAriaAttributes,s as shallowEqualStringMap}from"./helpers-3379ba19.js";import{i as isRTL}from"./dir-912e3e13.js";import{c as createColorClasses,h as hostContext}from"./theme-17531cdf.js";import{a as findIonContent,p as printIonContentErrorMsg,g as getScrollElement}from"./index-746a238e.js";import{c as createKeyboardController}from"./keyboard-controller-0c2dce71.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{t as transition}from"./index-7d2b2808.js";import"./index-595d62c9.js";import"./index-7a14ecec.js";import"./keyboard-b063f012.js";import"./capacitor-b4979570.js";var appCss="html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";var App=function(){function t(t){registerInstance(this,t)}t.prototype.componentDidLoad=function(){var t=this;{rIC((function(){return __awaiter(t,void 0,void 0,(function(){var t,o,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=isPlatform(window,"hybrid");if(!config.getBoolean("_testing")){import("./index-f0cc4e14.js").then((function(t){return t.startTapClick(config)}))}if(config.getBoolean("statusTap",t)){import("./status-tap-9aeeaca5.js").then((function(t){return t.startStatusTap()}))}if(config.getBoolean("inputShims",needInputShims())){o=isPlatform(window,"ios")?"ios":"android";import("./input-shims-d78a3c77.js").then((function(t){return t.startInputShims(config,o)}))}return[4,import("./hardware-back-button-39299f84.js")];case 1:e=r.sent();if(config.getBoolean("hardwareBackButton",t)){e.startHardwareBackButton()}else{e.blockHardwareBackButton()}if(typeof window!=="undefined"){import("./keyboard-b551279d.js").then((function(t){return t.startKeyboardAssist(window)}))}import("./focus-visible-85493433.js").then((function(t){return n.focusVisible=t.startFocusVisible()}));return[2]}}))}))}))}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){if(this.focusVisible){this.focusVisible.setFocus(t)}return[2]}))}))};t.prototype.render=function(){var t;var o=getIonMode(this);return h(Host,{class:(t={},t[o]=true,t["ion-page"]=true,t["force-statusbar-padding"]=config.getBoolean("_forceStatusbarPadding"),t)})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var needInputShims=function(){var t=isPlatform(window,"ios")&&isPlatform(window,"mobile");if(t){return true}var o=isPlatform(window,"android")&&isPlatform(window,"mobileweb");if(o){return true}return false};var rIC=function(t){if("requestIdleCallback"in window){window.requestIdleCallback(t)}else{setTimeout(t,32)}};App.style=appCss;var buttonsIosCss=".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";var buttonsMdCss=".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";var Buttons=function(){function t(t){registerInstance(this,t);this.collapse=false}t.prototype.render=function(){var t;var o=getIonMode(this);return h(Host,{class:(t={},t[o]=true,t["buttons-collapse"]=this.collapse,t)})};return t}();Buttons.style={ios:buttonsIosCss,md:buttonsMdCss};var contentCss=':host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:""}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}';var Content=function(){function t(t){registerInstance(this,t);this.ionScrollStart=createEvent(this,"ionScrollStart",7);this.ionScroll=createEvent(this,"ionScroll",7);this.ionScrollEnd=createEvent(this,"ionScrollEnd",7);this.watchDog=null;this.isScrolling=false;this.lastScroll=0;this.queued=false;this.cTop=-1;this.cBottom=-1;this.isMainContent=true;this.resizeTimeout=null;this.tabsElement=null;this.detail={scrollTop:0,scrollLeft:0,type:"scroll",event:undefined,startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,data:undefined,isScrolling:true};this.color=undefined;this.fullscreen=false;this.forceOverscroll=undefined;this.scrollX=false;this.scrollY=true;this.scrollEvents=false}t.prototype.connectedCallback=function(){var t=this;this.isMainContent=this.el.closest("ion-menu, ion-popover, ion-modal")===null;if(hasLazyBuild(this.el)){var o=this.tabsElement=this.el.closest("ion-tabs");if(o!==null){this.tabsLoadCallback=function(){return t.resize()};o.addEventListener("ionTabBarLoaded",this.tabsLoadCallback)}}};t.prototype.disconnectedCallback=function(){this.onScrollEnd();if(hasLazyBuild(this.el)){var t=this,o=t.tabsElement,e=t.tabsLoadCallback;if(o!==null&&e!==undefined){o.removeEventListener("ionTabBarLoaded",e)}this.tabsElement=null;this.tabsLoadCallback=undefined}};t.prototype.onResize=function(){var t=this;if(this.resizeTimeout){clearTimeout(this.resizeTimeout);this.resizeTimeout=null}this.resizeTimeout=setTimeout((function(){if(t.el.offsetParent===null){return}t.resize()}),100)};t.prototype.shouldForceOverscroll=function(){var t=this.forceOverscroll;var o=getIonMode(this);return t===undefined?o==="ios"&&isPlatform("ios"):t};t.prototype.resize=function(){var t=this;{if(this.fullscreen){readTask((function(){return t.readDimensions()}))}else if(this.cTop!==0||this.cBottom!==0){this.cTop=this.cBottom=0;forceUpdate(this)}}};t.prototype.readDimensions=function(){var t=getPageElement(this.el);var o=Math.max(this.el.offsetTop,0);var e=Math.max(t.offsetHeight-o-this.el.offsetHeight,0);var n=o!==this.cTop||e!==this.cBottom;if(n){this.cTop=o;this.cBottom=e;forceUpdate(this)}};t.prototype.onScroll=function(t){var o=this;var e=Date.now();var n=!this.isScrolling;this.lastScroll=e;if(n){this.onScrollStart()}if(!this.queued&&this.scrollEvents){this.queued=true;readTask((function(e){o.queued=false;o.detail.event=t;updateScrollDetail(o.detail,o.scrollEl,e,n);o.ionScroll.emit(o.detail)}))}};t.prototype.getScrollElement=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.scrollEl)return[3,2];return[4,new Promise((function(o){return componentOnReady(t.el,o)}))];case 1:o.sent();o.label=2;case 2:return[2,Promise.resolve(this.scrollEl)]}}))}))};t.prototype.getBackgroundElement=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.backgroundContentEl)return[3,2];return[4,new Promise((function(o){return componentOnReady(t.el,o)}))];case 1:o.sent();o.label=2;case 2:return[2,Promise.resolve(this.backgroundContentEl)]}}))}))};t.prototype.scrollToTop=function(t){if(t===void 0){t=0}return this.scrollToPoint(undefined,0,t)};t.prototype.scrollToBottom=function(t){if(t===void 0){t=0}return __awaiter(this,void 0,void 0,(function(){var o,e;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getScrollElement()];case 1:o=n.sent();e=o.scrollHeight-o.clientHeight;return[2,this.scrollToPoint(undefined,e,t)]}}))}))};t.prototype.scrollByPoint=function(t,o,e){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.getScrollElement()];case 1:n=r.sent();return[2,this.scrollToPoint(t+n.scrollLeft,o+n.scrollTop,e)]}}))}))};t.prototype.scrollToPoint=function(t,o,e){if(e===void 0){e=0}return __awaiter(this,void 0,void 0,(function(){var n,r,i,a,s,l,c,d,u;return __generator(this,(function(p){switch(p.label){case 0:return[4,this.getScrollElement()];case 1:n=p.sent();if(e<32){if(o!=null){n.scrollTop=o}if(t!=null){n.scrollLeft=t}return[2]}i=0;a=new Promise((function(t){return r=t}));s=n.scrollTop;l=n.scrollLeft;c=o!=null?o-s:0;d=t!=null?t-l:0;u=function(t){var o=Math.min(1,(t-i)/e)-1;var a=Math.pow(o,3)+1;if(c!==0){n.scrollTop=Math.floor(a*c+s)}if(d!==0){n.scrollLeft=Math.floor(a*d+l)}if(a<1){requestAnimationFrame(u)}else{r()}};requestAnimationFrame((function(t){i=t;u(t)}));return[2,a]}}))}))};t.prototype.onScrollStart=function(){var t=this;this.isScrolling=true;this.ionScrollStart.emit({isScrolling:true});if(this.watchDog){clearInterval(this.watchDog)}this.watchDog=setInterval((function(){if(t.lastScroll<Date.now()-120){t.onScrollEnd()}}),100)};t.prototype.onScrollEnd=function(){if(this.watchDog)clearInterval(this.watchDog);this.watchDog=null;if(this.isScrolling){this.isScrolling=false;this.ionScrollEnd.emit({isScrolling:false})}};t.prototype.render=function(){var t;var o=this;var e=this,n=e.isMainContent,r=e.scrollX,i=e.scrollY,a=e.el;var s=isRTL(a)?"rtl":"ltr";var l=getIonMode(this);var c=this.shouldForceOverscroll();var d=l==="ios";var u=n?"main":"div";this.resize();return h(Host,{class:createColorClasses(this.color,(t={},t[l]=true,t["content-sizing"]=hostContext("ion-popover",this.el),t.overscroll=c,t["content-".concat(s)]=true,t)),style:{"--offset-top":"".concat(this.cTop,"px"),"--offset-bottom":"".concat(this.cBottom,"px")}},h("div",{ref:function(t){return o.backgroundContentEl=t},id:"background-content",part:"background"}),h(u,{class:{"inner-scroll":true,"scroll-x":r,"scroll-y":i,overscroll:(r||i)&&c},ref:function(t){return o.scrollEl=t},onScroll:this.scrollEvents?function(t){return o.onScroll(t)}:undefined,part:"scroll"},h("slot",null)),d?h("div",{class:"transition-effect"},h("div",{class:"transition-cover"}),h("div",{class:"transition-shadow"})):null,h("slot",{name:"fixed"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var getParentElement=function(t){var o;if(t.parentElement){return t.parentElement}if((o=t.parentNode)===null||o===void 0?void 0:o.host){return t.parentNode.host}return null};var getPageElement=function(t){var o=t.closest("ion-tabs");if(o){return o}var e=t.closest("ion-app, ion-page, .ion-page, page-inner, .popover-content");if(e){return e}return getParentElement(t)};var updateScrollDetail=function(t,o,e,n){var r=t.currentX;var i=t.currentY;var a=t.currentTime;var s=o.scrollLeft;var l=o.scrollTop;var c=e-a;if(n){t.startTime=e;t.startX=s;t.startY=l;t.velocityX=t.velocityY=0}t.currentTime=e;t.currentX=t.scrollLeft=s;t.currentY=t.scrollTop=l;t.deltaX=s-t.startX;t.deltaY=l-t.startY;if(c>0&&c<100){var d=(s-r)/c;var u=(l-i)/c;t.velocityX=d*.7+t.velocityX*.3;t.velocityY=u*.7+t.velocityY*.3}};Content.style=contentCss;var handleFooterFade=function(t,o){readTask((function(){var e=t.scrollTop;var n=t.scrollHeight-t.clientHeight;var r=10;var i=n-r;var a=e-i;var s=clamp(0,1-a/r,1);writeTask((function(){o.style.setProperty("--opacity-scale",s.toString())}))}))};var footerIosCss="ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}";var footerMdCss="ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Footer=function(){function t(t){var o=this;registerInstance(this,t);this.keyboardCtrl=null;this.checkCollapsibleFooter=function(){var t=getIonMode(o);if(t!=="ios"){return}var e=o.collapse;var n=e==="fade";o.destroyCollapsibleFooter();if(n){var r=o.el.closest("ion-app,ion-page,.ion-page,page-inner");var i=r?findIonContent(r):null;if(!i){printIonContentErrorMsg(o.el);return}o.setupFadeFooter(i)}};this.setupFadeFooter=function(t){return __awaiter(o,void 0,void 0,(function(){var o,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:e=this;return[4,getScrollElement(t)];case 1:o=e.scrollEl=r.sent();this.contentScrollCallback=function(){handleFooterFade(o,n.el)};o.addEventListener("scroll",this.contentScrollCallback);handleFooterFade(o,this.el);return[2]}}))}))};this.keyboardVisible=false;this.collapse=undefined;this.translucent=false}t.prototype.componentDidLoad=function(){this.checkCollapsibleFooter()};t.prototype.componentDidUpdate=function(){this.checkCollapsibleFooter()};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var o=this;return __generator(this,(function(e){switch(e.label){case 0:t=this;return[4,createKeyboardController((function(t,e){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(t===false&&e!==undefined))return[3,2];return[4,e];case 1:o.sent();o.label=2;case 2:this.keyboardVisible=t;return[2]}}))}))}))];case 1:t.keyboardCtrl=e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}};t.prototype.destroyCollapsibleFooter=function(){if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}};t.prototype.render=function(){var t;var o=this,e=o.translucent,n=o.collapse;var r=getIonMode(this);var i=this.el.closest("ion-tabs");var a=i===null||i===void 0?void 0:i.querySelector(":scope > ion-tab-bar");return h(Host,{role:"contentinfo",class:(t={},t[r]=true,t["footer-".concat(r)]=true,t["footer-translucent"]=e,t["footer-translucent-".concat(r)]=e,t["footer-toolbar-padding"]=!this.keyboardVisible&&(!a||a.slot!=="bottom"),t["footer-collapse-".concat(n)]=n!==undefined,t)},r==="ios"&&e&&h("div",{class:"footer-background"}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Footer.style={ios:footerIosCss,md:footerMdCss};var TRANSITION="all 0.2s ease-in-out";var cloneElement=function(t){var o=document.querySelector("".concat(t,".ion-cloned-element"));if(o!==null){return o}var e=document.createElement(t);e.classList.add("ion-cloned-element");e.style.setProperty("display","none");document.body.appendChild(e);return e};var createHeaderIndex=function(t){if(!t){return}var o=t.querySelectorAll("ion-toolbar");return{el:t,toolbars:Array.from(o).map((function(t){var o=t.querySelector("ion-title");return{el:t,background:t.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:o,innerTitleEl:o?o.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(t.querySelectorAll("ion-buttons"))}}))}};var handleContentScroll=function(t,o,e){readTask((function(){var n=t.scrollTop;var r=clamp(1,1+-n/500,1.1);var i=e.querySelector("ion-refresher.refresher-native");if(i===null){writeTask((function(){scaleLargeTitles(o.toolbars,r)}))}}))};var setToolbarBackgroundOpacity=function(t,o){if(t.collapse==="fade"){return}if(o===undefined){t.style.removeProperty("--opacity-scale")}else{t.style.setProperty("--opacity-scale",o.toString())}};var handleToolbarBorderIntersection=function(t,o,e){if(!t[0].isIntersecting){return}var n=t[0].intersectionRatio>.9||e<=0?0:(1-t[0].intersectionRatio)*100/75;setToolbarBackgroundOpacity(o.el,n===1?undefined:n)};var handleToolbarIntersection=function(t,o,e,n){writeTask((function(){var r=n.scrollTop;handleToolbarBorderIntersection(t,o,r);var i=t[0];var a=i.intersectionRect;var s=a.width*a.height;var l=i.rootBounds.width*i.rootBounds.height;var c=s===0&&l===0;var d=Math.abs(a.left-i.boundingClientRect.left);var u=Math.abs(a.right-i.boundingClientRect.right);var p=s>0&&(d>=5||u>=5);if(c||p){return}if(i.isIntersecting){setHeaderActive(o,false);setHeaderActive(e)}else{var f=a.x===0&&a.y===0||a.width!==0&&a.height!==0;if(f&&r>0){setHeaderActive(o);setHeaderActive(e,false);setToolbarBackgroundOpacity(o.el)}}}))};var setHeaderActive=function(t,o){if(o===void 0){o=true}var e=t.el;if(o){e.classList.remove("header-collapse-condense-inactive");e.removeAttribute("aria-hidden")}else{e.classList.add("header-collapse-condense-inactive");e.setAttribute("aria-hidden","true")}};var scaleLargeTitles=function(t,o,e){if(t===void 0){t=[]}if(o===void 0){o=1}if(e===void 0){e=false}t.forEach((function(t){var n=t.ionTitleEl;var r=t.innerTitleEl;if(!n||n.size!=="large"){return}r.style.transition=e?TRANSITION:"";r.style.transform="scale3d(".concat(o,", ").concat(o,", 1)")}))};var handleHeaderFade=function(t,o,e){readTask((function(){var n=t.scrollTop;var r=o.clientHeight;var i=e?e.clientHeight:0;if(e!==null&&n<i){o.style.setProperty("--opacity-scale","0");t.style.setProperty("clip-path","inset(".concat(r,"px 0px 0px 0px)"));return}var a=n-i;var s=10;var l=clamp(0,a/s,1);writeTask((function(){t.style.removeProperty("clip-path");o.style.setProperty("--opacity-scale",l.toString())}))}))};var headerIosCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header:not(.header-collapse-main):has(~ion-content ion-header[collapse=condense]){opacity:0}";var headerMdCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Header=function(){function t(t){var o=this;registerInstance(this,t);this.inheritedAttributes={};this.setupFadeHeader=function(t,e){return __awaiter(o,void 0,void 0,(function(){var o,n;var r=this;return __generator(this,(function(i){switch(i.label){case 0:n=this;return[4,getScrollElement(t)];case 1:o=n.scrollEl=i.sent();this.contentScrollCallback=function(){handleHeaderFade(r.scrollEl,r.el,e)};o.addEventListener("scroll",this.contentScrollCallback);handleHeaderFade(this.scrollEl,this.el,e);return[2]}}))}))};this.collapse=undefined;this.translucent=false}t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.componentDidLoad=function(){this.checkCollapsibleHeader()};t.prototype.componentDidUpdate=function(){this.checkCollapsibleHeader()};t.prototype.disconnectedCallback=function(){this.destroyCollapsibleHeader()};t.prototype.checkCollapsibleHeader=function(){return __awaiter(this,void 0,void 0,(function(){var t,o,e,n,r,i,r,i,a;return __generator(this,(function(s){switch(s.label){case 0:t=getIonMode(this);if(t!=="ios"){return[2]}o=this.collapse;e=o==="condense";n=o==="fade";this.destroyCollapsibleHeader();if(!e)return[3,2];r=this.el.closest("ion-app,ion-page,.ion-page,page-inner");i=r?findIonContent(r):null;writeTask((function(){var t=cloneElement("ion-title");t.size="large";cloneElement("ion-back-button")}));return[4,this.setupCondenseHeader(i,r)];case 1:s.sent();return[3,4];case 2:if(!n)return[3,4];r=this.el.closest("ion-app,ion-page,.ion-page,page-inner");i=r?findIonContent(r):null;if(!i){printIonContentErrorMsg(this.el);return[2]}a=i.querySelector('ion-header[collapse="condense"]');return[4,this.setupFadeHeader(i,a)];case 3:s.sent();s.label=4;case 4:return[2]}}))}))};t.prototype.destroyCollapsibleHeader=function(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=undefined}if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}if(this.collapsibleMainHeader){this.collapsibleMainHeader.classList.remove("header-collapse-main");this.collapsibleMainHeader=undefined}};t.prototype.setupCondenseHeader=function(t,o){return __awaiter(this,void 0,void 0,(function(){var e,n,r,i,a;var s=this;return __generator(this,(function(l){switch(l.label){case 0:if(!t||!o){printIonContentErrorMsg(this.el);return[2]}if(typeof IntersectionObserver==="undefined"){return[2]}e=this;return[4,getScrollElement(t)];case 1:e.scrollEl=l.sent();n=o.querySelectorAll("ion-header");this.collapsibleMainHeader=Array.from(n).find((function(t){return t.collapse!=="condense"}));if(!this.collapsibleMainHeader){return[2]}r=createHeaderIndex(this.collapsibleMainHeader);i=createHeaderIndex(this.el);if(!r||!i){return[2]}setHeaderActive(r,false);setToolbarBackgroundOpacity(r.el,0);a=function(t){handleToolbarIntersection(t,r,i,s.scrollEl)};this.intersectionObserver=new IntersectionObserver(a,{root:t,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]});this.intersectionObserver.observe(i.toolbars[i.toolbars.length-1].el);this.contentScrollCallback=function(){handleContentScroll(s.scrollEl,i,t)};this.scrollEl.addEventListener("scroll",this.contentScrollCallback);writeTask((function(){if(s.collapsibleMainHeader!==undefined){s.collapsibleMainHeader.classList.add("header-collapse-main")}}));return[2]}}))}))};t.prototype.render=function(){var t;var o=this,e=o.translucent,n=o.inheritedAttributes;var r=getIonMode(this);var i=this.collapse||"none";var a=hostContext("ion-menu",this.el)?"none":"banner";return h(Host,Object.assign({role:a,class:(t={},t[r]=true,t["header-".concat(r)]=true,t["header-translucent"]=this.translucent,t["header-collapse-".concat(i)]=true,t["header-translucent-".concat(r)]=this.translucent,t)},n),r==="ios"&&e&&h("div",{class:"header-background"}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Header.style={ios:headerIosCss,md:headerMdCss};var routerOutletCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";var RouterOutlet=function(){function t(t){registerInstance(this,t);this.ionNavWillLoad=createEvent(this,"ionNavWillLoad",7);this.ionNavWillChange=createEvent(this,"ionNavWillChange",3);this.ionNavDidChange=createEvent(this,"ionNavDidChange",3);this.lockController=createLockController();this.gestureOrAnimationInProgress=false;this.mode=getIonMode(this);this.delegate=undefined;this.animated=true;this.animation=undefined;this.swipeHandler=undefined}t.prototype.swipeHandlerChanged=function(){if(this.gesture){this.gesture.enable(this.swipeHandler!==undefined)}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,o;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=function(){e.gestureOrAnimationInProgress=true;if(e.swipeHandler){e.swipeHandler.onStart()}};o=this;return[4,import("./swipe-back-cd4295f3.js")];case 1:o.gesture=n.sent().createSwipeBackGesture(this.el,(function(){return!e.gestureOrAnimationInProgress&&!!e.swipeHandler&&e.swipeHandler.canStart()}),(function(){return t()}),(function(t){var o;return(o=e.ani)===null||o===void 0?void 0:o.progressStep(t)}),(function(t,o,n){if(e.ani){e.ani.onFinish((function(){e.gestureOrAnimationInProgress=false;if(e.swipeHandler){e.swipeHandler.onEnd(t)}}),{oneTimeCallback:true});var r=t?-.001:.001;if(!t){e.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");r+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],o)[0]}else{e.ani.easing("linear");r+=o}e.ani.progressEnd(t?1:0,r,n)}else{e.gestureOrAnimationInProgress=false}}));this.swipeHandlerChanged();return[2]}}))}))};t.prototype.componentWillLoad=function(){this.ionNavWillLoad.emit()};t.prototype.disconnectedCallback=function(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}};t.prototype.commit=function(t,o,e){return __awaiter(this,void 0,void 0,(function(){var n,r,i;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:n=a.sent();r=false;a.label=2;case 2:a.trys.push([2,4,,5]);return[4,this.transition(t,o,e)];case 3:r=a.sent();return[3,5];case 4:i=a.sent();console.error(i);return[3,5];case 5:n();return[2,r]}}))}))};t.prototype.setRouteId=function(t,o,e,n){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.setRoot(t,o,{duration:e==="root"?0:undefined,direction:e==="back"?"back":"forward",animationBuilder:n})];case 1:r=i.sent();return[2,{changed:r,element:this.activeEl}]}}))}))};t.prototype.getRouteId=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){t=this.activeEl;return[2,t?{id:t.tagName,element:t,params:this.activeParams}:undefined]}))}))};t.prototype.setRoot=function(t,o,e){return __awaiter(this,void 0,void 0,(function(){var n,r;return __generator(this,(function(i){switch(i.label){case 0:if(this.activeComponent===t&&shallowEqualStringMap(o,this.activeParams)){return[2,false]}n=this.activeEl;return[4,attachComponent(this.delegate,this.el,t,["ion-page","ion-page-invisible"],o)];case 1:r=i.sent();this.activeComponent=t;this.activeEl=r;this.activeParams=o;return[4,this.commit(r,n,e)];case 2:i.sent();return[4,detachComponent(this.delegate,n)];case 3:i.sent();return[2,true]}}))}))};t.prototype.transition=function(t,o,e){if(e===void 0){e={}}return __awaiter(this,void 0,void 0,(function(){var n,r,i,a,s;var l=this;return __generator(this,(function(c){switch(c.label){case 0:if(o===t){return[2,false]}this.ionNavWillChange.emit();n=this,r=n.el,i=n.mode;a=this.animated&&config.getBoolean("animated",true);s=e.animationBuilder||this.animation||config.get("navAnimation");return[4,transition(Object.assign(Object.assign({mode:i,animated:a,enteringEl:t,leavingEl:o,baseEl:r,deepWait:hasLazyBuild(r),progressCallback:e.progressAnimation?function(t){if(t!==undefined&&!l.gestureOrAnimationInProgress){l.gestureOrAnimationInProgress=true;t.onFinish((function(){l.gestureOrAnimationInProgress=false;if(l.swipeHandler){l.swipeHandler.onEnd(false)}}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{l.ani=t}}:undefined},e),{animationBuilder:s}))];case 1:c.sent();this.ionNavDidChange.emit();return[2,true]}}))}))};t.prototype.render=function(){return h("slot",null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{swipeHandler:["swipeHandlerChanged"]}},enumerable:false,configurable:true});return t}();RouterOutlet.style=routerOutletCss;var titleIosCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host:dir(rtl){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large) .toolbar-title:dir(rtl){-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var titleMdCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";var ToolbarTitle=function(){function t(t){registerInstance(this,t);this.ionStyle=createEvent(this,"ionStyle",7);this.color=undefined;this.size=undefined}t.prototype.sizeChanged=function(){this.emitStyle()};t.prototype.connectedCallback=function(){this.emitStyle()};t.prototype.emitStyle=function(){var t;var o=this.getSize();this.ionStyle.emit((t={},t["title-".concat(o)]=true,t))};t.prototype.getSize=function(){return this.size!==undefined?this.size:"default"};t.prototype.render=function(){var t;var o=getIonMode(this);var e=this.getSize();return h(Host,{class:createColorClasses(this.color,(t={},t[o]=true,t["title-".concat(e)]=true,t["title-rtl"]=document.dir==="rtl",t))},h("div",{class:"toolbar-title"},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeChanged"]}},enumerable:false,configurable:true});return t}();ToolbarTitle.style={ios:titleIosCss,md:titleMdCss};var toolbarIosCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";var toolbarMdCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";var Toolbar=function(){function t(t){registerInstance(this,t);this.childrenStyles=new Map;this.color=undefined}t.prototype.componentWillLoad=function(){var t=Array.from(this.el.querySelectorAll("ion-buttons"));var o=t.find((function(t){return t.slot==="start"}));if(o){o.classList.add("buttons-first-slot")}var e=t.reverse();var n=e.find((function(t){return t.slot==="end"}))||e.find((function(t){return t.slot==="primary"}))||e.find((function(t){return t.slot==="secondary"}));if(n){n.classList.add("buttons-last-slot")}};t.prototype.childrenStyle=function(t){t.stopPropagation();var o=t.target.tagName;var e=t.detail;var n={};var r=this.childrenStyles.get(o)||{};var i=false;Object.keys(e).forEach((function(t){var o="toolbar-".concat(t);var a=e[t];if(a!==r[o]){i=true}if(a){n[o]=true}}));if(i){this.childrenStyles.set(o,n);forceUpdate(this)}};t.prototype.render=function(){var t;var o=getIonMode(this);var e={};this.childrenStyles.forEach((function(t){Object.assign(e,t)}));return h(Host,{class:Object.assign(Object.assign({},e),createColorClasses(this.color,(t={},t[o]=true,t["in-toolbar"]=hostContext("ion-toolbar",this.el),t)))},h("div",{class:"toolbar-background"}),h("div",{class:"toolbar-container"},h("slot",{name:"start"}),h("slot",{name:"secondary"}),h("div",{class:"toolbar-content"},h("slot",null)),h("slot",{name:"primary"}),h("slot",{name:"end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Toolbar.style={ios:toolbarIosCss,md:toolbarMdCss};export{App as ion_app,Buttons as ion_buttons,Content as ion_content,Footer as ion_footer,Header as ion_header,RouterOutlet as ion_router_outlet,ToolbarTitle as ion_title,Toolbar as ion_toolbar};
|
|
4
|
+
*/import{r as registerInstance,h,H as Host,f as getElement,d as createEvent,e as readTask,i as forceUpdate,w as writeTask}from"./index-b49b173c.js";import{b as getIonMode,c as config,a as isPlatform}from"./ionic-global-246ca78f.js";import{m as hasLazyBuild,c as componentOnReady,l as clamp,i as inheritAriaAttributes,s as shallowEqualStringMap}from"./helpers-3379ba19.js";import{i as isRTL}from"./dir-912e3e13.js";import{c as createColorClasses,h as hostContext}from"./theme-17531cdf.js";import{a as findIonContent,p as printIonContentErrorMsg,g as getScrollElement}from"./index-746a238e.js";import{c as createKeyboardController}from"./keyboard-controller-0c2dce71.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{t as transition}from"./index-a09eac70.js";import"./index-595d62c9.js";import"./index-7a14ecec.js";import"./keyboard-b063f012.js";import"./capacitor-b4979570.js";var appCss="html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";var App=function(){function t(t){registerInstance(this,t)}t.prototype.componentDidLoad=function(){var t=this;{rIC((function(){return __awaiter(t,void 0,void 0,(function(){var t,o,n;var e=this;return __generator(this,(function(i){switch(i.label){case 0:t=isPlatform(window,"hybrid");if(!config.getBoolean("_testing")){import("./index-f0cc4e14.js").then((function(t){return t.startTapClick(config)}))}if(config.getBoolean("statusTap",t)){import("./status-tap-9aeeaca5.js").then((function(t){return t.startStatusTap()}))}if(config.getBoolean("inputShims",needInputShims())){o=isPlatform(window,"ios")?"ios":"android";import("./input-shims-d78a3c77.js").then((function(t){return t.startInputShims(config,o)}))}return[4,import("./hardware-back-button-39299f84.js")];case 1:n=i.sent();if(config.getBoolean("hardwareBackButton",t)){n.startHardwareBackButton()}else{n.blockHardwareBackButton()}if(typeof window!=="undefined"){import("./keyboard-b551279d.js").then((function(t){return t.startKeyboardAssist(window)}))}import("./focus-visible-85493433.js").then((function(t){return e.focusVisible=t.startFocusVisible()}));return[2]}}))}))}))}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){if(this.focusVisible){this.focusVisible.setFocus(t)}return[2]}))}))};t.prototype.render=function(){var t;var o=getIonMode(this);return h(Host,{class:(t={},t[o]=true,t["ion-page"]=true,t["force-statusbar-padding"]=config.getBoolean("_forceStatusbarPadding"),t)})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var needInputShims=function(){var t=isPlatform(window,"ios")&&isPlatform(window,"mobile");if(t){return true}var o=isPlatform(window,"android")&&isPlatform(window,"mobileweb");if(o){return true}return false};var rIC=function(t){if("requestIdleCallback"in window){window.requestIdleCallback(t)}else{setTimeout(t,32)}};App.style=appCss;var buttonsIosCss=".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";var buttonsMdCss=".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";var Buttons=function(){function t(t){registerInstance(this,t);this.collapse=false}t.prototype.render=function(){var t;var o=getIonMode(this);return h(Host,{class:(t={},t[o]=true,t["buttons-collapse"]=this.collapse,t)})};return t}();Buttons.style={ios:buttonsIosCss,md:buttonsMdCss};var contentCss=':host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:""}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}';var Content=function(){function t(t){registerInstance(this,t);this.ionScrollStart=createEvent(this,"ionScrollStart",7);this.ionScroll=createEvent(this,"ionScroll",7);this.ionScrollEnd=createEvent(this,"ionScrollEnd",7);this.watchDog=null;this.isScrolling=false;this.lastScroll=0;this.queued=false;this.cTop=-1;this.cBottom=-1;this.isMainContent=true;this.resizeTimeout=null;this.tabsElement=null;this.detail={scrollTop:0,scrollLeft:0,type:"scroll",event:undefined,startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,data:undefined,isScrolling:true};this.color=undefined;this.fullscreen=false;this.forceOverscroll=undefined;this.scrollX=false;this.scrollY=true;this.scrollEvents=false}t.prototype.connectedCallback=function(){var t=this;this.isMainContent=this.el.closest("ion-menu, ion-popover, ion-modal")===null;if(hasLazyBuild(this.el)){var o=this.tabsElement=this.el.closest("ion-tabs");if(o!==null){this.tabsLoadCallback=function(){return t.resize()};o.addEventListener("ionTabBarLoaded",this.tabsLoadCallback)}}};t.prototype.disconnectedCallback=function(){this.onScrollEnd();if(hasLazyBuild(this.el)){var t=this,o=t.tabsElement,n=t.tabsLoadCallback;if(o!==null&&n!==undefined){o.removeEventListener("ionTabBarLoaded",n)}this.tabsElement=null;this.tabsLoadCallback=undefined}};t.prototype.onResize=function(){var t=this;if(this.resizeTimeout){clearTimeout(this.resizeTimeout);this.resizeTimeout=null}this.resizeTimeout=setTimeout((function(){if(t.el.offsetParent===null){return}t.resize()}),100)};t.prototype.shouldForceOverscroll=function(){var t=this.forceOverscroll;var o=getIonMode(this);return t===undefined?o==="ios"&&isPlatform("ios"):t};t.prototype.resize=function(){var t=this;{if(this.fullscreen){readTask((function(){return t.readDimensions()}))}else if(this.cTop!==0||this.cBottom!==0){this.cTop=this.cBottom=0;forceUpdate(this)}}};t.prototype.readDimensions=function(){var t=getPageElement(this.el);var o=Math.max(this.el.offsetTop,0);var n=Math.max(t.offsetHeight-o-this.el.offsetHeight,0);var e=o!==this.cTop||n!==this.cBottom;if(e){this.cTop=o;this.cBottom=n;forceUpdate(this)}};t.prototype.onScroll=function(t){var o=this;var n=Date.now();var e=!this.isScrolling;this.lastScroll=n;if(e){this.onScrollStart()}if(!this.queued&&this.scrollEvents){this.queued=true;readTask((function(n){o.queued=false;o.detail.event=t;updateScrollDetail(o.detail,o.scrollEl,n,e);o.ionScroll.emit(o.detail)}))}};t.prototype.getScrollElement=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.scrollEl)return[3,2];return[4,new Promise((function(o){return componentOnReady(t.el,o)}))];case 1:o.sent();o.label=2;case 2:return[2,Promise.resolve(this.scrollEl)]}}))}))};t.prototype.getBackgroundElement=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){switch(o.label){case 0:if(!!this.backgroundContentEl)return[3,2];return[4,new Promise((function(o){return componentOnReady(t.el,o)}))];case 1:o.sent();o.label=2;case 2:return[2,Promise.resolve(this.backgroundContentEl)]}}))}))};t.prototype.scrollToTop=function(t){if(t===void 0){t=0}return this.scrollToPoint(undefined,0,t)};t.prototype.scrollToBottom=function(t){if(t===void 0){t=0}return __awaiter(this,void 0,void 0,(function(){var o,n;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.getScrollElement()];case 1:o=e.sent();n=o.scrollHeight-o.clientHeight;return[2,this.scrollToPoint(undefined,n,t)]}}))}))};t.prototype.scrollByPoint=function(t,o,n){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.getScrollElement()];case 1:e=i.sent();return[2,this.scrollToPoint(t+e.scrollLeft,o+e.scrollTop,n)]}}))}))};t.prototype.scrollToPoint=function(t,o,n){if(n===void 0){n=0}return __awaiter(this,void 0,void 0,(function(){var e,i,r,a,s,l,c,d,u;return __generator(this,(function(f){switch(f.label){case 0:return[4,this.getScrollElement()];case 1:e=f.sent();if(n<32){if(o!=null){e.scrollTop=o}if(t!=null){e.scrollLeft=t}return[2]}r=0;a=new Promise((function(t){return i=t}));s=e.scrollTop;l=e.scrollLeft;c=o!=null?o-s:0;d=t!=null?t-l:0;u=function(t){var o=Math.min(1,(t-r)/n)-1;var a=Math.pow(o,3)+1;if(c!==0){e.scrollTop=Math.floor(a*c+s)}if(d!==0){e.scrollLeft=Math.floor(a*d+l)}if(a<1){requestAnimationFrame(u)}else{i()}};requestAnimationFrame((function(t){r=t;u(t)}));return[2,a]}}))}))};t.prototype.onScrollStart=function(){var t=this;this.isScrolling=true;this.ionScrollStart.emit({isScrolling:true});if(this.watchDog){clearInterval(this.watchDog)}this.watchDog=setInterval((function(){if(t.lastScroll<Date.now()-120){t.onScrollEnd()}}),100)};t.prototype.onScrollEnd=function(){if(this.watchDog)clearInterval(this.watchDog);this.watchDog=null;if(this.isScrolling){this.isScrolling=false;this.ionScrollEnd.emit({isScrolling:false})}};t.prototype.render=function(){var t;var o=this;var n=this,e=n.isMainContent,i=n.scrollX,r=n.scrollY,a=n.el;var s=isRTL(a)?"rtl":"ltr";var l=getIonMode(this);var c=this.shouldForceOverscroll();var d=l==="ios";var u=e?"main":"div";this.resize();return h(Host,{class:createColorClasses(this.color,(t={},t[l]=true,t["content-sizing"]=hostContext("ion-popover",this.el),t.overscroll=c,t["content-".concat(s)]=true,t)),style:{"--offset-top":"".concat(this.cTop,"px"),"--offset-bottom":"".concat(this.cBottom,"px")}},h("div",{ref:function(t){return o.backgroundContentEl=t},id:"background-content",part:"background"}),h(u,{class:{"inner-scroll":true,"scroll-x":i,"scroll-y":r,overscroll:(i||r)&&c},ref:function(t){return o.scrollEl=t},onScroll:this.scrollEvents?function(t){return o.onScroll(t)}:undefined,part:"scroll"},h("slot",null)),d?h("div",{class:"transition-effect"},h("div",{class:"transition-cover"}),h("div",{class:"transition-shadow"})):null,h("slot",{name:"fixed"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var getParentElement=function(t){var o;if(t.parentElement){return t.parentElement}if((o=t.parentNode)===null||o===void 0?void 0:o.host){return t.parentNode.host}return null};var getPageElement=function(t){var o=t.closest("ion-tabs");if(o){return o}var n=t.closest("ion-app, ion-page, .ion-page, page-inner, .popover-content");if(n){return n}return getParentElement(t)};var updateScrollDetail=function(t,o,n,e){var i=t.currentX;var r=t.currentY;var a=t.currentTime;var s=o.scrollLeft;var l=o.scrollTop;var c=n-a;if(e){t.startTime=n;t.startX=s;t.startY=l;t.velocityX=t.velocityY=0}t.currentTime=n;t.currentX=t.scrollLeft=s;t.currentY=t.scrollTop=l;t.deltaX=s-t.startX;t.deltaY=l-t.startY;if(c>0&&c<100){var d=(s-i)/c;var u=(l-r)/c;t.velocityX=d*.7+t.velocityX*.3;t.velocityY=u*.7+t.velocityY*.3}};Content.style=contentCss;var handleFooterFade=function(t,o){readTask((function(){var n=t.scrollTop;var e=t.scrollHeight-t.clientHeight;var i=10;var r=e-i;var a=n-r;var s=clamp(0,1-a/i,1);writeTask((function(){o.style.setProperty("--opacity-scale",s.toString())}))}))};var footerIosCss="ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}";var footerMdCss="ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Footer=function(){function t(t){var o=this;registerInstance(this,t);this.keyboardCtrl=null;this.checkCollapsibleFooter=function(){var t=getIonMode(o);if(t!=="ios"){return}var n=o.collapse;var e=n==="fade";o.destroyCollapsibleFooter();if(e){var i=o.el.closest("ion-app,ion-page,.ion-page,page-inner");var r=i?findIonContent(i):null;if(!r){printIonContentErrorMsg(o.el);return}o.setupFadeFooter(r)}};this.setupFadeFooter=function(t){return __awaiter(o,void 0,void 0,(function(){var o,n;var e=this;return __generator(this,(function(i){switch(i.label){case 0:n=this;return[4,getScrollElement(t)];case 1:o=n.scrollEl=i.sent();this.contentScrollCallback=function(){handleFooterFade(o,e.el)};o.addEventListener("scroll",this.contentScrollCallback);handleFooterFade(o,this.el);return[2]}}))}))};this.keyboardVisible=false;this.collapse=undefined;this.translucent=false}t.prototype.componentDidLoad=function(){this.checkCollapsibleFooter()};t.prototype.componentDidUpdate=function(){this.checkCollapsibleFooter()};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var o=this;return __generator(this,(function(n){switch(n.label){case 0:t=this;return[4,createKeyboardController((function(t,n){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(o){switch(o.label){case 0:if(!(t===false&&n!==undefined))return[3,2];return[4,n];case 1:o.sent();o.label=2;case 2:this.keyboardVisible=t;return[2]}}))}))}))];case 1:t.keyboardCtrl=n.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.keyboardCtrl){this.keyboardCtrl.destroy()}};t.prototype.destroyCollapsibleFooter=function(){if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}};t.prototype.render=function(){var t;var o=this,n=o.translucent,e=o.collapse;var i=getIonMode(this);var r=this.el.closest("ion-tabs");var a=r===null||r===void 0?void 0:r.querySelector(":scope > ion-tab-bar");return h(Host,{role:"contentinfo",class:(t={},t[i]=true,t["footer-".concat(i)]=true,t["footer-translucent"]=n,t["footer-translucent-".concat(i)]=n,t["footer-toolbar-padding"]=!this.keyboardVisible&&(!a||a.slot!=="bottom"),t["footer-collapse-".concat(e)]=e!==undefined,t)},i==="ios"&&n&&h("div",{class:"footer-background"}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Footer.style={ios:footerIosCss,md:footerMdCss};var TRANSITION="all 0.2s ease-in-out";var cloneElement=function(t){var o=document.querySelector("".concat(t,".ion-cloned-element"));if(o!==null){return o}var n=document.createElement(t);n.classList.add("ion-cloned-element");n.style.setProperty("display","none");document.body.appendChild(n);return n};var createHeaderIndex=function(t){if(!t){return}var o=t.querySelectorAll("ion-toolbar");return{el:t,toolbars:Array.from(o).map((function(t){var o=t.querySelector("ion-title");return{el:t,background:t.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:o,innerTitleEl:o?o.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(t.querySelectorAll("ion-buttons"))}}))}};var handleContentScroll=function(t,o,n){readTask((function(){var e=t.scrollTop;var i=clamp(1,1+-e/500,1.1);var r=n.querySelector("ion-refresher.refresher-native");if(r===null){writeTask((function(){scaleLargeTitles(o.toolbars,i)}))}}))};var setToolbarBackgroundOpacity=function(t,o){if(t.collapse==="fade"){return}if(o===undefined){t.style.removeProperty("--opacity-scale")}else{t.style.setProperty("--opacity-scale",o.toString())}};var handleToolbarBorderIntersection=function(t,o,n){if(!t[0].isIntersecting){return}var e=t[0].intersectionRatio>.9||n<=0?0:(1-t[0].intersectionRatio)*100/75;setToolbarBackgroundOpacity(o.el,e===1?undefined:e)};var handleToolbarIntersection=function(t,o,n,e){writeTask((function(){var i=e.scrollTop;handleToolbarBorderIntersection(t,o,i);var r=t[0];var a=r.intersectionRect;var s=a.width*a.height;var l=r.rootBounds.width*r.rootBounds.height;var c=s===0&&l===0;var d=Math.abs(a.left-r.boundingClientRect.left);var u=Math.abs(a.right-r.boundingClientRect.right);var f=s>0&&(d>=5||u>=5);if(c||f){return}if(r.isIntersecting){setHeaderActive(o,false);setHeaderActive(n)}else{var h=a.x===0&&a.y===0||a.width!==0&&a.height!==0;if(h&&i>0){setHeaderActive(o);setHeaderActive(n,false);setToolbarBackgroundOpacity(o.el)}}}))};var setHeaderActive=function(t,o){if(o===void 0){o=true}var n=t.el;if(o){n.classList.remove("header-collapse-condense-inactive");n.removeAttribute("aria-hidden")}else{n.classList.add("header-collapse-condense-inactive");n.setAttribute("aria-hidden","true")}};var scaleLargeTitles=function(t,o,n){if(t===void 0){t=[]}if(o===void 0){o=1}if(n===void 0){n=false}t.forEach((function(t){var e=t.ionTitleEl;var i=t.innerTitleEl;if(!e||e.size!=="large"){return}i.style.transition=n?TRANSITION:"";i.style.transform="scale3d(".concat(o,", ").concat(o,", 1)")}))};var handleHeaderFade=function(t,o,n){readTask((function(){var e=t.scrollTop;var i=o.clientHeight;var r=n?n.clientHeight:0;if(n!==null&&e<r){o.style.setProperty("--opacity-scale","0");t.style.setProperty("clip-path","inset(".concat(i,"px 0px 0px 0px)"));return}var a=e-r;var s=10;var l=clamp(0,a/s,1);writeTask((function(){t.style.removeProperty("clip-path");o.style.setProperty("--opacity-scale",l.toString())}))}))};var headerIosCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header:not(.header-collapse-main):has(~ion-content ion-header[collapse=condense]){opacity:0}";var headerMdCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Header=function(){function t(t){var o=this;registerInstance(this,t);this.inheritedAttributes={};this.setupFadeHeader=function(t,n){return __awaiter(o,void 0,void 0,(function(){var o,e;var i=this;return __generator(this,(function(r){switch(r.label){case 0:e=this;return[4,getScrollElement(t)];case 1:o=e.scrollEl=r.sent();this.contentScrollCallback=function(){handleHeaderFade(i.scrollEl,i.el,n)};o.addEventListener("scroll",this.contentScrollCallback);handleHeaderFade(this.scrollEl,this.el,n);return[2]}}))}))};this.collapse=undefined;this.translucent=false}t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.componentDidLoad=function(){this.checkCollapsibleHeader()};t.prototype.componentDidUpdate=function(){this.checkCollapsibleHeader()};t.prototype.disconnectedCallback=function(){this.destroyCollapsibleHeader()};t.prototype.checkCollapsibleHeader=function(){return __awaiter(this,void 0,void 0,(function(){var t,o,n,e,i,r,i,r,a;return __generator(this,(function(s){switch(s.label){case 0:t=getIonMode(this);if(t!=="ios"){return[2]}o=this.collapse;n=o==="condense";e=o==="fade";this.destroyCollapsibleHeader();if(!n)return[3,2];i=this.el.closest("ion-app,ion-page,.ion-page,page-inner");r=i?findIonContent(i):null;writeTask((function(){var t=cloneElement("ion-title");t.size="large";cloneElement("ion-back-button")}));return[4,this.setupCondenseHeader(r,i)];case 1:s.sent();return[3,4];case 2:if(!e)return[3,4];i=this.el.closest("ion-app,ion-page,.ion-page,page-inner");r=i?findIonContent(i):null;if(!r){printIonContentErrorMsg(this.el);return[2]}a=r.querySelector('ion-header[collapse="condense"]');return[4,this.setupFadeHeader(r,a)];case 3:s.sent();s.label=4;case 4:return[2]}}))}))};t.prototype.destroyCollapsibleHeader=function(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=undefined}if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}if(this.collapsibleMainHeader){this.collapsibleMainHeader.classList.remove("header-collapse-main");this.collapsibleMainHeader=undefined}};t.prototype.setupCondenseHeader=function(t,o){return __awaiter(this,void 0,void 0,(function(){var n,e,i,r,a;var s=this;return __generator(this,(function(l){switch(l.label){case 0:if(!t||!o){printIonContentErrorMsg(this.el);return[2]}if(typeof IntersectionObserver==="undefined"){return[2]}n=this;return[4,getScrollElement(t)];case 1:n.scrollEl=l.sent();e=o.querySelectorAll("ion-header");this.collapsibleMainHeader=Array.from(e).find((function(t){return t.collapse!=="condense"}));if(!this.collapsibleMainHeader){return[2]}i=createHeaderIndex(this.collapsibleMainHeader);r=createHeaderIndex(this.el);if(!i||!r){return[2]}setHeaderActive(i,false);setToolbarBackgroundOpacity(i.el,0);a=function(t){handleToolbarIntersection(t,i,r,s.scrollEl)};this.intersectionObserver=new IntersectionObserver(a,{root:t,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]});this.intersectionObserver.observe(r.toolbars[r.toolbars.length-1].el);this.contentScrollCallback=function(){handleContentScroll(s.scrollEl,r,t)};this.scrollEl.addEventListener("scroll",this.contentScrollCallback);writeTask((function(){if(s.collapsibleMainHeader!==undefined){s.collapsibleMainHeader.classList.add("header-collapse-main")}}));return[2]}}))}))};t.prototype.render=function(){var t;var o=this,n=o.translucent,e=o.inheritedAttributes;var i=getIonMode(this);var r=this.collapse||"none";var a=hostContext("ion-menu",this.el)?"none":"banner";return h(Host,Object.assign({role:a,class:(t={},t[i]=true,t["header-".concat(i)]=true,t["header-translucent"]=this.translucent,t["header-collapse-".concat(r)]=true,t["header-translucent-".concat(i)]=this.translucent,t)},e),i==="ios"&&n&&h("div",{class:"header-background"}),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Header.style={ios:headerIosCss,md:headerMdCss};var routerOutletCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";var RouterOutlet=function(){function t(t){registerInstance(this,t);this.ionNavWillLoad=createEvent(this,"ionNavWillLoad",7);this.ionNavWillChange=createEvent(this,"ionNavWillChange",3);this.ionNavDidChange=createEvent(this,"ionNavDidChange",3);this.lockController=createLockController();this.gestureOrAnimationInProgress=false;this.mode=getIonMode(this);this.delegate=undefined;this.animated=true;this.animation=undefined;this.swipeHandler=undefined}t.prototype.swipeHandlerChanged=function(){if(this.gesture){this.gesture.enable(this.swipeHandler!==undefined)}};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,o;var n=this;return __generator(this,(function(e){switch(e.label){case 0:t=function(){n.gestureOrAnimationInProgress=true;if(n.swipeHandler){n.swipeHandler.onStart()}};o=this;return[4,import("./swipe-back-cd4295f3.js")];case 1:o.gesture=e.sent().createSwipeBackGesture(this.el,(function(){return!n.gestureOrAnimationInProgress&&!!n.swipeHandler&&n.swipeHandler.canStart()}),(function(){return t()}),(function(t){var o;return(o=n.ani)===null||o===void 0?void 0:o.progressStep(t)}),(function(t,o,e){if(n.ani){n.ani.onFinish((function(){n.gestureOrAnimationInProgress=false;if(n.swipeHandler){n.swipeHandler.onEnd(t)}}),{oneTimeCallback:true});var i=t?-.001:.001;if(!t){n.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");i+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],o)[0]}else{n.ani.easing("linear");i+=o}n.ani.progressEnd(t?1:0,i,e)}else{n.gestureOrAnimationInProgress=false}}));this.swipeHandlerChanged();return[2]}}))}))};t.prototype.componentWillLoad=function(){this.ionNavWillLoad.emit()};t.prototype.disconnectedCallback=function(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}};t.prototype.commit=function(t,o,n){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:e=a.sent();i=false;a.label=2;case 2:a.trys.push([2,4,,5]);return[4,this.transition(t,o,n)];case 3:i=a.sent();return[3,5];case 4:r=a.sent();console.error(r);return[3,5];case 5:e();return[2,i]}}))}))};t.prototype.setRouteId=function(t,o,n,e){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){switch(r.label){case 0:return[4,this.setRoot(t,o,{duration:n==="root"?0:undefined,direction:n==="back"?"back":"forward",animationBuilder:e})];case 1:i=r.sent();return[2,{changed:i,element:this.activeEl}]}}))}))};t.prototype.getRouteId=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){t=this.activeEl;return[2,t?{id:t.tagName,element:t,params:this.activeParams}:undefined]}))}))};t.prototype.setRoot=function(t,o,n){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(r){switch(r.label){case 0:if(this.activeComponent===t&&shallowEqualStringMap(o,this.activeParams)){return[2,false]}e=this.activeEl;return[4,attachComponent(this.delegate,this.el,t,["ion-page","ion-page-invisible"],o)];case 1:i=r.sent();this.activeComponent=t;this.activeEl=i;this.activeParams=o;return[4,this.commit(i,e,n)];case 2:r.sent();return[4,detachComponent(this.delegate,e)];case 3:r.sent();return[2,true]}}))}))};t.prototype.transition=function(t,o,n){if(n===void 0){n={}}return __awaiter(this,void 0,void 0,(function(){var e,i,r,a,s;var l=this;return __generator(this,(function(c){switch(c.label){case 0:if(o===t){return[2,false]}this.ionNavWillChange.emit();e=this,i=e.el,r=e.mode;a=this.animated&&config.getBoolean("animated",true);s=n.animationBuilder||this.animation||config.get("navAnimation");return[4,transition(Object.assign(Object.assign({mode:r,animated:a,enteringEl:t,leavingEl:o,baseEl:i,deepWait:hasLazyBuild(i),progressCallback:n.progressAnimation?function(t){if(t!==undefined&&!l.gestureOrAnimationInProgress){l.gestureOrAnimationInProgress=true;t.onFinish((function(){l.gestureOrAnimationInProgress=false;if(l.swipeHandler){l.swipeHandler.onEnd(false)}}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{l.ani=t}}:undefined},n),{animationBuilder:s}))];case 1:c.sent();this.ionNavDidChange.emit();return[2,true]}}))}))};t.prototype.render=function(){return h("slot",null)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{swipeHandler:["swipeHandlerChanged"]}},enumerable:false,configurable:true});return t}();RouterOutlet.style=routerOutletCss;var titleIosCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host:dir(rtl){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large) .toolbar-title:dir(rtl){-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var titleMdCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";var ToolbarTitle=function(){function t(t){registerInstance(this,t);this.ionStyle=createEvent(this,"ionStyle",7);this.color=undefined;this.size=undefined}t.prototype.sizeChanged=function(){this.emitStyle()};t.prototype.connectedCallback=function(){this.emitStyle()};t.prototype.emitStyle=function(){var t;var o=this.getSize();this.ionStyle.emit((t={},t["title-".concat(o)]=true,t))};t.prototype.getSize=function(){return this.size!==undefined?this.size:"default"};t.prototype.render=function(){var t;var o=getIonMode(this);var n=this.getSize();return h(Host,{class:createColorClasses(this.color,(t={},t[o]=true,t["title-".concat(n)]=true,t["title-rtl"]=document.dir==="rtl",t))},h("div",{class:"toolbar-title"},h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeChanged"]}},enumerable:false,configurable:true});return t}();ToolbarTitle.style={ios:titleIosCss,md:titleMdCss};var toolbarIosCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";var toolbarMdCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";var Toolbar=function(){function t(t){registerInstance(this,t);this.childrenStyles=new Map;this.color=undefined}t.prototype.componentWillLoad=function(){var t=Array.from(this.el.querySelectorAll("ion-buttons"));var o=t.find((function(t){return t.slot==="start"}));if(o){o.classList.add("buttons-first-slot")}var n=t.reverse();var e=n.find((function(t){return t.slot==="end"}))||n.find((function(t){return t.slot==="primary"}))||n.find((function(t){return t.slot==="secondary"}));if(e){e.classList.add("buttons-last-slot")}};t.prototype.childrenStyle=function(t){t.stopPropagation();var o=t.target.tagName;var n=t.detail;var e={};var i=this.childrenStyles.get(o)||{};var r=false;Object.keys(n).forEach((function(t){var o="toolbar-".concat(t);var a=n[t];if(a!==i[o]){r=true}if(a){e[o]=true}}));if(r){this.childrenStyles.set(o,e);forceUpdate(this)}};t.prototype.render=function(){var t;var o=getIonMode(this);var n={};this.childrenStyles.forEach((function(t){Object.assign(n,t)}));return h(Host,{class:Object.assign(Object.assign({},n),createColorClasses(this.color,(t={},t[o]=true,t["in-toolbar"]=hostContext("ion-toolbar",this.el),t)))},h("div",{class:"toolbar-background"}),h("div",{class:"toolbar-container"},h("slot",{name:"start"}),h("slot",{name:"secondary"}),h("div",{class:"toolbar-content"},h("slot",null)),h("slot",{name:"primary"}),h("slot",{name:"end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Toolbar.style={ios:toolbarIosCss,md:toolbarMdCss};export{App as ion_app,Buttons as ion_buttons,Content as ion_content,Footer as ion_footer,Header as ion_header,RouterOutlet as ion_router_outlet,ToolbarTitle as ion_title,Toolbar as ion_toolbar};
|