@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.6 → 0.0.0-pr1477.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -7
- package/components/bibtemplate/dist/index.js +1 -9
- package/components/bibtemplate/dist/registered.js +1 -9
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/pages.json +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +18 -236
- package/components/combobox/demo/getting-started.min.js +18 -236
- package/components/combobox/demo/index.min.js +18 -236
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/dist/index.js +18 -236
- package/components/combobox/dist/registered.js +18 -236
- package/components/counter/demo/customize.min.js +15 -233
- package/components/counter/demo/index.min.js +15 -233
- package/components/counter/demo/keyboard-behavior.md +0 -1
- package/components/counter/demo/pages.json +1 -1
- package/components/counter/dist/index.js +2 -10
- package/components/counter/dist/registered.js +2 -10
- package/components/datepicker/demo/accessibility.md +3 -51
- package/components/datepicker/demo/api.md +2 -11
- package/components/datepicker/demo/customize.html +0 -2
- package/components/datepicker/demo/customize.md +8 -72
- package/components/datepicker/demo/design.md +1 -3
- package/components/datepicker/demo/index.js +1 -5
- package/components/datepicker/demo/index.md +2 -83
- package/components/datepicker/demo/index.min.js +100 -1567
- package/components/datepicker/demo/keyboard-behavior.md +2 -201
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +12 -19
- package/components/datepicker/dist/index.js +98 -1489
- package/components/datepicker/dist/registered.js +98 -1489
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +1 -66
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +0 -28
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -100
- package/components/datepicker/dist/src/auro-datepicker.d.ts +0 -88
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +3 -5
- package/components/dropdown/demo/accessibility.md +0 -11
- package/components/dropdown/demo/api.md +0 -1
- package/components/dropdown/demo/customize.md +0 -3
- package/components/dropdown/demo/customize.min.js +13 -223
- package/components/dropdown/demo/getting-started.min.js +13 -223
- package/components/dropdown/demo/index.min.js +13 -223
- package/components/dropdown/demo/keyboard-behavior.md +0 -1
- package/components/dropdown/demo/pages.json +1 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +1 -33
- package/components/dropdown/dist/index.js +13 -223
- package/components/dropdown/dist/registered.js +13 -223
- package/components/form/demo/customize.min.js +165 -2208
- package/components/form/demo/getting-started.min.js +165 -2208
- package/components/form/demo/index.min.js +165 -2208
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +165 -2208
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/demo/pages.json +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/pages.json +1 -1
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/pages.json +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +33 -249
- package/components/select/demo/getting-started.min.js +33 -249
- package/components/select/demo/index.min.js +33 -249
- package/components/select/demo/keyboard-behavior.md +54 -9
- package/components/select/demo/pages.json +1 -1
- package/components/select/dist/index.js +33 -249
- package/components/select/dist/registered.js +33 -249
- package/custom-elements.json +21 -738
- package/package.json +2 -2
- package/components/checkbox/demo/why-checkbox.html +0 -57
- package/components/checkbox/demo/why-checkbox.md +0 -86
- package/components/combobox/demo/why-combobox.html +0 -57
- package/components/combobox/demo/why-combobox.md +0 -113
- package/components/counter/demo/why-counter.html +0 -57
- package/components/counter/demo/why-counter.md +0 -108
- package/components/datepicker/demo/customize.js +0 -19
- package/components/datepicker/demo/customize.min.js +0 -26028
- package/components/datepicker/demo/why-datepicker.html +0 -57
- package/components/datepicker/demo/why-datepicker.md +0 -133
- package/components/dropdown/demo/why-dropdown.html +0 -57
- package/components/dropdown/demo/why-dropdown.md +0 -97
- package/components/form/demo/why-form.html +0 -57
- package/components/form/demo/why-form.md +0 -101
- package/components/input/demo/why-input.html +0 -57
- package/components/input/demo/why-input.md +0 -121
- package/components/menu/demo/why-menu.html +0 -57
- package/components/menu/demo/why-menu.md +0 -104
- package/components/radio/demo/customize.min.js +0 -2186
- package/components/radio/demo/demo-support.min.js +0 -55807
- package/components/radio/demo/getting-started.min.js +0 -2205
- package/components/radio/demo/why-radio.html +0 -57
- package/components/radio/demo/why-radio.md +0 -92
- package/components/select/demo/why-select.html +0 -57
- package/components/select/demo/why-select.md +0 -128
|
@@ -7458,7 +7458,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
|
|
|
7458
7458
|
}
|
|
7459
7459
|
};
|
|
7460
7460
|
|
|
7461
|
-
var formkitVersion$9 = '
|
|
7461
|
+
var formkitVersion$9 = '202605201634';
|
|
7462
7462
|
|
|
7463
7463
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7464
7464
|
// See LICENSE in the project root for license information.
|
|
@@ -9513,11 +9513,11 @@ var snowflakeStyle = i$7`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
9513
9513
|
|
|
9514
9514
|
var snowflakeColors = i$7`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
9515
9515
|
|
|
9516
|
-
var styleCss$7$1 = i$7`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;z-index:1;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}.calendarWrapper.hasFooter{padding-bottom:var(--desktop-footer-height)}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}`;
|
|
9516
|
+
var styleCss$7$1 = i$7`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
|
|
9517
9517
|
|
|
9518
9518
|
var colorCss$7$1 = i$7`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover{--ds-auro-calendar-nav-btn-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}::slotted([slot="bib.fullscreen.fromStr"]),::slotted([slot=mobileDateToStr]){color:var(--ds-auro-datepicker-placeholder-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}}`;
|
|
9519
9519
|
|
|
9520
|
-
var styleCss$6$1 = i$7`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.th abbr{text-decoration:none}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
9520
|
+
var styleCss$6$1 = i$7`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
9521
9521
|
|
|
9522
9522
|
var colorCss$6$1 = i$7`:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
9523
9523
|
|
|
@@ -16026,24 +16026,20 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
16026
16026
|
__decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
16027
16027
|
AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
16028
16028
|
|
|
16029
|
-
var styleCss$5$1 = i$7`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day:focus-visible{outline:2px solid var(--ds-basic-color-border-default, #959595);outline-offset:2px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:default}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}.srOnly{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
16029
|
+
var styleCss$5$1 = i$7`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day.disabled{cursor:default !important;pointer-events:none}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
16030
16030
|
|
|
16031
|
-
var colorCss$5$1 = i$7`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day
|
|
16031
|
+
var colorCss$5$1 = i$7`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
|
|
16032
16032
|
|
|
16033
|
-
let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],d$3$1="start",p$6$1="end",f$6$1="viewport",h$3$1="popper",u$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+d$3$1,t+"-"+p$6$1])},[]),m$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+d$3$1,t+"-"+p$6$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var A$3$1=Math.max,O=Math.min,k$6$1=Math.round;function T$3$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6$1(){return !/^((?!chrome|android).)*safari/i.test(T$3$1())}function E(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&k$6$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!z$6$1()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,d=s.width/r,p=s.height/o;return {width:d,height:p,top:c,right:l+d,bottom:c+p,left:l,x:l,y:c}}function M$6$1(e){var t=E(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function R$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function H$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||H$3$1(e)}function D(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=D(e);i&&R$3$1(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3$1());if(/Trident/i.test(T$3$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=C$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3$1(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3$1(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var F={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,d=i.elements.arrow,p=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),u=[a,n$1$1].indexOf(f)>=0?"height":"width";if(d&&p){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3$1(e,c$3$1))}(l.padding,i),g=M$6$1(d),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[u]+i.rects.reference[h]-p[h]-i.rects.popper[u],b=p[h]-i.rects.reference[h],x=N$3$1(d),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,A=w/2-b/2,O=m[v],k=S-g[u]-m[y],T=S/2-g[u]/2+A,z=j(O,T,k),E=h;i.modifiersData[s]=((t={})[E]=z,t.centerOffset=z-T,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3$1(e){return e.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,d=e.offsets,f=e.position,h=e.gpuAcceleration,u=e.adaptive,m=e.roundOffsets,g=e.isFixed,v=d.x,w=void 0===v?0:v,b=d.y,x=void 0===b?0:b,S="function"==typeof m?m({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=d.hasOwnProperty("x"),A=d.hasOwnProperty("y"),O=a,T=r$1$1,z=window;if(u){var E=N$3$1(i),M="clientHeight",B="clientWidth";if(E===y$6$1(i)&&"static"!==L(E=H$3$1(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===p$6$1)T=o,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===p$6$1)O=n$1$1,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6$1(i*r)/r||0,y:k$6$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=D.x,x=D.y,h?Object.assign({},C,((R={})[T]=A?"0":"",R[O]=_?"0":"",R.transform=(z.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",R)):Object.assign({},C,((t={})[T]=A?x+"px":"",t[O]=_?w+"px":"",t.transform="",t))}var X={passive:true};var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,function(e){return $[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(C$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=H$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6$1();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=E(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=H$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3$1(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3$1(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=A$3$1(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3$1(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3$1(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?U$3$1(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case d$3$1:t[m]=t[m]-(i[g]/2-s[g]/2);break;case p$6$1:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,d=void 0===l?e.strategy:l,p=i.boundary,u=void 0===p?"clippingParents":p,m=i.rootBoundary,g=void 0===m?f$6$1:m,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3$1(_,c$3$1)),O=y===h$3$1?"reference":h$3$1,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6$1(T)?T:T.contextElement||H$3$1(e.elements.popper),u,g,d),M=E(e.elements.reference),B=oe({reference:M,element:k,placement:a}),L=ie(Object.assign({},k,B)),R=y===h$3$1?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$3$1&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,d=void 0===l?m$6$1:l,p=U$3$1(s),f=p?a?u$6$1:u$6$1.filter(function(e){return U$3$1(e)===p}):c$3$1,h=f.filter(function(e){return d.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,p=void 0===c||c,f=i.altAxis,h=void 0===f||f,u=i.fallbackPlacements,m=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,A=_$4$1(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:m,flipVariations:b,allowedAutoPlacements:x}):i)},[]),T=t.rects.reference,z=t.rects.popper,E=new Map,M=true,B=k[0],L=0;L<k.length;L++){var R=k[L],H=_$4$1(R),C=U$3$1(R)===d$3$1,D=[r$1$1,o].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$1$1:a:C?o:r$1$1;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(p&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function de(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var pe={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],d=l[1];return c=c||0,d=(d||0)*o,[a,n$1$1].indexOf(s)>=0?{x:d,y:c}:{x:c,y:d}}(i,t.rects,l),e},{}),d=c[t.placement],p=d.x,f=d.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=p,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,p=i.altAxis,f=void 0!==p&&p,h=i.boundary,u=i.rootBoundary,m=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:u,padding:g,altBoundary:m}),S=_$4$1(t.placement),k=U$3$1(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$1$1:a,V="y"===z?o:n$1$1,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===d$3$1?L[W]:R[W],J=k===d$3$1?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$6$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[F],ie=ee[V],se=j(0,L[W],Z[W]),re=T?L[W]/2-K-se-te-C.mainAxis:Y-se-te-C.mainAxis,oe=T?-L[W]/2+K+se+ie+C.mainAxis:J+se+ie+C.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===z?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(q=null==D?void 0:D[z])?q:0,de=X+oe-ce,pe=j(y?O($,X+re-ce-le):$,X,y?A$3$1(G,de):G);B[z]=pe,I[z]=pe-X;}if(f){var fe,he="x"===z?r$1$1:a,ue="x"===z?o:n$1$1,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6$1(t.width)/e.offsetWidth||1,s=k$6$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3$1(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((d=E(t,true)).x+=t.clientLeft,d.y+=t.clientTop):a&&(d.x=Q(a))),{x:l.left+c.scrollLeft-d.x,y:l.top+c.scrollTop-d.y,width:l.width,height:l.height}}function ue(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var me={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?me:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},me,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,d={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;p(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:d,options:s}),n=function(){};l.push(o||n);}}),d.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:M$6$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,p=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:p,instance:d})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){d.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){p(),c=true;}};if(!ge(e,t))return d;function p(){l.forEach(function(e){return e()}),l=[];}return d.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),d}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,X);}),a&&l.addEventListener("resize",i.update,X),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,X);}),a&&l.removeEventListener("resize",i.update,X);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:U$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,W(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,W(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,pe,le,fe,F,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),d=de(l),p=de(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$7`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
16033
|
+
let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",m$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),u$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var O=Math.max,k$6$1=Math.min,A$3$1=Math.round;function z$6$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function E(){return !/^((?!chrome|android).)*safari/i.test(z$6$1())}function M$6$1(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&A$3$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&A$3$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!E()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function T$3$1(e){var t=M$6$1(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function H$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function C$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||C$3$1(e)}function j(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=j(e);i&&H$3$1(i)&&"static"===L(i).position;)i=j(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6$1());if(/Trident/i.test(z$6$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=R$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function D(e,t,i){return O(e,k$6$1(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function F(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var U$3$1={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),m=[a,n$1$1].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$3$1))}(l.padding,i),g=T$3$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=N$3$1(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,k=u[v],A=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(k,z,A),M=h;i.modifiersData[s]=((t={})[M]=E,t.centerOffset=E-z,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3$1(e){return e.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,m=e.adaptive,u=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof u?u({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),O=p.hasOwnProperty("y"),k=a,z=r$1$1,E=window;if(m){var M=N$3$1(i),T="clientHeight",B="clientWidth";if(M===y$6$1(i)&&"static"!==L(M=C$3$1(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)z=o,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)k=n$1$1,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),j=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3$1(i*r)/r||0,y:A$3$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=j.x,x=j.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[k]=_?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",H)):Object.assign({},R,((t={})[z]=O?x+"px":"",t[k]=_?w+"px":"",t.transform="",t))}var V={passive:true};var G={left:"right",right:"left",bottom:"top",top:"bottom"};function $(e){return e.replace(/left|right|bottom|top/g,function(e){return G[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$6$1(C$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(R$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=C$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=E();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=M$6$1(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=C$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=O(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=O(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=O(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(C$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=O(r.top,t.top),t.right=k$6$1(r.right,t.right),t.bottom=k$6$1(r.bottom,t.bottom),t.left=O(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?q$3$1(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$6$1:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3$1:t[u]=t[u]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,m=void 0===d?"clippingParents":d,u=i.rootBoundary,g=void 0===u?f$6$1:u,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$3$1)),k=y===h$3$1?"reference":h$3$1,A=e.rects.popper,z=e.elements[x?k:y],E=re(w$6$1(z)?z:z.contextElement||C$3$1(e.elements.popper),m,g,p),T=M$6$1(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$3$1?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},j=e.modifiersData.offset;if(y===h$3$1&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";R[e]+=N[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$6$1:l,d=q$3$1(s),f=d?a?m$6$1:m$6$1.filter(function(e){return q$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,u=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,O=_$4$1(S),k=m||(O===S||!b?[$(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),A=[S].concat(k).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:x}):i)},[]),z=t.rects.reference,E=t.rects.popper,M=new Map,T=true,B=A[0],L=0;L<A.length;L++){var H=A[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,j=[r$1$1,o].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$1$1:a:R?o:r$1$1;z[N]>E[N]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=A.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,m=i.rootBoundary,u=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:m,padding:g,altBoundary:u}),S=_$4$1(t.placement),A=q$3$1(t.placement),z=!A,E=P(S),M="x"===E?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,H=t.rects.popper,C="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,R="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),j=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var F,U="y"===E?r$1$1:a,W="y"===E?o:n$1$1,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$6$1?L[X]:H[X],J=A===p$6$1?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[U],ie=ee[W],se=D(0,L[X],Z[X]),re=z?L[X]/2-K-se-te-R.mainAxis:Y-se-te-R.mainAxis,oe=z?-L[X]/2+K+se+ie+R.mainAxis:J+se+ie+R.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==j?void 0:j[E])?F:0,pe=V+oe-ce,de=D(y?k$6$1(G,V+re-ce-le):G,V,y?O($,pe):$);B[E]=de,I[E]=de-V;}if(f){var fe,he="x"===E?r$1$1:a,me="x"===E?o:n$1$1,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==j?void 0:j[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3$1(t.width)/e.offsetWidth||1,s=A$3$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3$1(t),l=M$6$1(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=M$6$1(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function me(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?ue:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ue,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:T$3$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),a&&l.addEventListener("resize",i.update,V),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),a&&l.removeEventListener("resize",i.update,V);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:q$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,de,le,fe,U$3$1,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$7`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
16034
16034
|
`,xe=i$7`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host(:not([data-show])) .popover,:host([disabled]) .popover,:host([addSpace]) :host(:not([data-show])) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1 * (var(--ds-size-50, .25rem) + 1px)) 0!important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0!important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, .375rem)}@media screen and (min-width:576px){.popover{max-width:50%}}@media screen and (min-width:768px){.popover{max-width:40%}}@media screen and (min-width:1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1 * var(--ds-size-200, 1rem));left:calc(-1 * var(--ds-size-75, .375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, .25rem);right:calc(-1 * var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100,.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, .75rem);height:var(--ds-size-150, .75rem);content:""}
|
|
16035
16035
|
`,Se=i$7`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15));--ds-auro-popover-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-popover-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
|
|
16036
|
-
`;class _e extends i$4{constructor(){super(),this.placement="top",this.
|
|
16037
|
-
<div
|
|
16038
|
-
id="popover"
|
|
16039
|
-
class="popover util_insetLg body-default"
|
|
16040
|
-
part="popover"
|
|
16041
|
-
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
16036
|
+
`;class _e extends i$4{constructor(){super(),this.placement="top",this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.isPopoverVisible=false,this.runtimeUtils=new s$3;}static get properties(){return {addSpace:{type:Boolean,reflect:true},boundary:{type:String},disabled:{type:Boolean,reflect:true},for:{type:String,reflect:true},placement:{type:String},removeSpace:{type:Boolean,reflect:true}}}static get styles(){return [i$7`${xe}`,i$7`${be}`,i$7`${Se}`]}static register(e="auro-popover"){s$3.prototype.registerComponent(e,_e);}connectedCallback(){super.connectedCallback(),this._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger&&(this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focus",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("blur",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange),this.trigger.removeAttribute("aria-description"),this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex")),this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){if(this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),!this.trigger)return;const e=this.trigger.tabIndex>=0,t=!!this.trigger.shadowRoot&&Boolean(this.trigger.shadowRoot.querySelector('button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'));e||t||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const i=this.shadowRoot.querySelector("slot:not([name])"),s=()=>i.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();this.trigger.setAttribute("aria-description",s()),this._onSlotChange=()=>{this.trigger?.setAttribute("aria-description",s());},i.addEventListener("slotchange",this._onSlotChange),this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=()=>{this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "!==t&&"enter"!==t||(" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle());},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focus",this._onTriggerFocus),this.trigger.addEventListener("blur",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false,this.removeAttribute("data-show"),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper&&this.popper.hide();}toggleShow(){this.popper&&(this.popper.show(),this.isPopoverVisible=true,this.setAttribute("data-show","true"),document.body.addEventListener("mouseover",this._onBodyMouseover));}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary));}render(){return b$7`
|
|
16037
|
+
<div id="popover" class="popover util_insetLg body-default" part="popover">
|
|
16042
16038
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
16043
|
-
<slot></slot>
|
|
16039
|
+
<span role="tooltip"><slot></slot></span>
|
|
16044
16040
|
</div>
|
|
16045
16041
|
|
|
16046
|
-
<span
|
|
16042
|
+
<span>
|
|
16047
16043
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
16048
16044
|
</span>
|
|
16049
16045
|
`}}
|
|
@@ -16071,8 +16067,6 @@ class AuroCalendarCell extends i$4 {
|
|
|
16071
16067
|
this._locale = null;
|
|
16072
16068
|
this.dateStr = null;
|
|
16073
16069
|
this.renderForDateSlot = false; // When false, the numerical date will render vertically centered. When true, the date will render off-center to the top and leave room below for the slot content.
|
|
16074
|
-
this.active = false;
|
|
16075
|
-
this.hasPopoverContent = false;
|
|
16076
16070
|
|
|
16077
16071
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
16078
16072
|
|
|
@@ -16106,12 +16100,7 @@ class AuroCalendarCell extends i$4 {
|
|
|
16106
16100
|
isCurrentDate: { type: Boolean },
|
|
16107
16101
|
locale: { type: Object },
|
|
16108
16102
|
dateStr: { type: String },
|
|
16109
|
-
renderForDateSlot: { type: Boolean }
|
|
16110
|
-
active: {
|
|
16111
|
-
type: Boolean,
|
|
16112
|
-
reflect: true
|
|
16113
|
-
},
|
|
16114
|
-
hasPopoverContent: { type: Boolean }
|
|
16103
|
+
renderForDateSlot: { type: Boolean }
|
|
16115
16104
|
};
|
|
16116
16105
|
}
|
|
16117
16106
|
|
|
@@ -16170,23 +16159,13 @@ class AuroCalendarCell extends i$4 {
|
|
|
16170
16159
|
* @returns {void}
|
|
16171
16160
|
*/
|
|
16172
16161
|
handleTap() {
|
|
16173
|
-
if (!this.disabled
|
|
16162
|
+
if (!this.disabled) {
|
|
16174
16163
|
this.datepicker.handleCellClick(this.day.date);
|
|
16175
16164
|
}
|
|
16176
|
-
|
|
16177
|
-
// Set this cell as the active cell regardless of blackout status
|
|
16178
|
-
if (this.day) {
|
|
16179
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16180
|
-
bubbles: true,
|
|
16181
|
-
composed: true,
|
|
16182
|
-
detail: { date: this.day.date }
|
|
16183
|
-
}));
|
|
16184
|
-
}
|
|
16185
16165
|
}
|
|
16186
16166
|
|
|
16187
16167
|
/**
|
|
16188
16168
|
* Handles user hover events and dispatches a custom event.
|
|
16189
|
-
* Always dispatches for range pickers so the preview updates correctly.
|
|
16190
16169
|
* @private
|
|
16191
16170
|
* @returns {void}
|
|
16192
16171
|
*/
|
|
@@ -16200,61 +16179,7 @@ class AuroCalendarCell extends i$4 {
|
|
|
16200
16179
|
}
|
|
16201
16180
|
|
|
16202
16181
|
/**
|
|
16203
|
-
* Checks if the current date is
|
|
16204
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
16205
|
-
* @private
|
|
16206
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16207
|
-
* @param {Number} min - The minimum date value.
|
|
16208
|
-
* @param {Number} max - The maximum date value.
|
|
16209
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
16210
|
-
*/
|
|
16211
|
-
isOutOfRange(day, min, max) {
|
|
16212
|
-
if (day && day.date != null) {
|
|
16213
|
-
return day.date < min || day.date > max;
|
|
16214
|
-
}
|
|
16215
|
-
return false;
|
|
16216
|
-
}
|
|
16217
|
-
|
|
16218
|
-
/**
|
|
16219
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
16220
|
-
* Blackout cells are focusable but not selectable.
|
|
16221
|
-
* @private
|
|
16222
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
16223
|
-
*/
|
|
16224
|
-
isBlackout() {
|
|
16225
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
16226
|
-
return false;
|
|
16227
|
-
}
|
|
16228
|
-
|
|
16229
|
-
// Check against disabledDays timestamps (legacy path)
|
|
16230
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
16231
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
16232
|
-
return true;
|
|
16233
|
-
}
|
|
16234
|
-
}
|
|
16235
|
-
|
|
16236
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
16237
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
16238
|
-
|
|
16239
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
16240
|
-
const date = new Date(this.day.date * 1000);
|
|
16241
|
-
const yyyy = date.getFullYear();
|
|
16242
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
16243
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
16244
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
16245
|
-
if (blackoutDates.includes(cellDate)) {
|
|
16246
|
-
return true;
|
|
16247
|
-
}
|
|
16248
|
-
}
|
|
16249
|
-
|
|
16250
|
-
return false;
|
|
16251
|
-
}
|
|
16252
|
-
|
|
16253
|
-
/**
|
|
16254
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
16255
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
16256
|
-
* host when the date falls outside the allowed range or appears in
|
|
16257
|
-
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
16182
|
+
* Checks if the current date is a valid date depending on the min and max values.
|
|
16258
16183
|
* @private
|
|
16259
16184
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16260
16185
|
* @param {Number} min - The minimum date value.
|
|
@@ -16274,91 +16199,6 @@ class AuroCalendarCell extends i$4 {
|
|
|
16274
16199
|
return false;
|
|
16275
16200
|
}
|
|
16276
16201
|
|
|
16277
|
-
/**
|
|
16278
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
16279
|
-
* @private
|
|
16280
|
-
* @returns {String} The unique cell ID.
|
|
16281
|
-
*/
|
|
16282
|
-
getCellId() {
|
|
16283
|
-
if (!this.day || !this.day.date) return '';
|
|
16284
|
-
const date = new Date(this.day.date * 1000);
|
|
16285
|
-
const year = date.getFullYear();
|
|
16286
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
16287
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
16288
|
-
return `cell-${year}-${month}-${day}`;
|
|
16289
|
-
}
|
|
16290
|
-
|
|
16291
|
-
/**
|
|
16292
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
16293
|
-
* Includes range position and blackout status.
|
|
16294
|
-
* @private
|
|
16295
|
-
* @returns {String} The aria-label string.
|
|
16296
|
-
*/
|
|
16297
|
-
getAriaLabel() {
|
|
16298
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
16299
|
-
|
|
16300
|
-
const date = new Date(this.day.date * 1000);
|
|
16301
|
-
|
|
16302
|
-
// Generate localized full date string using the configured locale
|
|
16303
|
-
const localeCode = this.locale?.code || undefined;
|
|
16304
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
16305
|
-
weekday: 'long',
|
|
16306
|
-
year: 'numeric',
|
|
16307
|
-
month: 'long',
|
|
16308
|
-
day: 'numeric'
|
|
16309
|
-
});
|
|
16310
|
-
|
|
16311
|
-
let label = dateFormatter.format(date);
|
|
16312
|
-
|
|
16313
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
16314
|
-
if (this.hasPopoverContent) {
|
|
16315
|
-
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
16316
|
-
}
|
|
16317
|
-
|
|
16318
|
-
// Append range position if in range mode
|
|
16319
|
-
const rangePosition = this.getRangePosition();
|
|
16320
|
-
if (rangePosition) {
|
|
16321
|
-
label += `, ${rangePosition}`;
|
|
16322
|
-
}
|
|
16323
|
-
|
|
16324
|
-
// Append blackout label for blackout cells
|
|
16325
|
-
if (this.isBlackout()) {
|
|
16326
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
16327
|
-
}
|
|
16328
|
-
|
|
16329
|
-
return label;
|
|
16330
|
-
}
|
|
16331
|
-
|
|
16332
|
-
/**
|
|
16333
|
-
* Determines the range position of this cell relative to the current selection.
|
|
16334
|
-
* @private
|
|
16335
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
16336
|
-
*/
|
|
16337
|
-
getRangePosition() {
|
|
16338
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
16339
|
-
|
|
16340
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
16341
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
16342
|
-
|
|
16343
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
16344
|
-
const dayDate = this.day.date;
|
|
16345
|
-
|
|
16346
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
16347
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
16348
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
16349
|
-
|
|
16350
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
16351
|
-
|
|
16352
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
16353
|
-
|
|
16354
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
16355
|
-
|
|
16356
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
16357
|
-
|
|
16358
|
-
// After start date, no end date yet, or after end date
|
|
16359
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
16360
|
-
}
|
|
16361
|
-
|
|
16362
16202
|
/**
|
|
16363
16203
|
* Checks if the current date is the depart date.
|
|
16364
16204
|
* @private
|
|
@@ -16520,9 +16360,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16520
16360
|
|
|
16521
16361
|
if (popoverSlotContent) {
|
|
16522
16362
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
16523
|
-
this.
|
|
16363
|
+
this.auroPopover.removeAttribute('disabled');
|
|
16524
16364
|
} else {
|
|
16525
|
-
this.
|
|
16365
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
16526
16366
|
}
|
|
16527
16367
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
16528
16368
|
// Error handling goes here
|
|
@@ -16538,41 +16378,13 @@ class AuroCalendarCell extends i$4 {
|
|
|
16538
16378
|
return;
|
|
16539
16379
|
}
|
|
16540
16380
|
this.datepicker = calendar.datepicker;
|
|
16541
|
-
this.
|
|
16381
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
|
|
16542
16382
|
this.handleSlotContent();
|
|
16543
|
-
|
|
16544
|
-
this.requestUpdate();
|
|
16545
|
-
};
|
|
16546
|
-
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
16547
|
-
|
|
16548
|
-
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
16549
|
-
// cells reflect blackout/slot state that was configured before first render.
|
|
16550
|
-
this.requestUpdate();
|
|
16551
|
-
|
|
16552
|
-
this.calendarMonth = calendarMonth;
|
|
16553
|
-
this.configurePopover();
|
|
16554
|
-
}
|
|
16555
|
-
|
|
16556
|
-
disconnectedCallback() {
|
|
16557
|
-
super.disconnectedCallback();
|
|
16558
|
-
if (this.datepicker && this._slotContentHandler) {
|
|
16559
|
-
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
16560
|
-
}
|
|
16561
|
-
}
|
|
16383
|
+
});
|
|
16562
16384
|
|
|
16563
|
-
/**
|
|
16564
|
-
* Configures the popover instance with the calendar month boundary.
|
|
16565
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
16566
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
16567
|
-
* @private
|
|
16568
|
-
* @returns {void}
|
|
16569
|
-
*/
|
|
16570
|
-
configurePopover() {
|
|
16571
16385
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
16572
16386
|
|
|
16573
|
-
|
|
16574
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
16575
|
-
}
|
|
16387
|
+
this.auroPopover.boundary = calendarMonth;
|
|
16576
16388
|
}
|
|
16577
16389
|
|
|
16578
16390
|
updated(properties) {
|
|
@@ -16580,88 +16392,46 @@ class AuroCalendarCell extends i$4 {
|
|
|
16580
16392
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
16581
16393
|
}
|
|
16582
16394
|
|
|
16583
|
-
|
|
16584
|
-
|
|
16585
|
-
this.handleSlotContent();
|
|
16586
|
-
}
|
|
16587
|
-
|
|
16588
|
-
// Configure popover when it first becomes rendered
|
|
16589
|
-
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
16590
|
-
this.updateComplete.then(() => this.configurePopover());
|
|
16591
|
-
}
|
|
16592
|
-
}
|
|
16593
|
-
|
|
16594
|
-
/**
|
|
16595
|
-
* Programmatically focuses the cell's interactive button element.
|
|
16596
|
-
* @returns {void}
|
|
16597
|
-
*/
|
|
16598
|
-
focusButton() {
|
|
16599
|
-
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
16600
|
-
if (button) {
|
|
16601
|
-
button.focus();
|
|
16602
|
-
}
|
|
16395
|
+
this.setDateSlotName();
|
|
16396
|
+
this.handleSlotContent();
|
|
16603
16397
|
}
|
|
16604
16398
|
|
|
16605
|
-
|
|
16606
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
16607
|
-
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
16608
|
-
const blackout = this.isBlackout();
|
|
16609
|
-
|
|
16399
|
+
render() {
|
|
16610
16400
|
const buttonClasses = {
|
|
16611
16401
|
'day': true,
|
|
16612
16402
|
'body-lg': true,
|
|
16613
|
-
'currentDate': this.
|
|
16403
|
+
'currentDate': this.currentDate,
|
|
16614
16404
|
'selected': this.selected,
|
|
16615
|
-
'inRange': this.
|
|
16405
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16616
16406
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
16617
|
-
'disabled':
|
|
16618
|
-
'
|
|
16619
|
-
'
|
|
16620
|
-
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
16407
|
+
'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
|
|
16408
|
+
'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
16409
|
+
'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
16621
16410
|
'reference': this.isReferenceDate(this.dateStr),
|
|
16622
|
-
'sameDateTrip': this.
|
|
16411
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
16623
16412
|
};
|
|
16624
16413
|
|
|
16414
|
+
let _a, _b;
|
|
16625
16415
|
return u$c`
|
|
16626
|
-
|
|
16627
|
-
slot="
|
|
16628
|
-
|
|
16629
|
-
|
|
16630
|
-
|
|
16631
|
-
|
|
16632
|
-
|
|
16633
|
-
|
|
16634
|
-
|
|
16635
|
-
|
|
16636
|
-
|
|
16637
|
-
|
|
16638
|
-
|
|
16639
|
-
|
|
16640
|
-
|
|
16641
|
-
|
|
16642
|
-
|
|
16643
|
-
</
|
|
16644
|
-
|
|
16645
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
16646
|
-
</div>
|
|
16647
|
-
</button>
|
|
16648
|
-
`;
|
|
16649
|
-
}
|
|
16650
|
-
|
|
16651
|
-
render() {
|
|
16652
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
16653
|
-
|
|
16654
|
-
if (hasPopoverContent) {
|
|
16655
|
-
return u$c`
|
|
16656
|
-
<${this.popoverTag}>
|
|
16657
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
16658
|
-
${this.renderCellButton()}
|
|
16659
|
-
</${this.popoverTag}>
|
|
16660
|
-
`;
|
|
16661
|
-
}
|
|
16662
|
-
|
|
16663
|
-
return u$c`
|
|
16664
|
-
${this.renderCellButton()}
|
|
16416
|
+
<${this.popoverTag}>
|
|
16417
|
+
<slot name="popover_${this.dateStr}"></slot>
|
|
16418
|
+
<button
|
|
16419
|
+
slot="trigger"
|
|
16420
|
+
@click="${this.handleTap}"
|
|
16421
|
+
@mouseover="${this.handleHover}"
|
|
16422
|
+
@focus="${this.handleHover}"
|
|
16423
|
+
class="${e$3(buttonClasses)}"
|
|
16424
|
+
?disabled="${this.disabled}"
|
|
16425
|
+
title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
|
|
16426
|
+
tabindex="-1">
|
|
16427
|
+
<div class="buttonWrapper">
|
|
16428
|
+
<div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
|
|
16429
|
+
<div class="dateSlot body-2xs" part="dateSlot">
|
|
16430
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
16431
|
+
</div>
|
|
16432
|
+
</div>
|
|
16433
|
+
</button>
|
|
16434
|
+
</${this.popoverTag}>
|
|
16665
16435
|
`;
|
|
16666
16436
|
}
|
|
16667
16437
|
}
|
|
@@ -16729,28 +16499,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16729
16499
|
return this.monthNames[month - 1];
|
|
16730
16500
|
}
|
|
16731
16501
|
|
|
16732
|
-
/**
|
|
16733
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16734
|
-
* @private
|
|
16735
|
-
* @returns {String} The heading ID.
|
|
16736
|
-
*/
|
|
16737
|
-
getHeadingId() {
|
|
16738
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
16739
|
-
}
|
|
16740
|
-
|
|
16741
16502
|
/**
|
|
16742
16503
|
* Determines the current month name based on locale.
|
|
16743
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16744
16504
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16745
16505
|
* @private
|
|
16746
16506
|
* @returns {void}
|
|
16747
16507
|
*/
|
|
16748
16508
|
localeChanged() {
|
|
16749
16509
|
const dayNamesOfTheWeek = [];
|
|
16750
|
-
const dayFullNames = [];
|
|
16751
16510
|
for (let int = 0; int < 7; int += 1) {
|
|
16752
16511
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16753
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16754
16512
|
}
|
|
16755
16513
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16756
16514
|
? this.locale.options.weekStartsOn
|
|
@@ -16761,125 +16519,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16761
16519
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16762
16520
|
.concat(tmp);
|
|
16763
16521
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16764
|
-
|
|
16765
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16766
|
-
const newDayFullNames = dayFullNames
|
|
16767
|
-
.slice()
|
|
16768
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16769
|
-
.concat(tmpFull);
|
|
16770
|
-
this.dayFullNames = newDayFullNames;
|
|
16771
|
-
}
|
|
16772
|
-
|
|
16773
|
-
/**
|
|
16774
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16775
|
-
* @private
|
|
16776
|
-
* @param {String} dayOfWeek - The short day name.
|
|
16777
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16778
|
-
* @returns {Object} The header HTML.
|
|
16779
|
-
*/
|
|
16780
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
16781
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16782
|
-
return b$7`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16783
|
-
}
|
|
16784
|
-
|
|
16785
|
-
/**
|
|
16786
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16787
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16788
|
-
*/
|
|
16789
|
-
getFocusableCells() {
|
|
16790
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16791
|
-
return cells.filter(cell => {
|
|
16792
|
-
if (!cell.day) return false;
|
|
16793
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16794
|
-
});
|
|
16795
|
-
}
|
|
16796
|
-
|
|
16797
|
-
/**
|
|
16798
|
-
* Handles arrow key navigation within the month grid.
|
|
16799
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16800
|
-
* @private
|
|
16801
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
16802
|
-
* @returns {void}
|
|
16803
|
-
*/
|
|
16804
|
-
handleGridKeyDown(event) {
|
|
16805
|
-
const { key } = event;
|
|
16806
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16807
|
-
|
|
16808
|
-
if (!arrowKeys.includes(key)) return;
|
|
16809
|
-
|
|
16810
|
-
event.preventDefault();
|
|
16811
|
-
|
|
16812
|
-
const focusableCells = this.getFocusableCells();
|
|
16813
|
-
if (focusableCells.length === 0) return;
|
|
16814
|
-
|
|
16815
|
-
// Find the currently active cell within this month
|
|
16816
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
16817
|
-
if (!activeCell) return;
|
|
16818
|
-
|
|
16819
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16820
|
-
let targetCell = null;
|
|
16821
|
-
|
|
16822
|
-
if (key === 'ArrowRight') {
|
|
16823
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
16824
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
16825
|
-
} else {
|
|
16826
|
-
// At end of month, request cross-month navigation
|
|
16827
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16828
|
-
bubbles: true,
|
|
16829
|
-
composed: true,
|
|
16830
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16831
|
-
}));
|
|
16832
|
-
return;
|
|
16833
|
-
}
|
|
16834
|
-
} else if (key === 'ArrowLeft') {
|
|
16835
|
-
if (activeIndex > 0) {
|
|
16836
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
16837
|
-
} else {
|
|
16838
|
-
// At start of month, request cross-month navigation
|
|
16839
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16840
|
-
bubbles: true,
|
|
16841
|
-
composed: true,
|
|
16842
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16843
|
-
}));
|
|
16844
|
-
return;
|
|
16845
|
-
}
|
|
16846
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16847
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
16848
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16849
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16850
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16851
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
16852
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
16853
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16854
|
-
|
|
16855
|
-
// Look for the target date in this month's focusable cells
|
|
16856
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16857
|
-
|
|
16858
|
-
if (!targetCell) {
|
|
16859
|
-
// Target is in another month or all cells in that direction are disabled
|
|
16860
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16861
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16862
|
-
bubbles: true,
|
|
16863
|
-
composed: true,
|
|
16864
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16865
|
-
}));
|
|
16866
|
-
return;
|
|
16867
|
-
}
|
|
16868
|
-
}
|
|
16869
|
-
|
|
16870
|
-
if (targetCell) {
|
|
16871
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16872
|
-
bubbles: true,
|
|
16873
|
-
composed: true,
|
|
16874
|
-
detail: { date: targetCell.day.date }
|
|
16875
|
-
}));
|
|
16876
|
-
}
|
|
16877
|
-
}
|
|
16878
|
-
|
|
16879
|
-
renderWeek(week) {
|
|
16880
|
-
return b$7`
|
|
16881
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16882
|
-
`;
|
|
16883
16522
|
}
|
|
16884
16523
|
|
|
16885
16524
|
renderDay(day) {
|
|
@@ -16903,7 +16542,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16903
16542
|
>
|
|
16904
16543
|
</auro-formkit-calendar-cell>
|
|
16905
16544
|
`
|
|
16906
|
-
:
|
|
16545
|
+
: null}
|
|
16907
16546
|
</div>
|
|
16908
16547
|
`;
|
|
16909
16548
|
}
|
|
@@ -16914,10 +16553,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16914
16553
|
var _a, _b;
|
|
16915
16554
|
|
|
16916
16555
|
return b$7 `
|
|
16917
|
-
<div
|
|
16556
|
+
<div>
|
|
16918
16557
|
<div class="header">
|
|
16919
16558
|
${this.renderPrevButton()}
|
|
16920
|
-
<div class="headerTitle heading-xs"
|
|
16559
|
+
<div class="headerTitle heading-xs">
|
|
16921
16560
|
${this.monthFirst ? b$7`
|
|
16922
16561
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16923
16562
|
<div>${this.renderYear()}</div>
|
|
@@ -16929,13 +16568,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16929
16568
|
${this.renderNextButton()}
|
|
16930
16569
|
</div>
|
|
16931
16570
|
|
|
16932
|
-
<div class="table"
|
|
16933
|
-
<div class="thead"
|
|
16934
|
-
<div class="tr"
|
|
16935
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(
|
|
16571
|
+
<div class="table">
|
|
16572
|
+
<div class="thead">
|
|
16573
|
+
<div class="tr">
|
|
16574
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
16936
16575
|
</div>
|
|
16937
16576
|
</div>
|
|
16938
|
-
<div class="tbody"
|
|
16577
|
+
<div class="tbody">
|
|
16939
16578
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16940
16579
|
</div>
|
|
16941
16580
|
</div>
|
|
@@ -17628,14 +17267,6 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17628
17267
|
large: {
|
|
17629
17268
|
type: Boolean,
|
|
17630
17269
|
reflect: true
|
|
17631
|
-
},
|
|
17632
|
-
|
|
17633
|
-
/**
|
|
17634
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
17635
|
-
*/
|
|
17636
|
-
showFooter: {
|
|
17637
|
-
type: Boolean,
|
|
17638
|
-
reflect: true
|
|
17639
17270
|
}
|
|
17640
17271
|
};
|
|
17641
17272
|
}
|
|
@@ -17738,7 +17369,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17738
17369
|
<slot></slot>
|
|
17739
17370
|
</div>
|
|
17740
17371
|
|
|
17741
|
-
${this.isFullscreen
|
|
17372
|
+
${this.isFullscreen ? u$c`
|
|
17742
17373
|
<div id="footerContainer">
|
|
17743
17374
|
<slot name="footer"></slot>
|
|
17744
17375
|
</div>` : null}
|
|
@@ -17747,7 +17378,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17747
17378
|
}
|
|
17748
17379
|
};
|
|
17749
17380
|
|
|
17750
|
-
var formkitVersion$2$1 = '
|
|
17381
|
+
var formkitVersion$2$1 = '202605201634';
|
|
17751
17382
|
|
|
17752
17383
|
let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$3`${s$6(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$7`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
17753
17384
|
`,u$4$1=i$7`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -17845,13 +17476,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17845
17476
|
this.largeFullscreenHeadline = false;
|
|
17846
17477
|
this.isFullscreen = false;
|
|
17847
17478
|
|
|
17848
|
-
/**
|
|
17849
|
-
* The date of the currently active cell (Unix timestamp).
|
|
17850
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17851
|
-
* @private
|
|
17852
|
-
*/
|
|
17853
|
-
this.activeCellDate = null;
|
|
17854
|
-
|
|
17855
17479
|
/**
|
|
17856
17480
|
* @private
|
|
17857
17481
|
*/
|
|
@@ -18017,8 +17641,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18017
17641
|
*/
|
|
18018
17642
|
handlePrevMonth() {
|
|
18019
17643
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
18020
|
-
this.updateActiveCellForVisibleMonth();
|
|
18021
|
-
this.announceMonthChange();
|
|
18022
17644
|
}
|
|
18023
17645
|
|
|
18024
17646
|
/**
|
|
@@ -18028,38 +17650,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18028
17650
|
*/
|
|
18029
17651
|
handleNextMonth() {
|
|
18030
17652
|
this.utilCal.handleMonthChange(this, 'next');
|
|
18031
|
-
this.updateActiveCellForVisibleMonth();
|
|
18032
|
-
this.announceMonthChange();
|
|
18033
|
-
}
|
|
18034
|
-
|
|
18035
|
-
/**
|
|
18036
|
-
* Announces the current month and year via the live region after navigation.
|
|
18037
|
-
* @private
|
|
18038
|
-
* @returns {void}
|
|
18039
|
-
*/
|
|
18040
|
-
announceMonthChange() {
|
|
18041
|
-
const date = new Date(this.centralDate);
|
|
18042
|
-
const localeCode = this.locale?.code || undefined;
|
|
18043
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
18044
|
-
this.announceSelection(formatter.format(date));
|
|
18045
|
-
}
|
|
18046
|
-
|
|
18047
|
-
/**
|
|
18048
|
-
* Recomputes and sets the active cell for the newly visible month after
|
|
18049
|
-
* month navigation. Without this, activeCellDate can point at a date in
|
|
18050
|
-
* the old month, leaving no tabindex="0" cell in the grid.
|
|
18051
|
-
* @private
|
|
18052
|
-
* @returns {void}
|
|
18053
|
-
*/
|
|
18054
|
-
updateActiveCellForVisibleMonth() {
|
|
18055
|
-
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
18056
|
-
// visible month rather than jumping back to the selected date's month.
|
|
18057
|
-
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
18058
|
-
this.updateComplete.then(() => {
|
|
18059
|
-
if (this.activeCellDate != null) {
|
|
18060
|
-
this.setActiveCell(this.activeCellDate);
|
|
18061
|
-
}
|
|
18062
|
-
});
|
|
18063
17653
|
}
|
|
18064
17654
|
|
|
18065
17655
|
/**
|
|
@@ -18167,452 +17757,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18167
17757
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
18168
17758
|
}
|
|
18169
17759
|
|
|
18170
|
-
/**
|
|
18171
|
-
* Gets all rendered month components.
|
|
18172
|
-
* @private
|
|
18173
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
18174
|
-
*/
|
|
18175
|
-
getMonthComponents() {
|
|
18176
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
18177
|
-
}
|
|
18178
|
-
|
|
18179
|
-
/**
|
|
18180
|
-
* Gets all focusable cells across all rendered months.
|
|
18181
|
-
* @private
|
|
18182
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
18183
|
-
*/
|
|
18184
|
-
getAllFocusableCells() {
|
|
18185
|
-
const months = this.getMonthComponents();
|
|
18186
|
-
let cells = [];
|
|
18187
|
-
months.forEach(month => {
|
|
18188
|
-
cells = cells.concat(month.getFocusableCells());
|
|
18189
|
-
});
|
|
18190
|
-
return cells;
|
|
18191
|
-
}
|
|
18192
|
-
|
|
18193
|
-
/**
|
|
18194
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
18195
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
18196
|
-
* @returns {void}
|
|
18197
|
-
*/
|
|
18198
|
-
setActiveCell(date) {
|
|
18199
|
-
const allCells = this.getAllFocusableCells();
|
|
18200
|
-
|
|
18201
|
-
allCells.forEach(cell => {
|
|
18202
|
-
cell.active = cell.day && cell.day.date === date;
|
|
18203
|
-
});
|
|
18204
|
-
|
|
18205
|
-
this.activeCellDate = date;
|
|
18206
|
-
}
|
|
18207
|
-
|
|
18208
|
-
/**
|
|
18209
|
-
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
18210
|
-
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
18211
|
-
* to complete so the focused button is the final DOM element.
|
|
18212
|
-
* @returns {void}
|
|
18213
|
-
*/
|
|
18214
|
-
focusActiveCell() {
|
|
18215
|
-
if (this.activeCellDate != null) {
|
|
18216
|
-
this.setActiveCell(this.activeCellDate);
|
|
18217
|
-
}
|
|
18218
|
-
|
|
18219
|
-
const allCells = this.getAllFocusableCells();
|
|
18220
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
18221
|
-
if (activeCell) {
|
|
18222
|
-
activeCell.updateComplete.then(() => {
|
|
18223
|
-
activeCell.focusButton();
|
|
18224
|
-
});
|
|
18225
|
-
}
|
|
18226
|
-
}
|
|
18227
|
-
|
|
18228
|
-
/**
|
|
18229
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
18230
|
-
* Priority:
|
|
18231
|
-
* 1. Selected date (dateFrom) if within range
|
|
18232
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
18233
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
18234
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
18235
|
-
* 5. First enabled date in finite [min, max] range
|
|
18236
|
-
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
18237
|
-
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
18238
|
-
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
18239
|
-
* 7. undefined — no valid target
|
|
18240
|
-
*
|
|
18241
|
-
* @private
|
|
18242
|
-
* @param {Object} [options] - Optional settings.
|
|
18243
|
-
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
18244
|
-
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
18245
|
-
* newly visible month instead of jumping back to the selected date's month.
|
|
18246
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
18247
|
-
*/
|
|
18248
|
-
computeActiveDate(options = {}) {
|
|
18249
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
18250
|
-
|
|
18251
|
-
/**
|
|
18252
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
18253
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
18254
|
-
*/
|
|
18255
|
-
const addDays = (ts, days) => {
|
|
18256
|
-
const d = new Date(ts * 1000);
|
|
18257
|
-
d.setDate(d.getDate() + days);
|
|
18258
|
-
d.setHours(0, 0, 0, 0);
|
|
18259
|
-
return Math.floor(d.getTime() / 1000);
|
|
18260
|
-
};
|
|
18261
|
-
|
|
18262
|
-
const rawMin = Number(this.min);
|
|
18263
|
-
const rawMax = Number(this.max);
|
|
18264
|
-
|
|
18265
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
18266
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
18267
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
18268
|
-
|
|
18269
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
18270
|
-
const blackoutSet = new Set(
|
|
18271
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
18272
|
-
);
|
|
18273
|
-
|
|
18274
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
18275
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
18276
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
18277
|
-
if (Array.isArray(isoBlackouts)) {
|
|
18278
|
-
for (const isoStr of isoBlackouts) {
|
|
18279
|
-
const parts = isoStr.split('-');
|
|
18280
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
18281
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
18282
|
-
}
|
|
18283
|
-
}
|
|
18284
|
-
|
|
18285
|
-
/**
|
|
18286
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
18287
|
-
* it is within [min, max] AND not a blackout day.
|
|
18288
|
-
*/
|
|
18289
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
18290
|
-
|
|
18291
|
-
/**
|
|
18292
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
18293
|
-
* Blackout dates are focusable but not selectable.
|
|
18294
|
-
*/
|
|
18295
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
18296
|
-
|
|
18297
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
18298
|
-
// Skipped when called from month navigation so the active cell lands in
|
|
18299
|
-
// the newly visible month rather than the (possibly off-screen) selection.
|
|
18300
|
-
if (!options.skipDateFrom && this.dateFrom) {
|
|
18301
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
18302
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
18303
|
-
}
|
|
18304
|
-
|
|
18305
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
18306
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
18307
|
-
|
|
18308
|
-
// When centralDate is configured, prefer a date within the month(s) that
|
|
18309
|
-
// will actually be rendered. If today falls outside the visible range, an
|
|
18310
|
-
// active cell set to today would have no matching DOM element and keyboard
|
|
18311
|
-
// focus could not enter the calendar.
|
|
18312
|
-
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
18313
|
-
|
|
18314
|
-
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
18315
|
-
const centralMonth = centralDateValue.getMonth();
|
|
18316
|
-
const centralYear = centralDateValue.getFullYear();
|
|
18317
|
-
const todayDate = new Date(now * 1000);
|
|
18318
|
-
const todayMonth = todayDate.getMonth();
|
|
18319
|
-
const todayYear = todayDate.getFullYear();
|
|
18320
|
-
|
|
18321
|
-
// Today is outside the centralDate's month — scan for an enabled date
|
|
18322
|
-
// within the visible month instead.
|
|
18323
|
-
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
18324
|
-
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
18325
|
-
visibleStart.setHours(0, 0, 0, 0);
|
|
18326
|
-
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
18327
|
-
visibleEnd.setHours(0, 0, 0, 0);
|
|
18328
|
-
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
18329
|
-
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
18330
|
-
const daysInMonth = visibleEnd.getDate();
|
|
18331
|
-
|
|
18332
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
18333
|
-
const ts = addDays(startTs, idx);
|
|
18334
|
-
if (ts > endTs) break;
|
|
18335
|
-
if (isEnabled(ts)) return ts;
|
|
18336
|
-
}
|
|
18337
|
-
|
|
18338
|
-
// No enabled date in the visible month — fall back to first in-range
|
|
18339
|
-
// date in the month so focus still lands on a focusable cell.
|
|
18340
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
18341
|
-
const ts = addDays(startTs, idx);
|
|
18342
|
-
if (ts > endTs) break;
|
|
18343
|
-
if (isInRange(ts)) return ts;
|
|
18344
|
-
}
|
|
18345
|
-
}
|
|
18346
|
-
}
|
|
18347
|
-
|
|
18348
|
-
if (isEnabled(now)) return now;
|
|
18349
|
-
|
|
18350
|
-
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
18351
|
-
// rendered month(s) first so a single-month calendar does not pick a date
|
|
18352
|
-
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
18353
|
-
// the number of rendered months.
|
|
18354
|
-
const renderedMonths = this.numCalendars || 1;
|
|
18355
|
-
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
18356
|
-
? centralDateValue
|
|
18357
|
-
: new Date(now * 1000);
|
|
18358
|
-
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
18359
|
-
visMonthStart.setHours(0, 0, 0, 0);
|
|
18360
|
-
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
18361
|
-
visMonthEnd.setHours(0, 0, 0, 0);
|
|
18362
|
-
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
18363
|
-
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
18364
|
-
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
18365
|
-
|
|
18366
|
-
// Scan visible months for an enabled date.
|
|
18367
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
18368
|
-
const ts = addDays(visStartTs, idx);
|
|
18369
|
-
if (ts > visEndTs) break;
|
|
18370
|
-
if (isEnabled(ts)) return ts;
|
|
18371
|
-
}
|
|
18372
|
-
|
|
18373
|
-
// No enabled date in visible months — try an in-range (focusable) date so
|
|
18374
|
-
// keyboard focus still has a tabindex="0" target.
|
|
18375
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
18376
|
-
const ts = addDays(visStartTs, idx);
|
|
18377
|
-
if (ts > visEndTs) break;
|
|
18378
|
-
if (isInRange(ts)) return ts;
|
|
18379
|
-
}
|
|
18380
|
-
|
|
18381
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
18382
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18383
|
-
const ts = addDays(now, idx);
|
|
18384
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
18385
|
-
if (isEnabled(ts)) return ts;
|
|
18386
|
-
}
|
|
18387
|
-
|
|
18388
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
18389
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18390
|
-
const ts = addDays(now, -idx);
|
|
18391
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
18392
|
-
if (isEnabled(ts)) return ts;
|
|
18393
|
-
}
|
|
18394
|
-
|
|
18395
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
18396
|
-
// the first enabled date in the [min, max] range.
|
|
18397
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18398
|
-
let ts = minTs;
|
|
18399
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
18400
|
-
if (isEnabled(ts)) return ts;
|
|
18401
|
-
ts = addDays(minTs, idx + 1);
|
|
18402
|
-
}
|
|
18403
|
-
}
|
|
18404
|
-
|
|
18405
|
-
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
18406
|
-
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
18407
|
-
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
18408
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18409
|
-
const ts = addDays(minTs, idx);
|
|
18410
|
-
if (isEnabled(ts)) return ts;
|
|
18411
|
-
}
|
|
18412
|
-
}
|
|
18413
|
-
|
|
18414
|
-
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
18415
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
18416
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18417
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18418
|
-
const ts = addDays(maxTs, -idx);
|
|
18419
|
-
if (isEnabled(ts)) return ts;
|
|
18420
|
-
}
|
|
18421
|
-
}
|
|
18422
|
-
|
|
18423
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
18424
|
-
// still lands on a focusable (but not selectable) cell.
|
|
18425
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
18426
|
-
if (isInRange(now)) return now;
|
|
18427
|
-
|
|
18428
|
-
return undefined;
|
|
18429
|
-
}
|
|
18430
|
-
|
|
18431
|
-
/**
|
|
18432
|
-
* Handles cross-month boundary navigation events from month components.
|
|
18433
|
-
* @private
|
|
18434
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
18435
|
-
* @returns {void}
|
|
18436
|
-
*/
|
|
18437
|
-
handleMonthBoundary(event) {
|
|
18438
|
-
const { direction, fromDate, key } = event.detail;
|
|
18439
|
-
|
|
18440
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
18441
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
18442
|
-
const allCells = this.getAllFocusableCells();
|
|
18443
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
18444
|
-
|
|
18445
|
-
if (currentIndex === -1) return;
|
|
18446
|
-
|
|
18447
|
-
let targetIndex;
|
|
18448
|
-
if (direction === 'next') {
|
|
18449
|
-
targetIndex = currentIndex + 1;
|
|
18450
|
-
} else {
|
|
18451
|
-
targetIndex = currentIndex - 1;
|
|
18452
|
-
}
|
|
18453
|
-
|
|
18454
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
18455
|
-
const targetCell = allCells[targetIndex];
|
|
18456
|
-
this.setActiveCell(targetCell.day.date);
|
|
18457
|
-
this.scrollToActiveCell();
|
|
18458
|
-
this.focusActiveCell();
|
|
18459
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
18460
|
-
// Navigate to next month and focus the computed next date.
|
|
18461
|
-
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
18462
|
-
// avoids jumping backward in range datepickers where cells[0]
|
|
18463
|
-
// belongs to the previous (still-rendered) month.
|
|
18464
|
-
const nextDate = new Date(fromDate * 1000);
|
|
18465
|
-
nextDate.setDate(nextDate.getDate() + 1);
|
|
18466
|
-
nextDate.setHours(0, 0, 0, 0);
|
|
18467
|
-
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
18468
|
-
|
|
18469
|
-
this.handleNextMonth();
|
|
18470
|
-
requestAnimationFrame(() => {
|
|
18471
|
-
requestAnimationFrame(() => {
|
|
18472
|
-
const cells = this.getAllFocusableCells();
|
|
18473
|
-
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
18474
|
-
if (target) {
|
|
18475
|
-
this.setActiveCell(target.day.date);
|
|
18476
|
-
this.focusActiveCell();
|
|
18477
|
-
} else if (cells.length > 0) {
|
|
18478
|
-
// Fallback: first cell of the last rendered month
|
|
18479
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
18480
|
-
this.focusActiveCell();
|
|
18481
|
-
}
|
|
18482
|
-
});
|
|
18483
|
-
});
|
|
18484
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
18485
|
-
// Navigate to previous month and focus the computed previous date.
|
|
18486
|
-
const prevDate = new Date(fromDate * 1000);
|
|
18487
|
-
prevDate.setDate(prevDate.getDate() - 1);
|
|
18488
|
-
prevDate.setHours(0, 0, 0, 0);
|
|
18489
|
-
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
18490
|
-
|
|
18491
|
-
this.handlePrevMonth();
|
|
18492
|
-
requestAnimationFrame(() => {
|
|
18493
|
-
requestAnimationFrame(() => {
|
|
18494
|
-
const cells = this.getAllFocusableCells();
|
|
18495
|
-
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
18496
|
-
if (target) {
|
|
18497
|
-
this.setActiveCell(target.day.date);
|
|
18498
|
-
this.focusActiveCell();
|
|
18499
|
-
} else if (cells.length > 0) {
|
|
18500
|
-
// Fallback: last cell of the first rendered month
|
|
18501
|
-
this.setActiveCell(cells[0].day.date);
|
|
18502
|
-
this.focusActiveCell();
|
|
18503
|
-
}
|
|
18504
|
-
});
|
|
18505
|
-
});
|
|
18506
|
-
}
|
|
18507
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
18508
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
18509
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
18510
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
18511
|
-
const currentDate = new Date(fromDate * 1000);
|
|
18512
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
18513
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
18514
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
18515
|
-
|
|
18516
|
-
const allCells = this.getAllFocusableCells();
|
|
18517
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18518
|
-
|
|
18519
|
-
if (targetCell) {
|
|
18520
|
-
this.setActiveCell(targetCell.day.date);
|
|
18521
|
-
this.scrollToActiveCell();
|
|
18522
|
-
this.focusActiveCell();
|
|
18523
|
-
} else {
|
|
18524
|
-
// Target might be in an unrendered month, navigate there
|
|
18525
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
18526
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
18527
|
-
if (navDirection === 'next') {
|
|
18528
|
-
this.handleNextMonth();
|
|
18529
|
-
} else {
|
|
18530
|
-
this.handlePrevMonth();
|
|
18531
|
-
}
|
|
18532
|
-
requestAnimationFrame(() => {
|
|
18533
|
-
requestAnimationFrame(() => {
|
|
18534
|
-
const cells = this.getAllFocusableCells();
|
|
18535
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18536
|
-
if (target) {
|
|
18537
|
-
this.setActiveCell(target.day.date);
|
|
18538
|
-
this.focusActiveCell();
|
|
18539
|
-
} else if (cells.length > 0) {
|
|
18540
|
-
// Clamp to nearest focusable cell
|
|
18541
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
18542
|
-
this.setActiveCell(nearest.day.date);
|
|
18543
|
-
this.focusActiveCell();
|
|
18544
|
-
}
|
|
18545
|
-
});
|
|
18546
|
-
});
|
|
18547
|
-
}
|
|
18548
|
-
}
|
|
18549
|
-
}
|
|
18550
|
-
}
|
|
18551
|
-
|
|
18552
|
-
/**
|
|
18553
|
-
* Handles cell activation events from month components.
|
|
18554
|
-
* @private
|
|
18555
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
18556
|
-
* @returns {void}
|
|
18557
|
-
*/
|
|
18558
|
-
handleCellActivate(event) {
|
|
18559
|
-
const { date } = event.detail;
|
|
18560
|
-
this.setActiveCell(date);
|
|
18561
|
-
this.focusActiveCell();
|
|
18562
|
-
}
|
|
18563
|
-
|
|
18564
|
-
/**
|
|
18565
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
18566
|
-
* @private
|
|
18567
|
-
* @returns {void}
|
|
18568
|
-
*/
|
|
18569
|
-
scrollToActiveCell() {
|
|
18570
|
-
if (this.activeCellDate == null) return;
|
|
18571
|
-
|
|
18572
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
18573
|
-
const month = date.getMonth() + 1;
|
|
18574
|
-
const year = date.getFullYear();
|
|
18575
|
-
const selector = `#month-${month}-${year}`;
|
|
18576
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
18577
|
-
|
|
18578
|
-
if (monthElem) {
|
|
18579
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
18580
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
18581
|
-
}
|
|
18582
|
-
}
|
|
18583
|
-
|
|
18584
|
-
/**
|
|
18585
|
-
* Announces a date selection via the live region.
|
|
18586
|
-
* @private
|
|
18587
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
18588
|
-
* @returns {void}
|
|
18589
|
-
*/
|
|
18590
|
-
announceSelection(dateStr) {
|
|
18591
|
-
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
18592
|
-
if (liveRegion) {
|
|
18593
|
-
liveRegion.textContent = '';
|
|
18594
|
-
// Use microtask to ensure SR picks up the change
|
|
18595
|
-
Promise.resolve().then(() => {
|
|
18596
|
-
liveRegion.textContent = dateStr;
|
|
18597
|
-
});
|
|
18598
|
-
}
|
|
18599
|
-
}
|
|
18600
|
-
|
|
18601
|
-
/**
|
|
18602
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
18603
|
-
* @private
|
|
18604
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
18605
|
-
* @returns {String} Localized date string.
|
|
18606
|
-
*/
|
|
18607
|
-
formatAnnouncementDate(timestamp) {
|
|
18608
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
18609
|
-
const localeCode = this.locale?.code || undefined;
|
|
18610
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
18611
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
18612
|
-
});
|
|
18613
|
-
return formatter.format(date);
|
|
18614
|
-
}
|
|
18615
|
-
|
|
18616
17760
|
firstUpdated() {
|
|
18617
17761
|
this.addEventListener('date-from-changed', () => {
|
|
18618
17762
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -18632,16 +17776,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18632
17776
|
composed: true,
|
|
18633
17777
|
}));
|
|
18634
17778
|
});
|
|
18635
|
-
|
|
18636
|
-
// Listen for cross-month boundary navigation events
|
|
18637
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
18638
|
-
this.handleMonthBoundary(event);
|
|
18639
|
-
});
|
|
18640
|
-
|
|
18641
|
-
// Listen for cell activation events
|
|
18642
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
18643
|
-
this.handleCellActivate(event);
|
|
18644
|
-
});
|
|
18645
17779
|
}
|
|
18646
17780
|
|
|
18647
17781
|
injectSlot(slotName, nodes) {
|
|
@@ -18666,37 +17800,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18666
17800
|
}
|
|
18667
17801
|
|
|
18668
17802
|
if (changedProperties.has('visible')) {
|
|
18669
|
-
|
|
18670
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
18671
|
-
if (this.activeCellDate == null) {
|
|
18672
|
-
this.activeCellDate = this.computeActiveDate();
|
|
18673
|
-
}
|
|
18674
|
-
|
|
18675
|
-
this.requestUpdate();
|
|
18676
|
-
} else {
|
|
18677
|
-
this.requestUpdate();
|
|
18678
|
-
}
|
|
18679
|
-
}
|
|
18680
|
-
|
|
18681
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
18682
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
18683
|
-
|
|
18684
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
18685
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
18686
|
-
const isRange = !this.noRange;
|
|
18687
|
-
|
|
18688
|
-
if (isRange) {
|
|
18689
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
18690
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
18691
|
-
} else {
|
|
18692
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
18693
|
-
}
|
|
18694
|
-
}
|
|
18695
|
-
|
|
18696
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
18697
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
18698
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
18699
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17803
|
+
setTimeout(() => this.requestUpdate());
|
|
18700
17804
|
}
|
|
18701
17805
|
}
|
|
18702
17806
|
|
|
@@ -18705,7 +17809,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18705
17809
|
<${this.bibtemplateTag}
|
|
18706
17810
|
?large="${this.largeFullscreenHeadline}"
|
|
18707
17811
|
?isFullscreen="${this.isFullscreen}"
|
|
18708
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
18709
17812
|
@close-click="${this.utilCal.requestDismiss}">
|
|
18710
17813
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
18711
17814
|
|
|
@@ -18723,26 +17826,24 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18723
17826
|
</div>
|
|
18724
17827
|
</div>
|
|
18725
17828
|
|
|
18726
|
-
<div class="calendarWrapper
|
|
17829
|
+
<div class="calendarWrapper">
|
|
17830
|
+
<div class="calendars">
|
|
17831
|
+
${this.renderAllCalendars()}
|
|
17832
|
+
</div>
|
|
18727
17833
|
<div class="calendarNavButtons">
|
|
18728
17834
|
${this.showPrevMonthBtn ? u$c`
|
|
18729
|
-
<button tabIndex="
|
|
17835
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
18730
17836
|
${this.util.generateIconHtml(chevronLeft)}
|
|
18731
17837
|
</button>
|
|
18732
17838
|
` : undefined}
|
|
18733
17839
|
${this.showNextMonthBtn ? u$c`
|
|
18734
|
-
<button tabIndex="
|
|
17840
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
18735
17841
|
${this.util.generateIconHtml(chevronRight)}
|
|
18736
17842
|
</button>
|
|
18737
17843
|
` : undefined}
|
|
18738
17844
|
</div>
|
|
18739
|
-
<div class="calendars">
|
|
18740
|
-
${this.renderAllCalendars()}
|
|
18741
|
-
</div>
|
|
18742
17845
|
</div>
|
|
18743
17846
|
|
|
18744
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18745
|
-
|
|
18746
17847
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
18747
17848
|
</${this.bibtemplateTag}>
|
|
18748
17849
|
`;
|
|
@@ -21990,7 +21091,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21990
21091
|
});
|
|
21991
21092
|
}
|
|
21992
21093
|
|
|
21993
|
-
var styleCss$2$1$2 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(
|
|
21094
|
+
var styleCss$2$1$2 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
21994
21095
|
|
|
21995
21096
|
var colorCss$2$7 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
21996
21097
|
|
|
@@ -22621,7 +21722,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
22621
21722
|
}
|
|
22622
21723
|
};
|
|
22623
21724
|
|
|
22624
|
-
var formkitVersion$1$2 = '
|
|
21725
|
+
var formkitVersion$1$2 = '202605201634';
|
|
22625
21726
|
|
|
22626
21727
|
let AuroElement$2$2 = class AuroElement extends i$4 {
|
|
22627
21728
|
static get properties() {
|
|
@@ -22801,7 +21902,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22801
21902
|
_intializeDefaults() {
|
|
22802
21903
|
this.appearance = 'default';
|
|
22803
21904
|
this.chevron = false;
|
|
22804
|
-
this.desktopModal = false;
|
|
22805
21905
|
this.disabled = false;
|
|
22806
21906
|
this.disableKeyboardHandling = false;
|
|
22807
21907
|
this.error = false;
|
|
@@ -22982,14 +22082,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22982
22082
|
reflect: true
|
|
22983
22083
|
},
|
|
22984
22084
|
|
|
22985
|
-
/**
|
|
22986
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22987
|
-
*/
|
|
22988
|
-
desktopModal: {
|
|
22989
|
-
type: Boolean,
|
|
22990
|
-
reflect: true
|
|
22991
|
-
},
|
|
22992
|
-
|
|
22993
22085
|
/**
|
|
22994
22086
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22995
22087
|
*/
|
|
@@ -23277,15 +22369,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23277
22369
|
|
|
23278
22370
|
disconnectedCallback() {
|
|
23279
22371
|
super.disconnectedCallback();
|
|
23280
|
-
this._clearPageInert();
|
|
23281
|
-
if (this._bibTabHandler) {
|
|
23282
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23283
|
-
this._bibTabHandler = undefined;
|
|
23284
|
-
}
|
|
23285
|
-
if (this.focusTrap) {
|
|
23286
|
-
this.focusTrap.disconnect();
|
|
23287
|
-
this.focusTrap = undefined;
|
|
23288
|
-
}
|
|
23289
22372
|
if (this.floater) {
|
|
23290
22373
|
this.floater.hideBib('disconnect');
|
|
23291
22374
|
this.floater.disconnect();
|
|
@@ -23313,45 +22396,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23313
22396
|
if (this.isPopoverVisible) {
|
|
23314
22397
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
23315
22398
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
23316
|
-
this.
|
|
23317
|
-
this.
|
|
23318
|
-
|
|
23319
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
23320
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23321
|
-
this._setPageInert();
|
|
23322
|
-
}
|
|
22399
|
+
const useModal = this.isBibFullscreen;
|
|
22400
|
+
this.bibElement.value.open(useModal);
|
|
23323
22401
|
} else {
|
|
23324
22402
|
this.bibElement.value.close();
|
|
23325
|
-
this._clearPageInert();
|
|
23326
22403
|
}
|
|
23327
22404
|
}
|
|
23328
22405
|
|
|
23329
22406
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
23330
22407
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
23331
22408
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
22409
|
+
const useModal = this.isBibFullscreen;
|
|
23332
22410
|
this.bibElement.value.close();
|
|
23333
|
-
this.bibElement.value.open(
|
|
23334
|
-
|
|
23335
|
-
// Re-initialize focus management for the new strategy
|
|
23336
|
-
this.updateFocusTrap();
|
|
23337
|
-
|
|
23338
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
23339
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23340
|
-
this._setPageInert();
|
|
23341
|
-
} else {
|
|
23342
|
-
this._clearPageInert();
|
|
23343
|
-
}
|
|
23344
|
-
}
|
|
23345
|
-
|
|
23346
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
23347
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
23348
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
23349
|
-
this.updateFocusTrap();
|
|
23350
|
-
if (this.desktopModal) {
|
|
23351
|
-
this._setPageInert();
|
|
23352
|
-
} else {
|
|
23353
|
-
this._clearPageInert();
|
|
23354
|
-
}
|
|
22411
|
+
this.bibElement.value.open(useModal);
|
|
23355
22412
|
}
|
|
23356
22413
|
}
|
|
23357
22414
|
|
|
@@ -23361,14 +22418,8 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23361
22418
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
23362
22419
|
*/
|
|
23363
22420
|
handleDropdownToggle(event) {
|
|
22421
|
+
this.updateFocusTrap();
|
|
23364
22422
|
this.isPopoverVisible = event.detail.expanded;
|
|
23365
|
-
|
|
23366
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
23367
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
23368
|
-
if (!this.isPopoverVisible) {
|
|
23369
|
-
this.updateFocusTrap();
|
|
23370
|
-
}
|
|
23371
|
-
|
|
23372
22423
|
const eventType = event.detail.eventType || "unknown";
|
|
23373
22424
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
23374
22425
|
this.trigger.focus();
|
|
@@ -23467,178 +22518,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23467
22518
|
* @private
|
|
23468
22519
|
*/
|
|
23469
22520
|
updateFocusTrap() {
|
|
23470
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
23471
|
-
// to prevent duplicate listeners on repeated calls.
|
|
23472
|
-
if (this._bibTabHandler) {
|
|
23473
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23474
|
-
this._bibTabHandler = undefined;
|
|
23475
|
-
}
|
|
23476
|
-
|
|
23477
|
-
if (this.focusTrap) {
|
|
23478
|
-
this.focusTrap.disconnect();
|
|
23479
|
-
this.focusTrap = undefined;
|
|
23480
|
-
}
|
|
23481
|
-
|
|
23482
22521
|
if (this.isPopoverVisible) {
|
|
23483
22522
|
if (!this.isBibFullscreen) {
|
|
23484
|
-
|
|
23485
|
-
|
|
23486
|
-
|
|
23487
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
23488
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
23489
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
23490
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
23491
|
-
// within the bib's focusable elements.
|
|
23492
|
-
this._bibTabHandler = (event) => {
|
|
23493
|
-
if (event.key !== 'Tab') {
|
|
23494
|
-
return;
|
|
23495
|
-
}
|
|
23496
|
-
|
|
23497
|
-
// Collect focusable elements from the bib content.
|
|
23498
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
23499
|
-
|
|
23500
|
-
// Fallback: try from slotted content directly
|
|
23501
|
-
if (!focusables.length) {
|
|
23502
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
23503
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
23504
|
-
|
|
23505
|
-
for (const node of assignedNodes) {
|
|
23506
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
23507
|
-
focusables.push(...getFocusableElements$3(node));
|
|
23508
|
-
}
|
|
23509
|
-
}
|
|
23510
|
-
}
|
|
23511
|
-
|
|
23512
|
-
if (!focusables.length) {
|
|
23513
|
-
return;
|
|
23514
|
-
}
|
|
23515
|
-
|
|
23516
|
-
event.preventDefault();
|
|
23517
|
-
|
|
23518
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
23519
|
-
|
|
23520
|
-
// Walk the active element chain through shadow roots
|
|
23521
|
-
const actives = this._getActiveElements();
|
|
23522
|
-
|
|
23523
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
23524
|
-
|
|
23525
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
23526
|
-
// Focus is not on a known element — move to first/last
|
|
23527
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
23528
|
-
}
|
|
23529
|
-
|
|
23530
|
-
// Try each element in order, skipping any that can't receive focus
|
|
23531
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
23532
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
23533
|
-
let nextIdx = idx + direction;
|
|
23534
|
-
|
|
23535
|
-
// Wrap around
|
|
23536
|
-
if (nextIdx < 0) {
|
|
23537
|
-
nextIdx = focusables.length - 1;
|
|
23538
|
-
} else if (nextIdx >= focusables.length) {
|
|
23539
|
-
nextIdx = 0;
|
|
23540
|
-
}
|
|
23541
|
-
|
|
23542
|
-
focusables[nextIdx].focus();
|
|
23543
|
-
|
|
23544
|
-
// Verify focus actually moved to the target
|
|
23545
|
-
const newActives = this._getActiveElements();
|
|
23546
|
-
|
|
23547
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
23548
|
-
return;
|
|
23549
|
-
}
|
|
23550
|
-
|
|
23551
|
-
// Focus didn't stick — skip this element and try the next
|
|
23552
|
-
idx = nextIdx;
|
|
23553
|
-
}
|
|
23554
|
-
};
|
|
23555
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
23556
|
-
|
|
23557
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
23558
|
-
requestAnimationFrame(() => {
|
|
23559
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
23560
|
-
if (focusables.length) {
|
|
23561
|
-
focusables[0].focus();
|
|
23562
|
-
}
|
|
23563
|
-
});
|
|
23564
|
-
} else {
|
|
23565
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
23566
|
-
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
23567
|
-
this.focusTrap.focusFirstElement();
|
|
23568
|
-
}
|
|
22523
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
22524
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22525
|
+
this.focusTrap.focusFirstElement();
|
|
23569
22526
|
}
|
|
23570
22527
|
// Fullscreen: showModal() provides native focus trapping
|
|
23571
|
-
}
|
|
23572
|
-
}
|
|
23573
|
-
|
|
23574
|
-
/**
|
|
23575
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
23576
|
-
* @private
|
|
23577
|
-
* @returns {Array<HTMLElement>}
|
|
23578
|
-
*/
|
|
23579
|
-
_getActiveElements() {
|
|
23580
|
-
let { activeElement } = document;
|
|
23581
|
-
const actives = [activeElement];
|
|
23582
|
-
|
|
23583
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
23584
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
23585
|
-
actives.push(activeElement);
|
|
23586
|
-
}
|
|
23587
|
-
|
|
23588
|
-
return actives;
|
|
23589
|
-
}
|
|
23590
|
-
|
|
23591
|
-
/**
|
|
23592
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
23593
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
23594
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
23595
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
23596
|
-
* to ensure all page content outside the host subtree is inert.
|
|
23597
|
-
* @private
|
|
23598
|
-
*/
|
|
23599
|
-
_setPageInert() {
|
|
23600
|
-
if (this._inertSiblings) {
|
|
23601
22528
|
return;
|
|
23602
22529
|
}
|
|
23603
22530
|
|
|
23604
|
-
this.
|
|
23605
|
-
|
|
23606
|
-
|
|
23607
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
23608
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
23609
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
23610
|
-
let host = this;
|
|
23611
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
23612
|
-
host = host.getRootNode().host;
|
|
23613
|
-
}
|
|
23614
|
-
|
|
23615
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
23616
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
23617
|
-
let current = host;
|
|
23618
|
-
while (current.parentElement) {
|
|
23619
|
-
const parent = current.parentElement;
|
|
23620
|
-
for (const sibling of parent.children) {
|
|
23621
|
-
if (sibling !== current) {
|
|
23622
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
23623
|
-
sibling.inert = true;
|
|
23624
|
-
}
|
|
23625
|
-
}
|
|
23626
|
-
current = parent;
|
|
23627
|
-
}
|
|
23628
|
-
}
|
|
23629
|
-
|
|
23630
|
-
/**
|
|
23631
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
23632
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
23633
|
-
* not inadvertently re-enabled.
|
|
23634
|
-
* @private
|
|
23635
|
-
*/
|
|
23636
|
-
_clearPageInert() {
|
|
23637
|
-
if (this._inertSiblings) {
|
|
23638
|
-
for (const entry of this._inertSiblings) {
|
|
23639
|
-
entry.element.inert = entry.wasInert;
|
|
23640
|
-
}
|
|
23641
|
-
this._inertSiblings = undefined;
|
|
22531
|
+
if (this.focusTrap) {
|
|
22532
|
+
this.focusTrap.disconnect();
|
|
22533
|
+
this.focusTrap = undefined;
|
|
23642
22534
|
}
|
|
23643
22535
|
}
|
|
23644
22536
|
|
|
@@ -23877,7 +22769,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23877
22769
|
shape="${this.shape}"
|
|
23878
22770
|
?data-show="${this.isPopoverVisible}"
|
|
23879
22771
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23880
|
-
?desktopmodal="${this.desktopModal}"
|
|
23881
22772
|
.dialogLabel="${this.bibDialogLabel}"
|
|
23882
22773
|
${n$6(this.bibElement)}
|
|
23883
22774
|
>
|
|
@@ -30576,7 +29467,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
30576
29467
|
}
|
|
30577
29468
|
};
|
|
30578
29469
|
|
|
30579
|
-
var formkitVersion$8 = '
|
|
29470
|
+
var formkitVersion$8 = '202605201634';
|
|
30580
29471
|
|
|
30581
29472
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
30582
29473
|
// See LICENSE in the project root for license information.
|
|
@@ -31831,62 +30722,26 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
31831
30722
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
31832
30723
|
//
|
|
31833
30724
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30725
|
+
// - The bib opens and closes via pointer/touch interaction only.
|
|
31834
30726
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31835
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
31836
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
31837
30727
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30728
|
+
// - Enter and Space do not open or close the bib.
|
|
31838
30729
|
//
|
|
31839
30730
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
31840
30731
|
// added, handlers should go here following the same strategy pattern used by
|
|
31841
30732
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
31842
30733
|
const datepickerKeyboardStrategy = {
|
|
31843
|
-
Escape(component, evt
|
|
31844
|
-
if (!
|
|
30734
|
+
Escape(component, evt) {
|
|
30735
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
31845
30736
|
return;
|
|
31846
30737
|
}
|
|
31847
30738
|
|
|
31848
|
-
//
|
|
31849
|
-
//
|
|
30739
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
|
|
30740
|
+
// Because stopPropagation prevents the document-level floatingUI keydown handler from
|
|
30741
|
+
// seeing this event, we must also close the dropdown explicitly.
|
|
31850
30742
|
evt.stopPropagation();
|
|
31851
|
-
evt.preventDefault();
|
|
31852
|
-
|
|
31853
|
-
component.hideBib();
|
|
31854
|
-
},
|
|
31855
30743
|
|
|
31856
|
-
|
|
31857
|
-
if (ctx.isExpanded) {
|
|
31858
|
-
return;
|
|
31859
|
-
}
|
|
31860
|
-
|
|
31861
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31862
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31863
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31864
|
-
const path = evt.composedPath();
|
|
31865
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31866
|
-
return;
|
|
31867
|
-
}
|
|
31868
|
-
|
|
31869
|
-
evt.preventDefault();
|
|
31870
|
-
|
|
31871
|
-
component.dropdown.show();
|
|
31872
|
-
},
|
|
31873
|
-
|
|
31874
|
-
' '(component, evt, ctx) {
|
|
31875
|
-
if (ctx.isExpanded) {
|
|
31876
|
-
return;
|
|
31877
|
-
}
|
|
31878
|
-
|
|
31879
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31880
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31881
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31882
|
-
const path = evt.composedPath();
|
|
31883
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31884
|
-
return;
|
|
31885
|
-
}
|
|
31886
|
-
|
|
31887
|
-
evt.preventDefault();
|
|
31888
|
-
|
|
31889
|
-
component.dropdown.show();
|
|
30744
|
+
component.dropdown.hide();
|
|
31890
30745
|
},
|
|
31891
30746
|
};
|
|
31892
30747
|
|
|
@@ -31960,15 +30815,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31960
30815
|
this.required = false;
|
|
31961
30816
|
this.onDark = false;
|
|
31962
30817
|
this.range = false;
|
|
31963
|
-
this.rangeLabelStart = 'range start';
|
|
31964
|
-
this.rangeLabelEnd = 'range end';
|
|
31965
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
31966
|
-
this.rangeLabelInRange = 'in range';
|
|
31967
|
-
this.rangeLabelAfterRange = 'after range';
|
|
31968
|
-
this.blackoutDates = [];
|
|
31969
|
-
this.blackoutLabel = 'unavailable';
|
|
31970
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
31971
|
-
this.navLabelNextMonth = 'Next month';
|
|
31972
30818
|
this.stacked = false;
|
|
31973
30819
|
this.noValidate = false;
|
|
31974
30820
|
this.validity = undefined;
|
|
@@ -32347,78 +31193,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32347
31193
|
reflect: true
|
|
32348
31194
|
},
|
|
32349
31195
|
|
|
32350
|
-
/**
|
|
32351
|
-
* Label announced for the range start date cell.
|
|
32352
|
-
*/
|
|
32353
|
-
rangeLabelStart: {
|
|
32354
|
-
type: String,
|
|
32355
|
-
reflect: true
|
|
32356
|
-
},
|
|
32357
|
-
|
|
32358
|
-
/**
|
|
32359
|
-
* Label announced for the range end date cell.
|
|
32360
|
-
*/
|
|
32361
|
-
rangeLabelEnd: {
|
|
32362
|
-
type: String,
|
|
32363
|
-
reflect: true
|
|
32364
|
-
},
|
|
32365
|
-
|
|
32366
|
-
/**
|
|
32367
|
-
* Label announced for cells before the range start.
|
|
32368
|
-
*/
|
|
32369
|
-
rangeLabelBeforeRange: {
|
|
32370
|
-
type: String,
|
|
32371
|
-
reflect: true
|
|
32372
|
-
},
|
|
32373
|
-
|
|
32374
|
-
/**
|
|
32375
|
-
* Label announced for cells within the selected range.
|
|
32376
|
-
*/
|
|
32377
|
-
rangeLabelInRange: {
|
|
32378
|
-
type: String,
|
|
32379
|
-
reflect: true
|
|
32380
|
-
},
|
|
32381
|
-
|
|
32382
|
-
/**
|
|
32383
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
32384
|
-
*/
|
|
32385
|
-
rangeLabelAfterRange: {
|
|
32386
|
-
type: String,
|
|
32387
|
-
reflect: true
|
|
32388
|
-
},
|
|
32389
|
-
|
|
32390
|
-
/**
|
|
32391
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
32392
|
-
*/
|
|
32393
|
-
blackoutDates: {
|
|
32394
|
-
type: Array,
|
|
32395
|
-
reflect: true
|
|
32396
|
-
},
|
|
32397
|
-
|
|
32398
|
-
/**
|
|
32399
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
32400
|
-
*/
|
|
32401
|
-
blackoutLabel: {
|
|
32402
|
-
type: String,
|
|
32403
|
-
reflect: true
|
|
32404
|
-
},
|
|
32405
|
-
|
|
32406
|
-
/**
|
|
32407
|
-
* Accessible label for the previous month navigation button.
|
|
32408
|
-
*/
|
|
32409
|
-
navLabelPrevMonth: {
|
|
32410
|
-
type: String,
|
|
32411
|
-
reflect: true
|
|
32412
|
-
},
|
|
32413
|
-
|
|
32414
|
-
/**
|
|
32415
|
-
* Accessible label for the next month navigation button.
|
|
32416
|
-
*/
|
|
32417
|
-
navLabelNextMonth: {
|
|
32418
|
-
type: String,
|
|
32419
|
-
reflect: true
|
|
32420
|
-
},
|
|
32421
|
-
|
|
32422
31196
|
/**
|
|
32423
31197
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
32424
31198
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -32445,7 +31219,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32445
31219
|
|
|
32446
31220
|
/**
|
|
32447
31221
|
* Custom help text message to display when validity = `customError`.
|
|
32448
|
-
* Also used as the validation message when a blackout date is typed into the input.
|
|
32449
31222
|
*/
|
|
32450
31223
|
setCustomValidityCustomError: {
|
|
32451
31224
|
type: String
|
|
@@ -32767,66 +31540,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32767
31540
|
}));
|
|
32768
31541
|
}
|
|
32769
31542
|
|
|
32770
|
-
/**
|
|
32771
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32772
|
-
* Shared by both fullscreen and desktop open paths.
|
|
32773
|
-
* @private
|
|
32774
|
-
* @returns {void}
|
|
32775
|
-
*/
|
|
32776
|
-
focusActiveCellWhenReady() {
|
|
32777
|
-
const MAX_ATTEMPTS = 20;
|
|
32778
|
-
let attempts = 0;
|
|
32779
|
-
|
|
32780
|
-
const tryFocus = () => {
|
|
32781
|
-
attempts += 1;
|
|
32782
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
32783
|
-
|
|
32784
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32785
|
-
requestAnimationFrame(tryFocus);
|
|
32786
|
-
return;
|
|
32787
|
-
}
|
|
32788
|
-
|
|
32789
|
-
// Compute and mark the active cell
|
|
32790
|
-
if (this.calendar.activeCellDate == null) {
|
|
32791
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32792
|
-
}
|
|
32793
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
32794
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32795
|
-
}
|
|
32796
|
-
|
|
32797
|
-
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
32798
|
-
// range on mobile), fall back to the first rendered enabled cell.
|
|
32799
|
-
let activeCell = allCells.find(cell => cell.active);
|
|
32800
|
-
if (!activeCell && allCells.length) {
|
|
32801
|
-
const fallback = allCells[0];
|
|
32802
|
-
if (fallback.day) {
|
|
32803
|
-
this.calendar.activeCellDate = fallback.day.date;
|
|
32804
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32805
|
-
activeCell = allCells.find(cell => cell.active);
|
|
32806
|
-
}
|
|
32807
|
-
}
|
|
32808
|
-
|
|
32809
|
-
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
32810
|
-
// reflects the active state before we attempt to focus.
|
|
32811
|
-
if (activeCell) {
|
|
32812
|
-
activeCell.updateComplete.then(() => {
|
|
32813
|
-
activeCell.hovered = true;
|
|
32814
|
-
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32815
|
-
if (btn) {
|
|
32816
|
-
btn.setAttribute('tabindex', '0');
|
|
32817
|
-
btn.focus({ focusVisible: true });
|
|
32818
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
32819
|
-
requestAnimationFrame(tryFocus);
|
|
32820
|
-
}
|
|
32821
|
-
});
|
|
32822
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
32823
|
-
requestAnimationFrame(tryFocus);
|
|
32824
|
-
}
|
|
32825
|
-
};
|
|
32826
|
-
|
|
32827
|
-
requestAnimationFrame(tryFocus);
|
|
32828
|
-
}
|
|
32829
|
-
|
|
32830
31543
|
/**
|
|
32831
31544
|
* Binds all behavior needed to the dropdown after rendering.
|
|
32832
31545
|
* @private
|
|
@@ -32835,12 +31548,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32835
31548
|
configureDropdown() {
|
|
32836
31549
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
32837
31550
|
|
|
32838
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32839
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32840
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32841
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32842
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32843
|
-
|
|
32844
31551
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
32845
31552
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
32846
31553
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -32858,23 +31565,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32858
31565
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
32859
31566
|
this.notifyDatepickerToggled();
|
|
32860
31567
|
|
|
32861
|
-
if (this.dropdown.isPopoverVisible) {
|
|
32862
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
32863
|
-
// Without this, reopening after navigating to a month without a selected
|
|
32864
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32865
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32866
|
-
this.calendar.activeCellDate = null;
|
|
32867
|
-
|
|
32868
|
-
// Show the month containing the selected date (or today) instead of
|
|
32869
|
-
// whichever month the user last navigated to.
|
|
32870
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
32871
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32872
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32873
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
32874
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32875
|
-
}
|
|
32876
|
-
}
|
|
32877
|
-
|
|
32878
31568
|
// This forces the calendar to render when the dropdown is opened.
|
|
32879
31569
|
// It is not rendered by default
|
|
32880
31570
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -32907,23 +31597,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32907
31597
|
bibEl.open(true);
|
|
32908
31598
|
|
|
32909
31599
|
doubleRaf$3(() => {
|
|
32910
|
-
this.
|
|
31600
|
+
this.calendar.focusCloseButton();
|
|
32911
31601
|
});
|
|
32912
31602
|
}
|
|
32913
31603
|
});
|
|
32914
31604
|
|
|
32915
31605
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32916
|
-
} else {
|
|
32917
|
-
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
32918
|
-
// cannot interact with the input while the modal bib is open.
|
|
32919
|
-
if (this.dropdown.desktopModal) {
|
|
32920
|
-
this.dropdown.trigger.inert = true;
|
|
32921
|
-
}
|
|
32922
|
-
|
|
32923
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32924
|
-
this.dropdown.updateComplete.then(() => {
|
|
32925
|
-
this.focusActiveCellWhenReady();
|
|
32926
|
-
});
|
|
32927
31606
|
}
|
|
32928
31607
|
} else {
|
|
32929
31608
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -32969,7 +31648,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32969
31648
|
bibEl.close();
|
|
32970
31649
|
bibEl.open(true);
|
|
32971
31650
|
doubleRaf$3(() => {
|
|
32972
|
-
this.
|
|
31651
|
+
this.calendar.focusCloseButton();
|
|
32973
31652
|
});
|
|
32974
31653
|
}
|
|
32975
31654
|
});
|
|
@@ -33164,8 +31843,14 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33164
31843
|
|
|
33165
31844
|
if (onEndValue) {
|
|
33166
31845
|
this.valueEnd = newDate;
|
|
31846
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31847
|
+
this.focus('startDate');
|
|
31848
|
+
}
|
|
33167
31849
|
} else {
|
|
33168
31850
|
this.value = newDate;
|
|
31851
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31852
|
+
this.focus('endDate');
|
|
31853
|
+
}
|
|
33169
31854
|
}
|
|
33170
31855
|
}
|
|
33171
31856
|
}
|
|
@@ -33205,27 +31890,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33205
31890
|
this.resetInputs();
|
|
33206
31891
|
}
|
|
33207
31892
|
|
|
33208
|
-
/**
|
|
33209
|
-
* Checks whether a formatted date string matches a blackout date.
|
|
33210
|
-
* @private
|
|
33211
|
-
* @param {string} dateStr - A date string in the component's configured format.
|
|
33212
|
-
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
33213
|
-
*/
|
|
33214
|
-
isBlackoutDate(dateStr) {
|
|
33215
|
-
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
33216
|
-
return false;
|
|
33217
|
-
}
|
|
33218
|
-
|
|
33219
|
-
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
33220
|
-
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
33221
|
-
|
|
33222
|
-
const d = new Date(formatted);
|
|
33223
|
-
const yyyy = d.getFullYear();
|
|
33224
|
-
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
33225
|
-
const dd = String(d.getDate()).padStart(2, '0');
|
|
33226
|
-
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
33227
|
-
}
|
|
33228
|
-
|
|
33229
31893
|
/**
|
|
33230
31894
|
* Validates value.
|
|
33231
31895
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -33237,24 +31901,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33237
31901
|
}
|
|
33238
31902
|
|
|
33239
31903
|
this.validation.validate(this, force);
|
|
33240
|
-
|
|
33241
|
-
// After standard validation, check blackout dates for typed input
|
|
33242
|
-
if (this.validity !== 'customError') {
|
|
33243
|
-
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
33244
|
-
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
33245
|
-
this.validity = 'customError';
|
|
33246
|
-
this.errorMessage = msg;
|
|
33247
|
-
|
|
33248
|
-
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
33249
|
-
bubbles: true,
|
|
33250
|
-
composed: true,
|
|
33251
|
-
detail: {
|
|
33252
|
-
validity: this.validity,
|
|
33253
|
-
message: this.errorMessage
|
|
33254
|
-
}
|
|
33255
|
-
}));
|
|
33256
|
-
}
|
|
33257
|
-
}
|
|
33258
31904
|
}
|
|
33259
31905
|
|
|
33260
31906
|
/**
|
|
@@ -33335,9 +31981,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33335
31981
|
|
|
33336
31982
|
if (this.cellClickActive) {
|
|
33337
31983
|
this.cellClickActive = false;
|
|
33338
|
-
this.wasCellClick = true;
|
|
33339
|
-
} else {
|
|
33340
|
-
this.wasCellClick = false;
|
|
33341
31984
|
}
|
|
33342
31985
|
|
|
33343
31986
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -33368,44 +32011,16 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33368
32011
|
}
|
|
33369
32012
|
|
|
33370
32013
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
33371
|
-
|
|
33372
|
-
// to prevent the displayed months from shifting
|
|
33373
|
-
if (!(this.wasCellClick && this.range)) {
|
|
33374
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33375
|
-
}
|
|
32014
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33376
32015
|
}
|
|
33377
32016
|
|
|
33378
32017
|
this.setHasValue();
|
|
33379
32018
|
}
|
|
33380
32019
|
|
|
33381
|
-
if (changedProperties.has('blackoutDates')) {
|
|
33382
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
33383
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
33384
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
33385
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
33386
|
-
if (this.calendar) {
|
|
33387
|
-
this.calendar.requestUpdate();
|
|
33388
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
33389
|
-
}
|
|
33390
|
-
|
|
33391
|
-
// Re-run validation so that a previously valid value that now falls on
|
|
33392
|
-
// a blackout date is flagged, and vice versa.
|
|
33393
|
-
if (this.value || this.valueEnd) {
|
|
33394
|
-
this.validate();
|
|
33395
|
-
}
|
|
33396
|
-
}
|
|
33397
|
-
|
|
33398
32020
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
33399
32021
|
|
|
33400
32022
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
33401
32023
|
|
|
33402
|
-
if (this.cellClickActive) {
|
|
33403
|
-
this.cellClickActive = false;
|
|
33404
|
-
this.wasCellClick = true;
|
|
33405
|
-
} else {
|
|
33406
|
-
this.wasCellClick = false;
|
|
33407
|
-
}
|
|
33408
|
-
|
|
33409
32024
|
// update the calendar
|
|
33410
32025
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
33411
32026
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -33433,11 +32048,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33433
32048
|
}
|
|
33434
32049
|
|
|
33435
32050
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
33436
|
-
|
|
33437
|
-
// to prevent the displayed months from shifting
|
|
33438
|
-
if (!this.wasCellClick) {
|
|
33439
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33440
|
-
}
|
|
32051
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33441
32052
|
}
|
|
33442
32053
|
|
|
33443
32054
|
this.validate();
|
|
@@ -33594,7 +32205,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33594
32205
|
}
|
|
33595
32206
|
|
|
33596
32207
|
firstUpdated() {
|
|
33597
|
-
|
|
33598
32208
|
// Add the tag name as an attribute if it is different than the component name
|
|
33599
32209
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
33600
32210
|
|
|
@@ -34024,7 +32634,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
34024
32634
|
// Base HTML render() handles dropdown and calendar bib
|
|
34025
32635
|
return u$c`
|
|
34026
32636
|
<!-- Hidden slot for clear button aria-label -->
|
|
34027
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
32637
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
34028
32638
|
|
|
34029
32639
|
<${this.dropdownTag}
|
|
34030
32640
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -34041,7 +32651,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
34041
32651
|
.shape="${this.shape}"
|
|
34042
32652
|
.size="${this.size}"
|
|
34043
32653
|
class="${e$3(dropdownElementClassMap)}"
|
|
34044
|
-
desktopModal
|
|
34045
32654
|
disableEventShow
|
|
34046
32655
|
for="dropdownMenu"
|
|
34047
32656
|
part="dropdown"
|
|
@@ -37298,7 +35907,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
37298
35907
|
});
|
|
37299
35908
|
}
|
|
37300
35909
|
|
|
37301
|
-
var styleCss$2$6 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(
|
|
35910
|
+
var styleCss$2$6 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
37302
35911
|
|
|
37303
35912
|
var colorCss$2$6 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
37304
35913
|
|
|
@@ -37929,7 +36538,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
|
37929
36538
|
}
|
|
37930
36539
|
};
|
|
37931
36540
|
|
|
37932
|
-
var formkitVersion$7 = '
|
|
36541
|
+
var formkitVersion$7 = '202605201634';
|
|
37933
36542
|
|
|
37934
36543
|
let AuroElement$5 = class AuroElement extends i$4 {
|
|
37935
36544
|
static get properties() {
|
|
@@ -38109,7 +36718,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38109
36718
|
_intializeDefaults() {
|
|
38110
36719
|
this.appearance = 'default';
|
|
38111
36720
|
this.chevron = false;
|
|
38112
|
-
this.desktopModal = false;
|
|
38113
36721
|
this.disabled = false;
|
|
38114
36722
|
this.disableKeyboardHandling = false;
|
|
38115
36723
|
this.error = false;
|
|
@@ -38290,14 +36898,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38290
36898
|
reflect: true
|
|
38291
36899
|
},
|
|
38292
36900
|
|
|
38293
|
-
/**
|
|
38294
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
38295
|
-
*/
|
|
38296
|
-
desktopModal: {
|
|
38297
|
-
type: Boolean,
|
|
38298
|
-
reflect: true
|
|
38299
|
-
},
|
|
38300
|
-
|
|
38301
36901
|
/**
|
|
38302
36902
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
38303
36903
|
*/
|
|
@@ -38585,15 +37185,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38585
37185
|
|
|
38586
37186
|
disconnectedCallback() {
|
|
38587
37187
|
super.disconnectedCallback();
|
|
38588
|
-
this._clearPageInert();
|
|
38589
|
-
if (this._bibTabHandler) {
|
|
38590
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38591
|
-
this._bibTabHandler = undefined;
|
|
38592
|
-
}
|
|
38593
|
-
if (this.focusTrap) {
|
|
38594
|
-
this.focusTrap.disconnect();
|
|
38595
|
-
this.focusTrap = undefined;
|
|
38596
|
-
}
|
|
38597
37188
|
if (this.floater) {
|
|
38598
37189
|
this.floater.hideBib('disconnect');
|
|
38599
37190
|
this.floater.disconnect();
|
|
@@ -38621,45 +37212,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38621
37212
|
if (this.isPopoverVisible) {
|
|
38622
37213
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
38623
37214
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
38624
|
-
this.
|
|
38625
|
-
this.
|
|
38626
|
-
|
|
38627
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
38628
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38629
|
-
this._setPageInert();
|
|
38630
|
-
}
|
|
37215
|
+
const useModal = this.isBibFullscreen;
|
|
37216
|
+
this.bibElement.value.open(useModal);
|
|
38631
37217
|
} else {
|
|
38632
37218
|
this.bibElement.value.close();
|
|
38633
|
-
this._clearPageInert();
|
|
38634
37219
|
}
|
|
38635
37220
|
}
|
|
38636
37221
|
|
|
38637
37222
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
38638
37223
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
38639
37224
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
37225
|
+
const useModal = this.isBibFullscreen;
|
|
38640
37226
|
this.bibElement.value.close();
|
|
38641
|
-
this.bibElement.value.open(
|
|
38642
|
-
|
|
38643
|
-
// Re-initialize focus management for the new strategy
|
|
38644
|
-
this.updateFocusTrap();
|
|
38645
|
-
|
|
38646
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
38647
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38648
|
-
this._setPageInert();
|
|
38649
|
-
} else {
|
|
38650
|
-
this._clearPageInert();
|
|
38651
|
-
}
|
|
38652
|
-
}
|
|
38653
|
-
|
|
38654
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
38655
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
38656
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
38657
|
-
this.updateFocusTrap();
|
|
38658
|
-
if (this.desktopModal) {
|
|
38659
|
-
this._setPageInert();
|
|
38660
|
-
} else {
|
|
38661
|
-
this._clearPageInert();
|
|
38662
|
-
}
|
|
37227
|
+
this.bibElement.value.open(useModal);
|
|
38663
37228
|
}
|
|
38664
37229
|
}
|
|
38665
37230
|
|
|
@@ -38669,14 +37234,8 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38669
37234
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
38670
37235
|
*/
|
|
38671
37236
|
handleDropdownToggle(event) {
|
|
37237
|
+
this.updateFocusTrap();
|
|
38672
37238
|
this.isPopoverVisible = event.detail.expanded;
|
|
38673
|
-
|
|
38674
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
38675
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
38676
|
-
if (!this.isPopoverVisible) {
|
|
38677
|
-
this.updateFocusTrap();
|
|
38678
|
-
}
|
|
38679
|
-
|
|
38680
37239
|
const eventType = event.detail.eventType || "unknown";
|
|
38681
37240
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
38682
37241
|
this.trigger.focus();
|
|
@@ -38775,178 +37334,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38775
37334
|
* @private
|
|
38776
37335
|
*/
|
|
38777
37336
|
updateFocusTrap() {
|
|
38778
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
38779
|
-
// to prevent duplicate listeners on repeated calls.
|
|
38780
|
-
if (this._bibTabHandler) {
|
|
38781
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38782
|
-
this._bibTabHandler = undefined;
|
|
38783
|
-
}
|
|
38784
|
-
|
|
38785
|
-
if (this.focusTrap) {
|
|
38786
|
-
this.focusTrap.disconnect();
|
|
38787
|
-
this.focusTrap = undefined;
|
|
38788
|
-
}
|
|
38789
|
-
|
|
38790
37337
|
if (this.isPopoverVisible) {
|
|
38791
37338
|
if (!this.isBibFullscreen) {
|
|
38792
|
-
|
|
38793
|
-
|
|
38794
|
-
|
|
38795
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
38796
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
38797
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
38798
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
38799
|
-
// within the bib's focusable elements.
|
|
38800
|
-
this._bibTabHandler = (event) => {
|
|
38801
|
-
if (event.key !== 'Tab') {
|
|
38802
|
-
return;
|
|
38803
|
-
}
|
|
38804
|
-
|
|
38805
|
-
// Collect focusable elements from the bib content.
|
|
38806
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38807
|
-
|
|
38808
|
-
// Fallback: try from slotted content directly
|
|
38809
|
-
if (!focusables.length) {
|
|
38810
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
38811
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
38812
|
-
|
|
38813
|
-
for (const node of assignedNodes) {
|
|
38814
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
38815
|
-
focusables.push(...getFocusableElements$2(node));
|
|
38816
|
-
}
|
|
38817
|
-
}
|
|
38818
|
-
}
|
|
38819
|
-
|
|
38820
|
-
if (!focusables.length) {
|
|
38821
|
-
return;
|
|
38822
|
-
}
|
|
38823
|
-
|
|
38824
|
-
event.preventDefault();
|
|
38825
|
-
|
|
38826
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
38827
|
-
|
|
38828
|
-
// Walk the active element chain through shadow roots
|
|
38829
|
-
const actives = this._getActiveElements();
|
|
38830
|
-
|
|
38831
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
38832
|
-
|
|
38833
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
38834
|
-
// Focus is not on a known element — move to first/last
|
|
38835
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
38836
|
-
}
|
|
38837
|
-
|
|
38838
|
-
// Try each element in order, skipping any that can't receive focus
|
|
38839
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
38840
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
38841
|
-
let nextIdx = idx + direction;
|
|
38842
|
-
|
|
38843
|
-
// Wrap around
|
|
38844
|
-
if (nextIdx < 0) {
|
|
38845
|
-
nextIdx = focusables.length - 1;
|
|
38846
|
-
} else if (nextIdx >= focusables.length) {
|
|
38847
|
-
nextIdx = 0;
|
|
38848
|
-
}
|
|
38849
|
-
|
|
38850
|
-
focusables[nextIdx].focus();
|
|
38851
|
-
|
|
38852
|
-
// Verify focus actually moved to the target
|
|
38853
|
-
const newActives = this._getActiveElements();
|
|
38854
|
-
|
|
38855
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
38856
|
-
return;
|
|
38857
|
-
}
|
|
38858
|
-
|
|
38859
|
-
// Focus didn't stick — skip this element and try the next
|
|
38860
|
-
idx = nextIdx;
|
|
38861
|
-
}
|
|
38862
|
-
};
|
|
38863
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
38864
|
-
|
|
38865
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
38866
|
-
requestAnimationFrame(() => {
|
|
38867
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38868
|
-
if (focusables.length) {
|
|
38869
|
-
focusables[0].focus();
|
|
38870
|
-
}
|
|
38871
|
-
});
|
|
38872
|
-
} else {
|
|
38873
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
38874
|
-
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
38875
|
-
this.focusTrap.focusFirstElement();
|
|
38876
|
-
}
|
|
37339
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
37340
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
37341
|
+
this.focusTrap.focusFirstElement();
|
|
38877
37342
|
}
|
|
38878
37343
|
// Fullscreen: showModal() provides native focus trapping
|
|
38879
|
-
}
|
|
38880
|
-
}
|
|
38881
|
-
|
|
38882
|
-
/**
|
|
38883
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
38884
|
-
* @private
|
|
38885
|
-
* @returns {Array<HTMLElement>}
|
|
38886
|
-
*/
|
|
38887
|
-
_getActiveElements() {
|
|
38888
|
-
let { activeElement } = document;
|
|
38889
|
-
const actives = [activeElement];
|
|
38890
|
-
|
|
38891
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
38892
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
38893
|
-
actives.push(activeElement);
|
|
38894
|
-
}
|
|
38895
|
-
|
|
38896
|
-
return actives;
|
|
38897
|
-
}
|
|
38898
|
-
|
|
38899
|
-
/**
|
|
38900
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
38901
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
38902
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
38903
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
38904
|
-
* to ensure all page content outside the host subtree is inert.
|
|
38905
|
-
* @private
|
|
38906
|
-
*/
|
|
38907
|
-
_setPageInert() {
|
|
38908
|
-
if (this._inertSiblings) {
|
|
38909
37344
|
return;
|
|
38910
37345
|
}
|
|
38911
37346
|
|
|
38912
|
-
this.
|
|
38913
|
-
|
|
38914
|
-
|
|
38915
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
38916
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
38917
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
38918
|
-
let host = this;
|
|
38919
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
38920
|
-
host = host.getRootNode().host;
|
|
38921
|
-
}
|
|
38922
|
-
|
|
38923
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
38924
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
38925
|
-
let current = host;
|
|
38926
|
-
while (current.parentElement) {
|
|
38927
|
-
const parent = current.parentElement;
|
|
38928
|
-
for (const sibling of parent.children) {
|
|
38929
|
-
if (sibling !== current) {
|
|
38930
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
38931
|
-
sibling.inert = true;
|
|
38932
|
-
}
|
|
38933
|
-
}
|
|
38934
|
-
current = parent;
|
|
38935
|
-
}
|
|
38936
|
-
}
|
|
38937
|
-
|
|
38938
|
-
/**
|
|
38939
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
38940
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
38941
|
-
* not inadvertently re-enabled.
|
|
38942
|
-
* @private
|
|
38943
|
-
*/
|
|
38944
|
-
_clearPageInert() {
|
|
38945
|
-
if (this._inertSiblings) {
|
|
38946
|
-
for (const entry of this._inertSiblings) {
|
|
38947
|
-
entry.element.inert = entry.wasInert;
|
|
38948
|
-
}
|
|
38949
|
-
this._inertSiblings = undefined;
|
|
37347
|
+
if (this.focusTrap) {
|
|
37348
|
+
this.focusTrap.disconnect();
|
|
37349
|
+
this.focusTrap = undefined;
|
|
38950
37350
|
}
|
|
38951
37351
|
}
|
|
38952
37352
|
|
|
@@ -39185,7 +37585,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
39185
37585
|
shape="${this.shape}"
|
|
39186
37586
|
?data-show="${this.isPopoverVisible}"
|
|
39187
37587
|
?isfullscreen="${this.isBibFullscreen}"
|
|
39188
|
-
?desktopmodal="${this.desktopModal}"
|
|
39189
37588
|
.dialogLabel="${this.bibDialogLabel}"
|
|
39190
37589
|
${n$6(this.bibElement)}
|
|
39191
37590
|
>
|
|
@@ -40740,7 +39139,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
|
40740
39139
|
}
|
|
40741
39140
|
};
|
|
40742
39141
|
|
|
40743
|
-
var formkitVersion$6 = '
|
|
39142
|
+
var formkitVersion$6 = '202605201634';
|
|
40744
39143
|
|
|
40745
39144
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
40746
39145
|
// See LICENSE in the project root for license information.
|
|
@@ -41478,14 +39877,6 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
41478
39877
|
large: {
|
|
41479
39878
|
type: Boolean,
|
|
41480
39879
|
reflect: true
|
|
41481
|
-
},
|
|
41482
|
-
|
|
41483
|
-
/**
|
|
41484
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
41485
|
-
*/
|
|
41486
|
-
showFooter: {
|
|
41487
|
-
type: Boolean,
|
|
41488
|
-
reflect: true
|
|
41489
39880
|
}
|
|
41490
39881
|
};
|
|
41491
39882
|
}
|
|
@@ -41588,7 +39979,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
41588
39979
|
<slot></slot>
|
|
41589
39980
|
</div>
|
|
41590
39981
|
|
|
41591
|
-
${this.isFullscreen
|
|
39982
|
+
${this.isFullscreen ? u$c`
|
|
41592
39983
|
<div id="footerContainer">
|
|
41593
39984
|
<slot name="footer"></slot>
|
|
41594
39985
|
</div>` : null}
|
|
@@ -44166,7 +42557,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
|
|
|
44166
42557
|
}
|
|
44167
42558
|
};
|
|
44168
42559
|
|
|
44169
|
-
var formkitVersion$5 = '
|
|
42560
|
+
var formkitVersion$5 = '202605201634';
|
|
44170
42561
|
|
|
44171
42562
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
44172
42563
|
// See LICENSE in the project root for license information.
|
|
@@ -46338,7 +44729,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
|
|
|
46338
44729
|
}
|
|
46339
44730
|
};
|
|
46340
44731
|
|
|
46341
|
-
var formkitVersion$4 = '
|
|
44732
|
+
var formkitVersion$4 = '202605201634';
|
|
46342
44733
|
|
|
46343
44734
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
46344
44735
|
// See LICENSE in the project root for license information.
|
|
@@ -47979,7 +46370,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47979
46370
|
|
|
47980
46371
|
// navigate if bib is open otherwise open it
|
|
47981
46372
|
if (component.dropdown.isPopoverVisible) {
|
|
47982
|
-
if (evt.altKey || evt.metaKey) {
|
|
46373
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47983
46374
|
component.activateLastEnabledAvailableOption();
|
|
47984
46375
|
} else {
|
|
47985
46376
|
navigateArrow$1(component, 'down');
|
|
@@ -48002,7 +46393,7 @@ const comboboxKeyboardStrategy = {
|
|
|
48002
46393
|
|
|
48003
46394
|
// navigate if bib is open otherwise open it
|
|
48004
46395
|
if (component.dropdown.isPopoverVisible) {
|
|
48005
|
-
if (evt.altKey || evt.metaKey) {
|
|
46396
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
48006
46397
|
component.activateFirstEnabledAvailableOption();
|
|
48007
46398
|
} else {
|
|
48008
46399
|
navigateArrow$1(component, 'up');
|
|
@@ -51327,7 +49718,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
51327
49718
|
});
|
|
51328
49719
|
}
|
|
51329
49720
|
|
|
51330
|
-
var styleCss$2$1$1 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(
|
|
49721
|
+
var styleCss$2$1$1 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
51331
49722
|
|
|
51332
49723
|
var colorCss$2$1 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
51333
49724
|
|
|
@@ -51958,7 +50349,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
51958
50349
|
}
|
|
51959
50350
|
};
|
|
51960
50351
|
|
|
51961
|
-
var formkitVersion$2 = '
|
|
50352
|
+
var formkitVersion$2 = '202605201634';
|
|
51962
50353
|
|
|
51963
50354
|
let AuroElement$2$1 = class AuroElement extends i$4 {
|
|
51964
50355
|
static get properties() {
|
|
@@ -52138,7 +50529,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52138
50529
|
_intializeDefaults() {
|
|
52139
50530
|
this.appearance = 'default';
|
|
52140
50531
|
this.chevron = false;
|
|
52141
|
-
this.desktopModal = false;
|
|
52142
50532
|
this.disabled = false;
|
|
52143
50533
|
this.disableKeyboardHandling = false;
|
|
52144
50534
|
this.error = false;
|
|
@@ -52319,14 +50709,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52319
50709
|
reflect: true
|
|
52320
50710
|
},
|
|
52321
50711
|
|
|
52322
|
-
/**
|
|
52323
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
52324
|
-
*/
|
|
52325
|
-
desktopModal: {
|
|
52326
|
-
type: Boolean,
|
|
52327
|
-
reflect: true
|
|
52328
|
-
},
|
|
52329
|
-
|
|
52330
50712
|
/**
|
|
52331
50713
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
52332
50714
|
*/
|
|
@@ -52614,15 +50996,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52614
50996
|
|
|
52615
50997
|
disconnectedCallback() {
|
|
52616
50998
|
super.disconnectedCallback();
|
|
52617
|
-
this._clearPageInert();
|
|
52618
|
-
if (this._bibTabHandler) {
|
|
52619
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52620
|
-
this._bibTabHandler = undefined;
|
|
52621
|
-
}
|
|
52622
|
-
if (this.focusTrap) {
|
|
52623
|
-
this.focusTrap.disconnect();
|
|
52624
|
-
this.focusTrap = undefined;
|
|
52625
|
-
}
|
|
52626
50999
|
if (this.floater) {
|
|
52627
51000
|
this.floater.hideBib('disconnect');
|
|
52628
51001
|
this.floater.disconnect();
|
|
@@ -52650,45 +51023,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52650
51023
|
if (this.isPopoverVisible) {
|
|
52651
51024
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
52652
51025
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
52653
|
-
this.
|
|
52654
|
-
this.
|
|
52655
|
-
|
|
52656
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
52657
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52658
|
-
this._setPageInert();
|
|
52659
|
-
}
|
|
51026
|
+
const useModal = this.isBibFullscreen;
|
|
51027
|
+
this.bibElement.value.open(useModal);
|
|
52660
51028
|
} else {
|
|
52661
51029
|
this.bibElement.value.close();
|
|
52662
|
-
this._clearPageInert();
|
|
52663
51030
|
}
|
|
52664
51031
|
}
|
|
52665
51032
|
|
|
52666
51033
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
52667
51034
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
52668
51035
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
51036
|
+
const useModal = this.isBibFullscreen;
|
|
52669
51037
|
this.bibElement.value.close();
|
|
52670
|
-
this.bibElement.value.open(
|
|
52671
|
-
|
|
52672
|
-
// Re-initialize focus management for the new strategy
|
|
52673
|
-
this.updateFocusTrap();
|
|
52674
|
-
|
|
52675
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
52676
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52677
|
-
this._setPageInert();
|
|
52678
|
-
} else {
|
|
52679
|
-
this._clearPageInert();
|
|
52680
|
-
}
|
|
52681
|
-
}
|
|
52682
|
-
|
|
52683
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
52684
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
52685
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
52686
|
-
this.updateFocusTrap();
|
|
52687
|
-
if (this.desktopModal) {
|
|
52688
|
-
this._setPageInert();
|
|
52689
|
-
} else {
|
|
52690
|
-
this._clearPageInert();
|
|
52691
|
-
}
|
|
51038
|
+
this.bibElement.value.open(useModal);
|
|
52692
51039
|
}
|
|
52693
51040
|
}
|
|
52694
51041
|
|
|
@@ -52698,14 +51045,8 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52698
51045
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
52699
51046
|
*/
|
|
52700
51047
|
handleDropdownToggle(event) {
|
|
51048
|
+
this.updateFocusTrap();
|
|
52701
51049
|
this.isPopoverVisible = event.detail.expanded;
|
|
52702
|
-
|
|
52703
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
52704
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
52705
|
-
if (!this.isPopoverVisible) {
|
|
52706
|
-
this.updateFocusTrap();
|
|
52707
|
-
}
|
|
52708
|
-
|
|
52709
51050
|
const eventType = event.detail.eventType || "unknown";
|
|
52710
51051
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
52711
51052
|
this.trigger.focus();
|
|
@@ -52804,178 +51145,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52804
51145
|
* @private
|
|
52805
51146
|
*/
|
|
52806
51147
|
updateFocusTrap() {
|
|
52807
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
52808
|
-
// to prevent duplicate listeners on repeated calls.
|
|
52809
|
-
if (this._bibTabHandler) {
|
|
52810
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52811
|
-
this._bibTabHandler = undefined;
|
|
52812
|
-
}
|
|
52813
|
-
|
|
52814
|
-
if (this.focusTrap) {
|
|
52815
|
-
this.focusTrap.disconnect();
|
|
52816
|
-
this.focusTrap = undefined;
|
|
52817
|
-
}
|
|
52818
|
-
|
|
52819
51148
|
if (this.isPopoverVisible) {
|
|
52820
51149
|
if (!this.isBibFullscreen) {
|
|
52821
|
-
|
|
52822
|
-
|
|
52823
|
-
|
|
52824
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
52825
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
52826
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
52827
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52828
|
-
// within the bib's focusable elements.
|
|
52829
|
-
this._bibTabHandler = (event) => {
|
|
52830
|
-
if (event.key !== 'Tab') {
|
|
52831
|
-
return;
|
|
52832
|
-
}
|
|
52833
|
-
|
|
52834
|
-
// Collect focusable elements from the bib content.
|
|
52835
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52836
|
-
|
|
52837
|
-
// Fallback: try from slotted content directly
|
|
52838
|
-
if (!focusables.length) {
|
|
52839
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52840
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52841
|
-
|
|
52842
|
-
for (const node of assignedNodes) {
|
|
52843
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52844
|
-
focusables.push(...getFocusableElements$1(node));
|
|
52845
|
-
}
|
|
52846
|
-
}
|
|
52847
|
-
}
|
|
52848
|
-
|
|
52849
|
-
if (!focusables.length) {
|
|
52850
|
-
return;
|
|
52851
|
-
}
|
|
52852
|
-
|
|
52853
|
-
event.preventDefault();
|
|
52854
|
-
|
|
52855
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52856
|
-
|
|
52857
|
-
// Walk the active element chain through shadow roots
|
|
52858
|
-
const actives = this._getActiveElements();
|
|
52859
|
-
|
|
52860
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52861
|
-
|
|
52862
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52863
|
-
// Focus is not on a known element — move to first/last
|
|
52864
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52865
|
-
}
|
|
52866
|
-
|
|
52867
|
-
// Try each element in order, skipping any that can't receive focus
|
|
52868
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
52869
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52870
|
-
let nextIdx = idx + direction;
|
|
52871
|
-
|
|
52872
|
-
// Wrap around
|
|
52873
|
-
if (nextIdx < 0) {
|
|
52874
|
-
nextIdx = focusables.length - 1;
|
|
52875
|
-
} else if (nextIdx >= focusables.length) {
|
|
52876
|
-
nextIdx = 0;
|
|
52877
|
-
}
|
|
52878
|
-
|
|
52879
|
-
focusables[nextIdx].focus();
|
|
52880
|
-
|
|
52881
|
-
// Verify focus actually moved to the target
|
|
52882
|
-
const newActives = this._getActiveElements();
|
|
52883
|
-
|
|
52884
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
52885
|
-
return;
|
|
52886
|
-
}
|
|
52887
|
-
|
|
52888
|
-
// Focus didn't stick — skip this element and try the next
|
|
52889
|
-
idx = nextIdx;
|
|
52890
|
-
}
|
|
52891
|
-
};
|
|
52892
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
52893
|
-
|
|
52894
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
52895
|
-
requestAnimationFrame(() => {
|
|
52896
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52897
|
-
if (focusables.length) {
|
|
52898
|
-
focusables[0].focus();
|
|
52899
|
-
}
|
|
52900
|
-
});
|
|
52901
|
-
} else {
|
|
52902
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
52903
|
-
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52904
|
-
this.focusTrap.focusFirstElement();
|
|
52905
|
-
}
|
|
51150
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
51151
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
51152
|
+
this.focusTrap.focusFirstElement();
|
|
52906
51153
|
}
|
|
52907
51154
|
// Fullscreen: showModal() provides native focus trapping
|
|
52908
|
-
}
|
|
52909
|
-
}
|
|
52910
|
-
|
|
52911
|
-
/**
|
|
52912
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
52913
|
-
* @private
|
|
52914
|
-
* @returns {Array<HTMLElement>}
|
|
52915
|
-
*/
|
|
52916
|
-
_getActiveElements() {
|
|
52917
|
-
let { activeElement } = document;
|
|
52918
|
-
const actives = [activeElement];
|
|
52919
|
-
|
|
52920
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
52921
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
52922
|
-
actives.push(activeElement);
|
|
52923
|
-
}
|
|
52924
|
-
|
|
52925
|
-
return actives;
|
|
52926
|
-
}
|
|
52927
|
-
|
|
52928
|
-
/**
|
|
52929
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52930
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52931
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52932
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
52933
|
-
* to ensure all page content outside the host subtree is inert.
|
|
52934
|
-
* @private
|
|
52935
|
-
*/
|
|
52936
|
-
_setPageInert() {
|
|
52937
|
-
if (this._inertSiblings) {
|
|
52938
51155
|
return;
|
|
52939
51156
|
}
|
|
52940
51157
|
|
|
52941
|
-
this.
|
|
52942
|
-
|
|
52943
|
-
|
|
52944
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
52945
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52946
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
52947
|
-
let host = this;
|
|
52948
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52949
|
-
host = host.getRootNode().host;
|
|
52950
|
-
}
|
|
52951
|
-
|
|
52952
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
52953
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
52954
|
-
let current = host;
|
|
52955
|
-
while (current.parentElement) {
|
|
52956
|
-
const parent = current.parentElement;
|
|
52957
|
-
for (const sibling of parent.children) {
|
|
52958
|
-
if (sibling !== current) {
|
|
52959
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
52960
|
-
sibling.inert = true;
|
|
52961
|
-
}
|
|
52962
|
-
}
|
|
52963
|
-
current = parent;
|
|
52964
|
-
}
|
|
52965
|
-
}
|
|
52966
|
-
|
|
52967
|
-
/**
|
|
52968
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
52969
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
52970
|
-
* not inadvertently re-enabled.
|
|
52971
|
-
* @private
|
|
52972
|
-
*/
|
|
52973
|
-
_clearPageInert() {
|
|
52974
|
-
if (this._inertSiblings) {
|
|
52975
|
-
for (const entry of this._inertSiblings) {
|
|
52976
|
-
entry.element.inert = entry.wasInert;
|
|
52977
|
-
}
|
|
52978
|
-
this._inertSiblings = undefined;
|
|
51158
|
+
if (this.focusTrap) {
|
|
51159
|
+
this.focusTrap.disconnect();
|
|
51160
|
+
this.focusTrap = undefined;
|
|
52979
51161
|
}
|
|
52980
51162
|
}
|
|
52981
51163
|
|
|
@@ -53214,7 +51396,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
53214
51396
|
shape="${this.shape}"
|
|
53215
51397
|
?data-show="${this.isPopoverVisible}"
|
|
53216
51398
|
?isfullscreen="${this.isBibFullscreen}"
|
|
53217
|
-
?desktopmodal="${this.desktopModal}"
|
|
53218
51399
|
.dialogLabel="${this.bibDialogLabel}"
|
|
53219
51400
|
${n$6(this.bibElement)}
|
|
53220
51401
|
>
|
|
@@ -59913,7 +58094,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
|
|
|
59913
58094
|
}
|
|
59914
58095
|
};
|
|
59915
58096
|
|
|
59916
|
-
var formkitVersion$1$1 = '
|
|
58097
|
+
var formkitVersion$1$1 = '202605201634';
|
|
59917
58098
|
|
|
59918
58099
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
59919
58100
|
// See LICENSE in the project root for license information.
|
|
@@ -60867,14 +59048,6 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60867
59048
|
large: {
|
|
60868
59049
|
type: Boolean,
|
|
60869
59050
|
reflect: true
|
|
60870
|
-
},
|
|
60871
|
-
|
|
60872
|
-
/**
|
|
60873
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60874
|
-
*/
|
|
60875
|
-
showFooter: {
|
|
60876
|
-
type: Boolean,
|
|
60877
|
-
reflect: true
|
|
60878
59051
|
}
|
|
60879
59052
|
};
|
|
60880
59053
|
}
|
|
@@ -60977,7 +59150,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60977
59150
|
<slot></slot>
|
|
60978
59151
|
</div>
|
|
60979
59152
|
|
|
60980
|
-
${this.isFullscreen
|
|
59153
|
+
${this.isFullscreen ? u$c`
|
|
60981
59154
|
<div id="footerContainer">
|
|
60982
59155
|
<slot name="footer"></slot>
|
|
60983
59156
|
</div>` : null}
|
|
@@ -60986,7 +59159,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60986
59159
|
}
|
|
60987
59160
|
};
|
|
60988
59161
|
|
|
60989
|
-
var formkitVersion$3 = '
|
|
59162
|
+
var formkitVersion$3 = '202605201634';
|
|
60990
59163
|
|
|
60991
59164
|
var styleCss$1$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
60992
59165
|
|
|
@@ -66472,28 +64645,30 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
66472
64645
|
const selectKeyboardStrategy = {
|
|
66473
64646
|
ArrowDown(component, evt, ctx) {
|
|
66474
64647
|
evt.preventDefault();
|
|
66475
|
-
if (
|
|
66476
|
-
|
|
66477
|
-
|
|
66478
|
-
|
|
64648
|
+
if (ctx.isExpanded) {
|
|
64649
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
64650
|
+
// navigate to last enabled option
|
|
64651
|
+
selectKeyboardStrategy.End(component, evt, ctx);
|
|
64652
|
+
} else {
|
|
64653
|
+
navigateArrow(component, 'down', { ctx });
|
|
64654
|
+
}
|
|
64655
|
+
} else {
|
|
64656
|
+
component.dropdown.show();
|
|
66479
64657
|
}
|
|
66480
|
-
navigateArrow(component, 'down', {
|
|
66481
|
-
ctx,
|
|
66482
|
-
showFn: () => component.dropdown.show(),
|
|
66483
|
-
});
|
|
66484
64658
|
},
|
|
66485
64659
|
|
|
66486
64660
|
ArrowUp(component, evt, ctx) {
|
|
66487
64661
|
evt.preventDefault();
|
|
66488
|
-
if (
|
|
66489
|
-
|
|
66490
|
-
|
|
66491
|
-
|
|
64662
|
+
if (ctx.isExpanded) {
|
|
64663
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
64664
|
+
// navigate to first enabled option
|
|
64665
|
+
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
64666
|
+
} else {
|
|
64667
|
+
navigateArrow(component, 'up', { ctx });
|
|
64668
|
+
}
|
|
64669
|
+
} else {
|
|
64670
|
+
component.dropdown.show();
|
|
66492
64671
|
}
|
|
66493
|
-
navigateArrow(component, 'up', {
|
|
66494
|
-
ctx,
|
|
66495
|
-
showFn: () => component.dropdown.show(),
|
|
66496
|
-
});
|
|
66497
64672
|
},
|
|
66498
64673
|
|
|
66499
64674
|
Escape(component, evt, ctx) {
|
|
@@ -69845,7 +68020,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
69845
68020
|
});
|
|
69846
68021
|
}
|
|
69847
68022
|
|
|
69848
|
-
var styleCss$2$1 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(
|
|
68023
|
+
var styleCss$2$1 = i$7`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
69849
68024
|
|
|
69850
68025
|
var colorCss$2 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
69851
68026
|
|
|
@@ -70476,7 +68651,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
70476
68651
|
}
|
|
70477
68652
|
};
|
|
70478
68653
|
|
|
70479
|
-
var formkitVersion$1 = '
|
|
68654
|
+
var formkitVersion$1 = '202605201634';
|
|
70480
68655
|
|
|
70481
68656
|
class AuroElement extends i$4 {
|
|
70482
68657
|
static get properties() {
|
|
@@ -70656,7 +68831,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70656
68831
|
_intializeDefaults() {
|
|
70657
68832
|
this.appearance = 'default';
|
|
70658
68833
|
this.chevron = false;
|
|
70659
|
-
this.desktopModal = false;
|
|
70660
68834
|
this.disabled = false;
|
|
70661
68835
|
this.disableKeyboardHandling = false;
|
|
70662
68836
|
this.error = false;
|
|
@@ -70837,14 +69011,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70837
69011
|
reflect: true
|
|
70838
69012
|
},
|
|
70839
69013
|
|
|
70840
|
-
/**
|
|
70841
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70842
|
-
*/
|
|
70843
|
-
desktopModal: {
|
|
70844
|
-
type: Boolean,
|
|
70845
|
-
reflect: true
|
|
70846
|
-
},
|
|
70847
|
-
|
|
70848
69014
|
/**
|
|
70849
69015
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
70850
69016
|
*/
|
|
@@ -71132,15 +69298,6 @@ class AuroDropdown extends AuroElement {
|
|
|
71132
69298
|
|
|
71133
69299
|
disconnectedCallback() {
|
|
71134
69300
|
super.disconnectedCallback();
|
|
71135
|
-
this._clearPageInert();
|
|
71136
|
-
if (this._bibTabHandler) {
|
|
71137
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
71138
|
-
this._bibTabHandler = undefined;
|
|
71139
|
-
}
|
|
71140
|
-
if (this.focusTrap) {
|
|
71141
|
-
this.focusTrap.disconnect();
|
|
71142
|
-
this.focusTrap = undefined;
|
|
71143
|
-
}
|
|
71144
69301
|
if (this.floater) {
|
|
71145
69302
|
this.floater.hideBib('disconnect');
|
|
71146
69303
|
this.floater.disconnect();
|
|
@@ -71168,45 +69325,19 @@ class AuroDropdown extends AuroElement {
|
|
|
71168
69325
|
if (this.isPopoverVisible) {
|
|
71169
69326
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
71170
69327
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
71171
|
-
this.
|
|
71172
|
-
this.
|
|
71173
|
-
|
|
71174
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
71175
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
71176
|
-
this._setPageInert();
|
|
71177
|
-
}
|
|
69328
|
+
const useModal = this.isBibFullscreen;
|
|
69329
|
+
this.bibElement.value.open(useModal);
|
|
71178
69330
|
} else {
|
|
71179
69331
|
this.bibElement.value.close();
|
|
71180
|
-
this._clearPageInert();
|
|
71181
69332
|
}
|
|
71182
69333
|
}
|
|
71183
69334
|
|
|
71184
69335
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
71185
69336
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
71186
69337
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
69338
|
+
const useModal = this.isBibFullscreen;
|
|
71187
69339
|
this.bibElement.value.close();
|
|
71188
|
-
this.bibElement.value.open(
|
|
71189
|
-
|
|
71190
|
-
// Re-initialize focus management for the new strategy
|
|
71191
|
-
this.updateFocusTrap();
|
|
71192
|
-
|
|
71193
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
71194
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
71195
|
-
this._setPageInert();
|
|
71196
|
-
} else {
|
|
71197
|
-
this._clearPageInert();
|
|
71198
|
-
}
|
|
71199
|
-
}
|
|
71200
|
-
|
|
71201
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
71202
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
71203
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
71204
|
-
this.updateFocusTrap();
|
|
71205
|
-
if (this.desktopModal) {
|
|
71206
|
-
this._setPageInert();
|
|
71207
|
-
} else {
|
|
71208
|
-
this._clearPageInert();
|
|
71209
|
-
}
|
|
69340
|
+
this.bibElement.value.open(useModal);
|
|
71210
69341
|
}
|
|
71211
69342
|
}
|
|
71212
69343
|
|
|
@@ -71216,14 +69347,8 @@ class AuroDropdown extends AuroElement {
|
|
|
71216
69347
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
71217
69348
|
*/
|
|
71218
69349
|
handleDropdownToggle(event) {
|
|
69350
|
+
this.updateFocusTrap();
|
|
71219
69351
|
this.isPopoverVisible = event.detail.expanded;
|
|
71220
|
-
|
|
71221
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
71222
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
71223
|
-
if (!this.isPopoverVisible) {
|
|
71224
|
-
this.updateFocusTrap();
|
|
71225
|
-
}
|
|
71226
|
-
|
|
71227
69352
|
const eventType = event.detail.eventType || "unknown";
|
|
71228
69353
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
71229
69354
|
this.trigger.focus();
|
|
@@ -71322,178 +69447,19 @@ class AuroDropdown extends AuroElement {
|
|
|
71322
69447
|
* @private
|
|
71323
69448
|
*/
|
|
71324
69449
|
updateFocusTrap() {
|
|
71325
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
71326
|
-
// to prevent duplicate listeners on repeated calls.
|
|
71327
|
-
if (this._bibTabHandler) {
|
|
71328
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
71329
|
-
this._bibTabHandler = undefined;
|
|
71330
|
-
}
|
|
71331
|
-
|
|
71332
|
-
if (this.focusTrap) {
|
|
71333
|
-
this.focusTrap.disconnect();
|
|
71334
|
-
this.focusTrap = undefined;
|
|
71335
|
-
}
|
|
71336
|
-
|
|
71337
69450
|
if (this.isPopoverVisible) {
|
|
71338
69451
|
if (!this.isBibFullscreen) {
|
|
71339
|
-
|
|
71340
|
-
|
|
71341
|
-
|
|
71342
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
71343
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
71344
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
71345
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
71346
|
-
// within the bib's focusable elements.
|
|
71347
|
-
this._bibTabHandler = (event) => {
|
|
71348
|
-
if (event.key !== 'Tab') {
|
|
71349
|
-
return;
|
|
71350
|
-
}
|
|
71351
|
-
|
|
71352
|
-
// Collect focusable elements from the bib content.
|
|
71353
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
71354
|
-
|
|
71355
|
-
// Fallback: try from slotted content directly
|
|
71356
|
-
if (!focusables.length) {
|
|
71357
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
71358
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
71359
|
-
|
|
71360
|
-
for (const node of assignedNodes) {
|
|
71361
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
71362
|
-
focusables.push(...getFocusableElements(node));
|
|
71363
|
-
}
|
|
71364
|
-
}
|
|
71365
|
-
}
|
|
71366
|
-
|
|
71367
|
-
if (!focusables.length) {
|
|
71368
|
-
return;
|
|
71369
|
-
}
|
|
71370
|
-
|
|
71371
|
-
event.preventDefault();
|
|
71372
|
-
|
|
71373
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
71374
|
-
|
|
71375
|
-
// Walk the active element chain through shadow roots
|
|
71376
|
-
const actives = this._getActiveElements();
|
|
71377
|
-
|
|
71378
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
71379
|
-
|
|
71380
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
71381
|
-
// Focus is not on a known element — move to first/last
|
|
71382
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
71383
|
-
}
|
|
71384
|
-
|
|
71385
|
-
// Try each element in order, skipping any that can't receive focus
|
|
71386
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
71387
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
71388
|
-
let nextIdx = idx + direction;
|
|
71389
|
-
|
|
71390
|
-
// Wrap around
|
|
71391
|
-
if (nextIdx < 0) {
|
|
71392
|
-
nextIdx = focusables.length - 1;
|
|
71393
|
-
} else if (nextIdx >= focusables.length) {
|
|
71394
|
-
nextIdx = 0;
|
|
71395
|
-
}
|
|
71396
|
-
|
|
71397
|
-
focusables[nextIdx].focus();
|
|
71398
|
-
|
|
71399
|
-
// Verify focus actually moved to the target
|
|
71400
|
-
const newActives = this._getActiveElements();
|
|
71401
|
-
|
|
71402
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
71403
|
-
return;
|
|
71404
|
-
}
|
|
71405
|
-
|
|
71406
|
-
// Focus didn't stick — skip this element and try the next
|
|
71407
|
-
idx = nextIdx;
|
|
71408
|
-
}
|
|
71409
|
-
};
|
|
71410
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
71411
|
-
|
|
71412
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
71413
|
-
requestAnimationFrame(() => {
|
|
71414
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
71415
|
-
if (focusables.length) {
|
|
71416
|
-
focusables[0].focus();
|
|
71417
|
-
}
|
|
71418
|
-
});
|
|
71419
|
-
} else {
|
|
71420
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
71421
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
71422
|
-
this.focusTrap.focusFirstElement();
|
|
71423
|
-
}
|
|
69452
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
69453
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
69454
|
+
this.focusTrap.focusFirstElement();
|
|
71424
69455
|
}
|
|
71425
69456
|
// Fullscreen: showModal() provides native focus trapping
|
|
71426
|
-
}
|
|
71427
|
-
}
|
|
71428
|
-
|
|
71429
|
-
/**
|
|
71430
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
71431
|
-
* @private
|
|
71432
|
-
* @returns {Array<HTMLElement>}
|
|
71433
|
-
*/
|
|
71434
|
-
_getActiveElements() {
|
|
71435
|
-
let { activeElement } = document;
|
|
71436
|
-
const actives = [activeElement];
|
|
71437
|
-
|
|
71438
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
71439
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
71440
|
-
actives.push(activeElement);
|
|
71441
|
-
}
|
|
71442
|
-
|
|
71443
|
-
return actives;
|
|
71444
|
-
}
|
|
71445
|
-
|
|
71446
|
-
/**
|
|
71447
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
71448
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
71449
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
71450
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
71451
|
-
* to ensure all page content outside the host subtree is inert.
|
|
71452
|
-
* @private
|
|
71453
|
-
*/
|
|
71454
|
-
_setPageInert() {
|
|
71455
|
-
if (this._inertSiblings) {
|
|
71456
69457
|
return;
|
|
71457
69458
|
}
|
|
71458
69459
|
|
|
71459
|
-
this.
|
|
71460
|
-
|
|
71461
|
-
|
|
71462
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
71463
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
71464
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
71465
|
-
let host = this;
|
|
71466
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
71467
|
-
host = host.getRootNode().host;
|
|
71468
|
-
}
|
|
71469
|
-
|
|
71470
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
71471
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
71472
|
-
let current = host;
|
|
71473
|
-
while (current.parentElement) {
|
|
71474
|
-
const parent = current.parentElement;
|
|
71475
|
-
for (const sibling of parent.children) {
|
|
71476
|
-
if (sibling !== current) {
|
|
71477
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
71478
|
-
sibling.inert = true;
|
|
71479
|
-
}
|
|
71480
|
-
}
|
|
71481
|
-
current = parent;
|
|
71482
|
-
}
|
|
71483
|
-
}
|
|
71484
|
-
|
|
71485
|
-
/**
|
|
71486
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
71487
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
71488
|
-
* not inadvertently re-enabled.
|
|
71489
|
-
* @private
|
|
71490
|
-
*/
|
|
71491
|
-
_clearPageInert() {
|
|
71492
|
-
if (this._inertSiblings) {
|
|
71493
|
-
for (const entry of this._inertSiblings) {
|
|
71494
|
-
entry.element.inert = entry.wasInert;
|
|
71495
|
-
}
|
|
71496
|
-
this._inertSiblings = undefined;
|
|
69460
|
+
if (this.focusTrap) {
|
|
69461
|
+
this.focusTrap.disconnect();
|
|
69462
|
+
this.focusTrap = undefined;
|
|
71497
69463
|
}
|
|
71498
69464
|
}
|
|
71499
69465
|
|
|
@@ -71732,7 +69698,6 @@ class AuroDropdown extends AuroElement {
|
|
|
71732
69698
|
shape="${this.shape}"
|
|
71733
69699
|
?data-show="${this.isPopoverVisible}"
|
|
71734
69700
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71735
|
-
?desktopmodal="${this.desktopModal}"
|
|
71736
69701
|
.dialogLabel="${this.bibDialogLabel}"
|
|
71737
69702
|
${n$6(this.bibElement)}
|
|
71738
69703
|
>
|
|
@@ -72100,14 +70065,6 @@ class AuroBibtemplate extends i$4 {
|
|
|
72100
70065
|
large: {
|
|
72101
70066
|
type: Boolean,
|
|
72102
70067
|
reflect: true
|
|
72103
|
-
},
|
|
72104
|
-
|
|
72105
|
-
/**
|
|
72106
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
72107
|
-
*/
|
|
72108
|
-
showFooter: {
|
|
72109
|
-
type: Boolean,
|
|
72110
|
-
reflect: true
|
|
72111
70068
|
}
|
|
72112
70069
|
};
|
|
72113
70070
|
}
|
|
@@ -72210,7 +70167,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
72210
70167
|
<slot></slot>
|
|
72211
70168
|
</div>
|
|
72212
70169
|
|
|
72213
|
-
${this.isFullscreen
|
|
70170
|
+
${this.isFullscreen ? u$c`
|
|
72214
70171
|
<div id="footerContainer">
|
|
72215
70172
|
<slot name="footer"></slot>
|
|
72216
70173
|
</div>` : null}
|
|
@@ -72447,7 +70404,7 @@ class AuroHelpText extends i$4 {
|
|
|
72447
70404
|
}
|
|
72448
70405
|
}
|
|
72449
70406
|
|
|
72450
|
-
var formkitVersion = '
|
|
70407
|
+
var formkitVersion = '202605201634';
|
|
72451
70408
|
|
|
72452
70409
|
var styleCss = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
72453
70410
|
|