@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.5 → 0.0.0-pr1477.0
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/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +18 -234
- package/components/combobox/demo/getting-started.min.js +18 -234
- package/components/combobox/demo/index.min.js +18 -234
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/dist/index.js +18 -234
- package/components/combobox/dist/registered.js +18 -234
- package/components/counter/demo/customize.min.js +15 -231
- package/components/counter/demo/index.min.js +15 -231
- package/components/counter/demo/keyboard-behavior.md +0 -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 +0 -9
- 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 -82
- package/components/datepicker/demo/index.min.js +94 -1338
- package/components/datepicker/demo/keyboard-behavior.md +2 -201
- package/components/datepicker/demo/voiceover.md +12 -19
- package/components/datepicker/dist/index.js +112 -1280
- package/components/datepicker/dist/registered.js +112 -1280
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +1 -64
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +0 -28
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -84
- package/components/datepicker/dist/src/auro-datepicker.d.ts +0 -80
- 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 -221
- package/components/dropdown/demo/getting-started.min.js +13 -221
- package/components/dropdown/demo/index.min.js +13 -221
- package/components/dropdown/demo/keyboard-behavior.md +0 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +1 -31
- package/components/dropdown/dist/index.js +13 -221
- package/components/dropdown/dist/registered.js +13 -221
- package/components/form/demo/customize.min.js +163 -1977
- package/components/form/demo/getting-started.min.js +163 -1977
- package/components/form/demo/index.min.js +163 -1977
- package/components/form/demo/registerDemoDeps.min.js +163 -1977
- 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/dist/index.js +1 -1
- package/components/input/dist/registered.js +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/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +33 -247
- package/components/select/demo/getting-started.min.js +33 -247
- package/components/select/demo/index.min.js +33 -247
- package/components/select/demo/keyboard-behavior.md +54 -9
- package/components/select/dist/index.js +33 -247
- package/components/select/dist/registered.js +33 -247
- package/custom-elements.json +5 -677
- package/package.json +2 -2
- package/components/datepicker/demo/customize.js +0 -19
- package/components/datepicker/demo/customize.min.js +0 -25805
- 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
|
@@ -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 = '202605192014';
|
|
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,20 +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.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.
|
|
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],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,A$3$1=Math.min,k$6$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&&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=!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 N$3$1(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function j(e){for(var t=y$6$1(e),i=N$3$1(e);i&&H$3$1(i)&&"static"===L(i).position;)i=N$3$1(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,A$3$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=j(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,A=u[v],k=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(A,z,k),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"),A=a,z=r$1$1,E=window;if(m){var M=j(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)A=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),N=true===u?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=N.x,x=N.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[A]=_?"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[A]=_?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)?j(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=A$3$1(r.right,t.right),t.bottom=A$3$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)),A=y===h$3$1?"reference":h$3$1,k=e.rects.popper,z=e.elements[x?A: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:k,placement:a}),L=ie(Object.assign({},k,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},N=e.modifiersData.offset;if(y===h$3$1&&N){var j=N[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]+=j[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),A=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)),k=[S].concat(A).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=k[0],L=0;L<k.length;L++){var H=k[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,N=[r$1$1,o].indexOf(C)>=0,j=N?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=N?R?n$1$1:a:R?o:r$1$1;z[j]>E[j]&&(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=k.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),k=q$3$1(t.placement),z=!k,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),N=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=k===p$6$1?L[X]:H[X],J=k===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&&j(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==N?void 0:N[E])?F:0,pe=V+oe-ce,de=D(y?A$3$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==N?void 0:N[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=k$6$1(t.width)/e.offsetWidth||1,s=k$6$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,j(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)}
|
|
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._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.
|
|
16037
|
-
<div id="popover" class="popover util_insetLg body-default" part="popover"
|
|
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">
|
|
16038
16038
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
16039
|
-
<slot></slot>
|
|
16039
|
+
<span role="tooltip"><slot></slot></span>
|
|
16040
16040
|
</div>
|
|
16041
16041
|
|
|
16042
|
-
<span
|
|
16042
|
+
<span>
|
|
16043
16043
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
16044
16044
|
</span>
|
|
16045
16045
|
`}}
|
|
@@ -16067,8 +16067,6 @@ class AuroCalendarCell extends i$4 {
|
|
|
16067
16067
|
this._locale = null;
|
|
16068
16068
|
this.dateStr = null;
|
|
16069
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.
|
|
16070
|
-
this.active = false;
|
|
16071
|
-
this.hasPopoverContent = false;
|
|
16072
16070
|
|
|
16073
16071
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
16074
16072
|
|
|
@@ -16102,12 +16100,7 @@ class AuroCalendarCell extends i$4 {
|
|
|
16102
16100
|
isCurrentDate: { type: Boolean },
|
|
16103
16101
|
locale: { type: Object },
|
|
16104
16102
|
dateStr: { type: String },
|
|
16105
|
-
renderForDateSlot: { type: Boolean }
|
|
16106
|
-
active: {
|
|
16107
|
-
type: Boolean,
|
|
16108
|
-
reflect: true
|
|
16109
|
-
},
|
|
16110
|
-
hasPopoverContent: { type: Boolean }
|
|
16103
|
+
renderForDateSlot: { type: Boolean }
|
|
16111
16104
|
};
|
|
16112
16105
|
}
|
|
16113
16106
|
|
|
@@ -16166,18 +16159,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16166
16159
|
* @returns {void}
|
|
16167
16160
|
*/
|
|
16168
16161
|
handleTap() {
|
|
16169
|
-
if (!this.disabled
|
|
16162
|
+
if (!this.disabled) {
|
|
16170
16163
|
this.datepicker.handleCellClick(this.day.date);
|
|
16171
16164
|
}
|
|
16172
|
-
|
|
16173
|
-
// Set this cell as the active cell regardless of blackout status
|
|
16174
|
-
if (this.day) {
|
|
16175
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16176
|
-
bubbles: true,
|
|
16177
|
-
composed: true,
|
|
16178
|
-
detail: { date: this.day.date }
|
|
16179
|
-
}));
|
|
16180
|
-
}
|
|
16181
16165
|
}
|
|
16182
16166
|
|
|
16183
16167
|
/**
|
|
@@ -16186,7 +16170,6 @@ class AuroCalendarCell extends i$4 {
|
|
|
16186
16170
|
* @returns {void}
|
|
16187
16171
|
*/
|
|
16188
16172
|
handleHover() {
|
|
16189
|
-
if (this.hovered) return;
|
|
16190
16173
|
this.hovered = true;
|
|
16191
16174
|
|
|
16192
16175
|
let _a;
|
|
@@ -16196,61 +16179,7 @@ class AuroCalendarCell extends i$4 {
|
|
|
16196
16179
|
}
|
|
16197
16180
|
|
|
16198
16181
|
/**
|
|
16199
|
-
* Checks if the current date is
|
|
16200
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
16201
|
-
* @private
|
|
16202
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16203
|
-
* @param {Number} min - The minimum date value.
|
|
16204
|
-
* @param {Number} max - The maximum date value.
|
|
16205
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
16206
|
-
*/
|
|
16207
|
-
isOutOfRange(day, min, max) {
|
|
16208
|
-
if (day && day.date != null) {
|
|
16209
|
-
return day.date < min || day.date > max;
|
|
16210
|
-
}
|
|
16211
|
-
return false;
|
|
16212
|
-
}
|
|
16213
|
-
|
|
16214
|
-
/**
|
|
16215
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
16216
|
-
* Blackout cells are focusable but not selectable.
|
|
16217
|
-
* @private
|
|
16218
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
16219
|
-
*/
|
|
16220
|
-
isBlackout() {
|
|
16221
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
16222
|
-
return false;
|
|
16223
|
-
}
|
|
16224
|
-
|
|
16225
|
-
// Check against disabledDays timestamps (legacy path)
|
|
16226
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
16227
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
16228
|
-
return true;
|
|
16229
|
-
}
|
|
16230
|
-
}
|
|
16231
|
-
|
|
16232
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
16233
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
16234
|
-
|
|
16235
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
16236
|
-
const date = new Date(this.day.date * 1000);
|
|
16237
|
-
const yyyy = date.getFullYear();
|
|
16238
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
16239
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
16240
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
16241
|
-
if (blackoutDates.includes(cellDate)) {
|
|
16242
|
-
return true;
|
|
16243
|
-
}
|
|
16244
|
-
}
|
|
16245
|
-
|
|
16246
|
-
return false;
|
|
16247
|
-
}
|
|
16248
|
-
|
|
16249
|
-
/**
|
|
16250
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
16251
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
16252
|
-
* host when the date falls outside the allowed range or appears in
|
|
16253
|
-
* 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.
|
|
16254
16183
|
* @private
|
|
16255
16184
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16256
16185
|
* @param {Number} min - The minimum date value.
|
|
@@ -16270,91 +16199,6 @@ class AuroCalendarCell extends i$4 {
|
|
|
16270
16199
|
return false;
|
|
16271
16200
|
}
|
|
16272
16201
|
|
|
16273
|
-
/**
|
|
16274
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
16275
|
-
* @private
|
|
16276
|
-
* @returns {String} The unique cell ID.
|
|
16277
|
-
*/
|
|
16278
|
-
getCellId() {
|
|
16279
|
-
if (!this.day || !this.day.date) return '';
|
|
16280
|
-
const date = new Date(this.day.date * 1000);
|
|
16281
|
-
const year = date.getFullYear();
|
|
16282
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
16283
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
16284
|
-
return `cell-${year}-${month}-${day}`;
|
|
16285
|
-
}
|
|
16286
|
-
|
|
16287
|
-
/**
|
|
16288
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
16289
|
-
* Includes range position and blackout status.
|
|
16290
|
-
* @private
|
|
16291
|
-
* @returns {String} The aria-label string.
|
|
16292
|
-
*/
|
|
16293
|
-
getAriaLabel() {
|
|
16294
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
16295
|
-
|
|
16296
|
-
const date = new Date(this.day.date * 1000);
|
|
16297
|
-
|
|
16298
|
-
// Generate localized full date string using the configured locale
|
|
16299
|
-
const localeCode = this.locale?.code || undefined;
|
|
16300
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
16301
|
-
weekday: 'long',
|
|
16302
|
-
year: 'numeric',
|
|
16303
|
-
month: 'long',
|
|
16304
|
-
day: 'numeric'
|
|
16305
|
-
});
|
|
16306
|
-
|
|
16307
|
-
let label = dateFormatter.format(date);
|
|
16308
|
-
|
|
16309
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
16310
|
-
if (this.hasPopoverContent) {
|
|
16311
|
-
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
16312
|
-
}
|
|
16313
|
-
|
|
16314
|
-
// Append range position if in range mode
|
|
16315
|
-
const rangePosition = this.getRangePosition();
|
|
16316
|
-
if (rangePosition) {
|
|
16317
|
-
label += `, ${rangePosition}`;
|
|
16318
|
-
}
|
|
16319
|
-
|
|
16320
|
-
// Append blackout label for blackout cells
|
|
16321
|
-
if (this.isBlackout()) {
|
|
16322
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
16323
|
-
}
|
|
16324
|
-
|
|
16325
|
-
return label;
|
|
16326
|
-
}
|
|
16327
|
-
|
|
16328
|
-
/**
|
|
16329
|
-
* Determines the range position of this cell relative to the current selection.
|
|
16330
|
-
* @private
|
|
16331
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
16332
|
-
*/
|
|
16333
|
-
getRangePosition() {
|
|
16334
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
16335
|
-
|
|
16336
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
16337
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
16338
|
-
|
|
16339
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
16340
|
-
const dayDate = this.day.date;
|
|
16341
|
-
|
|
16342
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
16343
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
16344
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
16345
|
-
|
|
16346
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
16347
|
-
|
|
16348
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
16349
|
-
|
|
16350
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
16351
|
-
|
|
16352
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
16353
|
-
|
|
16354
|
-
// After start date, no end date yet, or after end date
|
|
16355
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
16356
|
-
}
|
|
16357
|
-
|
|
16358
16202
|
/**
|
|
16359
16203
|
* Checks if the current date is the depart date.
|
|
16360
16204
|
* @private
|
|
@@ -16516,9 +16360,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16516
16360
|
|
|
16517
16361
|
if (popoverSlotContent) {
|
|
16518
16362
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
16519
|
-
this.
|
|
16363
|
+
this.auroPopover.removeAttribute('disabled');
|
|
16520
16364
|
} else {
|
|
16521
|
-
this.
|
|
16365
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
16522
16366
|
}
|
|
16523
16367
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
16524
16368
|
// Error handling goes here
|
|
@@ -16538,23 +16382,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16538
16382
|
this.handleSlotContent();
|
|
16539
16383
|
});
|
|
16540
16384
|
|
|
16541
|
-
this.calendarMonth = calendarMonth;
|
|
16542
|
-
this.configurePopover();
|
|
16543
|
-
}
|
|
16544
|
-
|
|
16545
|
-
/**
|
|
16546
|
-
* Configures the popover instance with the calendar month boundary.
|
|
16547
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
16548
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
16549
|
-
* @private
|
|
16550
|
-
* @returns {void}
|
|
16551
|
-
*/
|
|
16552
|
-
configurePopover() {
|
|
16553
16385
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
16554
16386
|
|
|
16555
|
-
|
|
16556
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
16557
|
-
}
|
|
16387
|
+
this.auroPopover.boundary = calendarMonth;
|
|
16558
16388
|
}
|
|
16559
16389
|
|
|
16560
16390
|
updated(properties) {
|
|
@@ -16562,88 +16392,46 @@ class AuroCalendarCell extends i$4 {
|
|
|
16562
16392
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
16563
16393
|
}
|
|
16564
16394
|
|
|
16565
|
-
|
|
16566
|
-
|
|
16567
|
-
this.handleSlotContent();
|
|
16568
|
-
}
|
|
16569
|
-
|
|
16570
|
-
// Configure popover when it first becomes rendered
|
|
16571
|
-
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
16572
|
-
this.updateComplete.then(() => this.configurePopover());
|
|
16573
|
-
}
|
|
16395
|
+
this.setDateSlotName();
|
|
16396
|
+
this.handleSlotContent();
|
|
16574
16397
|
}
|
|
16575
16398
|
|
|
16576
|
-
|
|
16577
|
-
* Programmatically focuses the cell's interactive button element.
|
|
16578
|
-
* @returns {void}
|
|
16579
|
-
*/
|
|
16580
|
-
focusButton() {
|
|
16581
|
-
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
16582
|
-
if (button) {
|
|
16583
|
-
button.focus();
|
|
16584
|
-
}
|
|
16585
|
-
}
|
|
16586
|
-
|
|
16587
|
-
renderCellButton() {
|
|
16588
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
16589
|
-
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
16590
|
-
const blackout = this.isBlackout();
|
|
16591
|
-
|
|
16399
|
+
render() {
|
|
16592
16400
|
const buttonClasses = {
|
|
16593
16401
|
'day': true,
|
|
16594
16402
|
'body-lg': true,
|
|
16595
|
-
'currentDate': this.
|
|
16403
|
+
'currentDate': this.currentDate,
|
|
16596
16404
|
'selected': this.selected,
|
|
16597
|
-
'inRange': this.
|
|
16405
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16598
16406
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
16599
|
-
'disabled':
|
|
16600
|
-
'
|
|
16601
|
-
'
|
|
16602
|
-
'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),
|
|
16603
16410
|
'reference': this.isReferenceDate(this.dateStr),
|
|
16604
|
-
'sameDateTrip': this.
|
|
16411
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
16605
16412
|
};
|
|
16606
16413
|
|
|
16414
|
+
let _a, _b;
|
|
16607
16415
|
return u$c`
|
|
16608
|
-
|
|
16609
|
-
slot="
|
|
16610
|
-
|
|
16611
|
-
|
|
16612
|
-
|
|
16613
|
-
|
|
16614
|
-
|
|
16615
|
-
|
|
16616
|
-
|
|
16617
|
-
|
|
16618
|
-
|
|
16619
|
-
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16623
|
-
|
|
16624
|
-
|
|
16625
|
-
</
|
|
16626
|
-
|
|
16627
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
16628
|
-
</div>
|
|
16629
|
-
</button>
|
|
16630
|
-
`;
|
|
16631
|
-
}
|
|
16632
|
-
|
|
16633
|
-
render() {
|
|
16634
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
16635
|
-
|
|
16636
|
-
if (hasPopoverContent) {
|
|
16637
|
-
return u$c`
|
|
16638
|
-
<${this.popoverTag}>
|
|
16639
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
16640
|
-
${this.renderCellButton()}
|
|
16641
|
-
</${this.popoverTag}>
|
|
16642
|
-
`;
|
|
16643
|
-
}
|
|
16644
|
-
|
|
16645
|
-
return u$c`
|
|
16646
|
-
${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}>
|
|
16647
16435
|
`;
|
|
16648
16436
|
}
|
|
16649
16437
|
}
|
|
@@ -16711,28 +16499,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16711
16499
|
return this.monthNames[month - 1];
|
|
16712
16500
|
}
|
|
16713
16501
|
|
|
16714
|
-
/**
|
|
16715
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16716
|
-
* @private
|
|
16717
|
-
* @returns {String} The heading ID.
|
|
16718
|
-
*/
|
|
16719
|
-
getHeadingId() {
|
|
16720
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
16721
|
-
}
|
|
16722
|
-
|
|
16723
16502
|
/**
|
|
16724
16503
|
* Determines the current month name based on locale.
|
|
16725
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16726
16504
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16727
16505
|
* @private
|
|
16728
16506
|
* @returns {void}
|
|
16729
16507
|
*/
|
|
16730
16508
|
localeChanged() {
|
|
16731
16509
|
const dayNamesOfTheWeek = [];
|
|
16732
|
-
const dayFullNames = [];
|
|
16733
16510
|
for (let int = 0; int < 7; int += 1) {
|
|
16734
16511
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16735
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16736
16512
|
}
|
|
16737
16513
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16738
16514
|
? this.locale.options.weekStartsOn
|
|
@@ -16743,125 +16519,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16743
16519
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16744
16520
|
.concat(tmp);
|
|
16745
16521
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16746
|
-
|
|
16747
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16748
|
-
const newDayFullNames = dayFullNames
|
|
16749
|
-
.slice()
|
|
16750
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16751
|
-
.concat(tmpFull);
|
|
16752
|
-
this.dayFullNames = newDayFullNames;
|
|
16753
|
-
}
|
|
16754
|
-
|
|
16755
|
-
/**
|
|
16756
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16757
|
-
* @private
|
|
16758
|
-
* @param {String} dayOfWeek - The short day name.
|
|
16759
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16760
|
-
* @returns {Object} The header HTML.
|
|
16761
|
-
*/
|
|
16762
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
16763
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16764
|
-
return b$7`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16765
|
-
}
|
|
16766
|
-
|
|
16767
|
-
/**
|
|
16768
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16769
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16770
|
-
*/
|
|
16771
|
-
getFocusableCells() {
|
|
16772
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16773
|
-
return cells.filter(cell => {
|
|
16774
|
-
if (!cell.day) return false;
|
|
16775
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16776
|
-
});
|
|
16777
|
-
}
|
|
16778
|
-
|
|
16779
|
-
/**
|
|
16780
|
-
* Handles arrow key navigation within the month grid.
|
|
16781
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16782
|
-
* @private
|
|
16783
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
16784
|
-
* @returns {void}
|
|
16785
|
-
*/
|
|
16786
|
-
handleGridKeyDown(event) {
|
|
16787
|
-
const { key } = event;
|
|
16788
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16789
|
-
|
|
16790
|
-
if (!arrowKeys.includes(key)) return;
|
|
16791
|
-
|
|
16792
|
-
event.preventDefault();
|
|
16793
|
-
|
|
16794
|
-
const focusableCells = this.getFocusableCells();
|
|
16795
|
-
if (focusableCells.length === 0) return;
|
|
16796
|
-
|
|
16797
|
-
// Find the currently active cell within this month
|
|
16798
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
16799
|
-
if (!activeCell) return;
|
|
16800
|
-
|
|
16801
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16802
|
-
let targetCell = null;
|
|
16803
|
-
|
|
16804
|
-
if (key === 'ArrowRight') {
|
|
16805
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
16806
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
16807
|
-
} else {
|
|
16808
|
-
// At end of month, request cross-month navigation
|
|
16809
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16810
|
-
bubbles: true,
|
|
16811
|
-
composed: true,
|
|
16812
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16813
|
-
}));
|
|
16814
|
-
return;
|
|
16815
|
-
}
|
|
16816
|
-
} else if (key === 'ArrowLeft') {
|
|
16817
|
-
if (activeIndex > 0) {
|
|
16818
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
16819
|
-
} else {
|
|
16820
|
-
// At start of month, request cross-month navigation
|
|
16821
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16822
|
-
bubbles: true,
|
|
16823
|
-
composed: true,
|
|
16824
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16825
|
-
}));
|
|
16826
|
-
return;
|
|
16827
|
-
}
|
|
16828
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16829
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
16830
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16831
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16832
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16833
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
16834
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
16835
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16836
|
-
|
|
16837
|
-
// Look for the target date in this month's focusable cells
|
|
16838
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16839
|
-
|
|
16840
|
-
if (!targetCell) {
|
|
16841
|
-
// Target is in another month or all cells in that direction are disabled
|
|
16842
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16843
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16844
|
-
bubbles: true,
|
|
16845
|
-
composed: true,
|
|
16846
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16847
|
-
}));
|
|
16848
|
-
return;
|
|
16849
|
-
}
|
|
16850
|
-
}
|
|
16851
|
-
|
|
16852
|
-
if (targetCell) {
|
|
16853
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16854
|
-
bubbles: true,
|
|
16855
|
-
composed: true,
|
|
16856
|
-
detail: { date: targetCell.day.date }
|
|
16857
|
-
}));
|
|
16858
|
-
}
|
|
16859
|
-
}
|
|
16860
|
-
|
|
16861
|
-
renderWeek(week) {
|
|
16862
|
-
return b$7`
|
|
16863
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16864
|
-
`;
|
|
16865
16522
|
}
|
|
16866
16523
|
|
|
16867
16524
|
renderDay(day) {
|
|
@@ -16885,7 +16542,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16885
16542
|
>
|
|
16886
16543
|
</auro-formkit-calendar-cell>
|
|
16887
16544
|
`
|
|
16888
|
-
:
|
|
16545
|
+
: null}
|
|
16889
16546
|
</div>
|
|
16890
16547
|
`;
|
|
16891
16548
|
}
|
|
@@ -16896,10 +16553,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16896
16553
|
var _a, _b;
|
|
16897
16554
|
|
|
16898
16555
|
return b$7 `
|
|
16899
|
-
<div
|
|
16556
|
+
<div>
|
|
16900
16557
|
<div class="header">
|
|
16901
16558
|
${this.renderPrevButton()}
|
|
16902
|
-
<div class="headerTitle heading-xs"
|
|
16559
|
+
<div class="headerTitle heading-xs">
|
|
16903
16560
|
${this.monthFirst ? b$7`
|
|
16904
16561
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16905
16562
|
<div>${this.renderYear()}</div>
|
|
@@ -16911,13 +16568,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16911
16568
|
${this.renderNextButton()}
|
|
16912
16569
|
</div>
|
|
16913
16570
|
|
|
16914
|
-
<div class="table"
|
|
16915
|
-
<div class="thead"
|
|
16916
|
-
<div class="tr"
|
|
16917
|
-
${(_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))}
|
|
16918
16575
|
</div>
|
|
16919
16576
|
</div>
|
|
16920
|
-
<div class="tbody"
|
|
16577
|
+
<div class="tbody">
|
|
16921
16578
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16922
16579
|
</div>
|
|
16923
16580
|
</div>
|
|
@@ -17610,14 +17267,6 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17610
17267
|
large: {
|
|
17611
17268
|
type: Boolean,
|
|
17612
17269
|
reflect: true
|
|
17613
|
-
},
|
|
17614
|
-
|
|
17615
|
-
/**
|
|
17616
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
17617
|
-
*/
|
|
17618
|
-
showFooter: {
|
|
17619
|
-
type: Boolean,
|
|
17620
|
-
reflect: true
|
|
17621
17270
|
}
|
|
17622
17271
|
};
|
|
17623
17272
|
}
|
|
@@ -17720,7 +17369,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17720
17369
|
<slot></slot>
|
|
17721
17370
|
</div>
|
|
17722
17371
|
|
|
17723
|
-
${this.isFullscreen
|
|
17372
|
+
${this.isFullscreen ? u$c`
|
|
17724
17373
|
<div id="footerContainer">
|
|
17725
17374
|
<slot name="footer"></slot>
|
|
17726
17375
|
</div>` : null}
|
|
@@ -17729,7 +17378,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17729
17378
|
}
|
|
17730
17379
|
};
|
|
17731
17380
|
|
|
17732
|
-
var formkitVersion$2$1 = '
|
|
17381
|
+
var formkitVersion$2$1 = '202605192014';
|
|
17733
17382
|
|
|
17734
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}
|
|
17735
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}}
|
|
@@ -17827,13 +17476,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17827
17476
|
this.largeFullscreenHeadline = false;
|
|
17828
17477
|
this.isFullscreen = false;
|
|
17829
17478
|
|
|
17830
|
-
/**
|
|
17831
|
-
* The date of the currently active cell (Unix timestamp).
|
|
17832
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17833
|
-
* @private
|
|
17834
|
-
*/
|
|
17835
|
-
this.activeCellDate = null;
|
|
17836
|
-
|
|
17837
17479
|
/**
|
|
17838
17480
|
* @private
|
|
17839
17481
|
*/
|
|
@@ -17999,7 +17641,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17999
17641
|
*/
|
|
18000
17642
|
handlePrevMonth() {
|
|
18001
17643
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
18002
|
-
this.announceMonthChange();
|
|
18003
17644
|
}
|
|
18004
17645
|
|
|
18005
17646
|
/**
|
|
@@ -18009,19 +17650,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18009
17650
|
*/
|
|
18010
17651
|
handleNextMonth() {
|
|
18011
17652
|
this.utilCal.handleMonthChange(this, 'next');
|
|
18012
|
-
this.announceMonthChange();
|
|
18013
|
-
}
|
|
18014
|
-
|
|
18015
|
-
/**
|
|
18016
|
-
* Announces the current month and year via the live region after navigation.
|
|
18017
|
-
* @private
|
|
18018
|
-
* @returns {void}
|
|
18019
|
-
*/
|
|
18020
|
-
announceMonthChange() {
|
|
18021
|
-
const date = new Date(this.centralDate);
|
|
18022
|
-
const localeCode = this.locale?.code || undefined;
|
|
18023
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
18024
|
-
this.announceSelection(formatter.format(date));
|
|
18025
17653
|
}
|
|
18026
17654
|
|
|
18027
17655
|
/**
|
|
@@ -18129,339 +17757,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18129
17757
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
18130
17758
|
}
|
|
18131
17759
|
|
|
18132
|
-
/**
|
|
18133
|
-
* Gets all rendered month components.
|
|
18134
|
-
* @private
|
|
18135
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
18136
|
-
*/
|
|
18137
|
-
getMonthComponents() {
|
|
18138
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
18139
|
-
}
|
|
18140
|
-
|
|
18141
|
-
/**
|
|
18142
|
-
* Gets all focusable cells across all rendered months.
|
|
18143
|
-
* @private
|
|
18144
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
18145
|
-
*/
|
|
18146
|
-
getAllFocusableCells() {
|
|
18147
|
-
const months = this.getMonthComponents();
|
|
18148
|
-
let cells = [];
|
|
18149
|
-
months.forEach(month => {
|
|
18150
|
-
cells = cells.concat(month.getFocusableCells());
|
|
18151
|
-
});
|
|
18152
|
-
return cells;
|
|
18153
|
-
}
|
|
18154
|
-
|
|
18155
|
-
/**
|
|
18156
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
18157
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
18158
|
-
* @returns {void}
|
|
18159
|
-
*/
|
|
18160
|
-
setActiveCell(date) {
|
|
18161
|
-
const allCells = this.getAllFocusableCells();
|
|
18162
|
-
|
|
18163
|
-
allCells.forEach(cell => {
|
|
18164
|
-
cell.active = cell.day && cell.day.date === date;
|
|
18165
|
-
});
|
|
18166
|
-
|
|
18167
|
-
this.activeCellDate = date;
|
|
18168
|
-
}
|
|
18169
|
-
|
|
18170
|
-
/**
|
|
18171
|
-
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
18172
|
-
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
18173
|
-
* to complete so the focused button is the final DOM element.
|
|
18174
|
-
* @returns {void}
|
|
18175
|
-
*/
|
|
18176
|
-
focusActiveCell() {
|
|
18177
|
-
if (this.activeCellDate != null) {
|
|
18178
|
-
this.setActiveCell(this.activeCellDate);
|
|
18179
|
-
}
|
|
18180
|
-
|
|
18181
|
-
const allCells = this.getAllFocusableCells();
|
|
18182
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
18183
|
-
if (activeCell) {
|
|
18184
|
-
activeCell.updateComplete.then(() => {
|
|
18185
|
-
activeCell.focusButton();
|
|
18186
|
-
});
|
|
18187
|
-
}
|
|
18188
|
-
}
|
|
18189
|
-
|
|
18190
|
-
/**
|
|
18191
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
18192
|
-
* Priority:
|
|
18193
|
-
* 1. Selected date (dateFrom) if within range
|
|
18194
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
18195
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
18196
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
18197
|
-
* 5. undefined — no valid target
|
|
18198
|
-
*
|
|
18199
|
-
* @private
|
|
18200
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
18201
|
-
*/
|
|
18202
|
-
computeActiveDate() {
|
|
18203
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
18204
|
-
|
|
18205
|
-
/**
|
|
18206
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
18207
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
18208
|
-
*/
|
|
18209
|
-
const addDays = (ts, days) => {
|
|
18210
|
-
const d = new Date(ts * 1000);
|
|
18211
|
-
d.setDate(d.getDate() + days);
|
|
18212
|
-
d.setHours(0, 0, 0, 0);
|
|
18213
|
-
return Math.floor(d.getTime() / 1000);
|
|
18214
|
-
};
|
|
18215
|
-
|
|
18216
|
-
const rawMin = Number(this.min);
|
|
18217
|
-
const rawMax = Number(this.max);
|
|
18218
|
-
|
|
18219
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
18220
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
18221
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
18222
|
-
|
|
18223
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
18224
|
-
const blackoutSet = new Set(
|
|
18225
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
18226
|
-
);
|
|
18227
|
-
|
|
18228
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
18229
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
18230
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
18231
|
-
if (Array.isArray(isoBlackouts)) {
|
|
18232
|
-
for (const isoStr of isoBlackouts) {
|
|
18233
|
-
const parts = isoStr.split('-');
|
|
18234
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
18235
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
18236
|
-
}
|
|
18237
|
-
}
|
|
18238
|
-
|
|
18239
|
-
/**
|
|
18240
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
18241
|
-
* it is within [min, max] AND not a blackout day.
|
|
18242
|
-
*/
|
|
18243
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
18244
|
-
|
|
18245
|
-
/**
|
|
18246
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
18247
|
-
* Blackout dates are focusable but not selectable.
|
|
18248
|
-
*/
|
|
18249
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
18250
|
-
|
|
18251
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
18252
|
-
if (this.dateFrom) {
|
|
18253
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
18254
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
18255
|
-
}
|
|
18256
|
-
|
|
18257
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
18258
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
18259
|
-
|
|
18260
|
-
if (isEnabled(now)) return now;
|
|
18261
|
-
|
|
18262
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
18263
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18264
|
-
const ts = addDays(now, idx);
|
|
18265
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
18266
|
-
if (isEnabled(ts)) return ts;
|
|
18267
|
-
}
|
|
18268
|
-
|
|
18269
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
18270
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18271
|
-
const ts = addDays(now, -idx);
|
|
18272
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
18273
|
-
if (isEnabled(ts)) return ts;
|
|
18274
|
-
}
|
|
18275
|
-
|
|
18276
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
18277
|
-
// the first enabled date in the [min, max] range.
|
|
18278
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18279
|
-
let ts = minTs;
|
|
18280
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
18281
|
-
if (isEnabled(ts)) return ts;
|
|
18282
|
-
ts = addDays(minTs, idx + 1);
|
|
18283
|
-
}
|
|
18284
|
-
}
|
|
18285
|
-
|
|
18286
|
-
// 5b. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
18287
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
18288
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18289
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18290
|
-
const ts = addDays(maxTs, -idx);
|
|
18291
|
-
if (isEnabled(ts)) return ts;
|
|
18292
|
-
}
|
|
18293
|
-
}
|
|
18294
|
-
|
|
18295
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
18296
|
-
// still lands on a focusable (but not selectable) cell.
|
|
18297
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
18298
|
-
if (isInRange(now)) return now;
|
|
18299
|
-
|
|
18300
|
-
return undefined;
|
|
18301
|
-
}
|
|
18302
|
-
|
|
18303
|
-
/**
|
|
18304
|
-
* Handles cross-month boundary navigation events from month components.
|
|
18305
|
-
* @private
|
|
18306
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
18307
|
-
* @returns {void}
|
|
18308
|
-
*/
|
|
18309
|
-
handleMonthBoundary(event) {
|
|
18310
|
-
const { direction, fromDate, key } = event.detail;
|
|
18311
|
-
|
|
18312
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
18313
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
18314
|
-
const allCells = this.getAllFocusableCells();
|
|
18315
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
18316
|
-
|
|
18317
|
-
if (currentIndex === -1) return;
|
|
18318
|
-
|
|
18319
|
-
let targetIndex;
|
|
18320
|
-
if (direction === 'next') {
|
|
18321
|
-
targetIndex = currentIndex + 1;
|
|
18322
|
-
} else {
|
|
18323
|
-
targetIndex = currentIndex - 1;
|
|
18324
|
-
}
|
|
18325
|
-
|
|
18326
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
18327
|
-
const targetCell = allCells[targetIndex];
|
|
18328
|
-
this.setActiveCell(targetCell.day.date);
|
|
18329
|
-
this.scrollToActiveCell();
|
|
18330
|
-
this.focusActiveCell();
|
|
18331
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
18332
|
-
// Navigate to next month and try again
|
|
18333
|
-
this.handleNextMonth();
|
|
18334
|
-
requestAnimationFrame(() => {
|
|
18335
|
-
requestAnimationFrame(() => {
|
|
18336
|
-
const cells = this.getAllFocusableCells();
|
|
18337
|
-
if (cells.length > 0) {
|
|
18338
|
-
this.setActiveCell(cells[0].day.date);
|
|
18339
|
-
this.focusActiveCell();
|
|
18340
|
-
}
|
|
18341
|
-
});
|
|
18342
|
-
});
|
|
18343
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
18344
|
-
// Navigate to previous month and try again
|
|
18345
|
-
this.handlePrevMonth();
|
|
18346
|
-
requestAnimationFrame(() => {
|
|
18347
|
-
requestAnimationFrame(() => {
|
|
18348
|
-
const cells = this.getAllFocusableCells();
|
|
18349
|
-
if (cells.length > 0) {
|
|
18350
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
18351
|
-
this.focusActiveCell();
|
|
18352
|
-
}
|
|
18353
|
-
});
|
|
18354
|
-
});
|
|
18355
|
-
}
|
|
18356
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
18357
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
18358
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
18359
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
18360
|
-
const currentDate = new Date(fromDate * 1000);
|
|
18361
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
18362
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
18363
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
18364
|
-
|
|
18365
|
-
const allCells = this.getAllFocusableCells();
|
|
18366
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18367
|
-
|
|
18368
|
-
if (targetCell) {
|
|
18369
|
-
this.setActiveCell(targetCell.day.date);
|
|
18370
|
-
this.scrollToActiveCell();
|
|
18371
|
-
this.focusActiveCell();
|
|
18372
|
-
} else {
|
|
18373
|
-
// Target might be in an unrendered month, navigate there
|
|
18374
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
18375
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
18376
|
-
if (navDirection === 'next') {
|
|
18377
|
-
this.handleNextMonth();
|
|
18378
|
-
} else {
|
|
18379
|
-
this.handlePrevMonth();
|
|
18380
|
-
}
|
|
18381
|
-
requestAnimationFrame(() => {
|
|
18382
|
-
requestAnimationFrame(() => {
|
|
18383
|
-
const cells = this.getAllFocusableCells();
|
|
18384
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18385
|
-
if (target) {
|
|
18386
|
-
this.setActiveCell(target.day.date);
|
|
18387
|
-
this.focusActiveCell();
|
|
18388
|
-
} else if (cells.length > 0) {
|
|
18389
|
-
// Clamp to nearest focusable cell
|
|
18390
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
18391
|
-
this.setActiveCell(nearest.day.date);
|
|
18392
|
-
this.focusActiveCell();
|
|
18393
|
-
}
|
|
18394
|
-
});
|
|
18395
|
-
});
|
|
18396
|
-
}
|
|
18397
|
-
}
|
|
18398
|
-
}
|
|
18399
|
-
}
|
|
18400
|
-
|
|
18401
|
-
/**
|
|
18402
|
-
* Handles cell activation events from month components.
|
|
18403
|
-
* @private
|
|
18404
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
18405
|
-
* @returns {void}
|
|
18406
|
-
*/
|
|
18407
|
-
handleCellActivate(event) {
|
|
18408
|
-
const { date } = event.detail;
|
|
18409
|
-
this.setActiveCell(date);
|
|
18410
|
-
this.focusActiveCell();
|
|
18411
|
-
}
|
|
18412
|
-
|
|
18413
|
-
/**
|
|
18414
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
18415
|
-
* @private
|
|
18416
|
-
* @returns {void}
|
|
18417
|
-
*/
|
|
18418
|
-
scrollToActiveCell() {
|
|
18419
|
-
if (this.activeCellDate == null) return;
|
|
18420
|
-
|
|
18421
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
18422
|
-
const month = date.getMonth() + 1;
|
|
18423
|
-
const year = date.getFullYear();
|
|
18424
|
-
const selector = `#month-${month}-${year}`;
|
|
18425
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
18426
|
-
|
|
18427
|
-
if (monthElem) {
|
|
18428
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
18429
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
18430
|
-
}
|
|
18431
|
-
}
|
|
18432
|
-
|
|
18433
|
-
/**
|
|
18434
|
-
* Announces a date selection via the live region.
|
|
18435
|
-
* @private
|
|
18436
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
18437
|
-
* @returns {void}
|
|
18438
|
-
*/
|
|
18439
|
-
announceSelection(dateStr) {
|
|
18440
|
-
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
18441
|
-
if (liveRegion) {
|
|
18442
|
-
liveRegion.textContent = '';
|
|
18443
|
-
// Use microtask to ensure SR picks up the change
|
|
18444
|
-
Promise.resolve().then(() => {
|
|
18445
|
-
liveRegion.textContent = dateStr;
|
|
18446
|
-
});
|
|
18447
|
-
}
|
|
18448
|
-
}
|
|
18449
|
-
|
|
18450
|
-
/**
|
|
18451
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
18452
|
-
* @private
|
|
18453
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
18454
|
-
* @returns {String} Localized date string.
|
|
18455
|
-
*/
|
|
18456
|
-
formatAnnouncementDate(timestamp) {
|
|
18457
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
18458
|
-
const localeCode = this.locale?.code || undefined;
|
|
18459
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
18460
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
18461
|
-
});
|
|
18462
|
-
return formatter.format(date);
|
|
18463
|
-
}
|
|
18464
|
-
|
|
18465
17760
|
firstUpdated() {
|
|
18466
17761
|
this.addEventListener('date-from-changed', () => {
|
|
18467
17762
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -18481,16 +17776,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18481
17776
|
composed: true,
|
|
18482
17777
|
}));
|
|
18483
17778
|
});
|
|
18484
|
-
|
|
18485
|
-
// Listen for cross-month boundary navigation events
|
|
18486
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
18487
|
-
this.handleMonthBoundary(event);
|
|
18488
|
-
});
|
|
18489
|
-
|
|
18490
|
-
// Listen for cell activation events
|
|
18491
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
18492
|
-
this.handleCellActivate(event);
|
|
18493
|
-
});
|
|
18494
17779
|
}
|
|
18495
17780
|
|
|
18496
17781
|
injectSlot(slotName, nodes) {
|
|
@@ -18515,37 +17800,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18515
17800
|
}
|
|
18516
17801
|
|
|
18517
17802
|
if (changedProperties.has('visible')) {
|
|
18518
|
-
|
|
18519
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
18520
|
-
if (this.activeCellDate == null) {
|
|
18521
|
-
this.activeCellDate = this.computeActiveDate();
|
|
18522
|
-
}
|
|
18523
|
-
|
|
18524
|
-
this.requestUpdate();
|
|
18525
|
-
} else {
|
|
18526
|
-
this.requestUpdate();
|
|
18527
|
-
}
|
|
18528
|
-
}
|
|
18529
|
-
|
|
18530
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
18531
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
18532
|
-
|
|
18533
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
18534
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
18535
|
-
const isRange = !this.noRange;
|
|
18536
|
-
|
|
18537
|
-
if (isRange) {
|
|
18538
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
18539
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
18540
|
-
} else {
|
|
18541
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
18542
|
-
}
|
|
18543
|
-
}
|
|
18544
|
-
|
|
18545
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
18546
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
18547
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
18548
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17803
|
+
setTimeout(() => this.requestUpdate());
|
|
18549
17804
|
}
|
|
18550
17805
|
}
|
|
18551
17806
|
|
|
@@ -18554,7 +17809,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18554
17809
|
<${this.bibtemplateTag}
|
|
18555
17810
|
?large="${this.largeFullscreenHeadline}"
|
|
18556
17811
|
?isFullscreen="${this.isFullscreen}"
|
|
18557
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
18558
17812
|
@close-click="${this.utilCal.requestDismiss}">
|
|
18559
17813
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
18560
17814
|
|
|
@@ -18572,26 +17826,24 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18572
17826
|
</div>
|
|
18573
17827
|
</div>
|
|
18574
17828
|
|
|
18575
|
-
<div class="calendarWrapper
|
|
17829
|
+
<div class="calendarWrapper">
|
|
17830
|
+
<div class="calendars">
|
|
17831
|
+
${this.renderAllCalendars()}
|
|
17832
|
+
</div>
|
|
18576
17833
|
<div class="calendarNavButtons">
|
|
18577
17834
|
${this.showPrevMonthBtn ? u$c`
|
|
18578
|
-
<button tabIndex="
|
|
17835
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
18579
17836
|
${this.util.generateIconHtml(chevronLeft)}
|
|
18580
17837
|
</button>
|
|
18581
17838
|
` : undefined}
|
|
18582
17839
|
${this.showNextMonthBtn ? u$c`
|
|
18583
|
-
<button tabIndex="
|
|
17840
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
18584
17841
|
${this.util.generateIconHtml(chevronRight)}
|
|
18585
17842
|
</button>
|
|
18586
17843
|
` : undefined}
|
|
18587
17844
|
</div>
|
|
18588
|
-
<div class="calendars">
|
|
18589
|
-
${this.renderAllCalendars()}
|
|
18590
|
-
</div>
|
|
18591
17845
|
</div>
|
|
18592
17846
|
|
|
18593
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18594
|
-
|
|
18595
17847
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
18596
17848
|
</${this.bibtemplateTag}>
|
|
18597
17849
|
`;
|
|
@@ -21839,7 +21091,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21839
21091
|
});
|
|
21840
21092
|
}
|
|
21841
21093
|
|
|
21842
|
-
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}`;
|
|
21843
21095
|
|
|
21844
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)}`;
|
|
21845
21097
|
|
|
@@ -22470,7 +21722,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
22470
21722
|
}
|
|
22471
21723
|
};
|
|
22472
21724
|
|
|
22473
|
-
var formkitVersion$1$2 = '
|
|
21725
|
+
var formkitVersion$1$2 = '202605192014';
|
|
22474
21726
|
|
|
22475
21727
|
let AuroElement$2$2 = class AuroElement extends i$4 {
|
|
22476
21728
|
static get properties() {
|
|
@@ -22650,7 +21902,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22650
21902
|
_intializeDefaults() {
|
|
22651
21903
|
this.appearance = 'default';
|
|
22652
21904
|
this.chevron = false;
|
|
22653
|
-
this.desktopModal = false;
|
|
22654
21905
|
this.disabled = false;
|
|
22655
21906
|
this.disableKeyboardHandling = false;
|
|
22656
21907
|
this.error = false;
|
|
@@ -22831,14 +22082,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22831
22082
|
reflect: true
|
|
22832
22083
|
},
|
|
22833
22084
|
|
|
22834
|
-
/**
|
|
22835
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22836
|
-
*/
|
|
22837
|
-
desktopModal: {
|
|
22838
|
-
type: Boolean,
|
|
22839
|
-
reflect: true
|
|
22840
|
-
},
|
|
22841
|
-
|
|
22842
22085
|
/**
|
|
22843
22086
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22844
22087
|
*/
|
|
@@ -23126,15 +22369,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23126
22369
|
|
|
23127
22370
|
disconnectedCallback() {
|
|
23128
22371
|
super.disconnectedCallback();
|
|
23129
|
-
this._clearPageInert();
|
|
23130
|
-
if (this._bibTabHandler) {
|
|
23131
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23132
|
-
this._bibTabHandler = undefined;
|
|
23133
|
-
}
|
|
23134
|
-
if (this.focusTrap) {
|
|
23135
|
-
this.focusTrap.disconnect();
|
|
23136
|
-
this.focusTrap = undefined;
|
|
23137
|
-
}
|
|
23138
22372
|
if (this.floater) {
|
|
23139
22373
|
this.floater.hideBib('disconnect');
|
|
23140
22374
|
this.floater.disconnect();
|
|
@@ -23162,45 +22396,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23162
22396
|
if (this.isPopoverVisible) {
|
|
23163
22397
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
23164
22398
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
23165
|
-
this.
|
|
23166
|
-
this.
|
|
23167
|
-
|
|
23168
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
23169
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23170
|
-
this._setPageInert();
|
|
23171
|
-
}
|
|
22399
|
+
const useModal = this.isBibFullscreen;
|
|
22400
|
+
this.bibElement.value.open(useModal);
|
|
23172
22401
|
} else {
|
|
23173
22402
|
this.bibElement.value.close();
|
|
23174
|
-
this._clearPageInert();
|
|
23175
22403
|
}
|
|
23176
22404
|
}
|
|
23177
22405
|
|
|
23178
22406
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
23179
22407
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
23180
22408
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
22409
|
+
const useModal = this.isBibFullscreen;
|
|
23181
22410
|
this.bibElement.value.close();
|
|
23182
|
-
this.bibElement.value.open(
|
|
23183
|
-
|
|
23184
|
-
// Re-initialize focus management for the new strategy
|
|
23185
|
-
this.updateFocusTrap();
|
|
23186
|
-
|
|
23187
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
23188
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23189
|
-
this._setPageInert();
|
|
23190
|
-
} else {
|
|
23191
|
-
this._clearPageInert();
|
|
23192
|
-
}
|
|
23193
|
-
}
|
|
23194
|
-
|
|
23195
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
23196
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
23197
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
23198
|
-
this.updateFocusTrap();
|
|
23199
|
-
if (this.desktopModal) {
|
|
23200
|
-
this._setPageInert();
|
|
23201
|
-
} else {
|
|
23202
|
-
this._clearPageInert();
|
|
23203
|
-
}
|
|
22411
|
+
this.bibElement.value.open(useModal);
|
|
23204
22412
|
}
|
|
23205
22413
|
}
|
|
23206
22414
|
|
|
@@ -23210,14 +22418,8 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23210
22418
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
23211
22419
|
*/
|
|
23212
22420
|
handleDropdownToggle(event) {
|
|
22421
|
+
this.updateFocusTrap();
|
|
23213
22422
|
this.isPopoverVisible = event.detail.expanded;
|
|
23214
|
-
|
|
23215
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
23216
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
23217
|
-
if (!this.isPopoverVisible) {
|
|
23218
|
-
this.updateFocusTrap();
|
|
23219
|
-
}
|
|
23220
|
-
|
|
23221
22423
|
const eventType = event.detail.eventType || "unknown";
|
|
23222
22424
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
23223
22425
|
this.trigger.focus();
|
|
@@ -23316,176 +22518,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23316
22518
|
* @private
|
|
23317
22519
|
*/
|
|
23318
22520
|
updateFocusTrap() {
|
|
23319
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
23320
|
-
// to prevent duplicate listeners on repeated calls.
|
|
23321
|
-
if (this._bibTabHandler) {
|
|
23322
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23323
|
-
this._bibTabHandler = undefined;
|
|
23324
|
-
}
|
|
23325
|
-
|
|
23326
|
-
if (this.focusTrap) {
|
|
23327
|
-
this.focusTrap.disconnect();
|
|
23328
|
-
this.focusTrap = undefined;
|
|
23329
|
-
}
|
|
23330
|
-
|
|
23331
22521
|
if (this.isPopoverVisible) {
|
|
23332
22522
|
if (!this.isBibFullscreen) {
|
|
23333
|
-
|
|
23334
|
-
|
|
23335
|
-
|
|
23336
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
23337
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
23338
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
23339
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
23340
|
-
// within the bib's focusable elements.
|
|
23341
|
-
this._bibTabHandler = (event) => {
|
|
23342
|
-
if (event.key !== 'Tab') {
|
|
23343
|
-
return;
|
|
23344
|
-
}
|
|
23345
|
-
|
|
23346
|
-
// Collect focusable elements from the bib content.
|
|
23347
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
23348
|
-
|
|
23349
|
-
// Fallback: try from slotted content directly
|
|
23350
|
-
if (!focusables.length) {
|
|
23351
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
23352
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
23353
|
-
|
|
23354
|
-
for (const node of assignedNodes) {
|
|
23355
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
23356
|
-
focusables.push(...getFocusableElements$3(node));
|
|
23357
|
-
}
|
|
23358
|
-
}
|
|
23359
|
-
}
|
|
23360
|
-
|
|
23361
|
-
if (!focusables.length) {
|
|
23362
|
-
return;
|
|
23363
|
-
}
|
|
23364
|
-
|
|
23365
|
-
event.preventDefault();
|
|
23366
|
-
|
|
23367
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
23368
|
-
|
|
23369
|
-
// Walk the active element chain through shadow roots
|
|
23370
|
-
const actives = this._getActiveElements();
|
|
23371
|
-
|
|
23372
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
23373
|
-
|
|
23374
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
23375
|
-
// Focus is not on a known element — move to first/last
|
|
23376
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
23377
|
-
}
|
|
23378
|
-
|
|
23379
|
-
// Try each element in order, skipping any that can't receive focus
|
|
23380
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
23381
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
23382
|
-
let nextIdx = idx + direction;
|
|
23383
|
-
|
|
23384
|
-
// Wrap around
|
|
23385
|
-
if (nextIdx < 0) {
|
|
23386
|
-
nextIdx = focusables.length - 1;
|
|
23387
|
-
} else if (nextIdx >= focusables.length) {
|
|
23388
|
-
nextIdx = 0;
|
|
23389
|
-
}
|
|
23390
|
-
|
|
23391
|
-
focusables[nextIdx].focus();
|
|
23392
|
-
|
|
23393
|
-
// Verify focus actually moved to the target
|
|
23394
|
-
const newActives = this._getActiveElements();
|
|
23395
|
-
|
|
23396
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
23397
|
-
return;
|
|
23398
|
-
}
|
|
23399
|
-
|
|
23400
|
-
// Focus didn't stick — skip this element and try the next
|
|
23401
|
-
idx = nextIdx;
|
|
23402
|
-
}
|
|
23403
|
-
};
|
|
23404
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
23405
|
-
|
|
23406
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
23407
|
-
requestAnimationFrame(() => {
|
|
23408
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
23409
|
-
if (focusables.length) {
|
|
23410
|
-
focusables[0].focus();
|
|
23411
|
-
}
|
|
23412
|
-
});
|
|
23413
|
-
} else {
|
|
23414
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
23415
|
-
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
23416
|
-
this.focusTrap.focusFirstElement();
|
|
23417
|
-
}
|
|
22523
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
22524
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22525
|
+
this.focusTrap.focusFirstElement();
|
|
23418
22526
|
}
|
|
23419
22527
|
// Fullscreen: showModal() provides native focus trapping
|
|
23420
|
-
}
|
|
23421
|
-
}
|
|
23422
|
-
|
|
23423
|
-
/**
|
|
23424
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
23425
|
-
* @private
|
|
23426
|
-
* @returns {Array<HTMLElement>}
|
|
23427
|
-
*/
|
|
23428
|
-
_getActiveElements() {
|
|
23429
|
-
let { activeElement } = document;
|
|
23430
|
-
const actives = [activeElement];
|
|
23431
|
-
|
|
23432
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
23433
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
23434
|
-
actives.push(activeElement);
|
|
23435
|
-
}
|
|
23436
|
-
|
|
23437
|
-
return actives;
|
|
23438
|
-
}
|
|
23439
|
-
|
|
23440
|
-
/**
|
|
23441
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
23442
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
23443
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
23444
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
23445
|
-
* to ensure all page content outside the host subtree is inert.
|
|
23446
|
-
* @private
|
|
23447
|
-
*/
|
|
23448
|
-
_setPageInert() {
|
|
23449
|
-
if (this._inertSiblings) {
|
|
23450
22528
|
return;
|
|
23451
22529
|
}
|
|
23452
22530
|
|
|
23453
|
-
this.
|
|
23454
|
-
|
|
23455
|
-
|
|
23456
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
23457
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
23458
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
23459
|
-
let host = this;
|
|
23460
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
23461
|
-
host = host.getRootNode().host;
|
|
23462
|
-
}
|
|
23463
|
-
|
|
23464
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
23465
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
23466
|
-
let current = host;
|
|
23467
|
-
while (current.parentElement) {
|
|
23468
|
-
const parent = current.parentElement;
|
|
23469
|
-
for (const sibling of parent.children) {
|
|
23470
|
-
if (sibling !== current && !sibling.inert) {
|
|
23471
|
-
sibling.inert = true;
|
|
23472
|
-
this._inertSiblings.push(sibling);
|
|
23473
|
-
}
|
|
23474
|
-
}
|
|
23475
|
-
current = parent;
|
|
23476
|
-
}
|
|
23477
|
-
}
|
|
23478
|
-
|
|
23479
|
-
/**
|
|
23480
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
23481
|
-
* @private
|
|
23482
|
-
*/
|
|
23483
|
-
_clearPageInert() {
|
|
23484
|
-
if (this._inertSiblings) {
|
|
23485
|
-
for (const sibling of this._inertSiblings) {
|
|
23486
|
-
sibling.inert = false;
|
|
23487
|
-
}
|
|
23488
|
-
this._inertSiblings = undefined;
|
|
22531
|
+
if (this.focusTrap) {
|
|
22532
|
+
this.focusTrap.disconnect();
|
|
22533
|
+
this.focusTrap = undefined;
|
|
23489
22534
|
}
|
|
23490
22535
|
}
|
|
23491
22536
|
|
|
@@ -23724,7 +22769,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23724
22769
|
shape="${this.shape}"
|
|
23725
22770
|
?data-show="${this.isPopoverVisible}"
|
|
23726
22771
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23727
|
-
?desktopmodal="${this.desktopModal}"
|
|
23728
22772
|
.dialogLabel="${this.bibDialogLabel}"
|
|
23729
22773
|
${n$6(this.bibElement)}
|
|
23730
22774
|
>
|
|
@@ -30423,7 +29467,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
30423
29467
|
}
|
|
30424
29468
|
};
|
|
30425
29469
|
|
|
30426
|
-
var formkitVersion$8 = '
|
|
29470
|
+
var formkitVersion$8 = '202605192014';
|
|
30427
29471
|
|
|
30428
29472
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
30429
29473
|
// See LICENSE in the project root for license information.
|
|
@@ -31678,62 +30722,26 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
31678
30722
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
31679
30723
|
//
|
|
31680
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.
|
|
31681
30726
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31682
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
31683
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
31684
30727
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30728
|
+
// - Enter and Space do not open or close the bib.
|
|
31685
30729
|
//
|
|
31686
30730
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
31687
30731
|
// added, handlers should go here following the same strategy pattern used by
|
|
31688
30732
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
31689
30733
|
const datepickerKeyboardStrategy = {
|
|
31690
|
-
Escape(component, evt
|
|
31691
|
-
if (!
|
|
30734
|
+
Escape(component, evt) {
|
|
30735
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
31692
30736
|
return;
|
|
31693
30737
|
}
|
|
31694
30738
|
|
|
31695
|
-
//
|
|
31696
|
-
//
|
|
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.
|
|
31697
30742
|
evt.stopPropagation();
|
|
31698
|
-
evt.preventDefault();
|
|
31699
30743
|
|
|
31700
|
-
component.
|
|
31701
|
-
},
|
|
31702
|
-
|
|
31703
|
-
Enter(component, evt, ctx) {
|
|
31704
|
-
if (ctx.isExpanded) {
|
|
31705
|
-
return;
|
|
31706
|
-
}
|
|
31707
|
-
|
|
31708
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31709
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31710
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31711
|
-
const path = evt.composedPath();
|
|
31712
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31713
|
-
return;
|
|
31714
|
-
}
|
|
31715
|
-
|
|
31716
|
-
evt.preventDefault();
|
|
31717
|
-
|
|
31718
|
-
component.dropdown.show();
|
|
31719
|
-
},
|
|
31720
|
-
|
|
31721
|
-
' '(component, evt, ctx) {
|
|
31722
|
-
if (ctx.isExpanded) {
|
|
31723
|
-
return;
|
|
31724
|
-
}
|
|
31725
|
-
|
|
31726
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31727
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31728
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31729
|
-
const path = evt.composedPath();
|
|
31730
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31731
|
-
return;
|
|
31732
|
-
}
|
|
31733
|
-
|
|
31734
|
-
evt.preventDefault();
|
|
31735
|
-
|
|
31736
|
-
component.dropdown.show();
|
|
30744
|
+
component.dropdown.hide();
|
|
31737
30745
|
},
|
|
31738
30746
|
};
|
|
31739
30747
|
|
|
@@ -31807,15 +30815,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31807
30815
|
this.required = false;
|
|
31808
30816
|
this.onDark = false;
|
|
31809
30817
|
this.range = false;
|
|
31810
|
-
this.rangeLabelStart = 'range start';
|
|
31811
|
-
this.rangeLabelEnd = 'range end';
|
|
31812
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
31813
|
-
this.rangeLabelInRange = 'in range';
|
|
31814
|
-
this.rangeLabelAfterRange = 'after range';
|
|
31815
|
-
this.blackoutDates = [];
|
|
31816
|
-
this.blackoutLabel = 'unavailable';
|
|
31817
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
31818
|
-
this.navLabelNextMonth = 'Next month';
|
|
31819
30818
|
this.stacked = false;
|
|
31820
30819
|
this.noValidate = false;
|
|
31821
30820
|
this.validity = undefined;
|
|
@@ -32194,78 +31193,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32194
31193
|
reflect: true
|
|
32195
31194
|
},
|
|
32196
31195
|
|
|
32197
|
-
/**
|
|
32198
|
-
* Label announced for the range start date cell.
|
|
32199
|
-
*/
|
|
32200
|
-
rangeLabelStart: {
|
|
32201
|
-
type: String,
|
|
32202
|
-
reflect: true
|
|
32203
|
-
},
|
|
32204
|
-
|
|
32205
|
-
/**
|
|
32206
|
-
* Label announced for the range end date cell.
|
|
32207
|
-
*/
|
|
32208
|
-
rangeLabelEnd: {
|
|
32209
|
-
type: String,
|
|
32210
|
-
reflect: true
|
|
32211
|
-
},
|
|
32212
|
-
|
|
32213
|
-
/**
|
|
32214
|
-
* Label announced for cells before the range start.
|
|
32215
|
-
*/
|
|
32216
|
-
rangeLabelBeforeRange: {
|
|
32217
|
-
type: String,
|
|
32218
|
-
reflect: true
|
|
32219
|
-
},
|
|
32220
|
-
|
|
32221
|
-
/**
|
|
32222
|
-
* Label announced for cells within the selected range.
|
|
32223
|
-
*/
|
|
32224
|
-
rangeLabelInRange: {
|
|
32225
|
-
type: String,
|
|
32226
|
-
reflect: true
|
|
32227
|
-
},
|
|
32228
|
-
|
|
32229
|
-
/**
|
|
32230
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
32231
|
-
*/
|
|
32232
|
-
rangeLabelAfterRange: {
|
|
32233
|
-
type: String,
|
|
32234
|
-
reflect: true
|
|
32235
|
-
},
|
|
32236
|
-
|
|
32237
|
-
/**
|
|
32238
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
32239
|
-
*/
|
|
32240
|
-
blackoutDates: {
|
|
32241
|
-
type: Array,
|
|
32242
|
-
reflect: true
|
|
32243
|
-
},
|
|
32244
|
-
|
|
32245
|
-
/**
|
|
32246
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
32247
|
-
*/
|
|
32248
|
-
blackoutLabel: {
|
|
32249
|
-
type: String,
|
|
32250
|
-
reflect: true
|
|
32251
|
-
},
|
|
32252
|
-
|
|
32253
|
-
/**
|
|
32254
|
-
* Accessible label for the previous month navigation button.
|
|
32255
|
-
*/
|
|
32256
|
-
navLabelPrevMonth: {
|
|
32257
|
-
type: String,
|
|
32258
|
-
reflect: true
|
|
32259
|
-
},
|
|
32260
|
-
|
|
32261
|
-
/**
|
|
32262
|
-
* Accessible label for the next month navigation button.
|
|
32263
|
-
*/
|
|
32264
|
-
navLabelNextMonth: {
|
|
32265
|
-
type: String,
|
|
32266
|
-
reflect: true
|
|
32267
|
-
},
|
|
32268
|
-
|
|
32269
31196
|
/**
|
|
32270
31197
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
32271
31198
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -32613,48 +31540,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32613
31540
|
}));
|
|
32614
31541
|
}
|
|
32615
31542
|
|
|
32616
|
-
/**
|
|
32617
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32618
|
-
* Shared by both fullscreen and desktop open paths.
|
|
32619
|
-
* @private
|
|
32620
|
-
* @returns {void}
|
|
32621
|
-
*/
|
|
32622
|
-
focusActiveCellWhenReady() {
|
|
32623
|
-
const MAX_ATTEMPTS = 20;
|
|
32624
|
-
let attempts = 0;
|
|
32625
|
-
|
|
32626
|
-
const tryFocus = () => {
|
|
32627
|
-
attempts += 1;
|
|
32628
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
32629
|
-
|
|
32630
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32631
|
-
requestAnimationFrame(tryFocus);
|
|
32632
|
-
return;
|
|
32633
|
-
}
|
|
32634
|
-
|
|
32635
|
-
// Compute and mark the active cell
|
|
32636
|
-
if (this.calendar.activeCellDate == null) {
|
|
32637
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32638
|
-
}
|
|
32639
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
32640
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32641
|
-
}
|
|
32642
|
-
|
|
32643
|
-
// Find the active cell, pre-set hovered so @focus is a no-op
|
|
32644
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
32645
|
-
if (activeCell) {
|
|
32646
|
-
activeCell.hovered = true;
|
|
32647
|
-
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32648
|
-
if (btn) {
|
|
32649
|
-
btn.setAttribute('tabindex', '0');
|
|
32650
|
-
btn.focus({ focusVisible: true });
|
|
32651
|
-
}
|
|
32652
|
-
}
|
|
32653
|
-
};
|
|
32654
|
-
|
|
32655
|
-
requestAnimationFrame(tryFocus);
|
|
32656
|
-
}
|
|
32657
|
-
|
|
32658
31543
|
/**
|
|
32659
31544
|
* Binds all behavior needed to the dropdown after rendering.
|
|
32660
31545
|
* @private
|
|
@@ -32663,12 +31548,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32663
31548
|
configureDropdown() {
|
|
32664
31549
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
32665
31550
|
|
|
32666
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32667
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32668
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32669
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32670
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32671
|
-
|
|
32672
31551
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
32673
31552
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
32674
31553
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -32686,23 +31565,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32686
31565
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
32687
31566
|
this.notifyDatepickerToggled();
|
|
32688
31567
|
|
|
32689
|
-
if (this.dropdown.isPopoverVisible) {
|
|
32690
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
32691
|
-
// Without this, reopening after navigating to a month without a selected
|
|
32692
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32693
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32694
|
-
this.calendar.activeCellDate = null;
|
|
32695
|
-
|
|
32696
|
-
// Show the month containing the selected date (or today) instead of
|
|
32697
|
-
// whichever month the user last navigated to.
|
|
32698
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
32699
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32700
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32701
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
32702
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32703
|
-
}
|
|
32704
|
-
}
|
|
32705
|
-
|
|
32706
31568
|
// This forces the calendar to render when the dropdown is opened.
|
|
32707
31569
|
// It is not rendered by default
|
|
32708
31570
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -32735,17 +31597,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32735
31597
|
bibEl.open(true);
|
|
32736
31598
|
|
|
32737
31599
|
doubleRaf$3(() => {
|
|
32738
|
-
this.
|
|
31600
|
+
this.calendar.focusCloseButton();
|
|
32739
31601
|
});
|
|
32740
31602
|
}
|
|
32741
31603
|
});
|
|
32742
31604
|
|
|
32743
31605
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32744
|
-
} else {
|
|
32745
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32746
|
-
this.dropdown.updateComplete.then(() => {
|
|
32747
|
-
this.focusActiveCellWhenReady();
|
|
32748
|
-
});
|
|
32749
31606
|
}
|
|
32750
31607
|
} else {
|
|
32751
31608
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -32791,7 +31648,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32791
31648
|
bibEl.close();
|
|
32792
31649
|
bibEl.open(true);
|
|
32793
31650
|
doubleRaf$3(() => {
|
|
32794
|
-
this.
|
|
31651
|
+
this.calendar.focusCloseButton();
|
|
32795
31652
|
});
|
|
32796
31653
|
}
|
|
32797
31654
|
});
|
|
@@ -32986,8 +31843,14 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32986
31843
|
|
|
32987
31844
|
if (onEndValue) {
|
|
32988
31845
|
this.valueEnd = newDate;
|
|
31846
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31847
|
+
this.focus('startDate');
|
|
31848
|
+
}
|
|
32989
31849
|
} else {
|
|
32990
31850
|
this.value = newDate;
|
|
31851
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31852
|
+
this.focus('endDate');
|
|
31853
|
+
}
|
|
32991
31854
|
}
|
|
32992
31855
|
}
|
|
32993
31856
|
}
|
|
@@ -33118,9 +31981,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33118
31981
|
|
|
33119
31982
|
if (this.cellClickActive) {
|
|
33120
31983
|
this.cellClickActive = false;
|
|
33121
|
-
this.wasCellClick = true;
|
|
33122
|
-
} else {
|
|
33123
|
-
this.wasCellClick = false;
|
|
33124
31984
|
}
|
|
33125
31985
|
|
|
33126
31986
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -33151,38 +32011,16 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33151
32011
|
}
|
|
33152
32012
|
|
|
33153
32013
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
33154
|
-
|
|
33155
|
-
// to prevent the displayed months from shifting
|
|
33156
|
-
if (!(this.wasCellClick && this.range)) {
|
|
33157
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33158
|
-
}
|
|
32014
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33159
32015
|
}
|
|
33160
32016
|
|
|
33161
32017
|
this.setHasValue();
|
|
33162
32018
|
}
|
|
33163
32019
|
|
|
33164
|
-
if (changedProperties.has('blackoutDates')) {
|
|
33165
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
33166
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
33167
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
33168
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
33169
|
-
if (this.calendar) {
|
|
33170
|
-
this.calendar.requestUpdate();
|
|
33171
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
33172
|
-
}
|
|
33173
|
-
}
|
|
33174
|
-
|
|
33175
32020
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
33176
32021
|
|
|
33177
32022
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
33178
32023
|
|
|
33179
|
-
if (this.cellClickActive) {
|
|
33180
|
-
this.cellClickActive = false;
|
|
33181
|
-
this.wasCellClick = true;
|
|
33182
|
-
} else {
|
|
33183
|
-
this.wasCellClick = false;
|
|
33184
|
-
}
|
|
33185
|
-
|
|
33186
32024
|
// update the calendar
|
|
33187
32025
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
33188
32026
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -33210,11 +32048,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33210
32048
|
}
|
|
33211
32049
|
|
|
33212
32050
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
33213
|
-
|
|
33214
|
-
// to prevent the displayed months from shifting
|
|
33215
|
-
if (!this.wasCellClick) {
|
|
33216
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33217
|
-
}
|
|
32051
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33218
32052
|
}
|
|
33219
32053
|
|
|
33220
32054
|
this.validate();
|
|
@@ -33371,7 +32205,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33371
32205
|
}
|
|
33372
32206
|
|
|
33373
32207
|
firstUpdated() {
|
|
33374
|
-
|
|
33375
32208
|
// Add the tag name as an attribute if it is different than the component name
|
|
33376
32209
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
33377
32210
|
|
|
@@ -33801,7 +32634,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33801
32634
|
// Base HTML render() handles dropdown and calendar bib
|
|
33802
32635
|
return u$c`
|
|
33803
32636
|
<!-- Hidden slot for clear button aria-label -->
|
|
33804
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
32637
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
33805
32638
|
|
|
33806
32639
|
<${this.dropdownTag}
|
|
33807
32640
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -33818,7 +32651,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33818
32651
|
.shape="${this.shape}"
|
|
33819
32652
|
.size="${this.size}"
|
|
33820
32653
|
class="${e$3(dropdownElementClassMap)}"
|
|
33821
|
-
desktopModal
|
|
33822
32654
|
disableEventShow
|
|
33823
32655
|
for="dropdownMenu"
|
|
33824
32656
|
part="dropdown"
|
|
@@ -37075,7 +35907,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
37075
35907
|
});
|
|
37076
35908
|
}
|
|
37077
35909
|
|
|
37078
|
-
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}`;
|
|
37079
35911
|
|
|
37080
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)}`;
|
|
37081
35913
|
|
|
@@ -37706,7 +36538,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
|
37706
36538
|
}
|
|
37707
36539
|
};
|
|
37708
36540
|
|
|
37709
|
-
var formkitVersion$7 = '
|
|
36541
|
+
var formkitVersion$7 = '202605192014';
|
|
37710
36542
|
|
|
37711
36543
|
let AuroElement$5 = class AuroElement extends i$4 {
|
|
37712
36544
|
static get properties() {
|
|
@@ -37886,7 +36718,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37886
36718
|
_intializeDefaults() {
|
|
37887
36719
|
this.appearance = 'default';
|
|
37888
36720
|
this.chevron = false;
|
|
37889
|
-
this.desktopModal = false;
|
|
37890
36721
|
this.disabled = false;
|
|
37891
36722
|
this.disableKeyboardHandling = false;
|
|
37892
36723
|
this.error = false;
|
|
@@ -38067,14 +36898,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38067
36898
|
reflect: true
|
|
38068
36899
|
},
|
|
38069
36900
|
|
|
38070
|
-
/**
|
|
38071
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
38072
|
-
*/
|
|
38073
|
-
desktopModal: {
|
|
38074
|
-
type: Boolean,
|
|
38075
|
-
reflect: true
|
|
38076
|
-
},
|
|
38077
|
-
|
|
38078
36901
|
/**
|
|
38079
36902
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
38080
36903
|
*/
|
|
@@ -38362,15 +37185,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38362
37185
|
|
|
38363
37186
|
disconnectedCallback() {
|
|
38364
37187
|
super.disconnectedCallback();
|
|
38365
|
-
this._clearPageInert();
|
|
38366
|
-
if (this._bibTabHandler) {
|
|
38367
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38368
|
-
this._bibTabHandler = undefined;
|
|
38369
|
-
}
|
|
38370
|
-
if (this.focusTrap) {
|
|
38371
|
-
this.focusTrap.disconnect();
|
|
38372
|
-
this.focusTrap = undefined;
|
|
38373
|
-
}
|
|
38374
37188
|
if (this.floater) {
|
|
38375
37189
|
this.floater.hideBib('disconnect');
|
|
38376
37190
|
this.floater.disconnect();
|
|
@@ -38398,45 +37212,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38398
37212
|
if (this.isPopoverVisible) {
|
|
38399
37213
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
38400
37214
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
38401
|
-
this.
|
|
38402
|
-
this.
|
|
38403
|
-
|
|
38404
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
38405
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38406
|
-
this._setPageInert();
|
|
38407
|
-
}
|
|
37215
|
+
const useModal = this.isBibFullscreen;
|
|
37216
|
+
this.bibElement.value.open(useModal);
|
|
38408
37217
|
} else {
|
|
38409
37218
|
this.bibElement.value.close();
|
|
38410
|
-
this._clearPageInert();
|
|
38411
37219
|
}
|
|
38412
37220
|
}
|
|
38413
37221
|
|
|
38414
37222
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
38415
37223
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
38416
37224
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
37225
|
+
const useModal = this.isBibFullscreen;
|
|
38417
37226
|
this.bibElement.value.close();
|
|
38418
|
-
this.bibElement.value.open(
|
|
38419
|
-
|
|
38420
|
-
// Re-initialize focus management for the new strategy
|
|
38421
|
-
this.updateFocusTrap();
|
|
38422
|
-
|
|
38423
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
38424
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38425
|
-
this._setPageInert();
|
|
38426
|
-
} else {
|
|
38427
|
-
this._clearPageInert();
|
|
38428
|
-
}
|
|
38429
|
-
}
|
|
38430
|
-
|
|
38431
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
38432
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
38433
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
38434
|
-
this.updateFocusTrap();
|
|
38435
|
-
if (this.desktopModal) {
|
|
38436
|
-
this._setPageInert();
|
|
38437
|
-
} else {
|
|
38438
|
-
this._clearPageInert();
|
|
38439
|
-
}
|
|
37227
|
+
this.bibElement.value.open(useModal);
|
|
38440
37228
|
}
|
|
38441
37229
|
}
|
|
38442
37230
|
|
|
@@ -38446,14 +37234,8 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38446
37234
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
38447
37235
|
*/
|
|
38448
37236
|
handleDropdownToggle(event) {
|
|
37237
|
+
this.updateFocusTrap();
|
|
38449
37238
|
this.isPopoverVisible = event.detail.expanded;
|
|
38450
|
-
|
|
38451
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
38452
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
38453
|
-
if (!this.isPopoverVisible) {
|
|
38454
|
-
this.updateFocusTrap();
|
|
38455
|
-
}
|
|
38456
|
-
|
|
38457
37239
|
const eventType = event.detail.eventType || "unknown";
|
|
38458
37240
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
38459
37241
|
this.trigger.focus();
|
|
@@ -38552,176 +37334,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38552
37334
|
* @private
|
|
38553
37335
|
*/
|
|
38554
37336
|
updateFocusTrap() {
|
|
38555
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
38556
|
-
// to prevent duplicate listeners on repeated calls.
|
|
38557
|
-
if (this._bibTabHandler) {
|
|
38558
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38559
|
-
this._bibTabHandler = undefined;
|
|
38560
|
-
}
|
|
38561
|
-
|
|
38562
|
-
if (this.focusTrap) {
|
|
38563
|
-
this.focusTrap.disconnect();
|
|
38564
|
-
this.focusTrap = undefined;
|
|
38565
|
-
}
|
|
38566
|
-
|
|
38567
37337
|
if (this.isPopoverVisible) {
|
|
38568
37338
|
if (!this.isBibFullscreen) {
|
|
38569
|
-
|
|
38570
|
-
|
|
38571
|
-
|
|
38572
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
38573
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
38574
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
38575
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
38576
|
-
// within the bib's focusable elements.
|
|
38577
|
-
this._bibTabHandler = (event) => {
|
|
38578
|
-
if (event.key !== 'Tab') {
|
|
38579
|
-
return;
|
|
38580
|
-
}
|
|
38581
|
-
|
|
38582
|
-
// Collect focusable elements from the bib content.
|
|
38583
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38584
|
-
|
|
38585
|
-
// Fallback: try from slotted content directly
|
|
38586
|
-
if (!focusables.length) {
|
|
38587
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
38588
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
38589
|
-
|
|
38590
|
-
for (const node of assignedNodes) {
|
|
38591
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
38592
|
-
focusables.push(...getFocusableElements$2(node));
|
|
38593
|
-
}
|
|
38594
|
-
}
|
|
38595
|
-
}
|
|
38596
|
-
|
|
38597
|
-
if (!focusables.length) {
|
|
38598
|
-
return;
|
|
38599
|
-
}
|
|
38600
|
-
|
|
38601
|
-
event.preventDefault();
|
|
38602
|
-
|
|
38603
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
38604
|
-
|
|
38605
|
-
// Walk the active element chain through shadow roots
|
|
38606
|
-
const actives = this._getActiveElements();
|
|
38607
|
-
|
|
38608
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
38609
|
-
|
|
38610
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
38611
|
-
// Focus is not on a known element — move to first/last
|
|
38612
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
38613
|
-
}
|
|
38614
|
-
|
|
38615
|
-
// Try each element in order, skipping any that can't receive focus
|
|
38616
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
38617
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
38618
|
-
let nextIdx = idx + direction;
|
|
38619
|
-
|
|
38620
|
-
// Wrap around
|
|
38621
|
-
if (nextIdx < 0) {
|
|
38622
|
-
nextIdx = focusables.length - 1;
|
|
38623
|
-
} else if (nextIdx >= focusables.length) {
|
|
38624
|
-
nextIdx = 0;
|
|
38625
|
-
}
|
|
38626
|
-
|
|
38627
|
-
focusables[nextIdx].focus();
|
|
38628
|
-
|
|
38629
|
-
// Verify focus actually moved to the target
|
|
38630
|
-
const newActives = this._getActiveElements();
|
|
38631
|
-
|
|
38632
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
38633
|
-
return;
|
|
38634
|
-
}
|
|
38635
|
-
|
|
38636
|
-
// Focus didn't stick — skip this element and try the next
|
|
38637
|
-
idx = nextIdx;
|
|
38638
|
-
}
|
|
38639
|
-
};
|
|
38640
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
38641
|
-
|
|
38642
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
38643
|
-
requestAnimationFrame(() => {
|
|
38644
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38645
|
-
if (focusables.length) {
|
|
38646
|
-
focusables[0].focus();
|
|
38647
|
-
}
|
|
38648
|
-
});
|
|
38649
|
-
} else {
|
|
38650
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
38651
|
-
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
38652
|
-
this.focusTrap.focusFirstElement();
|
|
38653
|
-
}
|
|
37339
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
37340
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
37341
|
+
this.focusTrap.focusFirstElement();
|
|
38654
37342
|
}
|
|
38655
37343
|
// Fullscreen: showModal() provides native focus trapping
|
|
38656
|
-
}
|
|
38657
|
-
}
|
|
38658
|
-
|
|
38659
|
-
/**
|
|
38660
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
38661
|
-
* @private
|
|
38662
|
-
* @returns {Array<HTMLElement>}
|
|
38663
|
-
*/
|
|
38664
|
-
_getActiveElements() {
|
|
38665
|
-
let { activeElement } = document;
|
|
38666
|
-
const actives = [activeElement];
|
|
38667
|
-
|
|
38668
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
38669
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
38670
|
-
actives.push(activeElement);
|
|
38671
|
-
}
|
|
38672
|
-
|
|
38673
|
-
return actives;
|
|
38674
|
-
}
|
|
38675
|
-
|
|
38676
|
-
/**
|
|
38677
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
38678
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
38679
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
38680
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
38681
|
-
* to ensure all page content outside the host subtree is inert.
|
|
38682
|
-
* @private
|
|
38683
|
-
*/
|
|
38684
|
-
_setPageInert() {
|
|
38685
|
-
if (this._inertSiblings) {
|
|
38686
37344
|
return;
|
|
38687
37345
|
}
|
|
38688
37346
|
|
|
38689
|
-
this.
|
|
38690
|
-
|
|
38691
|
-
|
|
38692
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
38693
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
38694
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
38695
|
-
let host = this;
|
|
38696
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
38697
|
-
host = host.getRootNode().host;
|
|
38698
|
-
}
|
|
38699
|
-
|
|
38700
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
38701
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
38702
|
-
let current = host;
|
|
38703
|
-
while (current.parentElement) {
|
|
38704
|
-
const parent = current.parentElement;
|
|
38705
|
-
for (const sibling of parent.children) {
|
|
38706
|
-
if (sibling !== current && !sibling.inert) {
|
|
38707
|
-
sibling.inert = true;
|
|
38708
|
-
this._inertSiblings.push(sibling);
|
|
38709
|
-
}
|
|
38710
|
-
}
|
|
38711
|
-
current = parent;
|
|
38712
|
-
}
|
|
38713
|
-
}
|
|
38714
|
-
|
|
38715
|
-
/**
|
|
38716
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
38717
|
-
* @private
|
|
38718
|
-
*/
|
|
38719
|
-
_clearPageInert() {
|
|
38720
|
-
if (this._inertSiblings) {
|
|
38721
|
-
for (const sibling of this._inertSiblings) {
|
|
38722
|
-
sibling.inert = false;
|
|
38723
|
-
}
|
|
38724
|
-
this._inertSiblings = undefined;
|
|
37347
|
+
if (this.focusTrap) {
|
|
37348
|
+
this.focusTrap.disconnect();
|
|
37349
|
+
this.focusTrap = undefined;
|
|
38725
37350
|
}
|
|
38726
37351
|
}
|
|
38727
37352
|
|
|
@@ -38960,7 +37585,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38960
37585
|
shape="${this.shape}"
|
|
38961
37586
|
?data-show="${this.isPopoverVisible}"
|
|
38962
37587
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38963
|
-
?desktopmodal="${this.desktopModal}"
|
|
38964
37588
|
.dialogLabel="${this.bibDialogLabel}"
|
|
38965
37589
|
${n$6(this.bibElement)}
|
|
38966
37590
|
>
|
|
@@ -40515,7 +39139,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
|
40515
39139
|
}
|
|
40516
39140
|
};
|
|
40517
39141
|
|
|
40518
|
-
var formkitVersion$6 = '
|
|
39142
|
+
var formkitVersion$6 = '202605192014';
|
|
40519
39143
|
|
|
40520
39144
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
40521
39145
|
// See LICENSE in the project root for license information.
|
|
@@ -41253,14 +39877,6 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
41253
39877
|
large: {
|
|
41254
39878
|
type: Boolean,
|
|
41255
39879
|
reflect: true
|
|
41256
|
-
},
|
|
41257
|
-
|
|
41258
|
-
/**
|
|
41259
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
41260
|
-
*/
|
|
41261
|
-
showFooter: {
|
|
41262
|
-
type: Boolean,
|
|
41263
|
-
reflect: true
|
|
41264
39880
|
}
|
|
41265
39881
|
};
|
|
41266
39882
|
}
|
|
@@ -41363,7 +39979,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
41363
39979
|
<slot></slot>
|
|
41364
39980
|
</div>
|
|
41365
39981
|
|
|
41366
|
-
${this.isFullscreen
|
|
39982
|
+
${this.isFullscreen ? u$c`
|
|
41367
39983
|
<div id="footerContainer">
|
|
41368
39984
|
<slot name="footer"></slot>
|
|
41369
39985
|
</div>` : null}
|
|
@@ -43941,7 +42557,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
|
|
|
43941
42557
|
}
|
|
43942
42558
|
};
|
|
43943
42559
|
|
|
43944
|
-
var formkitVersion$5 = '
|
|
42560
|
+
var formkitVersion$5 = '202605192014';
|
|
43945
42561
|
|
|
43946
42562
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
43947
42563
|
// See LICENSE in the project root for license information.
|
|
@@ -46113,7 +44729,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
|
|
|
46113
44729
|
}
|
|
46114
44730
|
};
|
|
46115
44731
|
|
|
46116
|
-
var formkitVersion$4 = '
|
|
44732
|
+
var formkitVersion$4 = '202605192014';
|
|
46117
44733
|
|
|
46118
44734
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
46119
44735
|
// See LICENSE in the project root for license information.
|
|
@@ -47754,7 +46370,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47754
46370
|
|
|
47755
46371
|
// navigate if bib is open otherwise open it
|
|
47756
46372
|
if (component.dropdown.isPopoverVisible) {
|
|
47757
|
-
if (evt.altKey || evt.metaKey) {
|
|
46373
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47758
46374
|
component.activateLastEnabledAvailableOption();
|
|
47759
46375
|
} else {
|
|
47760
46376
|
navigateArrow$1(component, 'down');
|
|
@@ -47777,7 +46393,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47777
46393
|
|
|
47778
46394
|
// navigate if bib is open otherwise open it
|
|
47779
46395
|
if (component.dropdown.isPopoverVisible) {
|
|
47780
|
-
if (evt.altKey || evt.metaKey) {
|
|
46396
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47781
46397
|
component.activateFirstEnabledAvailableOption();
|
|
47782
46398
|
} else {
|
|
47783
46399
|
navigateArrow$1(component, 'up');
|
|
@@ -51102,7 +49718,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
51102
49718
|
});
|
|
51103
49719
|
}
|
|
51104
49720
|
|
|
51105
|
-
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}`;
|
|
51106
49722
|
|
|
51107
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)}`;
|
|
51108
49724
|
|
|
@@ -51733,7 +50349,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
51733
50349
|
}
|
|
51734
50350
|
};
|
|
51735
50351
|
|
|
51736
|
-
var formkitVersion$2 = '
|
|
50352
|
+
var formkitVersion$2 = '202605192014';
|
|
51737
50353
|
|
|
51738
50354
|
let AuroElement$2$1 = class AuroElement extends i$4 {
|
|
51739
50355
|
static get properties() {
|
|
@@ -51913,7 +50529,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51913
50529
|
_intializeDefaults() {
|
|
51914
50530
|
this.appearance = 'default';
|
|
51915
50531
|
this.chevron = false;
|
|
51916
|
-
this.desktopModal = false;
|
|
51917
50532
|
this.disabled = false;
|
|
51918
50533
|
this.disableKeyboardHandling = false;
|
|
51919
50534
|
this.error = false;
|
|
@@ -52094,14 +50709,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52094
50709
|
reflect: true
|
|
52095
50710
|
},
|
|
52096
50711
|
|
|
52097
|
-
/**
|
|
52098
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
52099
|
-
*/
|
|
52100
|
-
desktopModal: {
|
|
52101
|
-
type: Boolean,
|
|
52102
|
-
reflect: true
|
|
52103
|
-
},
|
|
52104
|
-
|
|
52105
50712
|
/**
|
|
52106
50713
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
52107
50714
|
*/
|
|
@@ -52389,15 +50996,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52389
50996
|
|
|
52390
50997
|
disconnectedCallback() {
|
|
52391
50998
|
super.disconnectedCallback();
|
|
52392
|
-
this._clearPageInert();
|
|
52393
|
-
if (this._bibTabHandler) {
|
|
52394
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52395
|
-
this._bibTabHandler = undefined;
|
|
52396
|
-
}
|
|
52397
|
-
if (this.focusTrap) {
|
|
52398
|
-
this.focusTrap.disconnect();
|
|
52399
|
-
this.focusTrap = undefined;
|
|
52400
|
-
}
|
|
52401
50999
|
if (this.floater) {
|
|
52402
51000
|
this.floater.hideBib('disconnect');
|
|
52403
51001
|
this.floater.disconnect();
|
|
@@ -52425,45 +51023,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52425
51023
|
if (this.isPopoverVisible) {
|
|
52426
51024
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
52427
51025
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
52428
|
-
this.
|
|
52429
|
-
this.
|
|
52430
|
-
|
|
52431
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
52432
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52433
|
-
this._setPageInert();
|
|
52434
|
-
}
|
|
51026
|
+
const useModal = this.isBibFullscreen;
|
|
51027
|
+
this.bibElement.value.open(useModal);
|
|
52435
51028
|
} else {
|
|
52436
51029
|
this.bibElement.value.close();
|
|
52437
|
-
this._clearPageInert();
|
|
52438
51030
|
}
|
|
52439
51031
|
}
|
|
52440
51032
|
|
|
52441
51033
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
52442
51034
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
52443
51035
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
51036
|
+
const useModal = this.isBibFullscreen;
|
|
52444
51037
|
this.bibElement.value.close();
|
|
52445
|
-
this.bibElement.value.open(
|
|
52446
|
-
|
|
52447
|
-
// Re-initialize focus management for the new strategy
|
|
52448
|
-
this.updateFocusTrap();
|
|
52449
|
-
|
|
52450
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
52451
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52452
|
-
this._setPageInert();
|
|
52453
|
-
} else {
|
|
52454
|
-
this._clearPageInert();
|
|
52455
|
-
}
|
|
52456
|
-
}
|
|
52457
|
-
|
|
52458
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
52459
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
52460
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
52461
|
-
this.updateFocusTrap();
|
|
52462
|
-
if (this.desktopModal) {
|
|
52463
|
-
this._setPageInert();
|
|
52464
|
-
} else {
|
|
52465
|
-
this._clearPageInert();
|
|
52466
|
-
}
|
|
51038
|
+
this.bibElement.value.open(useModal);
|
|
52467
51039
|
}
|
|
52468
51040
|
}
|
|
52469
51041
|
|
|
@@ -52473,14 +51045,8 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52473
51045
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
52474
51046
|
*/
|
|
52475
51047
|
handleDropdownToggle(event) {
|
|
51048
|
+
this.updateFocusTrap();
|
|
52476
51049
|
this.isPopoverVisible = event.detail.expanded;
|
|
52477
|
-
|
|
52478
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
52479
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
52480
|
-
if (!this.isPopoverVisible) {
|
|
52481
|
-
this.updateFocusTrap();
|
|
52482
|
-
}
|
|
52483
|
-
|
|
52484
51050
|
const eventType = event.detail.eventType || "unknown";
|
|
52485
51051
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
52486
51052
|
this.trigger.focus();
|
|
@@ -52579,176 +51145,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52579
51145
|
* @private
|
|
52580
51146
|
*/
|
|
52581
51147
|
updateFocusTrap() {
|
|
52582
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
52583
|
-
// to prevent duplicate listeners on repeated calls.
|
|
52584
|
-
if (this._bibTabHandler) {
|
|
52585
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52586
|
-
this._bibTabHandler = undefined;
|
|
52587
|
-
}
|
|
52588
|
-
|
|
52589
|
-
if (this.focusTrap) {
|
|
52590
|
-
this.focusTrap.disconnect();
|
|
52591
|
-
this.focusTrap = undefined;
|
|
52592
|
-
}
|
|
52593
|
-
|
|
52594
51148
|
if (this.isPopoverVisible) {
|
|
52595
51149
|
if (!this.isBibFullscreen) {
|
|
52596
|
-
|
|
52597
|
-
|
|
52598
|
-
|
|
52599
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
52600
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
52601
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
52602
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52603
|
-
// within the bib's focusable elements.
|
|
52604
|
-
this._bibTabHandler = (event) => {
|
|
52605
|
-
if (event.key !== 'Tab') {
|
|
52606
|
-
return;
|
|
52607
|
-
}
|
|
52608
|
-
|
|
52609
|
-
// Collect focusable elements from the bib content.
|
|
52610
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52611
|
-
|
|
52612
|
-
// Fallback: try from slotted content directly
|
|
52613
|
-
if (!focusables.length) {
|
|
52614
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52615
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52616
|
-
|
|
52617
|
-
for (const node of assignedNodes) {
|
|
52618
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52619
|
-
focusables.push(...getFocusableElements$1(node));
|
|
52620
|
-
}
|
|
52621
|
-
}
|
|
52622
|
-
}
|
|
52623
|
-
|
|
52624
|
-
if (!focusables.length) {
|
|
52625
|
-
return;
|
|
52626
|
-
}
|
|
52627
|
-
|
|
52628
|
-
event.preventDefault();
|
|
52629
|
-
|
|
52630
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52631
|
-
|
|
52632
|
-
// Walk the active element chain through shadow roots
|
|
52633
|
-
const actives = this._getActiveElements();
|
|
52634
|
-
|
|
52635
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52636
|
-
|
|
52637
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52638
|
-
// Focus is not on a known element — move to first/last
|
|
52639
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52640
|
-
}
|
|
52641
|
-
|
|
52642
|
-
// Try each element in order, skipping any that can't receive focus
|
|
52643
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
52644
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52645
|
-
let nextIdx = idx + direction;
|
|
52646
|
-
|
|
52647
|
-
// Wrap around
|
|
52648
|
-
if (nextIdx < 0) {
|
|
52649
|
-
nextIdx = focusables.length - 1;
|
|
52650
|
-
} else if (nextIdx >= focusables.length) {
|
|
52651
|
-
nextIdx = 0;
|
|
52652
|
-
}
|
|
52653
|
-
|
|
52654
|
-
focusables[nextIdx].focus();
|
|
52655
|
-
|
|
52656
|
-
// Verify focus actually moved to the target
|
|
52657
|
-
const newActives = this._getActiveElements();
|
|
52658
|
-
|
|
52659
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
52660
|
-
return;
|
|
52661
|
-
}
|
|
52662
|
-
|
|
52663
|
-
// Focus didn't stick — skip this element and try the next
|
|
52664
|
-
idx = nextIdx;
|
|
52665
|
-
}
|
|
52666
|
-
};
|
|
52667
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
52668
|
-
|
|
52669
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
52670
|
-
requestAnimationFrame(() => {
|
|
52671
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52672
|
-
if (focusables.length) {
|
|
52673
|
-
focusables[0].focus();
|
|
52674
|
-
}
|
|
52675
|
-
});
|
|
52676
|
-
} else {
|
|
52677
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
52678
|
-
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52679
|
-
this.focusTrap.focusFirstElement();
|
|
52680
|
-
}
|
|
51150
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
51151
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
51152
|
+
this.focusTrap.focusFirstElement();
|
|
52681
51153
|
}
|
|
52682
51154
|
// Fullscreen: showModal() provides native focus trapping
|
|
52683
|
-
}
|
|
52684
|
-
}
|
|
52685
|
-
|
|
52686
|
-
/**
|
|
52687
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
52688
|
-
* @private
|
|
52689
|
-
* @returns {Array<HTMLElement>}
|
|
52690
|
-
*/
|
|
52691
|
-
_getActiveElements() {
|
|
52692
|
-
let { activeElement } = document;
|
|
52693
|
-
const actives = [activeElement];
|
|
52694
|
-
|
|
52695
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
52696
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
52697
|
-
actives.push(activeElement);
|
|
52698
|
-
}
|
|
52699
|
-
|
|
52700
|
-
return actives;
|
|
52701
|
-
}
|
|
52702
|
-
|
|
52703
|
-
/**
|
|
52704
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52705
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52706
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52707
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
52708
|
-
* to ensure all page content outside the host subtree is inert.
|
|
52709
|
-
* @private
|
|
52710
|
-
*/
|
|
52711
|
-
_setPageInert() {
|
|
52712
|
-
if (this._inertSiblings) {
|
|
52713
51155
|
return;
|
|
52714
51156
|
}
|
|
52715
51157
|
|
|
52716
|
-
this.
|
|
52717
|
-
|
|
52718
|
-
|
|
52719
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
52720
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52721
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
52722
|
-
let host = this;
|
|
52723
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52724
|
-
host = host.getRootNode().host;
|
|
52725
|
-
}
|
|
52726
|
-
|
|
52727
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
52728
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
52729
|
-
let current = host;
|
|
52730
|
-
while (current.parentElement) {
|
|
52731
|
-
const parent = current.parentElement;
|
|
52732
|
-
for (const sibling of parent.children) {
|
|
52733
|
-
if (sibling !== current && !sibling.inert) {
|
|
52734
|
-
sibling.inert = true;
|
|
52735
|
-
this._inertSiblings.push(sibling);
|
|
52736
|
-
}
|
|
52737
|
-
}
|
|
52738
|
-
current = parent;
|
|
52739
|
-
}
|
|
52740
|
-
}
|
|
52741
|
-
|
|
52742
|
-
/**
|
|
52743
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
52744
|
-
* @private
|
|
52745
|
-
*/
|
|
52746
|
-
_clearPageInert() {
|
|
52747
|
-
if (this._inertSiblings) {
|
|
52748
|
-
for (const sibling of this._inertSiblings) {
|
|
52749
|
-
sibling.inert = false;
|
|
52750
|
-
}
|
|
52751
|
-
this._inertSiblings = undefined;
|
|
51158
|
+
if (this.focusTrap) {
|
|
51159
|
+
this.focusTrap.disconnect();
|
|
51160
|
+
this.focusTrap = undefined;
|
|
52752
51161
|
}
|
|
52753
51162
|
}
|
|
52754
51163
|
|
|
@@ -52987,7 +51396,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52987
51396
|
shape="${this.shape}"
|
|
52988
51397
|
?data-show="${this.isPopoverVisible}"
|
|
52989
51398
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52990
|
-
?desktopmodal="${this.desktopModal}"
|
|
52991
51399
|
.dialogLabel="${this.bibDialogLabel}"
|
|
52992
51400
|
${n$6(this.bibElement)}
|
|
52993
51401
|
>
|
|
@@ -59686,7 +58094,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
|
|
|
59686
58094
|
}
|
|
59687
58095
|
};
|
|
59688
58096
|
|
|
59689
|
-
var formkitVersion$1$1 = '
|
|
58097
|
+
var formkitVersion$1$1 = '202605192014';
|
|
59690
58098
|
|
|
59691
58099
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
59692
58100
|
// See LICENSE in the project root for license information.
|
|
@@ -60640,14 +59048,6 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60640
59048
|
large: {
|
|
60641
59049
|
type: Boolean,
|
|
60642
59050
|
reflect: true
|
|
60643
|
-
},
|
|
60644
|
-
|
|
60645
|
-
/**
|
|
60646
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60647
|
-
*/
|
|
60648
|
-
showFooter: {
|
|
60649
|
-
type: Boolean,
|
|
60650
|
-
reflect: true
|
|
60651
59051
|
}
|
|
60652
59052
|
};
|
|
60653
59053
|
}
|
|
@@ -60750,7 +59150,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60750
59150
|
<slot></slot>
|
|
60751
59151
|
</div>
|
|
60752
59152
|
|
|
60753
|
-
${this.isFullscreen
|
|
59153
|
+
${this.isFullscreen ? u$c`
|
|
60754
59154
|
<div id="footerContainer">
|
|
60755
59155
|
<slot name="footer"></slot>
|
|
60756
59156
|
</div>` : null}
|
|
@@ -60759,7 +59159,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
60759
59159
|
}
|
|
60760
59160
|
};
|
|
60761
59161
|
|
|
60762
|
-
var formkitVersion$3 = '
|
|
59162
|
+
var formkitVersion$3 = '202605192014';
|
|
60763
59163
|
|
|
60764
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}`;
|
|
60765
59165
|
|
|
@@ -66245,28 +64645,30 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
66245
64645
|
const selectKeyboardStrategy = {
|
|
66246
64646
|
ArrowDown(component, evt, ctx) {
|
|
66247
64647
|
evt.preventDefault();
|
|
66248
|
-
if (
|
|
66249
|
-
|
|
66250
|
-
|
|
66251
|
-
|
|
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();
|
|
66252
64657
|
}
|
|
66253
|
-
navigateArrow(component, 'down', {
|
|
66254
|
-
ctx,
|
|
66255
|
-
showFn: () => component.dropdown.show(),
|
|
66256
|
-
});
|
|
66257
64658
|
},
|
|
66258
64659
|
|
|
66259
64660
|
ArrowUp(component, evt, ctx) {
|
|
66260
64661
|
evt.preventDefault();
|
|
66261
|
-
if (
|
|
66262
|
-
|
|
66263
|
-
|
|
66264
|
-
|
|
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();
|
|
66265
64671
|
}
|
|
66266
|
-
navigateArrow(component, 'up', {
|
|
66267
|
-
ctx,
|
|
66268
|
-
showFn: () => component.dropdown.show(),
|
|
66269
|
-
});
|
|
66270
64672
|
},
|
|
66271
64673
|
|
|
66272
64674
|
Escape(component, evt, ctx) {
|
|
@@ -69618,7 +68020,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
69618
68020
|
});
|
|
69619
68021
|
}
|
|
69620
68022
|
|
|
69621
|
-
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}`;
|
|
69622
68024
|
|
|
69623
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)}`;
|
|
69624
68026
|
|
|
@@ -70249,7 +68651,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
70249
68651
|
}
|
|
70250
68652
|
};
|
|
70251
68653
|
|
|
70252
|
-
var formkitVersion$1 = '
|
|
68654
|
+
var formkitVersion$1 = '202605192014';
|
|
70253
68655
|
|
|
70254
68656
|
class AuroElement extends i$4 {
|
|
70255
68657
|
static get properties() {
|
|
@@ -70429,7 +68831,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70429
68831
|
_intializeDefaults() {
|
|
70430
68832
|
this.appearance = 'default';
|
|
70431
68833
|
this.chevron = false;
|
|
70432
|
-
this.desktopModal = false;
|
|
70433
68834
|
this.disabled = false;
|
|
70434
68835
|
this.disableKeyboardHandling = false;
|
|
70435
68836
|
this.error = false;
|
|
@@ -70610,14 +69011,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70610
69011
|
reflect: true
|
|
70611
69012
|
},
|
|
70612
69013
|
|
|
70613
|
-
/**
|
|
70614
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70615
|
-
*/
|
|
70616
|
-
desktopModal: {
|
|
70617
|
-
type: Boolean,
|
|
70618
|
-
reflect: true
|
|
70619
|
-
},
|
|
70620
|
-
|
|
70621
69014
|
/**
|
|
70622
69015
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
70623
69016
|
*/
|
|
@@ -70905,15 +69298,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70905
69298
|
|
|
70906
69299
|
disconnectedCallback() {
|
|
70907
69300
|
super.disconnectedCallback();
|
|
70908
|
-
this._clearPageInert();
|
|
70909
|
-
if (this._bibTabHandler) {
|
|
70910
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70911
|
-
this._bibTabHandler = undefined;
|
|
70912
|
-
}
|
|
70913
|
-
if (this.focusTrap) {
|
|
70914
|
-
this.focusTrap.disconnect();
|
|
70915
|
-
this.focusTrap = undefined;
|
|
70916
|
-
}
|
|
70917
69301
|
if (this.floater) {
|
|
70918
69302
|
this.floater.hideBib('disconnect');
|
|
70919
69303
|
this.floater.disconnect();
|
|
@@ -70941,45 +69325,19 @@ class AuroDropdown extends AuroElement {
|
|
|
70941
69325
|
if (this.isPopoverVisible) {
|
|
70942
69326
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
70943
69327
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
70944
|
-
this.
|
|
70945
|
-
this.
|
|
70946
|
-
|
|
70947
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70948
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70949
|
-
this._setPageInert();
|
|
70950
|
-
}
|
|
69328
|
+
const useModal = this.isBibFullscreen;
|
|
69329
|
+
this.bibElement.value.open(useModal);
|
|
70951
69330
|
} else {
|
|
70952
69331
|
this.bibElement.value.close();
|
|
70953
|
-
this._clearPageInert();
|
|
70954
69332
|
}
|
|
70955
69333
|
}
|
|
70956
69334
|
|
|
70957
69335
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
70958
69336
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
70959
69337
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
69338
|
+
const useModal = this.isBibFullscreen;
|
|
70960
69339
|
this.bibElement.value.close();
|
|
70961
|
-
this.bibElement.value.open(
|
|
70962
|
-
|
|
70963
|
-
// Re-initialize focus management for the new strategy
|
|
70964
|
-
this.updateFocusTrap();
|
|
70965
|
-
|
|
70966
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70967
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70968
|
-
this._setPageInert();
|
|
70969
|
-
} else {
|
|
70970
|
-
this._clearPageInert();
|
|
70971
|
-
}
|
|
70972
|
-
}
|
|
70973
|
-
|
|
70974
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
70975
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
70976
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
70977
|
-
this.updateFocusTrap();
|
|
70978
|
-
if (this.desktopModal) {
|
|
70979
|
-
this._setPageInert();
|
|
70980
|
-
} else {
|
|
70981
|
-
this._clearPageInert();
|
|
70982
|
-
}
|
|
69340
|
+
this.bibElement.value.open(useModal);
|
|
70983
69341
|
}
|
|
70984
69342
|
}
|
|
70985
69343
|
|
|
@@ -70989,14 +69347,8 @@ class AuroDropdown extends AuroElement {
|
|
|
70989
69347
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
70990
69348
|
*/
|
|
70991
69349
|
handleDropdownToggle(event) {
|
|
69350
|
+
this.updateFocusTrap();
|
|
70992
69351
|
this.isPopoverVisible = event.detail.expanded;
|
|
70993
|
-
|
|
70994
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70995
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
70996
|
-
if (!this.isPopoverVisible) {
|
|
70997
|
-
this.updateFocusTrap();
|
|
70998
|
-
}
|
|
70999
|
-
|
|
71000
69352
|
const eventType = event.detail.eventType || "unknown";
|
|
71001
69353
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
71002
69354
|
this.trigger.focus();
|
|
@@ -71095,176 +69447,19 @@ class AuroDropdown extends AuroElement {
|
|
|
71095
69447
|
* @private
|
|
71096
69448
|
*/
|
|
71097
69449
|
updateFocusTrap() {
|
|
71098
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
71099
|
-
// to prevent duplicate listeners on repeated calls.
|
|
71100
|
-
if (this._bibTabHandler) {
|
|
71101
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
71102
|
-
this._bibTabHandler = undefined;
|
|
71103
|
-
}
|
|
71104
|
-
|
|
71105
|
-
if (this.focusTrap) {
|
|
71106
|
-
this.focusTrap.disconnect();
|
|
71107
|
-
this.focusTrap = undefined;
|
|
71108
|
-
}
|
|
71109
|
-
|
|
71110
69450
|
if (this.isPopoverVisible) {
|
|
71111
69451
|
if (!this.isBibFullscreen) {
|
|
71112
|
-
|
|
71113
|
-
|
|
71114
|
-
|
|
71115
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
71116
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
71117
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
71118
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
71119
|
-
// within the bib's focusable elements.
|
|
71120
|
-
this._bibTabHandler = (event) => {
|
|
71121
|
-
if (event.key !== 'Tab') {
|
|
71122
|
-
return;
|
|
71123
|
-
}
|
|
71124
|
-
|
|
71125
|
-
// Collect focusable elements from the bib content.
|
|
71126
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
71127
|
-
|
|
71128
|
-
// Fallback: try from slotted content directly
|
|
71129
|
-
if (!focusables.length) {
|
|
71130
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
71131
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
71132
|
-
|
|
71133
|
-
for (const node of assignedNodes) {
|
|
71134
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
71135
|
-
focusables.push(...getFocusableElements(node));
|
|
71136
|
-
}
|
|
71137
|
-
}
|
|
71138
|
-
}
|
|
71139
|
-
|
|
71140
|
-
if (!focusables.length) {
|
|
71141
|
-
return;
|
|
71142
|
-
}
|
|
71143
|
-
|
|
71144
|
-
event.preventDefault();
|
|
71145
|
-
|
|
71146
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
71147
|
-
|
|
71148
|
-
// Walk the active element chain through shadow roots
|
|
71149
|
-
const actives = this._getActiveElements();
|
|
71150
|
-
|
|
71151
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
71152
|
-
|
|
71153
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
71154
|
-
// Focus is not on a known element — move to first/last
|
|
71155
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
71156
|
-
}
|
|
71157
|
-
|
|
71158
|
-
// Try each element in order, skipping any that can't receive focus
|
|
71159
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
71160
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
71161
|
-
let nextIdx = idx + direction;
|
|
71162
|
-
|
|
71163
|
-
// Wrap around
|
|
71164
|
-
if (nextIdx < 0) {
|
|
71165
|
-
nextIdx = focusables.length - 1;
|
|
71166
|
-
} else if (nextIdx >= focusables.length) {
|
|
71167
|
-
nextIdx = 0;
|
|
71168
|
-
}
|
|
71169
|
-
|
|
71170
|
-
focusables[nextIdx].focus();
|
|
71171
|
-
|
|
71172
|
-
// Verify focus actually moved to the target
|
|
71173
|
-
const newActives = this._getActiveElements();
|
|
71174
|
-
|
|
71175
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
71176
|
-
return;
|
|
71177
|
-
}
|
|
71178
|
-
|
|
71179
|
-
// Focus didn't stick — skip this element and try the next
|
|
71180
|
-
idx = nextIdx;
|
|
71181
|
-
}
|
|
71182
|
-
};
|
|
71183
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
71184
|
-
|
|
71185
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
71186
|
-
requestAnimationFrame(() => {
|
|
71187
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
71188
|
-
if (focusables.length) {
|
|
71189
|
-
focusables[0].focus();
|
|
71190
|
-
}
|
|
71191
|
-
});
|
|
71192
|
-
} else {
|
|
71193
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
71194
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
71195
|
-
this.focusTrap.focusFirstElement();
|
|
71196
|
-
}
|
|
69452
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
69453
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
69454
|
+
this.focusTrap.focusFirstElement();
|
|
71197
69455
|
}
|
|
71198
69456
|
// Fullscreen: showModal() provides native focus trapping
|
|
71199
|
-
}
|
|
71200
|
-
}
|
|
71201
|
-
|
|
71202
|
-
/**
|
|
71203
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
71204
|
-
* @private
|
|
71205
|
-
* @returns {Array<HTMLElement>}
|
|
71206
|
-
*/
|
|
71207
|
-
_getActiveElements() {
|
|
71208
|
-
let { activeElement } = document;
|
|
71209
|
-
const actives = [activeElement];
|
|
71210
|
-
|
|
71211
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
71212
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
71213
|
-
actives.push(activeElement);
|
|
71214
|
-
}
|
|
71215
|
-
|
|
71216
|
-
return actives;
|
|
71217
|
-
}
|
|
71218
|
-
|
|
71219
|
-
/**
|
|
71220
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
71221
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
71222
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
71223
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
71224
|
-
* to ensure all page content outside the host subtree is inert.
|
|
71225
|
-
* @private
|
|
71226
|
-
*/
|
|
71227
|
-
_setPageInert() {
|
|
71228
|
-
if (this._inertSiblings) {
|
|
71229
69457
|
return;
|
|
71230
69458
|
}
|
|
71231
69459
|
|
|
71232
|
-
this.
|
|
71233
|
-
|
|
71234
|
-
|
|
71235
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
71236
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
71237
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
71238
|
-
let host = this;
|
|
71239
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
71240
|
-
host = host.getRootNode().host;
|
|
71241
|
-
}
|
|
71242
|
-
|
|
71243
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
71244
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
71245
|
-
let current = host;
|
|
71246
|
-
while (current.parentElement) {
|
|
71247
|
-
const parent = current.parentElement;
|
|
71248
|
-
for (const sibling of parent.children) {
|
|
71249
|
-
if (sibling !== current && !sibling.inert) {
|
|
71250
|
-
sibling.inert = true;
|
|
71251
|
-
this._inertSiblings.push(sibling);
|
|
71252
|
-
}
|
|
71253
|
-
}
|
|
71254
|
-
current = parent;
|
|
71255
|
-
}
|
|
71256
|
-
}
|
|
71257
|
-
|
|
71258
|
-
/**
|
|
71259
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
71260
|
-
* @private
|
|
71261
|
-
*/
|
|
71262
|
-
_clearPageInert() {
|
|
71263
|
-
if (this._inertSiblings) {
|
|
71264
|
-
for (const sibling of this._inertSiblings) {
|
|
71265
|
-
sibling.inert = false;
|
|
71266
|
-
}
|
|
71267
|
-
this._inertSiblings = undefined;
|
|
69460
|
+
if (this.focusTrap) {
|
|
69461
|
+
this.focusTrap.disconnect();
|
|
69462
|
+
this.focusTrap = undefined;
|
|
71268
69463
|
}
|
|
71269
69464
|
}
|
|
71270
69465
|
|
|
@@ -71503,7 +69698,6 @@ class AuroDropdown extends AuroElement {
|
|
|
71503
69698
|
shape="${this.shape}"
|
|
71504
69699
|
?data-show="${this.isPopoverVisible}"
|
|
71505
69700
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71506
|
-
?desktopmodal="${this.desktopModal}"
|
|
71507
69701
|
.dialogLabel="${this.bibDialogLabel}"
|
|
71508
69702
|
${n$6(this.bibElement)}
|
|
71509
69703
|
>
|
|
@@ -71871,14 +70065,6 @@ class AuroBibtemplate extends i$4 {
|
|
|
71871
70065
|
large: {
|
|
71872
70066
|
type: Boolean,
|
|
71873
70067
|
reflect: true
|
|
71874
|
-
},
|
|
71875
|
-
|
|
71876
|
-
/**
|
|
71877
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
71878
|
-
*/
|
|
71879
|
-
showFooter: {
|
|
71880
|
-
type: Boolean,
|
|
71881
|
-
reflect: true
|
|
71882
70068
|
}
|
|
71883
70069
|
};
|
|
71884
70070
|
}
|
|
@@ -71981,7 +70167,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
71981
70167
|
<slot></slot>
|
|
71982
70168
|
</div>
|
|
71983
70169
|
|
|
71984
|
-
${this.isFullscreen
|
|
70170
|
+
${this.isFullscreen ? u$c`
|
|
71985
70171
|
<div id="footerContainer">
|
|
71986
70172
|
<slot name="footer"></slot>
|
|
71987
70173
|
</div>` : null}
|
|
@@ -72218,7 +70404,7 @@ class AuroHelpText extends i$4 {
|
|
|
72218
70404
|
}
|
|
72219
70405
|
}
|
|
72220
70406
|
|
|
72221
|
-
var formkitVersion = '
|
|
70407
|
+
var formkitVersion = '202605192014';
|
|
72222
70408
|
|
|
72223
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}`;
|
|
72224
70410
|
|