@ionic/core 7.8.0 → 7.8.1-dev.11710452743.1ca99e5e
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-header.js +1 -1
- package/components/picker-column-internal.js +8 -4
- package/dist/cjs/ion-app_8.cjs.entry.js +1 -1
- package/dist/cjs/ion-picker-column-internal.cjs.entry.js +8 -4
- package/dist/collection/components/alert/test/a11y/alert.e2e.js +4 -0
- package/dist/collection/components/header/header.ios.css +2 -2
- package/dist/collection/components/header/test/basic/header.e2e.js +77 -0
- package/dist/collection/components/picker-column-internal/picker-column-internal.js +8 -4
- package/dist/collection/components/toggle/toggle.js +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/ion-app_8.entry.js +1 -1
- package/dist/esm/ion-picker-column-internal.entry.js +8 -4
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column-internal.entry.js +1 -1
- package/dist/html.html-data.json +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-60c9fd9e.system.js +1 -1
- package/dist/ionic/p-8a5c2121.entry.js +4 -0
- package/dist/ionic/{p-6a0a3e18.system.entry.js → p-8e6ecbad.system.entry.js} +1 -1
- package/dist/ionic/{p-c711b464.entry.js → p-abbc6d5b.entry.js} +1 -1
- package/dist/ionic/{p-0e7c8334.system.entry.js → p-c2a9829c.system.entry.js} +1 -1
- package/dist/types/components/toggle/toggle.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/hydrate/index.js +9 -5
- package/package.json +1 -1
- package/dist/ionic/p-c05202a7.entry.js +0 -4
package/components/ion-header.js
CHANGED
|
@@ -183,7 +183,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
|
|
|
183
183
|
});
|
|
184
184
|
};
|
|
185
185
|
|
|
186
|
-
const 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],~ion-content ion-header.header-collapse-condense){opacity:0}";
|
|
186
|
+
const 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.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";
|
|
187
187
|
const IonHeaderIosStyle0 = headerIosCss;
|
|
188
188
|
|
|
189
189
|
const 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}";
|
|
@@ -250,7 +250,11 @@ const PickerColumnInternal = /*@__PURE__*/ proxyCustomElement(class PickerColumn
|
|
|
250
250
|
*/
|
|
251
251
|
componentWillLoad() {
|
|
252
252
|
const visibleCallback = (entries) => {
|
|
253
|
-
|
|
253
|
+
/**
|
|
254
|
+
* Browsers will sometimes group multiple IO events into a single callback.
|
|
255
|
+
* As a result, we want to grab the last/most recent event in case there are multiple events.
|
|
256
|
+
*/
|
|
257
|
+
const ev = entries[entries.length - 1];
|
|
254
258
|
if (ev.isIntersecting) {
|
|
255
259
|
const { activeItem, el } = this;
|
|
256
260
|
this.isColumnVisible = true;
|
|
@@ -339,18 +343,18 @@ const PickerColumnInternal = /*@__PURE__*/ proxyCustomElement(class PickerColumn
|
|
|
339
343
|
* the attribute can be moved to datetime.tsx and set on every
|
|
340
344
|
* instance of ion-picker-column-internal there instead.
|
|
341
345
|
*/
|
|
342
|
-
return (h(Host, { key: '
|
|
346
|
+
return (h(Host, { key: '2cf182b9d88219e7ab1feb66c90992c4b9bc6b8e', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
|
|
343
347
|
[mode]: true,
|
|
344
348
|
['picker-column-active']: isActive,
|
|
345
349
|
['picker-column-numeric-input']: numericInput,
|
|
346
|
-
}) }, h("div", { key: '
|
|
350
|
+
}) }, h("div", { key: '86fa9a1464c03dd25fbe4880b91a597228e0b9c6', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3bcc466879ea06355c4132d1b7dd469f5aeb193b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3aa4e3a12f2fa7d05692c1758648817b19fa6e12', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
|
|
347
351
|
const isItemDisabled = pickerDisabled || item.disabled || false;
|
|
348
352
|
return (h("button", { tabindex: "-1", class: {
|
|
349
353
|
'picker-item': true,
|
|
350
354
|
}, "data-value": item.value, "data-index": index, onClick: (ev) => {
|
|
351
355
|
this.centerPickerItemInView(ev.target, true);
|
|
352
356
|
}, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
|
|
353
|
-
}), h("div", { key: '
|
|
357
|
+
}), h("div", { key: '0400a6791070b947db3ca692cf780190f7798d88', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '48c4c5e7d2534fd394a3cf6f608eb9998e795bcc', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '2881a12b028923f6e6f140ed963de8646cadf0aa', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
|
|
354
358
|
}
|
|
355
359
|
get el() { return this; }
|
|
356
360
|
static get watchers() { return {
|
|
@@ -850,7 +850,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
|
|
|
850
850
|
});
|
|
851
851
|
};
|
|
852
852
|
|
|
853
|
-
const 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],~ion-content ion-header.header-collapse-condense){opacity:0}";
|
|
853
|
+
const 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.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";
|
|
854
854
|
const IonHeaderIosStyle0 = headerIosCss;
|
|
855
855
|
|
|
856
856
|
const 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}";
|
|
@@ -254,7 +254,11 @@ const PickerColumnInternal = class {
|
|
|
254
254
|
*/
|
|
255
255
|
componentWillLoad() {
|
|
256
256
|
const visibleCallback = (entries) => {
|
|
257
|
-
|
|
257
|
+
/**
|
|
258
|
+
* Browsers will sometimes group multiple IO events into a single callback.
|
|
259
|
+
* As a result, we want to grab the last/most recent event in case there are multiple events.
|
|
260
|
+
*/
|
|
261
|
+
const ev = entries[entries.length - 1];
|
|
258
262
|
if (ev.isIntersecting) {
|
|
259
263
|
const { activeItem, el } = this;
|
|
260
264
|
this.isColumnVisible = true;
|
|
@@ -343,18 +347,18 @@ const PickerColumnInternal = class {
|
|
|
343
347
|
* the attribute can be moved to datetime.tsx and set on every
|
|
344
348
|
* instance of ion-picker-column-internal there instead.
|
|
345
349
|
*/
|
|
346
|
-
return (index.h(index.Host, { key: '
|
|
350
|
+
return (index.h(index.Host, { key: '2cf182b9d88219e7ab1feb66c90992c4b9bc6b8e', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: theme.createColorClasses(color, {
|
|
347
351
|
[mode]: true,
|
|
348
352
|
['picker-column-active']: isActive,
|
|
349
353
|
['picker-column-numeric-input']: numericInput,
|
|
350
|
-
}) }, index.h("div", { key: '
|
|
354
|
+
}) }, index.h("div", { key: '86fa9a1464c03dd25fbe4880b91a597228e0b9c6', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '3bcc466879ea06355c4132d1b7dd469f5aeb193b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '3aa4e3a12f2fa7d05692c1758648817b19fa6e12', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index$1) => {
|
|
351
355
|
const isItemDisabled = pickerDisabled || item.disabled || false;
|
|
352
356
|
return (index.h("button", { tabindex: "-1", class: {
|
|
353
357
|
'picker-item': true,
|
|
354
358
|
}, "data-value": item.value, "data-index": index$1, onClick: (ev) => {
|
|
355
359
|
this.centerPickerItemInView(ev.target, true);
|
|
356
360
|
}, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
|
|
357
|
-
}), index.h("div", { key: '
|
|
361
|
+
}), index.h("div", { key: '0400a6791070b947db3ca692cf780190f7798d88', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '48c4c5e7d2534fd394a3cf6f608eb9998e795bcc', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '2881a12b028923f6e6f140ed963de8646cadf0aa', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
|
|
358
362
|
}
|
|
359
363
|
get el() { return index.getElement(this); }
|
|
360
364
|
static get watchers() { return {
|
|
@@ -222,6 +222,10 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
|
222
222
|
const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
|
|
223
223
|
await alert.evaluate((el) => el.present());
|
|
224
224
|
await ionAlertDidPresent.next();
|
|
225
|
+
/**
|
|
226
|
+
* The borders on the text fields may not be visible in the screenshot
|
|
227
|
+
* when using Safari, this is due to a WebKit rendering quirk.
|
|
228
|
+
*/
|
|
225
229
|
await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`));
|
|
226
230
|
});
|
|
227
231
|
});
|
|
@@ -241,7 +241,7 @@ ion-header ion-toolbar:first-of-type {
|
|
|
241
241
|
* We target both the attribute and the class in the event that the attribute
|
|
242
242
|
* is not reflected on the host in some frameworks.
|
|
243
243
|
*/
|
|
244
|
-
ion-header:not(.header-collapse-main):has(~ ion-content ion-header[collapse=condense],
|
|
245
|
-
~ ion-content ion-header.header-collapse-condense) {
|
|
244
|
+
ion-header.header-ios:not(.header-collapse-main):has(~ ion-content ion-header.header-ios[collapse=condense],
|
|
245
|
+
~ ion-content ion-header.header-ios.header-collapse-condense) {
|
|
246
246
|
opacity: 0;
|
|
247
247
|
}
|
|
@@ -68,3 +68,80 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
|
|
|
68
68
|
});
|
|
69
69
|
});
|
|
70
70
|
});
|
|
71
|
+
/**
|
|
72
|
+
* This test only impacts MD applications
|
|
73
|
+
*/
|
|
74
|
+
configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
75
|
+
test.describe.only(title('header: translucent'), () => {
|
|
76
|
+
test('should not hide MD headers when using a descendant iOS header in an MD app', async ({ page }) => {
|
|
77
|
+
test.info().annotations.push({
|
|
78
|
+
type: 'issue',
|
|
79
|
+
description: 'https://github.com/ionic-team/ionic-framework/issues/28867',
|
|
80
|
+
});
|
|
81
|
+
await page.setContent(`
|
|
82
|
+
<ion-header id="main-header">
|
|
83
|
+
<ion-toolbar>
|
|
84
|
+
<ion-title>Header</ion-title>
|
|
85
|
+
</ion-toolbar>
|
|
86
|
+
</ion-header>
|
|
87
|
+
<ion-content>
|
|
88
|
+
<ion-header collapse="condense">
|
|
89
|
+
<ion-toolbar>
|
|
90
|
+
<ion-title size="large">Header</ion-title>
|
|
91
|
+
</ion-toolbar>
|
|
92
|
+
</ion-header>
|
|
93
|
+
|
|
94
|
+
<ion-header mode="ios">
|
|
95
|
+
<ion-toolbar>
|
|
96
|
+
<ion-title>Welcome</ion-title>
|
|
97
|
+
</ion-toolbar>
|
|
98
|
+
</ion-header>
|
|
99
|
+
</ion-content>
|
|
100
|
+
`, config);
|
|
101
|
+
const header = page.locator('ion-header#main-header');
|
|
102
|
+
/**
|
|
103
|
+
* The existence of the iOS header in an MD app should not cause the main MD header
|
|
104
|
+
* to be hidden. We do not have toHaveVisible because the behavior that hides
|
|
105
|
+
* the header under correct circumstances does it using opacity: 0.
|
|
106
|
+
* Playwright considers an element with opacity: 0 to still be visible
|
|
107
|
+
* because it has a non-zero bounding box.
|
|
108
|
+
*/
|
|
109
|
+
await expect(header).toHaveScreenshot(screenshot('header-md-visibility-ios-descendant'));
|
|
110
|
+
});
|
|
111
|
+
test('should not hide MD headers when using a root iOS header in an MD app', async ({ page }) => {
|
|
112
|
+
test.info().annotations.push({
|
|
113
|
+
type: 'issue',
|
|
114
|
+
description: 'https://github.com/ionic-team/ionic-framework/issues/28867',
|
|
115
|
+
});
|
|
116
|
+
await page.setContent(`
|
|
117
|
+
<ion-header id="main-header" mode="ios">
|
|
118
|
+
<ion-toolbar>
|
|
119
|
+
<ion-title>Header</ion-title>
|
|
120
|
+
</ion-toolbar>
|
|
121
|
+
</ion-header>
|
|
122
|
+
<ion-content>
|
|
123
|
+
<ion-header collapse="condense">
|
|
124
|
+
<ion-toolbar>
|
|
125
|
+
<ion-title size="large">Header</ion-title>
|
|
126
|
+
</ion-toolbar>
|
|
127
|
+
</ion-header>
|
|
128
|
+
|
|
129
|
+
<ion-header>
|
|
130
|
+
<ion-toolbar>
|
|
131
|
+
<ion-title>Welcome</ion-title>
|
|
132
|
+
</ion-toolbar>
|
|
133
|
+
</ion-header>
|
|
134
|
+
</ion-content>
|
|
135
|
+
`, config);
|
|
136
|
+
const header = page.locator('ion-header#main-header');
|
|
137
|
+
/**
|
|
138
|
+
* The existence of the iOS header in an MD app should not cause the main MD header
|
|
139
|
+
* to be hidden. We do not have toHaveVisible because the behavior that hides
|
|
140
|
+
* the header under correct circumstances does it using opacity: 0.
|
|
141
|
+
* Playwright considers an element with opacity: 0 to still be visible
|
|
142
|
+
* because it has a non-zero bounding box.
|
|
143
|
+
*/
|
|
144
|
+
await expect(header).toHaveScreenshot(screenshot('header-md-visibility-ios-main'));
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
});
|
|
@@ -244,7 +244,11 @@ export class PickerColumnInternal {
|
|
|
244
244
|
*/
|
|
245
245
|
componentWillLoad() {
|
|
246
246
|
const visibleCallback = (entries) => {
|
|
247
|
-
|
|
247
|
+
/**
|
|
248
|
+
* Browsers will sometimes group multiple IO events into a single callback.
|
|
249
|
+
* As a result, we want to grab the last/most recent event in case there are multiple events.
|
|
250
|
+
*/
|
|
251
|
+
const ev = entries[entries.length - 1];
|
|
248
252
|
if (ev.isIntersecting) {
|
|
249
253
|
const { activeItem, el } = this;
|
|
250
254
|
this.isColumnVisible = true;
|
|
@@ -333,11 +337,11 @@ export class PickerColumnInternal {
|
|
|
333
337
|
* the attribute can be moved to datetime.tsx and set on every
|
|
334
338
|
* instance of ion-picker-column-internal there instead.
|
|
335
339
|
*/
|
|
336
|
-
return (h(Host, { key: '
|
|
340
|
+
return (h(Host, { key: '2cf182b9d88219e7ab1feb66c90992c4b9bc6b8e', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
|
|
337
341
|
[mode]: true,
|
|
338
342
|
['picker-column-active']: isActive,
|
|
339
343
|
['picker-column-numeric-input']: numericInput,
|
|
340
|
-
}) }, h("div", { key: '
|
|
344
|
+
}) }, h("div", { key: '86fa9a1464c03dd25fbe4880b91a597228e0b9c6', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3bcc466879ea06355c4132d1b7dd469f5aeb193b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3aa4e3a12f2fa7d05692c1758648817b19fa6e12', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
|
|
341
345
|
const isItemDisabled = pickerDisabled || item.disabled || false;
|
|
342
346
|
{
|
|
343
347
|
/*
|
|
@@ -354,7 +358,7 @@ export class PickerColumnInternal {
|
|
|
354
358
|
}, "data-value": item.value, "data-index": index, onClick: (ev) => {
|
|
355
359
|
this.centerPickerItemInView(ev.target, true);
|
|
356
360
|
}, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
|
|
357
|
-
}), h("div", { key: '
|
|
361
|
+
}), h("div", { key: '0400a6791070b947db3ca692cf780190f7798d88', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '48c4c5e7d2534fd394a3cf6f608eb9998e795bcc', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '2881a12b028923f6e6f140ed963de8646cadf0aa', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
|
|
358
362
|
}
|
|
359
363
|
static get is() { return "ion-picker-column-internal"; }
|
|
360
364
|
static get encapsulation() { return "shadow"; }
|
|
@@ -421,7 +421,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
421
421
|
"optional": false,
|
|
422
422
|
"docs": {
|
|
423
423
|
"tags": [],
|
|
424
|
-
"text": "How to control the alignment of the toggle and label on the cross axis.\n
|
|
424
|
+
"text": "How to control the alignment of the toggle and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL."
|
|
425
425
|
},
|
|
426
426
|
"attribute": "alignment",
|
|
427
427
|
"reflect": false,
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2024-03-
|
|
2
|
+
"timestamp": "2024-03-14T21:47:54",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.12.5",
|
|
@@ -28723,7 +28723,7 @@
|
|
|
28723
28723
|
"mutable": false,
|
|
28724
28724
|
"attr": "alignment",
|
|
28725
28725
|
"reflectToAttr": false,
|
|
28726
|
-
"docs": "How to control the alignment of the toggle and label on the cross axis.\n
|
|
28726
|
+
"docs": "How to control the alignment of the toggle and label on the cross axis.\n`\"start\"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.\n`\"center\"`: The label and control will appear at the center of the cross axis in both LTR and RTL.",
|
|
28727
28727
|
"docsTags": [],
|
|
28728
28728
|
"default": "'center'",
|
|
28729
28729
|
"values": [
|
|
@@ -846,7 +846,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
|
|
|
846
846
|
});
|
|
847
847
|
};
|
|
848
848
|
|
|
849
|
-
const 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],~ion-content ion-header.header-collapse-condense){opacity:0}";
|
|
849
|
+
const 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.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";
|
|
850
850
|
const IonHeaderIosStyle0 = headerIosCss;
|
|
851
851
|
|
|
852
852
|
const 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}";
|
|
@@ -250,7 +250,11 @@ const PickerColumnInternal = class {
|
|
|
250
250
|
*/
|
|
251
251
|
componentWillLoad() {
|
|
252
252
|
const visibleCallback = (entries) => {
|
|
253
|
-
|
|
253
|
+
/**
|
|
254
|
+
* Browsers will sometimes group multiple IO events into a single callback.
|
|
255
|
+
* As a result, we want to grab the last/most recent event in case there are multiple events.
|
|
256
|
+
*/
|
|
257
|
+
const ev = entries[entries.length - 1];
|
|
254
258
|
if (ev.isIntersecting) {
|
|
255
259
|
const { activeItem, el } = this;
|
|
256
260
|
this.isColumnVisible = true;
|
|
@@ -339,18 +343,18 @@ const PickerColumnInternal = class {
|
|
|
339
343
|
* the attribute can be moved to datetime.tsx and set on every
|
|
340
344
|
* instance of ion-picker-column-internal there instead.
|
|
341
345
|
*/
|
|
342
|
-
return (h(Host, { key: '
|
|
346
|
+
return (h(Host, { key: '2cf182b9d88219e7ab1feb66c90992c4b9bc6b8e', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
|
|
343
347
|
[mode]: true,
|
|
344
348
|
['picker-column-active']: isActive,
|
|
345
349
|
['picker-column-numeric-input']: numericInput,
|
|
346
|
-
}) }, h("div", { key: '
|
|
350
|
+
}) }, h("div", { key: '86fa9a1464c03dd25fbe4880b91a597228e0b9c6', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3bcc466879ea06355c4132d1b7dd469f5aeb193b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '3aa4e3a12f2fa7d05692c1758648817b19fa6e12', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
|
|
347
351
|
const isItemDisabled = pickerDisabled || item.disabled || false;
|
|
348
352
|
return (h("button", { tabindex: "-1", class: {
|
|
349
353
|
'picker-item': true,
|
|
350
354
|
}, "data-value": item.value, "data-index": index, onClick: (ev) => {
|
|
351
355
|
this.centerPickerItemInView(ev.target, true);
|
|
352
356
|
}, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
|
|
353
|
-
}), h("div", { key: '
|
|
357
|
+
}), h("div", { key: '0400a6791070b947db3ca692cf780190f7798d88', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '48c4c5e7d2534fd394a3cf6f608eb9998e795bcc', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '2881a12b028923f6e6f140ed963de8646cadf0aa', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
|
|
354
358
|
}
|
|
355
359
|
get el() { return getElement(this); }
|
|
356
360
|
static get watchers() { return {
|
|
@@ -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-eab5468b.js";import{shouldUseCloseWatcher}from"./hardware-back-button-36f7543b.js";import{p as printIonWarning}from"./index-9b0d46f4.js";import{b as getIonMode,c as config,a as isPlatform}from"./ionic-global-c836c8c6.js";import{m as hasLazyBuild,c as componentOnReady,l as clamp,i as inheritAriaAttributes,s as shallowEqualStringMap}from"./helpers-be245865.js";import{i as isRTL}from"./dir-babeabeb.js";import{c as createColorClasses,h as hostContext}from"./theme-01f3f29c.js";import{a as findIonContent,p as printIonContentErrorMsg,g as getScrollElement}from"./index-f3946ac1.js";import{c as createKeyboardController}from"./keyboard-controller-ec5c2bfa.js";import{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";import{a as attachComponent,d as detachComponent}from"./framework-delegate-ed4ba327.js";import{c as createLockController}from"./lock-controller-316928be.js";import{t as transition}from"./index-84ee782d.js";import"./index-a5d50daf.js";import"./keyboard-73175e24.js";import"./capacitor-59395cbd.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 IonAppStyle0=appCss;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,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:t=isPlatform(window,"hybrid");if(!config.getBoolean("_testing")){import("./index-020f5464.js").then((function(t){return t.startTapClick(config)}))}if(config.getBoolean("statusTap",t)){import("./status-tap-da5c40cc.js").then((function(t){return t.startStatusTap()}))}if(config.getBoolean("inputShims",needInputShims())){o=isPlatform(window,"ios")?"ios":"android";import("./input-shims-5329bbe8.js").then((function(t){return t.startInputShims(config,o)}))}return[4,import("./hardware-back-button-36f7543b.js")];case 1:e=r.sent();n=t||shouldUseCloseWatcher();if(config.getBoolean("hardwareBackButton",n)){e.startHardwareBackButton()}else{if(shouldUseCloseWatcher()){printIonWarning("experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.")}e.blockHardwareBackButton()}if(typeof window!=="undefined"){import("./keyboard-52278bd7.js").then((function(t){return t.startKeyboardAssist(window)}))}import("./focus-visible-dd40d69f.js").then((function(t){return i.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,{key:"0ac01df6d90d8185017e1f8e8f02cdf407e6c94b",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=IonAppStyle0;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 IonButtonsIosStyle0=buttonsIosCss;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 IonButtonsMdStyle0=buttonsMdCss;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,{key:"52c0c5535f5688a481746fe8fd92b6c02941526f",class:(t={},t[o]=true,t["buttons-collapse"]=this.collapse,t)})};return t}();Buttons.style={ios:IonButtonsIosStyle0,md:IonButtonsMdStyle0};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 IonContentStyle0=contentCss;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(i){switch(i.label){case 0:return[4,this.getScrollElement()];case 1:n=i.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,i,r,a,s,l,d,c,u;return __generator(this,(function(f){switch(f.label){case 0:return[4,this.getScrollElement()];case 1:n=f.sent();if(e<32){if(o!=null){n.scrollTop=o}if(t!=null){n.scrollLeft=t}return[2]}r=0;a=new Promise((function(t){return i=t}));s=n.scrollTop;l=n.scrollLeft;d=o!=null?o-s:0;c=t!=null?t-l:0;u=function(t){var o=Math.min(1,(t-r)/e)-1;var a=Math.pow(o,3)+1;if(d!==0){n.scrollTop=Math.floor(a*d+s)}if(c!==0){n.scrollLeft=Math.floor(a*c+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 e=this,n=e.isMainContent,i=e.scrollX,r=e.scrollY,a=e.el;var s=isRTL(a)?"rtl":"ltr";var l=getIonMode(this);var d=this.shouldForceOverscroll();var c=l==="ios";var u=n?"main":"div";this.resize();return h(Host,{key:"65d85e1f7f85876a76eec79addc4bd9f697a5d84",class:createColorClasses(this.color,(t={},t[l]=true,t["content-sizing"]=hostContext("ion-popover",this.el),t.overscroll=d,t["content-".concat(s)]=true,t)),style:{"--offset-top":"".concat(this.cTop,"px"),"--offset-bottom":"".concat(this.cBottom,"px")}},h("div",{key:"e2ac474a62cbc864772c497469100436f41289ff",ref:function(t){return o.backgroundContentEl=t},id:"background-content",part:"background"}),h(u,{key:"567a4bc2bcb13adfd987b088f95ac4b20b789f2c",class:{"inner-scroll":true,"scroll-x":i,"scroll-y":r,overscroll:(i||r)&&d},ref:function(t){return o.scrollEl=t},onScroll:this.scrollEvents?function(t){return o.onScroll(t)}:undefined,part:"scroll"},h("slot",{key:"13909f87dd9f49bf1664ad95038499da376b9480"})),c?h("div",{class:"transition-effect"},h("div",{class:"transition-cover"}),h("div",{class:"transition-shadow"})):null,h("slot",{key:"05b56c139e203cfd1e3dd08054e99328e97e9243",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 i=t.currentX;var r=t.currentY;var a=t.currentTime;var s=o.scrollLeft;var l=o.scrollTop;var d=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(d>0&&d<100){var c=(s-i)/d;var u=(l-r)/d;t.velocityX=c*.7+t.velocityX*.3;t.velocityY=u*.7+t.velocityY*.3}};Content.style=IonContentStyle0;var handleFooterFade=function(t,o){readTask((function(){var e=t.scrollTop;var n=t.scrollHeight-t.clientHeight;var i=10;var r=n-i;var a=e-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 IonFooterIosStyle0=footerIosCss;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 IonFooterMdStyle0=footerMdCss;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 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,e;var n=this;return __generator(this,(function(i){switch(i.label){case 0:e=this;return[4,getScrollElement(t)];case 1:o=e.scrollEl=i.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 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,{key:"550b8b8fb614e541e1d369fc1ac5ba1f083913b4",role:"contentinfo",class:(t={},t[i]=true,t["footer-".concat(i)]=true,t["footer-translucent"]=e,t["footer-translucent-".concat(i)]=e,t["footer-toolbar-padding"]=!this.keyboardVisible&&(!a||a.slot!=="bottom"),t["footer-collapse-".concat(n)]=n!==undefined,t)},i==="ios"&&e&&h("div",{class:"footer-background"}),h("slot",{key:"d25187ecc2ce7848ba882af078cb634e9d5e8814"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Footer.style={ios:IonFooterIosStyle0,md:IonFooterMdStyle0};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 i=clamp(1,1+-n/500,1.1);var r=e.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,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 i=n.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 d=s===0&&l===0;var c=Math.abs(a.left-r.boundingClientRect.left);var u=Math.abs(a.right-r.boundingClientRect.right);var f=s>0&&(c>=5||u>=5);if(d||f){return}if(r.isIntersecting){setHeaderActive(o,false);setHeaderActive(e)}else{var h=a.x===0&&a.y===0||a.width!==0&&a.height!==0;if(h&&i>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 i=t.innerTitleEl;if(!n||n.size!=="large"){return}i.style.transition=e?TRANSITION:"";i.style.transform="scale3d(".concat(o,", ").concat(o,", 1)")}))};var handleHeaderFade=function(t,o,e){readTask((function(){var n=t.scrollTop;var i=o.clientHeight;var r=e?e.clientHeight:0;if(e!==null&&n<r){o.style.setProperty("--opacity-scale","0");t.style.setProperty("clip-path","inset(".concat(i,"px 0px 0px 0px)"));return}var a=n-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],~ion-content ion-header.header-collapse-condense){opacity:0}";var IonHeaderIosStyle0=headerIosCss;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 IonHeaderMdStyle0=headerMdCss;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 i=this;return __generator(this,(function(r){switch(r.label){case 0:n=this;return[4,getScrollElement(t)];case 1:o=n.scrollEl=r.sent();this.contentScrollCallback=function(){handleHeaderFade(i.scrollEl,i.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,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;e=o==="condense";n=o==="fade";this.destroyCollapsibleHeader();if(!e)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(!n)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 e,n,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]}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]}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,e=o.translucent,n=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({key:"a33e7e1818cb4718ae36b8bcfa811c4138b85fac",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)},n),i==="ios"&&e&&h("div",{class:"header-background"}),h("slot",{key:"7e2fa75034f7422a3dc5691e9b3c25393e16c0ca"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Header.style={ios:IonHeaderIosStyle0,md:IonHeaderMdStyle0};var routerOutletCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";var IonRouterOutletStyle0=routerOutletCss;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-37a22d34.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 i=t?-.001:.001;if(!t){e.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");i+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],o)[0]}else{i+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],o)[0]}e.ani.progressEnd(t?1:0,i,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,i,r;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:n=a.sent();i=false;a.label=2;case 2:a.trys.push([2,4,,5]);return[4,this.transition(t,o,e)];case 3:i=a.sent();return[3,5];case 4:r=a.sent();console.error(r);return[3,5];case 5:n();return[2,i]}}))}))};t.prototype.setRouteId=function(t,o,e,n){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:e==="root"?0:undefined,direction:e==="back"?"back":"forward",animationBuilder:n})];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,e){return __awaiter(this,void 0,void 0,(function(){var n,i;return __generator(this,(function(r){switch(r.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:i=r.sent();this.activeComponent=t;this.activeEl=i;this.activeParams=o;return[4,this.commit(i,n,e)];case 2:r.sent();return[4,detachComponent(this.delegate,n)];case 3:r.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,i,r,a,s;var l=this;return __generator(this,(function(d){switch(d.label){case 0:if(o===t){return[2,false]}this.ionNavWillChange.emit();n=this,i=n.el,r=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:r,animated:a,enteringEl:t,leavingEl:o,baseEl:i,deepWait:hasLazyBuild(i),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:d.sent();this.ionNavDidChange.emit();return[2,true]}}))}))};t.prototype.render=function(){return h("slot",{key:"69b452a0dc0c10440bdd8700cf4843c43154c707"})};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=IonRouterOutletStyle0;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:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var IonTitleIosStyle0=titleIosCss;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 IonTitleMdStyle0=titleMdCss;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,{key:"b68a272a33ec81d282629a569676f64d3215a0c7",class:createColorClasses(this.color,(t={},t[o]=true,t["title-".concat(e)]=true,t["title-rtl"]=document.dir==="rtl",t))},h("div",{key:"9069816a14e6e358695c5bd465787cf297c761bc",class:"toolbar-title"},h("slot",{key:"8894bd04f2292b54050ee864abb5396deadf9874"})))};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:IonTitleIosStyle0,md:IonTitleMdStyle0};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 IonToolbarIosStyle0=toolbarIosCss;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 IonToolbarMdStyle0=toolbarMdCss;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 i=this.childrenStyles.get(o)||{};var r=false;Object.keys(e).forEach((function(t){var o="toolbar-".concat(t);var a=e[t];if(a!==i[o]){r=true}if(a){n[o]=true}}));if(r){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,{key:"afac0f08f3981483c072984ce047df5dc9cc1e99",class:Object.assign(Object.assign({},e),createColorClasses(this.color,(t={},t[o]=true,t["in-toolbar"]=hostContext("ion-toolbar",this.el),t)))},h("div",{key:"30d4f1d0ec01cc646398301b5f7d469391eb35d2",class:"toolbar-background"}),h("div",{key:"175d1f283e670b57a9bf8fd2a8c5e7d0da749aa8",class:"toolbar-container"},h("slot",{key:"4853b18092737b32b5995457536fa5a7fc2816ef",name:"start"}),h("slot",{key:"6eb4921200aad02d7977d134edad6cff2aad91ad",name:"secondary"}),h("div",{key:"024e0339c74c4b9a886d49e96723243719643dc2",class:"toolbar-content"},h("slot",{key:"b6452c84692fedd6efe33ac67907d01253b76f8f"})),h("slot",{key:"636e56eeaa318ce45a9c3854a30b8eb2819a33e0",name:"primary"}),h("slot",{key:"a45c19b93dca3719d75bd4d99acc49de87137a7d",name:"end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Toolbar.style={ios:IonToolbarIosStyle0,md:IonToolbarMdStyle0};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-eab5468b.js";import{shouldUseCloseWatcher}from"./hardware-back-button-36f7543b.js";import{p as printIonWarning}from"./index-9b0d46f4.js";import{b as getIonMode,c as config,a as isPlatform}from"./ionic-global-c836c8c6.js";import{m as hasLazyBuild,c as componentOnReady,l as clamp,i as inheritAriaAttributes,s as shallowEqualStringMap}from"./helpers-be245865.js";import{i as isRTL}from"./dir-babeabeb.js";import{c as createColorClasses,h as hostContext}from"./theme-01f3f29c.js";import{a as findIonContent,p as printIonContentErrorMsg,g as getScrollElement}from"./index-f3946ac1.js";import{c as createKeyboardController}from"./keyboard-controller-ec5c2bfa.js";import{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";import{a as attachComponent,d as detachComponent}from"./framework-delegate-ed4ba327.js";import{c as createLockController}from"./lock-controller-316928be.js";import{t as transition}from"./index-84ee782d.js";import"./index-a5d50daf.js";import"./keyboard-73175e24.js";import"./capacitor-59395cbd.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 IonAppStyle0=appCss;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,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:t=isPlatform(window,"hybrid");if(!config.getBoolean("_testing")){import("./index-020f5464.js").then((function(t){return t.startTapClick(config)}))}if(config.getBoolean("statusTap",t)){import("./status-tap-da5c40cc.js").then((function(t){return t.startStatusTap()}))}if(config.getBoolean("inputShims",needInputShims())){o=isPlatform(window,"ios")?"ios":"android";import("./input-shims-5329bbe8.js").then((function(t){return t.startInputShims(config,o)}))}return[4,import("./hardware-back-button-36f7543b.js")];case 1:e=r.sent();n=t||shouldUseCloseWatcher();if(config.getBoolean("hardwareBackButton",n)){e.startHardwareBackButton()}else{if(shouldUseCloseWatcher()){printIonWarning("experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.")}e.blockHardwareBackButton()}if(typeof window!=="undefined"){import("./keyboard-52278bd7.js").then((function(t){return t.startKeyboardAssist(window)}))}import("./focus-visible-dd40d69f.js").then((function(t){return i.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,{key:"0ac01df6d90d8185017e1f8e8f02cdf407e6c94b",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=IonAppStyle0;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 IonButtonsIosStyle0=buttonsIosCss;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 IonButtonsMdStyle0=buttonsMdCss;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,{key:"52c0c5535f5688a481746fe8fd92b6c02941526f",class:(t={},t[o]=true,t["buttons-collapse"]=this.collapse,t)})};return t}();Buttons.style={ios:IonButtonsIosStyle0,md:IonButtonsMdStyle0};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 IonContentStyle0=contentCss;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(i){switch(i.label){case 0:return[4,this.getScrollElement()];case 1:n=i.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,i,r,a,s,l,d,c,u;return __generator(this,(function(f){switch(f.label){case 0:return[4,this.getScrollElement()];case 1:n=f.sent();if(e<32){if(o!=null){n.scrollTop=o}if(t!=null){n.scrollLeft=t}return[2]}r=0;a=new Promise((function(t){return i=t}));s=n.scrollTop;l=n.scrollLeft;d=o!=null?o-s:0;c=t!=null?t-l:0;u=function(t){var o=Math.min(1,(t-r)/e)-1;var a=Math.pow(o,3)+1;if(d!==0){n.scrollTop=Math.floor(a*d+s)}if(c!==0){n.scrollLeft=Math.floor(a*c+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 e=this,n=e.isMainContent,i=e.scrollX,r=e.scrollY,a=e.el;var s=isRTL(a)?"rtl":"ltr";var l=getIonMode(this);var d=this.shouldForceOverscroll();var c=l==="ios";var u=n?"main":"div";this.resize();return h(Host,{key:"65d85e1f7f85876a76eec79addc4bd9f697a5d84",class:createColorClasses(this.color,(t={},t[l]=true,t["content-sizing"]=hostContext("ion-popover",this.el),t.overscroll=d,t["content-".concat(s)]=true,t)),style:{"--offset-top":"".concat(this.cTop,"px"),"--offset-bottom":"".concat(this.cBottom,"px")}},h("div",{key:"e2ac474a62cbc864772c497469100436f41289ff",ref:function(t){return o.backgroundContentEl=t},id:"background-content",part:"background"}),h(u,{key:"567a4bc2bcb13adfd987b088f95ac4b20b789f2c",class:{"inner-scroll":true,"scroll-x":i,"scroll-y":r,overscroll:(i||r)&&d},ref:function(t){return o.scrollEl=t},onScroll:this.scrollEvents?function(t){return o.onScroll(t)}:undefined,part:"scroll"},h("slot",{key:"13909f87dd9f49bf1664ad95038499da376b9480"})),c?h("div",{class:"transition-effect"},h("div",{class:"transition-cover"}),h("div",{class:"transition-shadow"})):null,h("slot",{key:"05b56c139e203cfd1e3dd08054e99328e97e9243",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 i=t.currentX;var r=t.currentY;var a=t.currentTime;var s=o.scrollLeft;var l=o.scrollTop;var d=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(d>0&&d<100){var c=(s-i)/d;var u=(l-r)/d;t.velocityX=c*.7+t.velocityX*.3;t.velocityY=u*.7+t.velocityY*.3}};Content.style=IonContentStyle0;var handleFooterFade=function(t,o){readTask((function(){var e=t.scrollTop;var n=t.scrollHeight-t.clientHeight;var i=10;var r=n-i;var a=e-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 IonFooterIosStyle0=footerIosCss;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 IonFooterMdStyle0=footerMdCss;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 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,e;var n=this;return __generator(this,(function(i){switch(i.label){case 0:e=this;return[4,getScrollElement(t)];case 1:o=e.scrollEl=i.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 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,{key:"550b8b8fb614e541e1d369fc1ac5ba1f083913b4",role:"contentinfo",class:(t={},t[i]=true,t["footer-".concat(i)]=true,t["footer-translucent"]=e,t["footer-translucent-".concat(i)]=e,t["footer-toolbar-padding"]=!this.keyboardVisible&&(!a||a.slot!=="bottom"),t["footer-collapse-".concat(n)]=n!==undefined,t)},i==="ios"&&e&&h("div",{class:"footer-background"}),h("slot",{key:"d25187ecc2ce7848ba882af078cb634e9d5e8814"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Footer.style={ios:IonFooterIosStyle0,md:IonFooterMdStyle0};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 i=clamp(1,1+-n/500,1.1);var r=e.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,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 i=n.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 d=s===0&&l===0;var c=Math.abs(a.left-r.boundingClientRect.left);var u=Math.abs(a.right-r.boundingClientRect.right);var f=s>0&&(c>=5||u>=5);if(d||f){return}if(r.isIntersecting){setHeaderActive(o,false);setHeaderActive(e)}else{var h=a.x===0&&a.y===0||a.width!==0&&a.height!==0;if(h&&i>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 i=t.innerTitleEl;if(!n||n.size!=="large"){return}i.style.transition=e?TRANSITION:"";i.style.transform="scale3d(".concat(o,", ").concat(o,", 1)")}))};var handleHeaderFade=function(t,o,e){readTask((function(){var n=t.scrollTop;var i=o.clientHeight;var r=e?e.clientHeight:0;if(e!==null&&n<r){o.style.setProperty("--opacity-scale","0");t.style.setProperty("clip-path","inset(".concat(i,"px 0px 0px 0px)"));return}var a=n-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.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";var IonHeaderIosStyle0=headerIosCss;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 IonHeaderMdStyle0=headerMdCss;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 i=this;return __generator(this,(function(r){switch(r.label){case 0:n=this;return[4,getScrollElement(t)];case 1:o=n.scrollEl=r.sent();this.contentScrollCallback=function(){handleHeaderFade(i.scrollEl,i.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,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;e=o==="condense";n=o==="fade";this.destroyCollapsibleHeader();if(!e)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(!n)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 e,n,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]}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]}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,e=o.translucent,n=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({key:"a33e7e1818cb4718ae36b8bcfa811c4138b85fac",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)},n),i==="ios"&&e&&h("div",{class:"header-background"}),h("slot",{key:"7e2fa75034f7422a3dc5691e9b3c25393e16c0ca"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Header.style={ios:IonHeaderIosStyle0,md:IonHeaderMdStyle0};var routerOutletCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";var IonRouterOutletStyle0=routerOutletCss;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-37a22d34.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 i=t?-.001:.001;if(!t){e.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");i+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],o)[0]}else{i+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],o)[0]}e.ani.progressEnd(t?1:0,i,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,i,r;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:n=a.sent();i=false;a.label=2;case 2:a.trys.push([2,4,,5]);return[4,this.transition(t,o,e)];case 3:i=a.sent();return[3,5];case 4:r=a.sent();console.error(r);return[3,5];case 5:n();return[2,i]}}))}))};t.prototype.setRouteId=function(t,o,e,n){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:e==="root"?0:undefined,direction:e==="back"?"back":"forward",animationBuilder:n})];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,e){return __awaiter(this,void 0,void 0,(function(){var n,i;return __generator(this,(function(r){switch(r.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:i=r.sent();this.activeComponent=t;this.activeEl=i;this.activeParams=o;return[4,this.commit(i,n,e)];case 2:r.sent();return[4,detachComponent(this.delegate,n)];case 3:r.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,i,r,a,s;var l=this;return __generator(this,(function(d){switch(d.label){case 0:if(o===t){return[2,false]}this.ionNavWillChange.emit();n=this,i=n.el,r=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:r,animated:a,enteringEl:t,leavingEl:o,baseEl:i,deepWait:hasLazyBuild(i),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:d.sent();this.ionNavDidChange.emit();return[2,true]}}))}))};t.prototype.render=function(){return h("slot",{key:"69b452a0dc0c10440bdd8700cf4843c43154c707"})};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=IonRouterOutletStyle0;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:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var IonTitleIosStyle0=titleIosCss;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 IonTitleMdStyle0=titleMdCss;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,{key:"b68a272a33ec81d282629a569676f64d3215a0c7",class:createColorClasses(this.color,(t={},t[o]=true,t["title-".concat(e)]=true,t["title-rtl"]=document.dir==="rtl",t))},h("div",{key:"9069816a14e6e358695c5bd465787cf297c761bc",class:"toolbar-title"},h("slot",{key:"8894bd04f2292b54050ee864abb5396deadf9874"})))};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:IonTitleIosStyle0,md:IonTitleMdStyle0};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 IonToolbarIosStyle0=toolbarIosCss;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 IonToolbarMdStyle0=toolbarMdCss;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 i=this.childrenStyles.get(o)||{};var r=false;Object.keys(e).forEach((function(t){var o="toolbar-".concat(t);var a=e[t];if(a!==i[o]){r=true}if(a){n[o]=true}}));if(r){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,{key:"afac0f08f3981483c072984ce047df5dc9cc1e99",class:Object.assign(Object.assign({},e),createColorClasses(this.color,(t={},t[o]=true,t["in-toolbar"]=hostContext("ion-toolbar",this.el),t)))},h("div",{key:"30d4f1d0ec01cc646398301b5f7d469391eb35d2",class:"toolbar-background"}),h("div",{key:"175d1f283e670b57a9bf8fd2a8c5e7d0da749aa8",class:"toolbar-container"},h("slot",{key:"4853b18092737b32b5995457536fa5a7fc2816ef",name:"start"}),h("slot",{key:"6eb4921200aad02d7977d134edad6cff2aad91ad",name:"secondary"}),h("div",{key:"024e0339c74c4b9a886d49e96723243719643dc2",class:"toolbar-content"},h("slot",{key:"b6452c84692fedd6efe33ac67907d01253b76f8f"})),h("slot",{key:"636e56eeaa318ce45a9c3854a30b8eb2819a33e0",name:"primary"}),h("slot",{key:"a45c19b93dca3719d75bd4d99acc49de87137a7d",name:"end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Toolbar.style={ios:IonToolbarIosStyle0,md:IonToolbarMdStyle0};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};
|