@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.6 → 0.0.0-pr1477.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -7
- package/components/bibtemplate/dist/index.js +1 -9
- package/components/bibtemplate/dist/registered.js +1 -9
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/pages.json +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +18 -236
- package/components/combobox/demo/getting-started.min.js +18 -236
- package/components/combobox/demo/index.min.js +18 -236
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/dist/index.js +18 -236
- package/components/combobox/dist/registered.js +18 -236
- package/components/counter/demo/customize.min.js +15 -233
- package/components/counter/demo/index.min.js +15 -233
- package/components/counter/demo/keyboard-behavior.md +0 -1
- package/components/counter/demo/pages.json +1 -1
- package/components/counter/dist/index.js +2 -10
- package/components/counter/dist/registered.js +2 -10
- package/components/datepicker/demo/accessibility.md +3 -51
- package/components/datepicker/demo/api.md +2 -11
- package/components/datepicker/demo/customize.html +0 -2
- package/components/datepicker/demo/customize.md +8 -72
- package/components/datepicker/demo/design.md +1 -3
- package/components/datepicker/demo/index.js +1 -5
- package/components/datepicker/demo/index.md +2 -83
- package/components/datepicker/demo/index.min.js +100 -1567
- package/components/datepicker/demo/keyboard-behavior.md +2 -201
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +12 -19
- package/components/datepicker/dist/index.js +98 -1489
- package/components/datepicker/dist/registered.js +98 -1489
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +1 -66
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +0 -28
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -100
- package/components/datepicker/dist/src/auro-datepicker.d.ts +0 -88
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +3 -5
- package/components/dropdown/demo/accessibility.md +0 -11
- package/components/dropdown/demo/api.md +0 -1
- package/components/dropdown/demo/customize.md +0 -3
- package/components/dropdown/demo/customize.min.js +13 -223
- package/components/dropdown/demo/getting-started.min.js +13 -223
- package/components/dropdown/demo/index.min.js +13 -223
- package/components/dropdown/demo/keyboard-behavior.md +0 -1
- package/components/dropdown/demo/pages.json +1 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +1 -33
- package/components/dropdown/dist/index.js +13 -223
- package/components/dropdown/dist/registered.js +13 -223
- package/components/form/demo/customize.min.js +165 -2208
- package/components/form/demo/getting-started.min.js +165 -2208
- package/components/form/demo/index.min.js +165 -2208
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +165 -2208
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/demo/pages.json +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/pages.json +1 -1
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/pages.json +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +33 -249
- package/components/select/demo/getting-started.min.js +33 -249
- package/components/select/demo/index.min.js +33 -249
- package/components/select/demo/keyboard-behavior.md +54 -9
- package/components/select/demo/pages.json +1 -1
- package/components/select/dist/index.js +33 -249
- package/components/select/dist/registered.js +33 -249
- package/custom-elements.json +21 -738
- package/package.json +2 -2
- package/components/checkbox/demo/why-checkbox.html +0 -57
- package/components/checkbox/demo/why-checkbox.md +0 -86
- package/components/combobox/demo/why-combobox.html +0 -57
- package/components/combobox/demo/why-combobox.md +0 -113
- package/components/counter/demo/why-counter.html +0 -57
- package/components/counter/demo/why-counter.md +0 -108
- package/components/datepicker/demo/customize.js +0 -19
- package/components/datepicker/demo/customize.min.js +0 -26028
- package/components/datepicker/demo/why-datepicker.html +0 -57
- package/components/datepicker/demo/why-datepicker.md +0 -133
- package/components/dropdown/demo/why-dropdown.html +0 -57
- package/components/dropdown/demo/why-dropdown.md +0 -97
- package/components/form/demo/why-form.html +0 -57
- package/components/form/demo/why-form.md +0 -101
- package/components/input/demo/why-input.html +0 -57
- package/components/input/demo/why-input.md +0 -121
- package/components/menu/demo/why-menu.html +0 -57
- package/components/menu/demo/why-menu.md +0 -104
- package/components/radio/demo/customize.min.js +0 -2186
- package/components/radio/demo/demo-support.min.js +0 -55807
- package/components/radio/demo/getting-started.min.js +0 -2205
- package/components/radio/demo/why-radio.html +0 -57
- package/components/radio/demo/why-radio.md +0 -92
- package/components/select/demo/why-select.html +0 -57
- package/components/select/demo/why-select.md +0 -128
|
@@ -6743,7 +6743,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$3 {
|
|
|
6743
6743
|
}
|
|
6744
6744
|
};
|
|
6745
6745
|
|
|
6746
|
-
var formkitVersion$9 = '
|
|
6746
|
+
var formkitVersion$9 = '202605201634';
|
|
6747
6747
|
|
|
6748
6748
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6749
6749
|
// See LICENSE in the project root for license information.
|
|
@@ -8798,11 +8798,11 @@ var snowflakeStyle = i$5`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
8798
8798
|
|
|
8799
8799
|
var snowflakeColors = i$5`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
8800
8800
|
|
|
8801
|
-
var styleCss$7$1 = i$5`.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}`;
|
|
8801
|
+
var styleCss$7$1 = i$5`.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:""}`;
|
|
8802
8802
|
|
|
8803
8803
|
var colorCss$7$1 = i$5`.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)}}`;
|
|
8804
8804
|
|
|
8805
|
-
var styleCss$6$1 = i$5`: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%}`;
|
|
8805
|
+
var styleCss$6$1 = i$5`: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%}`;
|
|
8806
8806
|
|
|
8807
8807
|
var colorCss$6$1 = i$5`: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)}`;
|
|
8808
8808
|
|
|
@@ -15311,24 +15311,20 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
15311
15311
|
__decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
15312
15312
|
AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
15313
15313
|
|
|
15314
|
-
var styleCss$5$1 = i$5`.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}}`;
|
|
15314
|
+
var styleCss$5$1 = i$5`.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}}`;
|
|
15315
15315
|
|
|
15316
|
-
var colorCss$5$1 = i$5`: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
|
|
15316
|
+
var colorCss$5$1 = i$5`: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}`;
|
|
15317
15317
|
|
|
15318
|
-
let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],d$3$1="start",p$6$1="end",f$6$1="viewport",h$3$1="popper",u$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+d$3$1,t+"-"+p$6$1])},[]),m$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+d$3$1,t+"-"+p$6$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var A$3$1=Math.max,O=Math.min,k$6$1=Math.round;function T$3$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6$1(){return !/^((?!chrome|android).)*safari/i.test(T$3$1())}function E(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&k$6$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!z$6$1()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,d=s.width/r,p=s.height/o;return {width:d,height:p,top:c,right:l+d,bottom:c+p,left:l,x:l,y:c}}function M$6$1(e){var t=E(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function R$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function H$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||H$3$1(e)}function D(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=D(e);i&&R$3$1(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3$1());if(/Trident/i.test(T$3$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=C$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3$1(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3$1(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var F={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,d=i.elements.arrow,p=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),u=[a,n$1$1].indexOf(f)>=0?"height":"width";if(d&&p){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3$1(e,c$3$1))}(l.padding,i),g=M$6$1(d),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[u]+i.rects.reference[h]-p[h]-i.rects.popper[u],b=p[h]-i.rects.reference[h],x=N$3$1(d),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,A=w/2-b/2,O=m[v],k=S-g[u]-m[y],T=S/2-g[u]/2+A,z=j(O,T,k),E=h;i.modifiersData[s]=((t={})[E]=z,t.centerOffset=z-T,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3$1(e){return e.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,d=e.offsets,f=e.position,h=e.gpuAcceleration,u=e.adaptive,m=e.roundOffsets,g=e.isFixed,v=d.x,w=void 0===v?0:v,b=d.y,x=void 0===b?0:b,S="function"==typeof m?m({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=d.hasOwnProperty("x"),A=d.hasOwnProperty("y"),O=a,T=r$1$1,z=window;if(u){var E=N$3$1(i),M="clientHeight",B="clientWidth";if(E===y$6$1(i)&&"static"!==L(E=H$3$1(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===p$6$1)T=o,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===p$6$1)O=n$1$1,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6$1(i*r)/r||0,y:k$6$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=D.x,x=D.y,h?Object.assign({},C,((R={})[T]=A?"0":"",R[O]=_?"0":"",R.transform=(z.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",R)):Object.assign({},C,((t={})[T]=A?x+"px":"",t[O]=_?w+"px":"",t.transform="",t))}var X={passive:true};var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,function(e){return $[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(C$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=H$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6$1();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=E(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=H$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3$1(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3$1(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=A$3$1(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3$1(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3$1(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?U$3$1(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case d$3$1:t[m]=t[m]-(i[g]/2-s[g]/2);break;case p$6$1:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,d=void 0===l?e.strategy:l,p=i.boundary,u=void 0===p?"clippingParents":p,m=i.rootBoundary,g=void 0===m?f$6$1:m,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3$1(_,c$3$1)),O=y===h$3$1?"reference":h$3$1,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6$1(T)?T:T.contextElement||H$3$1(e.elements.popper),u,g,d),M=E(e.elements.reference),B=oe({reference:M,element:k,placement:a}),L=ie(Object.assign({},k,B)),R=y===h$3$1?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$3$1&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,d=void 0===l?m$6$1:l,p=U$3$1(s),f=p?a?u$6$1:u$6$1.filter(function(e){return U$3$1(e)===p}):c$3$1,h=f.filter(function(e){return d.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,p=void 0===c||c,f=i.altAxis,h=void 0===f||f,u=i.fallbackPlacements,m=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,A=_$4$1(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:m,flipVariations:b,allowedAutoPlacements:x}):i)},[]),T=t.rects.reference,z=t.rects.popper,E=new Map,M=true,B=k[0],L=0;L<k.length;L++){var R=k[L],H=_$4$1(R),C=U$3$1(R)===d$3$1,D=[r$1$1,o].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$1$1:a:C?o:r$1$1;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(p&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function de(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var pe={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],d=l[1];return c=c||0,d=(d||0)*o,[a,n$1$1].indexOf(s)>=0?{x:d,y:c}:{x:c,y:d}}(i,t.rects,l),e},{}),d=c[t.placement],p=d.x,f=d.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=p,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,p=i.altAxis,f=void 0!==p&&p,h=i.boundary,u=i.rootBoundary,m=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:u,padding:g,altBoundary:m}),S=_$4$1(t.placement),k=U$3$1(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$1$1:a,V="y"===z?o:n$1$1,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===d$3$1?L[W]:R[W],J=k===d$3$1?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$6$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[F],ie=ee[V],se=j(0,L[W],Z[W]),re=T?L[W]/2-K-se-te-C.mainAxis:Y-se-te-C.mainAxis,oe=T?-L[W]/2+K+se+ie+C.mainAxis:J+se+ie+C.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===z?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(q=null==D?void 0:D[z])?q:0,de=X+oe-ce,pe=j(y?O($,X+re-ce-le):$,X,y?A$3$1(G,de):G);B[z]=pe,I[z]=pe-X;}if(f){var fe,he="x"===z?r$1$1:a,ue="x"===z?o:n$1$1,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6$1(t.width)/e.offsetWidth||1,s=k$6$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3$1(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((d=E(t,true)).x+=t.clientLeft,d.y+=t.clientTop):a&&(d.x=Q(a))),{x:l.left+c.scrollLeft-d.x,y:l.top+c.scrollTop-d.y,width:l.width,height:l.height}}function ue(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var me={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?me:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},me,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,d={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;p(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:d,options:s}),n=function(){};l.push(o||n);}}),d.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:M$6$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,p=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:p,instance:d})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){d.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){p(),c=true;}};if(!ge(e,t))return d;function p(){l.forEach(function(e){return e()}),l=[];}return d.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),d}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,X);}),a&&l.addEventListener("resize",i.update,X),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,X);}),a&&l.removeEventListener("resize",i.update,X);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:U$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,W(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,W(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,pe,le,fe,F,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),d=de(l),p=de(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":p});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$5`::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)}
|
|
15318
|
+
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$5`::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)}
|
|
15319
15319
|
`,xe=i$5`.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:""}
|
|
15320
15320
|
`,Se=i$5`: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)}
|
|
15321
|
-
`;class _e extends i$3{constructor(){super(),this.placement="top",this.
|
|
15322
|
-
<div
|
|
15323
|
-
id="popover"
|
|
15324
|
-
class="popover util_insetLg body-default"
|
|
15325
|
-
part="popover"
|
|
15326
|
-
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
15321
|
+
`;class _e extends i$3{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$5`${xe}`,i$5`${be}`,i$5`${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$8`
|
|
15322
|
+
<div id="popover" class="popover util_insetLg body-default" part="popover">
|
|
15327
15323
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
15328
|
-
<slot></slot>
|
|
15324
|
+
<span role="tooltip"><slot></slot></span>
|
|
15329
15325
|
</div>
|
|
15330
15326
|
|
|
15331
|
-
<span
|
|
15327
|
+
<span>
|
|
15332
15328
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
15333
15329
|
</span>
|
|
15334
15330
|
`}}
|
|
@@ -15356,8 +15352,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
15356
15352
|
this._locale = null;
|
|
15357
15353
|
this.dateStr = null;
|
|
15358
15354
|
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.
|
|
15359
|
-
this.active = false;
|
|
15360
|
-
this.hasPopoverContent = false;
|
|
15361
15355
|
|
|
15362
15356
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
15363
15357
|
|
|
@@ -15391,12 +15385,7 @@ class AuroCalendarCell extends i$3 {
|
|
|
15391
15385
|
isCurrentDate: { type: Boolean },
|
|
15392
15386
|
locale: { type: Object },
|
|
15393
15387
|
dateStr: { type: String },
|
|
15394
|
-
renderForDateSlot: { type: Boolean }
|
|
15395
|
-
active: {
|
|
15396
|
-
type: Boolean,
|
|
15397
|
-
reflect: true
|
|
15398
|
-
},
|
|
15399
|
-
hasPopoverContent: { type: Boolean }
|
|
15388
|
+
renderForDateSlot: { type: Boolean }
|
|
15400
15389
|
};
|
|
15401
15390
|
}
|
|
15402
15391
|
|
|
@@ -15455,23 +15444,13 @@ class AuroCalendarCell extends i$3 {
|
|
|
15455
15444
|
* @returns {void}
|
|
15456
15445
|
*/
|
|
15457
15446
|
handleTap() {
|
|
15458
|
-
if (!this.disabled
|
|
15447
|
+
if (!this.disabled) {
|
|
15459
15448
|
this.datepicker.handleCellClick(this.day.date);
|
|
15460
15449
|
}
|
|
15461
|
-
|
|
15462
|
-
// Set this cell as the active cell regardless of blackout status
|
|
15463
|
-
if (this.day) {
|
|
15464
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
15465
|
-
bubbles: true,
|
|
15466
|
-
composed: true,
|
|
15467
|
-
detail: { date: this.day.date }
|
|
15468
|
-
}));
|
|
15469
|
-
}
|
|
15470
15450
|
}
|
|
15471
15451
|
|
|
15472
15452
|
/**
|
|
15473
15453
|
* Handles user hover events and dispatches a custom event.
|
|
15474
|
-
* Always dispatches for range pickers so the preview updates correctly.
|
|
15475
15454
|
* @private
|
|
15476
15455
|
* @returns {void}
|
|
15477
15456
|
*/
|
|
@@ -15485,61 +15464,7 @@ class AuroCalendarCell extends i$3 {
|
|
|
15485
15464
|
}
|
|
15486
15465
|
|
|
15487
15466
|
/**
|
|
15488
|
-
* Checks if the current date is
|
|
15489
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
15490
|
-
* @private
|
|
15491
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15492
|
-
* @param {Number} min - The minimum date value.
|
|
15493
|
-
* @param {Number} max - The maximum date value.
|
|
15494
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
15495
|
-
*/
|
|
15496
|
-
isOutOfRange(day, min, max) {
|
|
15497
|
-
if (day && day.date != null) {
|
|
15498
|
-
return day.date < min || day.date > max;
|
|
15499
|
-
}
|
|
15500
|
-
return false;
|
|
15501
|
-
}
|
|
15502
|
-
|
|
15503
|
-
/**
|
|
15504
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
15505
|
-
* Blackout cells are focusable but not selectable.
|
|
15506
|
-
* @private
|
|
15507
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
15508
|
-
*/
|
|
15509
|
-
isBlackout() {
|
|
15510
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
15511
|
-
return false;
|
|
15512
|
-
}
|
|
15513
|
-
|
|
15514
|
-
// Check against disabledDays timestamps (legacy path)
|
|
15515
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
15516
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
15517
|
-
return true;
|
|
15518
|
-
}
|
|
15519
|
-
}
|
|
15520
|
-
|
|
15521
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
15522
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
15523
|
-
|
|
15524
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
15525
|
-
const date = new Date(this.day.date * 1000);
|
|
15526
|
-
const yyyy = date.getFullYear();
|
|
15527
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
15528
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
15529
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
15530
|
-
if (blackoutDates.includes(cellDate)) {
|
|
15531
|
-
return true;
|
|
15532
|
-
}
|
|
15533
|
-
}
|
|
15534
|
-
|
|
15535
|
-
return false;
|
|
15536
|
-
}
|
|
15537
|
-
|
|
15538
|
-
/**
|
|
15539
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
15540
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
15541
|
-
* host when the date falls outside the allowed range or appears in
|
|
15542
|
-
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
15467
|
+
* Checks if the current date is a valid date depending on the min and max values.
|
|
15543
15468
|
* @private
|
|
15544
15469
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15545
15470
|
* @param {Number} min - The minimum date value.
|
|
@@ -15559,91 +15484,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
15559
15484
|
return false;
|
|
15560
15485
|
}
|
|
15561
15486
|
|
|
15562
|
-
/**
|
|
15563
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
15564
|
-
* @private
|
|
15565
|
-
* @returns {String} The unique cell ID.
|
|
15566
|
-
*/
|
|
15567
|
-
getCellId() {
|
|
15568
|
-
if (!this.day || !this.day.date) return '';
|
|
15569
|
-
const date = new Date(this.day.date * 1000);
|
|
15570
|
-
const year = date.getFullYear();
|
|
15571
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
15572
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
15573
|
-
return `cell-${year}-${month}-${day}`;
|
|
15574
|
-
}
|
|
15575
|
-
|
|
15576
|
-
/**
|
|
15577
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
15578
|
-
* Includes range position and blackout status.
|
|
15579
|
-
* @private
|
|
15580
|
-
* @returns {String} The aria-label string.
|
|
15581
|
-
*/
|
|
15582
|
-
getAriaLabel() {
|
|
15583
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
15584
|
-
|
|
15585
|
-
const date = new Date(this.day.date * 1000);
|
|
15586
|
-
|
|
15587
|
-
// Generate localized full date string using the configured locale
|
|
15588
|
-
const localeCode = this.locale?.code || undefined;
|
|
15589
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
15590
|
-
weekday: 'long',
|
|
15591
|
-
year: 'numeric',
|
|
15592
|
-
month: 'long',
|
|
15593
|
-
day: 'numeric'
|
|
15594
|
-
});
|
|
15595
|
-
|
|
15596
|
-
let label = dateFormatter.format(date);
|
|
15597
|
-
|
|
15598
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
15599
|
-
if (this.hasPopoverContent) {
|
|
15600
|
-
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
15601
|
-
}
|
|
15602
|
-
|
|
15603
|
-
// Append range position if in range mode
|
|
15604
|
-
const rangePosition = this.getRangePosition();
|
|
15605
|
-
if (rangePosition) {
|
|
15606
|
-
label += `, ${rangePosition}`;
|
|
15607
|
-
}
|
|
15608
|
-
|
|
15609
|
-
// Append blackout label for blackout cells
|
|
15610
|
-
if (this.isBlackout()) {
|
|
15611
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
15612
|
-
}
|
|
15613
|
-
|
|
15614
|
-
return label;
|
|
15615
|
-
}
|
|
15616
|
-
|
|
15617
|
-
/**
|
|
15618
|
-
* Determines the range position of this cell relative to the current selection.
|
|
15619
|
-
* @private
|
|
15620
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
15621
|
-
*/
|
|
15622
|
-
getRangePosition() {
|
|
15623
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
15624
|
-
|
|
15625
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
15626
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
15627
|
-
|
|
15628
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
15629
|
-
const dayDate = this.day.date;
|
|
15630
|
-
|
|
15631
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
15632
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
15633
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
15634
|
-
|
|
15635
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
15636
|
-
|
|
15637
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
15638
|
-
|
|
15639
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
15640
|
-
|
|
15641
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
15642
|
-
|
|
15643
|
-
// After start date, no end date yet, or after end date
|
|
15644
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
15645
|
-
}
|
|
15646
|
-
|
|
15647
15487
|
/**
|
|
15648
15488
|
* Checks if the current date is the depart date.
|
|
15649
15489
|
* @private
|
|
@@ -15805,9 +15645,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15805
15645
|
|
|
15806
15646
|
if (popoverSlotContent) {
|
|
15807
15647
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
15808
|
-
this.
|
|
15648
|
+
this.auroPopover.removeAttribute('disabled');
|
|
15809
15649
|
} else {
|
|
15810
|
-
this.
|
|
15650
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
15811
15651
|
}
|
|
15812
15652
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
15813
15653
|
// Error handling goes here
|
|
@@ -15823,41 +15663,13 @@ class AuroCalendarCell extends i$3 {
|
|
|
15823
15663
|
return;
|
|
15824
15664
|
}
|
|
15825
15665
|
this.datepicker = calendar.datepicker;
|
|
15826
|
-
this.
|
|
15666
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
|
|
15827
15667
|
this.handleSlotContent();
|
|
15828
|
-
|
|
15829
|
-
this.requestUpdate();
|
|
15830
|
-
};
|
|
15831
|
-
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
15832
|
-
|
|
15833
|
-
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
15834
|
-
// cells reflect blackout/slot state that was configured before first render.
|
|
15835
|
-
this.requestUpdate();
|
|
15836
|
-
|
|
15837
|
-
this.calendarMonth = calendarMonth;
|
|
15838
|
-
this.configurePopover();
|
|
15839
|
-
}
|
|
15840
|
-
|
|
15841
|
-
disconnectedCallback() {
|
|
15842
|
-
super.disconnectedCallback();
|
|
15843
|
-
if (this.datepicker && this._slotContentHandler) {
|
|
15844
|
-
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
15845
|
-
}
|
|
15846
|
-
}
|
|
15668
|
+
});
|
|
15847
15669
|
|
|
15848
|
-
/**
|
|
15849
|
-
* Configures the popover instance with the calendar month boundary.
|
|
15850
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
15851
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
15852
|
-
* @private
|
|
15853
|
-
* @returns {void}
|
|
15854
|
-
*/
|
|
15855
|
-
configurePopover() {
|
|
15856
15670
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
15857
15671
|
|
|
15858
|
-
|
|
15859
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
15860
|
-
}
|
|
15672
|
+
this.auroPopover.boundary = calendarMonth;
|
|
15861
15673
|
}
|
|
15862
15674
|
|
|
15863
15675
|
updated(properties) {
|
|
@@ -15865,88 +15677,46 @@ class AuroCalendarCell extends i$3 {
|
|
|
15865
15677
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
15866
15678
|
}
|
|
15867
15679
|
|
|
15868
|
-
|
|
15869
|
-
|
|
15870
|
-
this.handleSlotContent();
|
|
15871
|
-
}
|
|
15872
|
-
|
|
15873
|
-
// Configure popover when it first becomes rendered
|
|
15874
|
-
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
15875
|
-
this.updateComplete.then(() => this.configurePopover());
|
|
15876
|
-
}
|
|
15877
|
-
}
|
|
15878
|
-
|
|
15879
|
-
/**
|
|
15880
|
-
* Programmatically focuses the cell's interactive button element.
|
|
15881
|
-
* @returns {void}
|
|
15882
|
-
*/
|
|
15883
|
-
focusButton() {
|
|
15884
|
-
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
15885
|
-
if (button) {
|
|
15886
|
-
button.focus();
|
|
15887
|
-
}
|
|
15680
|
+
this.setDateSlotName();
|
|
15681
|
+
this.handleSlotContent();
|
|
15888
15682
|
}
|
|
15889
15683
|
|
|
15890
|
-
|
|
15891
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
15892
|
-
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
15893
|
-
const blackout = this.isBlackout();
|
|
15894
|
-
|
|
15684
|
+
render() {
|
|
15895
15685
|
const buttonClasses = {
|
|
15896
15686
|
'day': true,
|
|
15897
15687
|
'body-lg': true,
|
|
15898
|
-
'currentDate': this.
|
|
15688
|
+
'currentDate': this.currentDate,
|
|
15899
15689
|
'selected': this.selected,
|
|
15900
|
-
'inRange': this.
|
|
15690
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15901
15691
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
15902
|
-
'disabled':
|
|
15903
|
-
'
|
|
15904
|
-
'
|
|
15905
|
-
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
15692
|
+
'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
|
|
15693
|
+
'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
15694
|
+
'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
15906
15695
|
'reference': this.isReferenceDate(this.dateStr),
|
|
15907
|
-
'sameDateTrip': this.
|
|
15696
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
15908
15697
|
};
|
|
15909
15698
|
|
|
15699
|
+
let _a, _b;
|
|
15910
15700
|
return u$d`
|
|
15911
|
-
|
|
15912
|
-
slot="
|
|
15913
|
-
|
|
15914
|
-
|
|
15915
|
-
|
|
15916
|
-
|
|
15917
|
-
|
|
15918
|
-
|
|
15919
|
-
|
|
15920
|
-
|
|
15921
|
-
|
|
15922
|
-
|
|
15923
|
-
|
|
15924
|
-
|
|
15925
|
-
|
|
15926
|
-
|
|
15927
|
-
|
|
15928
|
-
</
|
|
15929
|
-
|
|
15930
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
15931
|
-
</div>
|
|
15932
|
-
</button>
|
|
15933
|
-
`;
|
|
15934
|
-
}
|
|
15935
|
-
|
|
15936
|
-
render() {
|
|
15937
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
15938
|
-
|
|
15939
|
-
if (hasPopoverContent) {
|
|
15940
|
-
return u$d`
|
|
15941
|
-
<${this.popoverTag}>
|
|
15942
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
15943
|
-
${this.renderCellButton()}
|
|
15944
|
-
</${this.popoverTag}>
|
|
15945
|
-
`;
|
|
15946
|
-
}
|
|
15947
|
-
|
|
15948
|
-
return u$d`
|
|
15949
|
-
${this.renderCellButton()}
|
|
15701
|
+
<${this.popoverTag}>
|
|
15702
|
+
<slot name="popover_${this.dateStr}"></slot>
|
|
15703
|
+
<button
|
|
15704
|
+
slot="trigger"
|
|
15705
|
+
@click="${this.handleTap}"
|
|
15706
|
+
@mouseover="${this.handleHover}"
|
|
15707
|
+
@focus="${this.handleHover}"
|
|
15708
|
+
class="${e$3(buttonClasses)}"
|
|
15709
|
+
?disabled="${this.disabled}"
|
|
15710
|
+
title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
|
|
15711
|
+
tabindex="-1">
|
|
15712
|
+
<div class="buttonWrapper">
|
|
15713
|
+
<div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
|
|
15714
|
+
<div class="dateSlot body-2xs" part="dateSlot">
|
|
15715
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
15716
|
+
</div>
|
|
15717
|
+
</div>
|
|
15718
|
+
</button>
|
|
15719
|
+
</${this.popoverTag}>
|
|
15950
15720
|
`;
|
|
15951
15721
|
}
|
|
15952
15722
|
}
|
|
@@ -16014,28 +15784,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16014
15784
|
return this.monthNames[month - 1];
|
|
16015
15785
|
}
|
|
16016
15786
|
|
|
16017
|
-
/**
|
|
16018
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16019
|
-
* @private
|
|
16020
|
-
* @returns {String} The heading ID.
|
|
16021
|
-
*/
|
|
16022
|
-
getHeadingId() {
|
|
16023
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
16024
|
-
}
|
|
16025
|
-
|
|
16026
15787
|
/**
|
|
16027
15788
|
* Determines the current month name based on locale.
|
|
16028
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16029
15789
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16030
15790
|
* @private
|
|
16031
15791
|
* @returns {void}
|
|
16032
15792
|
*/
|
|
16033
15793
|
localeChanged() {
|
|
16034
15794
|
const dayNamesOfTheWeek = [];
|
|
16035
|
-
const dayFullNames = [];
|
|
16036
15795
|
for (let int = 0; int < 7; int += 1) {
|
|
16037
15796
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16038
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16039
15797
|
}
|
|
16040
15798
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16041
15799
|
? this.locale.options.weekStartsOn
|
|
@@ -16046,125 +15804,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16046
15804
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16047
15805
|
.concat(tmp);
|
|
16048
15806
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16049
|
-
|
|
16050
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16051
|
-
const newDayFullNames = dayFullNames
|
|
16052
|
-
.slice()
|
|
16053
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16054
|
-
.concat(tmpFull);
|
|
16055
|
-
this.dayFullNames = newDayFullNames;
|
|
16056
|
-
}
|
|
16057
|
-
|
|
16058
|
-
/**
|
|
16059
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16060
|
-
* @private
|
|
16061
|
-
* @param {String} dayOfWeek - The short day name.
|
|
16062
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16063
|
-
* @returns {Object} The header HTML.
|
|
16064
|
-
*/
|
|
16065
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
16066
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16067
|
-
return b$8`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16068
|
-
}
|
|
16069
|
-
|
|
16070
|
-
/**
|
|
16071
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16072
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16073
|
-
*/
|
|
16074
|
-
getFocusableCells() {
|
|
16075
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16076
|
-
return cells.filter(cell => {
|
|
16077
|
-
if (!cell.day) return false;
|
|
16078
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16079
|
-
});
|
|
16080
|
-
}
|
|
16081
|
-
|
|
16082
|
-
/**
|
|
16083
|
-
* Handles arrow key navigation within the month grid.
|
|
16084
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16085
|
-
* @private
|
|
16086
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
16087
|
-
* @returns {void}
|
|
16088
|
-
*/
|
|
16089
|
-
handleGridKeyDown(event) {
|
|
16090
|
-
const { key } = event;
|
|
16091
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16092
|
-
|
|
16093
|
-
if (!arrowKeys.includes(key)) return;
|
|
16094
|
-
|
|
16095
|
-
event.preventDefault();
|
|
16096
|
-
|
|
16097
|
-
const focusableCells = this.getFocusableCells();
|
|
16098
|
-
if (focusableCells.length === 0) return;
|
|
16099
|
-
|
|
16100
|
-
// Find the currently active cell within this month
|
|
16101
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
16102
|
-
if (!activeCell) return;
|
|
16103
|
-
|
|
16104
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16105
|
-
let targetCell = null;
|
|
16106
|
-
|
|
16107
|
-
if (key === 'ArrowRight') {
|
|
16108
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
16109
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
16110
|
-
} else {
|
|
16111
|
-
// At end of month, request cross-month navigation
|
|
16112
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16113
|
-
bubbles: true,
|
|
16114
|
-
composed: true,
|
|
16115
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16116
|
-
}));
|
|
16117
|
-
return;
|
|
16118
|
-
}
|
|
16119
|
-
} else if (key === 'ArrowLeft') {
|
|
16120
|
-
if (activeIndex > 0) {
|
|
16121
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
16122
|
-
} else {
|
|
16123
|
-
// At start of month, request cross-month navigation
|
|
16124
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16125
|
-
bubbles: true,
|
|
16126
|
-
composed: true,
|
|
16127
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16128
|
-
}));
|
|
16129
|
-
return;
|
|
16130
|
-
}
|
|
16131
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16132
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
16133
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16134
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16135
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16136
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
16137
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
16138
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16139
|
-
|
|
16140
|
-
// Look for the target date in this month's focusable cells
|
|
16141
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16142
|
-
|
|
16143
|
-
if (!targetCell) {
|
|
16144
|
-
// Target is in another month or all cells in that direction are disabled
|
|
16145
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16146
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16147
|
-
bubbles: true,
|
|
16148
|
-
composed: true,
|
|
16149
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16150
|
-
}));
|
|
16151
|
-
return;
|
|
16152
|
-
}
|
|
16153
|
-
}
|
|
16154
|
-
|
|
16155
|
-
if (targetCell) {
|
|
16156
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16157
|
-
bubbles: true,
|
|
16158
|
-
composed: true,
|
|
16159
|
-
detail: { date: targetCell.day.date }
|
|
16160
|
-
}));
|
|
16161
|
-
}
|
|
16162
|
-
}
|
|
16163
|
-
|
|
16164
|
-
renderWeek(week) {
|
|
16165
|
-
return b$8`
|
|
16166
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16167
|
-
`;
|
|
16168
15807
|
}
|
|
16169
15808
|
|
|
16170
15809
|
renderDay(day) {
|
|
@@ -16188,7 +15827,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16188
15827
|
>
|
|
16189
15828
|
</auro-formkit-calendar-cell>
|
|
16190
15829
|
`
|
|
16191
|
-
:
|
|
15830
|
+
: null}
|
|
16192
15831
|
</div>
|
|
16193
15832
|
`;
|
|
16194
15833
|
}
|
|
@@ -16199,10 +15838,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16199
15838
|
var _a, _b;
|
|
16200
15839
|
|
|
16201
15840
|
return b$8 `
|
|
16202
|
-
<div
|
|
15841
|
+
<div>
|
|
16203
15842
|
<div class="header">
|
|
16204
15843
|
${this.renderPrevButton()}
|
|
16205
|
-
<div class="headerTitle heading-xs"
|
|
15844
|
+
<div class="headerTitle heading-xs">
|
|
16206
15845
|
${this.monthFirst ? b$8`
|
|
16207
15846
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16208
15847
|
<div>${this.renderYear()}</div>
|
|
@@ -16214,13 +15853,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16214
15853
|
${this.renderNextButton()}
|
|
16215
15854
|
</div>
|
|
16216
15855
|
|
|
16217
|
-
<div class="table"
|
|
16218
|
-
<div class="thead"
|
|
16219
|
-
<div class="tr"
|
|
16220
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(
|
|
15856
|
+
<div class="table">
|
|
15857
|
+
<div class="thead">
|
|
15858
|
+
<div class="tr">
|
|
15859
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
16221
15860
|
</div>
|
|
16222
15861
|
</div>
|
|
16223
|
-
<div class="tbody"
|
|
15862
|
+
<div class="tbody">
|
|
16224
15863
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16225
15864
|
</div>
|
|
16226
15865
|
</div>
|
|
@@ -16913,14 +16552,6 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16913
16552
|
large: {
|
|
16914
16553
|
type: Boolean,
|
|
16915
16554
|
reflect: true
|
|
16916
|
-
},
|
|
16917
|
-
|
|
16918
|
-
/**
|
|
16919
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
16920
|
-
*/
|
|
16921
|
-
showFooter: {
|
|
16922
|
-
type: Boolean,
|
|
16923
|
-
reflect: true
|
|
16924
16555
|
}
|
|
16925
16556
|
};
|
|
16926
16557
|
}
|
|
@@ -17023,7 +16654,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
17023
16654
|
<slot></slot>
|
|
17024
16655
|
</div>
|
|
17025
16656
|
|
|
17026
|
-
${this.isFullscreen
|
|
16657
|
+
${this.isFullscreen ? u$d`
|
|
17027
16658
|
<div id="footerContainer">
|
|
17028
16659
|
<slot name="footer"></slot>
|
|
17029
16660
|
</div>` : null}
|
|
@@ -17032,7 +16663,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
17032
16663
|
}
|
|
17033
16664
|
};
|
|
17034
16665
|
|
|
17035
|
-
var formkitVersion$2$1 = '
|
|
16666
|
+
var formkitVersion$2$1 = '202605201634';
|
|
17036
16667
|
|
|
17037
16668
|
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$6`${s$8(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$5`: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}
|
|
17038
16669
|
`,u$4$1=i$5`.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}}
|
|
@@ -17130,13 +16761,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17130
16761
|
this.largeFullscreenHeadline = false;
|
|
17131
16762
|
this.isFullscreen = false;
|
|
17132
16763
|
|
|
17133
|
-
/**
|
|
17134
|
-
* The date of the currently active cell (Unix timestamp).
|
|
17135
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17136
|
-
* @private
|
|
17137
|
-
*/
|
|
17138
|
-
this.activeCellDate = null;
|
|
17139
|
-
|
|
17140
16764
|
/**
|
|
17141
16765
|
* @private
|
|
17142
16766
|
*/
|
|
@@ -17302,8 +16926,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17302
16926
|
*/
|
|
17303
16927
|
handlePrevMonth() {
|
|
17304
16928
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
17305
|
-
this.updateActiveCellForVisibleMonth();
|
|
17306
|
-
this.announceMonthChange();
|
|
17307
16929
|
}
|
|
17308
16930
|
|
|
17309
16931
|
/**
|
|
@@ -17313,38 +16935,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17313
16935
|
*/
|
|
17314
16936
|
handleNextMonth() {
|
|
17315
16937
|
this.utilCal.handleMonthChange(this, 'next');
|
|
17316
|
-
this.updateActiveCellForVisibleMonth();
|
|
17317
|
-
this.announceMonthChange();
|
|
17318
|
-
}
|
|
17319
|
-
|
|
17320
|
-
/**
|
|
17321
|
-
* Announces the current month and year via the live region after navigation.
|
|
17322
|
-
* @private
|
|
17323
|
-
* @returns {void}
|
|
17324
|
-
*/
|
|
17325
|
-
announceMonthChange() {
|
|
17326
|
-
const date = new Date(this.centralDate);
|
|
17327
|
-
const localeCode = this.locale?.code || undefined;
|
|
17328
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
17329
|
-
this.announceSelection(formatter.format(date));
|
|
17330
|
-
}
|
|
17331
|
-
|
|
17332
|
-
/**
|
|
17333
|
-
* Recomputes and sets the active cell for the newly visible month after
|
|
17334
|
-
* month navigation. Without this, activeCellDate can point at a date in
|
|
17335
|
-
* the old month, leaving no tabindex="0" cell in the grid.
|
|
17336
|
-
* @private
|
|
17337
|
-
* @returns {void}
|
|
17338
|
-
*/
|
|
17339
|
-
updateActiveCellForVisibleMonth() {
|
|
17340
|
-
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
17341
|
-
// visible month rather than jumping back to the selected date's month.
|
|
17342
|
-
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
17343
|
-
this.updateComplete.then(() => {
|
|
17344
|
-
if (this.activeCellDate != null) {
|
|
17345
|
-
this.setActiveCell(this.activeCellDate);
|
|
17346
|
-
}
|
|
17347
|
-
});
|
|
17348
16938
|
}
|
|
17349
16939
|
|
|
17350
16940
|
/**
|
|
@@ -17452,452 +17042,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17452
17042
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17453
17043
|
}
|
|
17454
17044
|
|
|
17455
|
-
/**
|
|
17456
|
-
* Gets all rendered month components.
|
|
17457
|
-
* @private
|
|
17458
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
17459
|
-
*/
|
|
17460
|
-
getMonthComponents() {
|
|
17461
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
17462
|
-
}
|
|
17463
|
-
|
|
17464
|
-
/**
|
|
17465
|
-
* Gets all focusable cells across all rendered months.
|
|
17466
|
-
* @private
|
|
17467
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
17468
|
-
*/
|
|
17469
|
-
getAllFocusableCells() {
|
|
17470
|
-
const months = this.getMonthComponents();
|
|
17471
|
-
let cells = [];
|
|
17472
|
-
months.forEach(month => {
|
|
17473
|
-
cells = cells.concat(month.getFocusableCells());
|
|
17474
|
-
});
|
|
17475
|
-
return cells;
|
|
17476
|
-
}
|
|
17477
|
-
|
|
17478
|
-
/**
|
|
17479
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
17480
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
17481
|
-
* @returns {void}
|
|
17482
|
-
*/
|
|
17483
|
-
setActiveCell(date) {
|
|
17484
|
-
const allCells = this.getAllFocusableCells();
|
|
17485
|
-
|
|
17486
|
-
allCells.forEach(cell => {
|
|
17487
|
-
cell.active = cell.day && cell.day.date === date;
|
|
17488
|
-
});
|
|
17489
|
-
|
|
17490
|
-
this.activeCellDate = date;
|
|
17491
|
-
}
|
|
17492
|
-
|
|
17493
|
-
/**
|
|
17494
|
-
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
17495
|
-
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
17496
|
-
* to complete so the focused button is the final DOM element.
|
|
17497
|
-
* @returns {void}
|
|
17498
|
-
*/
|
|
17499
|
-
focusActiveCell() {
|
|
17500
|
-
if (this.activeCellDate != null) {
|
|
17501
|
-
this.setActiveCell(this.activeCellDate);
|
|
17502
|
-
}
|
|
17503
|
-
|
|
17504
|
-
const allCells = this.getAllFocusableCells();
|
|
17505
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
17506
|
-
if (activeCell) {
|
|
17507
|
-
activeCell.updateComplete.then(() => {
|
|
17508
|
-
activeCell.focusButton();
|
|
17509
|
-
});
|
|
17510
|
-
}
|
|
17511
|
-
}
|
|
17512
|
-
|
|
17513
|
-
/**
|
|
17514
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
17515
|
-
* Priority:
|
|
17516
|
-
* 1. Selected date (dateFrom) if within range
|
|
17517
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
17518
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
17519
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
17520
|
-
* 5. First enabled date in finite [min, max] range
|
|
17521
|
-
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
17522
|
-
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
17523
|
-
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
17524
|
-
* 7. undefined — no valid target
|
|
17525
|
-
*
|
|
17526
|
-
* @private
|
|
17527
|
-
* @param {Object} [options] - Optional settings.
|
|
17528
|
-
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
17529
|
-
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
17530
|
-
* newly visible month instead of jumping back to the selected date's month.
|
|
17531
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
17532
|
-
*/
|
|
17533
|
-
computeActiveDate(options = {}) {
|
|
17534
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
17535
|
-
|
|
17536
|
-
/**
|
|
17537
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
17538
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
17539
|
-
*/
|
|
17540
|
-
const addDays = (ts, days) => {
|
|
17541
|
-
const d = new Date(ts * 1000);
|
|
17542
|
-
d.setDate(d.getDate() + days);
|
|
17543
|
-
d.setHours(0, 0, 0, 0);
|
|
17544
|
-
return Math.floor(d.getTime() / 1000);
|
|
17545
|
-
};
|
|
17546
|
-
|
|
17547
|
-
const rawMin = Number(this.min);
|
|
17548
|
-
const rawMax = Number(this.max);
|
|
17549
|
-
|
|
17550
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
17551
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
17552
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
17553
|
-
|
|
17554
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
17555
|
-
const blackoutSet = new Set(
|
|
17556
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
17557
|
-
);
|
|
17558
|
-
|
|
17559
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
17560
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
17561
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
17562
|
-
if (Array.isArray(isoBlackouts)) {
|
|
17563
|
-
for (const isoStr of isoBlackouts) {
|
|
17564
|
-
const parts = isoStr.split('-');
|
|
17565
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
17566
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
17567
|
-
}
|
|
17568
|
-
}
|
|
17569
|
-
|
|
17570
|
-
/**
|
|
17571
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
17572
|
-
* it is within [min, max] AND not a blackout day.
|
|
17573
|
-
*/
|
|
17574
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
17575
|
-
|
|
17576
|
-
/**
|
|
17577
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
17578
|
-
* Blackout dates are focusable but not selectable.
|
|
17579
|
-
*/
|
|
17580
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
17581
|
-
|
|
17582
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
17583
|
-
// Skipped when called from month navigation so the active cell lands in
|
|
17584
|
-
// the newly visible month rather than the (possibly off-screen) selection.
|
|
17585
|
-
if (!options.skipDateFrom && this.dateFrom) {
|
|
17586
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
17587
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
17588
|
-
}
|
|
17589
|
-
|
|
17590
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
17591
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
17592
|
-
|
|
17593
|
-
// When centralDate is configured, prefer a date within the month(s) that
|
|
17594
|
-
// will actually be rendered. If today falls outside the visible range, an
|
|
17595
|
-
// active cell set to today would have no matching DOM element and keyboard
|
|
17596
|
-
// focus could not enter the calendar.
|
|
17597
|
-
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
17598
|
-
|
|
17599
|
-
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
17600
|
-
const centralMonth = centralDateValue.getMonth();
|
|
17601
|
-
const centralYear = centralDateValue.getFullYear();
|
|
17602
|
-
const todayDate = new Date(now * 1000);
|
|
17603
|
-
const todayMonth = todayDate.getMonth();
|
|
17604
|
-
const todayYear = todayDate.getFullYear();
|
|
17605
|
-
|
|
17606
|
-
// Today is outside the centralDate's month — scan for an enabled date
|
|
17607
|
-
// within the visible month instead.
|
|
17608
|
-
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
17609
|
-
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
17610
|
-
visibleStart.setHours(0, 0, 0, 0);
|
|
17611
|
-
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
17612
|
-
visibleEnd.setHours(0, 0, 0, 0);
|
|
17613
|
-
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
17614
|
-
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
17615
|
-
const daysInMonth = visibleEnd.getDate();
|
|
17616
|
-
|
|
17617
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
17618
|
-
const ts = addDays(startTs, idx);
|
|
17619
|
-
if (ts > endTs) break;
|
|
17620
|
-
if (isEnabled(ts)) return ts;
|
|
17621
|
-
}
|
|
17622
|
-
|
|
17623
|
-
// No enabled date in the visible month — fall back to first in-range
|
|
17624
|
-
// date in the month so focus still lands on a focusable cell.
|
|
17625
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
17626
|
-
const ts = addDays(startTs, idx);
|
|
17627
|
-
if (ts > endTs) break;
|
|
17628
|
-
if (isInRange(ts)) return ts;
|
|
17629
|
-
}
|
|
17630
|
-
}
|
|
17631
|
-
}
|
|
17632
|
-
|
|
17633
|
-
if (isEnabled(now)) return now;
|
|
17634
|
-
|
|
17635
|
-
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
17636
|
-
// rendered month(s) first so a single-month calendar does not pick a date
|
|
17637
|
-
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
17638
|
-
// the number of rendered months.
|
|
17639
|
-
const renderedMonths = this.numCalendars || 1;
|
|
17640
|
-
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
17641
|
-
? centralDateValue
|
|
17642
|
-
: new Date(now * 1000);
|
|
17643
|
-
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
17644
|
-
visMonthStart.setHours(0, 0, 0, 0);
|
|
17645
|
-
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
17646
|
-
visMonthEnd.setHours(0, 0, 0, 0);
|
|
17647
|
-
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
17648
|
-
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
17649
|
-
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
17650
|
-
|
|
17651
|
-
// Scan visible months for an enabled date.
|
|
17652
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
17653
|
-
const ts = addDays(visStartTs, idx);
|
|
17654
|
-
if (ts > visEndTs) break;
|
|
17655
|
-
if (isEnabled(ts)) return ts;
|
|
17656
|
-
}
|
|
17657
|
-
|
|
17658
|
-
// No enabled date in visible months — try an in-range (focusable) date so
|
|
17659
|
-
// keyboard focus still has a tabindex="0" target.
|
|
17660
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
17661
|
-
const ts = addDays(visStartTs, idx);
|
|
17662
|
-
if (ts > visEndTs) break;
|
|
17663
|
-
if (isInRange(ts)) return ts;
|
|
17664
|
-
}
|
|
17665
|
-
|
|
17666
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
17667
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17668
|
-
const ts = addDays(now, idx);
|
|
17669
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
17670
|
-
if (isEnabled(ts)) return ts;
|
|
17671
|
-
}
|
|
17672
|
-
|
|
17673
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
17674
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17675
|
-
const ts = addDays(now, -idx);
|
|
17676
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
17677
|
-
if (isEnabled(ts)) return ts;
|
|
17678
|
-
}
|
|
17679
|
-
|
|
17680
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
17681
|
-
// the first enabled date in the [min, max] range.
|
|
17682
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17683
|
-
let ts = minTs;
|
|
17684
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
17685
|
-
if (isEnabled(ts)) return ts;
|
|
17686
|
-
ts = addDays(minTs, idx + 1);
|
|
17687
|
-
}
|
|
17688
|
-
}
|
|
17689
|
-
|
|
17690
|
-
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
17691
|
-
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
17692
|
-
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
17693
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17694
|
-
const ts = addDays(minTs, idx);
|
|
17695
|
-
if (isEnabled(ts)) return ts;
|
|
17696
|
-
}
|
|
17697
|
-
}
|
|
17698
|
-
|
|
17699
|
-
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
17700
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
17701
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17702
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17703
|
-
const ts = addDays(maxTs, -idx);
|
|
17704
|
-
if (isEnabled(ts)) return ts;
|
|
17705
|
-
}
|
|
17706
|
-
}
|
|
17707
|
-
|
|
17708
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
17709
|
-
// still lands on a focusable (but not selectable) cell.
|
|
17710
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
17711
|
-
if (isInRange(now)) return now;
|
|
17712
|
-
|
|
17713
|
-
return undefined;
|
|
17714
|
-
}
|
|
17715
|
-
|
|
17716
|
-
/**
|
|
17717
|
-
* Handles cross-month boundary navigation events from month components.
|
|
17718
|
-
* @private
|
|
17719
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
17720
|
-
* @returns {void}
|
|
17721
|
-
*/
|
|
17722
|
-
handleMonthBoundary(event) {
|
|
17723
|
-
const { direction, fromDate, key } = event.detail;
|
|
17724
|
-
|
|
17725
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
17726
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
17727
|
-
const allCells = this.getAllFocusableCells();
|
|
17728
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
17729
|
-
|
|
17730
|
-
if (currentIndex === -1) return;
|
|
17731
|
-
|
|
17732
|
-
let targetIndex;
|
|
17733
|
-
if (direction === 'next') {
|
|
17734
|
-
targetIndex = currentIndex + 1;
|
|
17735
|
-
} else {
|
|
17736
|
-
targetIndex = currentIndex - 1;
|
|
17737
|
-
}
|
|
17738
|
-
|
|
17739
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
17740
|
-
const targetCell = allCells[targetIndex];
|
|
17741
|
-
this.setActiveCell(targetCell.day.date);
|
|
17742
|
-
this.scrollToActiveCell();
|
|
17743
|
-
this.focusActiveCell();
|
|
17744
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
17745
|
-
// Navigate to next month and focus the computed next date.
|
|
17746
|
-
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
17747
|
-
// avoids jumping backward in range datepickers where cells[0]
|
|
17748
|
-
// belongs to the previous (still-rendered) month.
|
|
17749
|
-
const nextDate = new Date(fromDate * 1000);
|
|
17750
|
-
nextDate.setDate(nextDate.getDate() + 1);
|
|
17751
|
-
nextDate.setHours(0, 0, 0, 0);
|
|
17752
|
-
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
17753
|
-
|
|
17754
|
-
this.handleNextMonth();
|
|
17755
|
-
requestAnimationFrame(() => {
|
|
17756
|
-
requestAnimationFrame(() => {
|
|
17757
|
-
const cells = this.getAllFocusableCells();
|
|
17758
|
-
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
17759
|
-
if (target) {
|
|
17760
|
-
this.setActiveCell(target.day.date);
|
|
17761
|
-
this.focusActiveCell();
|
|
17762
|
-
} else if (cells.length > 0) {
|
|
17763
|
-
// Fallback: first cell of the last rendered month
|
|
17764
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
17765
|
-
this.focusActiveCell();
|
|
17766
|
-
}
|
|
17767
|
-
});
|
|
17768
|
-
});
|
|
17769
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
17770
|
-
// Navigate to previous month and focus the computed previous date.
|
|
17771
|
-
const prevDate = new Date(fromDate * 1000);
|
|
17772
|
-
prevDate.setDate(prevDate.getDate() - 1);
|
|
17773
|
-
prevDate.setHours(0, 0, 0, 0);
|
|
17774
|
-
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
17775
|
-
|
|
17776
|
-
this.handlePrevMonth();
|
|
17777
|
-
requestAnimationFrame(() => {
|
|
17778
|
-
requestAnimationFrame(() => {
|
|
17779
|
-
const cells = this.getAllFocusableCells();
|
|
17780
|
-
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
17781
|
-
if (target) {
|
|
17782
|
-
this.setActiveCell(target.day.date);
|
|
17783
|
-
this.focusActiveCell();
|
|
17784
|
-
} else if (cells.length > 0) {
|
|
17785
|
-
// Fallback: last cell of the first rendered month
|
|
17786
|
-
this.setActiveCell(cells[0].day.date);
|
|
17787
|
-
this.focusActiveCell();
|
|
17788
|
-
}
|
|
17789
|
-
});
|
|
17790
|
-
});
|
|
17791
|
-
}
|
|
17792
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
17793
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
17794
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
17795
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
17796
|
-
const currentDate = new Date(fromDate * 1000);
|
|
17797
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
17798
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
17799
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
17800
|
-
|
|
17801
|
-
const allCells = this.getAllFocusableCells();
|
|
17802
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17803
|
-
|
|
17804
|
-
if (targetCell) {
|
|
17805
|
-
this.setActiveCell(targetCell.day.date);
|
|
17806
|
-
this.scrollToActiveCell();
|
|
17807
|
-
this.focusActiveCell();
|
|
17808
|
-
} else {
|
|
17809
|
-
// Target might be in an unrendered month, navigate there
|
|
17810
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
17811
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
17812
|
-
if (navDirection === 'next') {
|
|
17813
|
-
this.handleNextMonth();
|
|
17814
|
-
} else {
|
|
17815
|
-
this.handlePrevMonth();
|
|
17816
|
-
}
|
|
17817
|
-
requestAnimationFrame(() => {
|
|
17818
|
-
requestAnimationFrame(() => {
|
|
17819
|
-
const cells = this.getAllFocusableCells();
|
|
17820
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17821
|
-
if (target) {
|
|
17822
|
-
this.setActiveCell(target.day.date);
|
|
17823
|
-
this.focusActiveCell();
|
|
17824
|
-
} else if (cells.length > 0) {
|
|
17825
|
-
// Clamp to nearest focusable cell
|
|
17826
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
17827
|
-
this.setActiveCell(nearest.day.date);
|
|
17828
|
-
this.focusActiveCell();
|
|
17829
|
-
}
|
|
17830
|
-
});
|
|
17831
|
-
});
|
|
17832
|
-
}
|
|
17833
|
-
}
|
|
17834
|
-
}
|
|
17835
|
-
}
|
|
17836
|
-
|
|
17837
|
-
/**
|
|
17838
|
-
* Handles cell activation events from month components.
|
|
17839
|
-
* @private
|
|
17840
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
17841
|
-
* @returns {void}
|
|
17842
|
-
*/
|
|
17843
|
-
handleCellActivate(event) {
|
|
17844
|
-
const { date } = event.detail;
|
|
17845
|
-
this.setActiveCell(date);
|
|
17846
|
-
this.focusActiveCell();
|
|
17847
|
-
}
|
|
17848
|
-
|
|
17849
|
-
/**
|
|
17850
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
17851
|
-
* @private
|
|
17852
|
-
* @returns {void}
|
|
17853
|
-
*/
|
|
17854
|
-
scrollToActiveCell() {
|
|
17855
|
-
if (this.activeCellDate == null) return;
|
|
17856
|
-
|
|
17857
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
17858
|
-
const month = date.getMonth() + 1;
|
|
17859
|
-
const year = date.getFullYear();
|
|
17860
|
-
const selector = `#month-${month}-${year}`;
|
|
17861
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
17862
|
-
|
|
17863
|
-
if (monthElem) {
|
|
17864
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
17865
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
17866
|
-
}
|
|
17867
|
-
}
|
|
17868
|
-
|
|
17869
|
-
/**
|
|
17870
|
-
* Announces a date selection via the live region.
|
|
17871
|
-
* @private
|
|
17872
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
17873
|
-
* @returns {void}
|
|
17874
|
-
*/
|
|
17875
|
-
announceSelection(dateStr) {
|
|
17876
|
-
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
17877
|
-
if (liveRegion) {
|
|
17878
|
-
liveRegion.textContent = '';
|
|
17879
|
-
// Use microtask to ensure SR picks up the change
|
|
17880
|
-
Promise.resolve().then(() => {
|
|
17881
|
-
liveRegion.textContent = dateStr;
|
|
17882
|
-
});
|
|
17883
|
-
}
|
|
17884
|
-
}
|
|
17885
|
-
|
|
17886
|
-
/**
|
|
17887
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
17888
|
-
* @private
|
|
17889
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
17890
|
-
* @returns {String} Localized date string.
|
|
17891
|
-
*/
|
|
17892
|
-
formatAnnouncementDate(timestamp) {
|
|
17893
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
17894
|
-
const localeCode = this.locale?.code || undefined;
|
|
17895
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
17896
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
17897
|
-
});
|
|
17898
|
-
return formatter.format(date);
|
|
17899
|
-
}
|
|
17900
|
-
|
|
17901
17045
|
firstUpdated() {
|
|
17902
17046
|
this.addEventListener('date-from-changed', () => {
|
|
17903
17047
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17917,16 +17061,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17917
17061
|
composed: true,
|
|
17918
17062
|
}));
|
|
17919
17063
|
});
|
|
17920
|
-
|
|
17921
|
-
// Listen for cross-month boundary navigation events
|
|
17922
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
17923
|
-
this.handleMonthBoundary(event);
|
|
17924
|
-
});
|
|
17925
|
-
|
|
17926
|
-
// Listen for cell activation events
|
|
17927
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
17928
|
-
this.handleCellActivate(event);
|
|
17929
|
-
});
|
|
17930
17064
|
}
|
|
17931
17065
|
|
|
17932
17066
|
injectSlot(slotName, nodes) {
|
|
@@ -17951,37 +17085,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17951
17085
|
}
|
|
17952
17086
|
|
|
17953
17087
|
if (changedProperties.has('visible')) {
|
|
17954
|
-
|
|
17955
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
17956
|
-
if (this.activeCellDate == null) {
|
|
17957
|
-
this.activeCellDate = this.computeActiveDate();
|
|
17958
|
-
}
|
|
17959
|
-
|
|
17960
|
-
this.requestUpdate();
|
|
17961
|
-
} else {
|
|
17962
|
-
this.requestUpdate();
|
|
17963
|
-
}
|
|
17964
|
-
}
|
|
17965
|
-
|
|
17966
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
17967
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
17968
|
-
|
|
17969
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
17970
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
17971
|
-
const isRange = !this.noRange;
|
|
17972
|
-
|
|
17973
|
-
if (isRange) {
|
|
17974
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
17975
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17976
|
-
} else {
|
|
17977
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
17978
|
-
}
|
|
17979
|
-
}
|
|
17980
|
-
|
|
17981
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
17982
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
17983
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
17984
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17088
|
+
setTimeout(() => this.requestUpdate());
|
|
17985
17089
|
}
|
|
17986
17090
|
}
|
|
17987
17091
|
|
|
@@ -17990,7 +17094,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17990
17094
|
<${this.bibtemplateTag}
|
|
17991
17095
|
?large="${this.largeFullscreenHeadline}"
|
|
17992
17096
|
?isFullscreen="${this.isFullscreen}"
|
|
17993
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17994
17097
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17995
17098
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17996
17099
|
|
|
@@ -18008,26 +17111,24 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
18008
17111
|
</div>
|
|
18009
17112
|
</div>
|
|
18010
17113
|
|
|
18011
|
-
<div class="calendarWrapper
|
|
17114
|
+
<div class="calendarWrapper">
|
|
17115
|
+
<div class="calendars">
|
|
17116
|
+
${this.renderAllCalendars()}
|
|
17117
|
+
</div>
|
|
18012
17118
|
<div class="calendarNavButtons">
|
|
18013
17119
|
${this.showPrevMonthBtn ? u$d`
|
|
18014
|
-
<button tabIndex="
|
|
17120
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
18015
17121
|
${this.util.generateIconHtml(chevronLeft)}
|
|
18016
17122
|
</button>
|
|
18017
17123
|
` : undefined}
|
|
18018
17124
|
${this.showNextMonthBtn ? u$d`
|
|
18019
|
-
<button tabIndex="
|
|
17125
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
18020
17126
|
${this.util.generateIconHtml(chevronRight)}
|
|
18021
17127
|
</button>
|
|
18022
17128
|
` : undefined}
|
|
18023
17129
|
</div>
|
|
18024
|
-
<div class="calendars">
|
|
18025
|
-
${this.renderAllCalendars()}
|
|
18026
|
-
</div>
|
|
18027
17130
|
</div>
|
|
18028
17131
|
|
|
18029
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18030
|
-
|
|
18031
17132
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
18032
17133
|
</${this.bibtemplateTag}>
|
|
18033
17134
|
`;
|
|
@@ -21275,7 +20376,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21275
20376
|
});
|
|
21276
20377
|
}
|
|
21277
20378
|
|
|
21278
|
-
var styleCss$2$1$2 = i$5`: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(
|
|
20379
|
+
var styleCss$2$1$2 = i$5`: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}`;
|
|
21279
20380
|
|
|
21280
20381
|
var colorCss$2$7 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
21281
20382
|
|
|
@@ -21906,7 +21007,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
21906
21007
|
}
|
|
21907
21008
|
};
|
|
21908
21009
|
|
|
21909
|
-
var formkitVersion$1$2 = '
|
|
21010
|
+
var formkitVersion$1$2 = '202605201634';
|
|
21910
21011
|
|
|
21911
21012
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
21912
21013
|
static get properties() {
|
|
@@ -22086,7 +21187,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22086
21187
|
_intializeDefaults() {
|
|
22087
21188
|
this.appearance = 'default';
|
|
22088
21189
|
this.chevron = false;
|
|
22089
|
-
this.desktopModal = false;
|
|
22090
21190
|
this.disabled = false;
|
|
22091
21191
|
this.disableKeyboardHandling = false;
|
|
22092
21192
|
this.error = false;
|
|
@@ -22267,14 +21367,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22267
21367
|
reflect: true
|
|
22268
21368
|
},
|
|
22269
21369
|
|
|
22270
|
-
/**
|
|
22271
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22272
|
-
*/
|
|
22273
|
-
desktopModal: {
|
|
22274
|
-
type: Boolean,
|
|
22275
|
-
reflect: true
|
|
22276
|
-
},
|
|
22277
|
-
|
|
22278
21370
|
/**
|
|
22279
21371
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22280
21372
|
*/
|
|
@@ -22562,15 +21654,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22562
21654
|
|
|
22563
21655
|
disconnectedCallback() {
|
|
22564
21656
|
super.disconnectedCallback();
|
|
22565
|
-
this._clearPageInert();
|
|
22566
|
-
if (this._bibTabHandler) {
|
|
22567
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22568
|
-
this._bibTabHandler = undefined;
|
|
22569
|
-
}
|
|
22570
|
-
if (this.focusTrap) {
|
|
22571
|
-
this.focusTrap.disconnect();
|
|
22572
|
-
this.focusTrap = undefined;
|
|
22573
|
-
}
|
|
22574
21657
|
if (this.floater) {
|
|
22575
21658
|
this.floater.hideBib('disconnect');
|
|
22576
21659
|
this.floater.disconnect();
|
|
@@ -22598,45 +21681,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22598
21681
|
if (this.isPopoverVisible) {
|
|
22599
21682
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
22600
21683
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
22601
|
-
this.
|
|
22602
|
-
this.
|
|
22603
|
-
|
|
22604
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
22605
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22606
|
-
this._setPageInert();
|
|
22607
|
-
}
|
|
21684
|
+
const useModal = this.isBibFullscreen;
|
|
21685
|
+
this.bibElement.value.open(useModal);
|
|
22608
21686
|
} else {
|
|
22609
21687
|
this.bibElement.value.close();
|
|
22610
|
-
this._clearPageInert();
|
|
22611
21688
|
}
|
|
22612
21689
|
}
|
|
22613
21690
|
|
|
22614
21691
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
22615
21692
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
22616
21693
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
21694
|
+
const useModal = this.isBibFullscreen;
|
|
22617
21695
|
this.bibElement.value.close();
|
|
22618
|
-
this.bibElement.value.open(
|
|
22619
|
-
|
|
22620
|
-
// Re-initialize focus management for the new strategy
|
|
22621
|
-
this.updateFocusTrap();
|
|
22622
|
-
|
|
22623
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
22624
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22625
|
-
this._setPageInert();
|
|
22626
|
-
} else {
|
|
22627
|
-
this._clearPageInert();
|
|
22628
|
-
}
|
|
22629
|
-
}
|
|
22630
|
-
|
|
22631
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
22632
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
22633
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
22634
|
-
this.updateFocusTrap();
|
|
22635
|
-
if (this.desktopModal) {
|
|
22636
|
-
this._setPageInert();
|
|
22637
|
-
} else {
|
|
22638
|
-
this._clearPageInert();
|
|
22639
|
-
}
|
|
21696
|
+
this.bibElement.value.open(useModal);
|
|
22640
21697
|
}
|
|
22641
21698
|
}
|
|
22642
21699
|
|
|
@@ -22646,14 +21703,8 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22646
21703
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
22647
21704
|
*/
|
|
22648
21705
|
handleDropdownToggle(event) {
|
|
21706
|
+
this.updateFocusTrap();
|
|
22649
21707
|
this.isPopoverVisible = event.detail.expanded;
|
|
22650
|
-
|
|
22651
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
22652
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
22653
|
-
if (!this.isPopoverVisible) {
|
|
22654
|
-
this.updateFocusTrap();
|
|
22655
|
-
}
|
|
22656
|
-
|
|
22657
21708
|
const eventType = event.detail.eventType || "unknown";
|
|
22658
21709
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
22659
21710
|
this.trigger.focus();
|
|
@@ -22752,178 +21803,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22752
21803
|
* @private
|
|
22753
21804
|
*/
|
|
22754
21805
|
updateFocusTrap() {
|
|
22755
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
22756
|
-
// to prevent duplicate listeners on repeated calls.
|
|
22757
|
-
if (this._bibTabHandler) {
|
|
22758
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22759
|
-
this._bibTabHandler = undefined;
|
|
22760
|
-
}
|
|
22761
|
-
|
|
22762
|
-
if (this.focusTrap) {
|
|
22763
|
-
this.focusTrap.disconnect();
|
|
22764
|
-
this.focusTrap = undefined;
|
|
22765
|
-
}
|
|
22766
|
-
|
|
22767
21806
|
if (this.isPopoverVisible) {
|
|
22768
21807
|
if (!this.isBibFullscreen) {
|
|
22769
|
-
|
|
22770
|
-
|
|
22771
|
-
|
|
22772
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
22773
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
22774
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
22775
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
22776
|
-
// within the bib's focusable elements.
|
|
22777
|
-
this._bibTabHandler = (event) => {
|
|
22778
|
-
if (event.key !== 'Tab') {
|
|
22779
|
-
return;
|
|
22780
|
-
}
|
|
22781
|
-
|
|
22782
|
-
// Collect focusable elements from the bib content.
|
|
22783
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
22784
|
-
|
|
22785
|
-
// Fallback: try from slotted content directly
|
|
22786
|
-
if (!focusables.length) {
|
|
22787
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
22788
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
22789
|
-
|
|
22790
|
-
for (const node of assignedNodes) {
|
|
22791
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
22792
|
-
focusables.push(...getFocusableElements$3(node));
|
|
22793
|
-
}
|
|
22794
|
-
}
|
|
22795
|
-
}
|
|
22796
|
-
|
|
22797
|
-
if (!focusables.length) {
|
|
22798
|
-
return;
|
|
22799
|
-
}
|
|
22800
|
-
|
|
22801
|
-
event.preventDefault();
|
|
22802
|
-
|
|
22803
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
22804
|
-
|
|
22805
|
-
// Walk the active element chain through shadow roots
|
|
22806
|
-
const actives = this._getActiveElements();
|
|
22807
|
-
|
|
22808
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
22809
|
-
|
|
22810
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
22811
|
-
// Focus is not on a known element — move to first/last
|
|
22812
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
22813
|
-
}
|
|
22814
|
-
|
|
22815
|
-
// Try each element in order, skipping any that can't receive focus
|
|
22816
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
22817
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
22818
|
-
let nextIdx = idx + direction;
|
|
22819
|
-
|
|
22820
|
-
// Wrap around
|
|
22821
|
-
if (nextIdx < 0) {
|
|
22822
|
-
nextIdx = focusables.length - 1;
|
|
22823
|
-
} else if (nextIdx >= focusables.length) {
|
|
22824
|
-
nextIdx = 0;
|
|
22825
|
-
}
|
|
22826
|
-
|
|
22827
|
-
focusables[nextIdx].focus();
|
|
22828
|
-
|
|
22829
|
-
// Verify focus actually moved to the target
|
|
22830
|
-
const newActives = this._getActiveElements();
|
|
22831
|
-
|
|
22832
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
22833
|
-
return;
|
|
22834
|
-
}
|
|
22835
|
-
|
|
22836
|
-
// Focus didn't stick — skip this element and try the next
|
|
22837
|
-
idx = nextIdx;
|
|
22838
|
-
}
|
|
22839
|
-
};
|
|
22840
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
22841
|
-
|
|
22842
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
22843
|
-
requestAnimationFrame(() => {
|
|
22844
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
22845
|
-
if (focusables.length) {
|
|
22846
|
-
focusables[0].focus();
|
|
22847
|
-
}
|
|
22848
|
-
});
|
|
22849
|
-
} else {
|
|
22850
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
22851
|
-
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22852
|
-
this.focusTrap.focusFirstElement();
|
|
22853
|
-
}
|
|
21808
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
21809
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
21810
|
+
this.focusTrap.focusFirstElement();
|
|
22854
21811
|
}
|
|
22855
21812
|
// Fullscreen: showModal() provides native focus trapping
|
|
22856
|
-
}
|
|
22857
|
-
}
|
|
22858
|
-
|
|
22859
|
-
/**
|
|
22860
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
22861
|
-
* @private
|
|
22862
|
-
* @returns {Array<HTMLElement>}
|
|
22863
|
-
*/
|
|
22864
|
-
_getActiveElements() {
|
|
22865
|
-
let { activeElement } = document;
|
|
22866
|
-
const actives = [activeElement];
|
|
22867
|
-
|
|
22868
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
22869
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
22870
|
-
actives.push(activeElement);
|
|
22871
|
-
}
|
|
22872
|
-
|
|
22873
|
-
return actives;
|
|
22874
|
-
}
|
|
22875
|
-
|
|
22876
|
-
/**
|
|
22877
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
22878
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
22879
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
22880
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
22881
|
-
* to ensure all page content outside the host subtree is inert.
|
|
22882
|
-
* @private
|
|
22883
|
-
*/
|
|
22884
|
-
_setPageInert() {
|
|
22885
|
-
if (this._inertSiblings) {
|
|
22886
21813
|
return;
|
|
22887
21814
|
}
|
|
22888
21815
|
|
|
22889
|
-
this.
|
|
22890
|
-
|
|
22891
|
-
|
|
22892
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
22893
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
22894
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
22895
|
-
let host = this;
|
|
22896
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
22897
|
-
host = host.getRootNode().host;
|
|
22898
|
-
}
|
|
22899
|
-
|
|
22900
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
22901
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
22902
|
-
let current = host;
|
|
22903
|
-
while (current.parentElement) {
|
|
22904
|
-
const parent = current.parentElement;
|
|
22905
|
-
for (const sibling of parent.children) {
|
|
22906
|
-
if (sibling !== current) {
|
|
22907
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
22908
|
-
sibling.inert = true;
|
|
22909
|
-
}
|
|
22910
|
-
}
|
|
22911
|
-
current = parent;
|
|
22912
|
-
}
|
|
22913
|
-
}
|
|
22914
|
-
|
|
22915
|
-
/**
|
|
22916
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
22917
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
22918
|
-
* not inadvertently re-enabled.
|
|
22919
|
-
* @private
|
|
22920
|
-
*/
|
|
22921
|
-
_clearPageInert() {
|
|
22922
|
-
if (this._inertSiblings) {
|
|
22923
|
-
for (const entry of this._inertSiblings) {
|
|
22924
|
-
entry.element.inert = entry.wasInert;
|
|
22925
|
-
}
|
|
22926
|
-
this._inertSiblings = undefined;
|
|
21816
|
+
if (this.focusTrap) {
|
|
21817
|
+
this.focusTrap.disconnect();
|
|
21818
|
+
this.focusTrap = undefined;
|
|
22927
21819
|
}
|
|
22928
21820
|
}
|
|
22929
21821
|
|
|
@@ -23162,7 +22054,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23162
22054
|
shape="${this.shape}"
|
|
23163
22055
|
?data-show="${this.isPopoverVisible}"
|
|
23164
22056
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23165
|
-
?desktopmodal="${this.desktopModal}"
|
|
23166
22057
|
.dialogLabel="${this.bibDialogLabel}"
|
|
23167
22058
|
${n$6(this.bibElement)}
|
|
23168
22059
|
>
|
|
@@ -29861,7 +28752,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
29861
28752
|
}
|
|
29862
28753
|
};
|
|
29863
28754
|
|
|
29864
|
-
var formkitVersion$8 = '
|
|
28755
|
+
var formkitVersion$8 = '202605201634';
|
|
29865
28756
|
|
|
29866
28757
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
29867
28758
|
// See LICENSE in the project root for license information.
|
|
@@ -31116,62 +30007,26 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
31116
30007
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
31117
30008
|
//
|
|
31118
30009
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30010
|
+
// - The bib opens and closes via pointer/touch interaction only.
|
|
31119
30011
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31120
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
31121
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
31122
30012
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30013
|
+
// - Enter and Space do not open or close the bib.
|
|
31123
30014
|
//
|
|
31124
30015
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
31125
30016
|
// added, handlers should go here following the same strategy pattern used by
|
|
31126
30017
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
31127
30018
|
const datepickerKeyboardStrategy = {
|
|
31128
|
-
Escape(component, evt
|
|
31129
|
-
if (!
|
|
30019
|
+
Escape(component, evt) {
|
|
30020
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
31130
30021
|
return;
|
|
31131
30022
|
}
|
|
31132
30023
|
|
|
31133
|
-
//
|
|
31134
|
-
//
|
|
30024
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
|
|
30025
|
+
// Because stopPropagation prevents the document-level floatingUI keydown handler from
|
|
30026
|
+
// seeing this event, we must also close the dropdown explicitly.
|
|
31135
30027
|
evt.stopPropagation();
|
|
31136
|
-
evt.preventDefault();
|
|
31137
|
-
|
|
31138
|
-
component.hideBib();
|
|
31139
|
-
},
|
|
31140
30028
|
|
|
31141
|
-
|
|
31142
|
-
if (ctx.isExpanded) {
|
|
31143
|
-
return;
|
|
31144
|
-
}
|
|
31145
|
-
|
|
31146
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31147
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31148
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31149
|
-
const path = evt.composedPath();
|
|
31150
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31151
|
-
return;
|
|
31152
|
-
}
|
|
31153
|
-
|
|
31154
|
-
evt.preventDefault();
|
|
31155
|
-
|
|
31156
|
-
component.dropdown.show();
|
|
31157
|
-
},
|
|
31158
|
-
|
|
31159
|
-
' '(component, evt, ctx) {
|
|
31160
|
-
if (ctx.isExpanded) {
|
|
31161
|
-
return;
|
|
31162
|
-
}
|
|
31163
|
-
|
|
31164
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31165
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31166
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31167
|
-
const path = evt.composedPath();
|
|
31168
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31169
|
-
return;
|
|
31170
|
-
}
|
|
31171
|
-
|
|
31172
|
-
evt.preventDefault();
|
|
31173
|
-
|
|
31174
|
-
component.dropdown.show();
|
|
30029
|
+
component.dropdown.hide();
|
|
31175
30030
|
},
|
|
31176
30031
|
};
|
|
31177
30032
|
|
|
@@ -31245,15 +30100,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31245
30100
|
this.required = false;
|
|
31246
30101
|
this.onDark = false;
|
|
31247
30102
|
this.range = false;
|
|
31248
|
-
this.rangeLabelStart = 'range start';
|
|
31249
|
-
this.rangeLabelEnd = 'range end';
|
|
31250
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
31251
|
-
this.rangeLabelInRange = 'in range';
|
|
31252
|
-
this.rangeLabelAfterRange = 'after range';
|
|
31253
|
-
this.blackoutDates = [];
|
|
31254
|
-
this.blackoutLabel = 'unavailable';
|
|
31255
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
31256
|
-
this.navLabelNextMonth = 'Next month';
|
|
31257
30103
|
this.stacked = false;
|
|
31258
30104
|
this.noValidate = false;
|
|
31259
30105
|
this.validity = undefined;
|
|
@@ -31632,78 +30478,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31632
30478
|
reflect: true
|
|
31633
30479
|
},
|
|
31634
30480
|
|
|
31635
|
-
/**
|
|
31636
|
-
* Label announced for the range start date cell.
|
|
31637
|
-
*/
|
|
31638
|
-
rangeLabelStart: {
|
|
31639
|
-
type: String,
|
|
31640
|
-
reflect: true
|
|
31641
|
-
},
|
|
31642
|
-
|
|
31643
|
-
/**
|
|
31644
|
-
* Label announced for the range end date cell.
|
|
31645
|
-
*/
|
|
31646
|
-
rangeLabelEnd: {
|
|
31647
|
-
type: String,
|
|
31648
|
-
reflect: true
|
|
31649
|
-
},
|
|
31650
|
-
|
|
31651
|
-
/**
|
|
31652
|
-
* Label announced for cells before the range start.
|
|
31653
|
-
*/
|
|
31654
|
-
rangeLabelBeforeRange: {
|
|
31655
|
-
type: String,
|
|
31656
|
-
reflect: true
|
|
31657
|
-
},
|
|
31658
|
-
|
|
31659
|
-
/**
|
|
31660
|
-
* Label announced for cells within the selected range.
|
|
31661
|
-
*/
|
|
31662
|
-
rangeLabelInRange: {
|
|
31663
|
-
type: String,
|
|
31664
|
-
reflect: true
|
|
31665
|
-
},
|
|
31666
|
-
|
|
31667
|
-
/**
|
|
31668
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
31669
|
-
*/
|
|
31670
|
-
rangeLabelAfterRange: {
|
|
31671
|
-
type: String,
|
|
31672
|
-
reflect: true
|
|
31673
|
-
},
|
|
31674
|
-
|
|
31675
|
-
/**
|
|
31676
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
31677
|
-
*/
|
|
31678
|
-
blackoutDates: {
|
|
31679
|
-
type: Array,
|
|
31680
|
-
reflect: true
|
|
31681
|
-
},
|
|
31682
|
-
|
|
31683
|
-
/**
|
|
31684
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
31685
|
-
*/
|
|
31686
|
-
blackoutLabel: {
|
|
31687
|
-
type: String,
|
|
31688
|
-
reflect: true
|
|
31689
|
-
},
|
|
31690
|
-
|
|
31691
|
-
/**
|
|
31692
|
-
* Accessible label for the previous month navigation button.
|
|
31693
|
-
*/
|
|
31694
|
-
navLabelPrevMonth: {
|
|
31695
|
-
type: String,
|
|
31696
|
-
reflect: true
|
|
31697
|
-
},
|
|
31698
|
-
|
|
31699
|
-
/**
|
|
31700
|
-
* Accessible label for the next month navigation button.
|
|
31701
|
-
*/
|
|
31702
|
-
navLabelNextMonth: {
|
|
31703
|
-
type: String,
|
|
31704
|
-
reflect: true
|
|
31705
|
-
},
|
|
31706
|
-
|
|
31707
30481
|
/**
|
|
31708
30482
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
31709
30483
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -31730,7 +30504,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31730
30504
|
|
|
31731
30505
|
/**
|
|
31732
30506
|
* Custom help text message to display when validity = `customError`.
|
|
31733
|
-
* Also used as the validation message when a blackout date is typed into the input.
|
|
31734
30507
|
*/
|
|
31735
30508
|
setCustomValidityCustomError: {
|
|
31736
30509
|
type: String
|
|
@@ -32052,66 +30825,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32052
30825
|
}));
|
|
32053
30826
|
}
|
|
32054
30827
|
|
|
32055
|
-
/**
|
|
32056
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32057
|
-
* Shared by both fullscreen and desktop open paths.
|
|
32058
|
-
* @private
|
|
32059
|
-
* @returns {void}
|
|
32060
|
-
*/
|
|
32061
|
-
focusActiveCellWhenReady() {
|
|
32062
|
-
const MAX_ATTEMPTS = 20;
|
|
32063
|
-
let attempts = 0;
|
|
32064
|
-
|
|
32065
|
-
const tryFocus = () => {
|
|
32066
|
-
attempts += 1;
|
|
32067
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
32068
|
-
|
|
32069
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32070
|
-
requestAnimationFrame(tryFocus);
|
|
32071
|
-
return;
|
|
32072
|
-
}
|
|
32073
|
-
|
|
32074
|
-
// Compute and mark the active cell
|
|
32075
|
-
if (this.calendar.activeCellDate == null) {
|
|
32076
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32077
|
-
}
|
|
32078
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
32079
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32080
|
-
}
|
|
32081
|
-
|
|
32082
|
-
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
32083
|
-
// range on mobile), fall back to the first rendered enabled cell.
|
|
32084
|
-
let activeCell = allCells.find(cell => cell.active);
|
|
32085
|
-
if (!activeCell && allCells.length) {
|
|
32086
|
-
const fallback = allCells[0];
|
|
32087
|
-
if (fallback.day) {
|
|
32088
|
-
this.calendar.activeCellDate = fallback.day.date;
|
|
32089
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32090
|
-
activeCell = allCells.find(cell => cell.active);
|
|
32091
|
-
}
|
|
32092
|
-
}
|
|
32093
|
-
|
|
32094
|
-
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
32095
|
-
// reflects the active state before we attempt to focus.
|
|
32096
|
-
if (activeCell) {
|
|
32097
|
-
activeCell.updateComplete.then(() => {
|
|
32098
|
-
activeCell.hovered = true;
|
|
32099
|
-
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32100
|
-
if (btn) {
|
|
32101
|
-
btn.setAttribute('tabindex', '0');
|
|
32102
|
-
btn.focus({ focusVisible: true });
|
|
32103
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
32104
|
-
requestAnimationFrame(tryFocus);
|
|
32105
|
-
}
|
|
32106
|
-
});
|
|
32107
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
32108
|
-
requestAnimationFrame(tryFocus);
|
|
32109
|
-
}
|
|
32110
|
-
};
|
|
32111
|
-
|
|
32112
|
-
requestAnimationFrame(tryFocus);
|
|
32113
|
-
}
|
|
32114
|
-
|
|
32115
30828
|
/**
|
|
32116
30829
|
* Binds all behavior needed to the dropdown after rendering.
|
|
32117
30830
|
* @private
|
|
@@ -32120,12 +30833,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32120
30833
|
configureDropdown() {
|
|
32121
30834
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
32122
30835
|
|
|
32123
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32124
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32125
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32126
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32127
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32128
|
-
|
|
32129
30836
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
32130
30837
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
32131
30838
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -32143,23 +30850,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32143
30850
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
32144
30851
|
this.notifyDatepickerToggled();
|
|
32145
30852
|
|
|
32146
|
-
if (this.dropdown.isPopoverVisible) {
|
|
32147
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
32148
|
-
// Without this, reopening after navigating to a month without a selected
|
|
32149
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32150
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32151
|
-
this.calendar.activeCellDate = null;
|
|
32152
|
-
|
|
32153
|
-
// Show the month containing the selected date (or today) instead of
|
|
32154
|
-
// whichever month the user last navigated to.
|
|
32155
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
32156
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32157
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32158
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
32159
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32160
|
-
}
|
|
32161
|
-
}
|
|
32162
|
-
|
|
32163
30853
|
// This forces the calendar to render when the dropdown is opened.
|
|
32164
30854
|
// It is not rendered by default
|
|
32165
30855
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -32192,23 +30882,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32192
30882
|
bibEl.open(true);
|
|
32193
30883
|
|
|
32194
30884
|
doubleRaf$3(() => {
|
|
32195
|
-
this.
|
|
30885
|
+
this.calendar.focusCloseButton();
|
|
32196
30886
|
});
|
|
32197
30887
|
}
|
|
32198
30888
|
});
|
|
32199
30889
|
|
|
32200
30890
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32201
|
-
} else {
|
|
32202
|
-
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
32203
|
-
// cannot interact with the input while the modal bib is open.
|
|
32204
|
-
if (this.dropdown.desktopModal) {
|
|
32205
|
-
this.dropdown.trigger.inert = true;
|
|
32206
|
-
}
|
|
32207
|
-
|
|
32208
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32209
|
-
this.dropdown.updateComplete.then(() => {
|
|
32210
|
-
this.focusActiveCellWhenReady();
|
|
32211
|
-
});
|
|
32212
30891
|
}
|
|
32213
30892
|
} else {
|
|
32214
30893
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -32254,7 +30933,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32254
30933
|
bibEl.close();
|
|
32255
30934
|
bibEl.open(true);
|
|
32256
30935
|
doubleRaf$3(() => {
|
|
32257
|
-
this.
|
|
30936
|
+
this.calendar.focusCloseButton();
|
|
32258
30937
|
});
|
|
32259
30938
|
}
|
|
32260
30939
|
});
|
|
@@ -32449,8 +31128,14 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32449
31128
|
|
|
32450
31129
|
if (onEndValue) {
|
|
32451
31130
|
this.valueEnd = newDate;
|
|
31131
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31132
|
+
this.focus('startDate');
|
|
31133
|
+
}
|
|
32452
31134
|
} else {
|
|
32453
31135
|
this.value = newDate;
|
|
31136
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31137
|
+
this.focus('endDate');
|
|
31138
|
+
}
|
|
32454
31139
|
}
|
|
32455
31140
|
}
|
|
32456
31141
|
}
|
|
@@ -32490,27 +31175,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32490
31175
|
this.resetInputs();
|
|
32491
31176
|
}
|
|
32492
31177
|
|
|
32493
|
-
/**
|
|
32494
|
-
* Checks whether a formatted date string matches a blackout date.
|
|
32495
|
-
* @private
|
|
32496
|
-
* @param {string} dateStr - A date string in the component's configured format.
|
|
32497
|
-
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
32498
|
-
*/
|
|
32499
|
-
isBlackoutDate(dateStr) {
|
|
32500
|
-
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
32501
|
-
return false;
|
|
32502
|
-
}
|
|
32503
|
-
|
|
32504
|
-
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
32505
|
-
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
32506
|
-
|
|
32507
|
-
const d = new Date(formatted);
|
|
32508
|
-
const yyyy = d.getFullYear();
|
|
32509
|
-
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
32510
|
-
const dd = String(d.getDate()).padStart(2, '0');
|
|
32511
|
-
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
32512
|
-
}
|
|
32513
|
-
|
|
32514
31178
|
/**
|
|
32515
31179
|
* Validates value.
|
|
32516
31180
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -32522,24 +31186,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32522
31186
|
}
|
|
32523
31187
|
|
|
32524
31188
|
this.validation.validate(this, force);
|
|
32525
|
-
|
|
32526
|
-
// After standard validation, check blackout dates for typed input
|
|
32527
|
-
if (this.validity !== 'customError') {
|
|
32528
|
-
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
32529
|
-
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
32530
|
-
this.validity = 'customError';
|
|
32531
|
-
this.errorMessage = msg;
|
|
32532
|
-
|
|
32533
|
-
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
32534
|
-
bubbles: true,
|
|
32535
|
-
composed: true,
|
|
32536
|
-
detail: {
|
|
32537
|
-
validity: this.validity,
|
|
32538
|
-
message: this.errorMessage
|
|
32539
|
-
}
|
|
32540
|
-
}));
|
|
32541
|
-
}
|
|
32542
|
-
}
|
|
32543
31189
|
}
|
|
32544
31190
|
|
|
32545
31191
|
/**
|
|
@@ -32620,9 +31266,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32620
31266
|
|
|
32621
31267
|
if (this.cellClickActive) {
|
|
32622
31268
|
this.cellClickActive = false;
|
|
32623
|
-
this.wasCellClick = true;
|
|
32624
|
-
} else {
|
|
32625
|
-
this.wasCellClick = false;
|
|
32626
31269
|
}
|
|
32627
31270
|
|
|
32628
31271
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -32653,44 +31296,16 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32653
31296
|
}
|
|
32654
31297
|
|
|
32655
31298
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
32656
|
-
|
|
32657
|
-
// to prevent the displayed months from shifting
|
|
32658
|
-
if (!(this.wasCellClick && this.range)) {
|
|
32659
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32660
|
-
}
|
|
31299
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32661
31300
|
}
|
|
32662
31301
|
|
|
32663
31302
|
this.setHasValue();
|
|
32664
31303
|
}
|
|
32665
31304
|
|
|
32666
|
-
if (changedProperties.has('blackoutDates')) {
|
|
32667
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
32668
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
32669
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
32670
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
32671
|
-
if (this.calendar) {
|
|
32672
|
-
this.calendar.requestUpdate();
|
|
32673
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
32674
|
-
}
|
|
32675
|
-
|
|
32676
|
-
// Re-run validation so that a previously valid value that now falls on
|
|
32677
|
-
// a blackout date is flagged, and vice versa.
|
|
32678
|
-
if (this.value || this.valueEnd) {
|
|
32679
|
-
this.validate();
|
|
32680
|
-
}
|
|
32681
|
-
}
|
|
32682
|
-
|
|
32683
31305
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
32684
31306
|
|
|
32685
31307
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
32686
31308
|
|
|
32687
|
-
if (this.cellClickActive) {
|
|
32688
|
-
this.cellClickActive = false;
|
|
32689
|
-
this.wasCellClick = true;
|
|
32690
|
-
} else {
|
|
32691
|
-
this.wasCellClick = false;
|
|
32692
|
-
}
|
|
32693
|
-
|
|
32694
31309
|
// update the calendar
|
|
32695
31310
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
32696
31311
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -32718,11 +31333,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32718
31333
|
}
|
|
32719
31334
|
|
|
32720
31335
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
32721
|
-
|
|
32722
|
-
// to prevent the displayed months from shifting
|
|
32723
|
-
if (!this.wasCellClick) {
|
|
32724
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32725
|
-
}
|
|
31336
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32726
31337
|
}
|
|
32727
31338
|
|
|
32728
31339
|
this.validate();
|
|
@@ -32879,7 +31490,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32879
31490
|
}
|
|
32880
31491
|
|
|
32881
31492
|
firstUpdated() {
|
|
32882
|
-
|
|
32883
31493
|
// Add the tag name as an attribute if it is different than the component name
|
|
32884
31494
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
32885
31495
|
|
|
@@ -33309,7 +31919,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33309
31919
|
// Base HTML render() handles dropdown and calendar bib
|
|
33310
31920
|
return u$d`
|
|
33311
31921
|
<!-- Hidden slot for clear button aria-label -->
|
|
33312
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
31922
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
33313
31923
|
|
|
33314
31924
|
<${this.dropdownTag}
|
|
33315
31925
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -33326,7 +31936,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33326
31936
|
.shape="${this.shape}"
|
|
33327
31937
|
.size="${this.size}"
|
|
33328
31938
|
class="${e$3(dropdownElementClassMap)}"
|
|
33329
|
-
desktopModal
|
|
33330
31939
|
disableEventShow
|
|
33331
31940
|
for="dropdownMenu"
|
|
33332
31941
|
part="dropdown"
|
|
@@ -36583,7 +35192,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
36583
35192
|
});
|
|
36584
35193
|
}
|
|
36585
35194
|
|
|
36586
|
-
var styleCss$2$6 = i$5`: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(
|
|
35195
|
+
var styleCss$2$6 = i$5`: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}`;
|
|
36587
35196
|
|
|
36588
35197
|
var colorCss$2$6 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
36589
35198
|
|
|
@@ -37214,7 +35823,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
|
37214
35823
|
}
|
|
37215
35824
|
};
|
|
37216
35825
|
|
|
37217
|
-
var formkitVersion$7 = '
|
|
35826
|
+
var formkitVersion$7 = '202605201634';
|
|
37218
35827
|
|
|
37219
35828
|
let AuroElement$5 = class AuroElement extends i$3 {
|
|
37220
35829
|
static get properties() {
|
|
@@ -37394,7 +36003,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37394
36003
|
_intializeDefaults() {
|
|
37395
36004
|
this.appearance = 'default';
|
|
37396
36005
|
this.chevron = false;
|
|
37397
|
-
this.desktopModal = false;
|
|
37398
36006
|
this.disabled = false;
|
|
37399
36007
|
this.disableKeyboardHandling = false;
|
|
37400
36008
|
this.error = false;
|
|
@@ -37575,14 +36183,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37575
36183
|
reflect: true
|
|
37576
36184
|
},
|
|
37577
36185
|
|
|
37578
|
-
/**
|
|
37579
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
37580
|
-
*/
|
|
37581
|
-
desktopModal: {
|
|
37582
|
-
type: Boolean,
|
|
37583
|
-
reflect: true
|
|
37584
|
-
},
|
|
37585
|
-
|
|
37586
36186
|
/**
|
|
37587
36187
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
37588
36188
|
*/
|
|
@@ -37870,15 +36470,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37870
36470
|
|
|
37871
36471
|
disconnectedCallback() {
|
|
37872
36472
|
super.disconnectedCallback();
|
|
37873
|
-
this._clearPageInert();
|
|
37874
|
-
if (this._bibTabHandler) {
|
|
37875
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
37876
|
-
this._bibTabHandler = undefined;
|
|
37877
|
-
}
|
|
37878
|
-
if (this.focusTrap) {
|
|
37879
|
-
this.focusTrap.disconnect();
|
|
37880
|
-
this.focusTrap = undefined;
|
|
37881
|
-
}
|
|
37882
36473
|
if (this.floater) {
|
|
37883
36474
|
this.floater.hideBib('disconnect');
|
|
37884
36475
|
this.floater.disconnect();
|
|
@@ -37906,45 +36497,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37906
36497
|
if (this.isPopoverVisible) {
|
|
37907
36498
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
37908
36499
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
37909
|
-
this.
|
|
37910
|
-
this.
|
|
37911
|
-
|
|
37912
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
37913
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37914
|
-
this._setPageInert();
|
|
37915
|
-
}
|
|
36500
|
+
const useModal = this.isBibFullscreen;
|
|
36501
|
+
this.bibElement.value.open(useModal);
|
|
37916
36502
|
} else {
|
|
37917
36503
|
this.bibElement.value.close();
|
|
37918
|
-
this._clearPageInert();
|
|
37919
36504
|
}
|
|
37920
36505
|
}
|
|
37921
36506
|
|
|
37922
36507
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
37923
36508
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
37924
36509
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
36510
|
+
const useModal = this.isBibFullscreen;
|
|
37925
36511
|
this.bibElement.value.close();
|
|
37926
|
-
this.bibElement.value.open(
|
|
37927
|
-
|
|
37928
|
-
// Re-initialize focus management for the new strategy
|
|
37929
|
-
this.updateFocusTrap();
|
|
37930
|
-
|
|
37931
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
37932
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37933
|
-
this._setPageInert();
|
|
37934
|
-
} else {
|
|
37935
|
-
this._clearPageInert();
|
|
37936
|
-
}
|
|
37937
|
-
}
|
|
37938
|
-
|
|
37939
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
37940
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
37941
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
37942
|
-
this.updateFocusTrap();
|
|
37943
|
-
if (this.desktopModal) {
|
|
37944
|
-
this._setPageInert();
|
|
37945
|
-
} else {
|
|
37946
|
-
this._clearPageInert();
|
|
37947
|
-
}
|
|
36512
|
+
this.bibElement.value.open(useModal);
|
|
37948
36513
|
}
|
|
37949
36514
|
}
|
|
37950
36515
|
|
|
@@ -37954,14 +36519,8 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37954
36519
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
37955
36520
|
*/
|
|
37956
36521
|
handleDropdownToggle(event) {
|
|
36522
|
+
this.updateFocusTrap();
|
|
37957
36523
|
this.isPopoverVisible = event.detail.expanded;
|
|
37958
|
-
|
|
37959
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
37960
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
37961
|
-
if (!this.isPopoverVisible) {
|
|
37962
|
-
this.updateFocusTrap();
|
|
37963
|
-
}
|
|
37964
|
-
|
|
37965
36524
|
const eventType = event.detail.eventType || "unknown";
|
|
37966
36525
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
37967
36526
|
this.trigger.focus();
|
|
@@ -38060,178 +36619,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38060
36619
|
* @private
|
|
38061
36620
|
*/
|
|
38062
36621
|
updateFocusTrap() {
|
|
38063
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
38064
|
-
// to prevent duplicate listeners on repeated calls.
|
|
38065
|
-
if (this._bibTabHandler) {
|
|
38066
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38067
|
-
this._bibTabHandler = undefined;
|
|
38068
|
-
}
|
|
38069
|
-
|
|
38070
|
-
if (this.focusTrap) {
|
|
38071
|
-
this.focusTrap.disconnect();
|
|
38072
|
-
this.focusTrap = undefined;
|
|
38073
|
-
}
|
|
38074
|
-
|
|
38075
36622
|
if (this.isPopoverVisible) {
|
|
38076
36623
|
if (!this.isBibFullscreen) {
|
|
38077
|
-
|
|
38078
|
-
|
|
38079
|
-
|
|
38080
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
38081
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
38082
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
38083
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
38084
|
-
// within the bib's focusable elements.
|
|
38085
|
-
this._bibTabHandler = (event) => {
|
|
38086
|
-
if (event.key !== 'Tab') {
|
|
38087
|
-
return;
|
|
38088
|
-
}
|
|
38089
|
-
|
|
38090
|
-
// Collect focusable elements from the bib content.
|
|
38091
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38092
|
-
|
|
38093
|
-
// Fallback: try from slotted content directly
|
|
38094
|
-
if (!focusables.length) {
|
|
38095
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
38096
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
38097
|
-
|
|
38098
|
-
for (const node of assignedNodes) {
|
|
38099
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
38100
|
-
focusables.push(...getFocusableElements$2(node));
|
|
38101
|
-
}
|
|
38102
|
-
}
|
|
38103
|
-
}
|
|
38104
|
-
|
|
38105
|
-
if (!focusables.length) {
|
|
38106
|
-
return;
|
|
38107
|
-
}
|
|
38108
|
-
|
|
38109
|
-
event.preventDefault();
|
|
38110
|
-
|
|
38111
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
38112
|
-
|
|
38113
|
-
// Walk the active element chain through shadow roots
|
|
38114
|
-
const actives = this._getActiveElements();
|
|
38115
|
-
|
|
38116
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
38117
|
-
|
|
38118
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
38119
|
-
// Focus is not on a known element — move to first/last
|
|
38120
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
38121
|
-
}
|
|
38122
|
-
|
|
38123
|
-
// Try each element in order, skipping any that can't receive focus
|
|
38124
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
38125
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
38126
|
-
let nextIdx = idx + direction;
|
|
38127
|
-
|
|
38128
|
-
// Wrap around
|
|
38129
|
-
if (nextIdx < 0) {
|
|
38130
|
-
nextIdx = focusables.length - 1;
|
|
38131
|
-
} else if (nextIdx >= focusables.length) {
|
|
38132
|
-
nextIdx = 0;
|
|
38133
|
-
}
|
|
38134
|
-
|
|
38135
|
-
focusables[nextIdx].focus();
|
|
38136
|
-
|
|
38137
|
-
// Verify focus actually moved to the target
|
|
38138
|
-
const newActives = this._getActiveElements();
|
|
38139
|
-
|
|
38140
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
38141
|
-
return;
|
|
38142
|
-
}
|
|
38143
|
-
|
|
38144
|
-
// Focus didn't stick — skip this element and try the next
|
|
38145
|
-
idx = nextIdx;
|
|
38146
|
-
}
|
|
38147
|
-
};
|
|
38148
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
38149
|
-
|
|
38150
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
38151
|
-
requestAnimationFrame(() => {
|
|
38152
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
38153
|
-
if (focusables.length) {
|
|
38154
|
-
focusables[0].focus();
|
|
38155
|
-
}
|
|
38156
|
-
});
|
|
38157
|
-
} else {
|
|
38158
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
38159
|
-
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
38160
|
-
this.focusTrap.focusFirstElement();
|
|
38161
|
-
}
|
|
36624
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
36625
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
36626
|
+
this.focusTrap.focusFirstElement();
|
|
38162
36627
|
}
|
|
38163
36628
|
// Fullscreen: showModal() provides native focus trapping
|
|
38164
|
-
}
|
|
38165
|
-
}
|
|
38166
|
-
|
|
38167
|
-
/**
|
|
38168
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
38169
|
-
* @private
|
|
38170
|
-
* @returns {Array<HTMLElement>}
|
|
38171
|
-
*/
|
|
38172
|
-
_getActiveElements() {
|
|
38173
|
-
let { activeElement } = document;
|
|
38174
|
-
const actives = [activeElement];
|
|
38175
|
-
|
|
38176
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
38177
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
38178
|
-
actives.push(activeElement);
|
|
38179
|
-
}
|
|
38180
|
-
|
|
38181
|
-
return actives;
|
|
38182
|
-
}
|
|
38183
|
-
|
|
38184
|
-
/**
|
|
38185
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
38186
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
38187
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
38188
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
38189
|
-
* to ensure all page content outside the host subtree is inert.
|
|
38190
|
-
* @private
|
|
38191
|
-
*/
|
|
38192
|
-
_setPageInert() {
|
|
38193
|
-
if (this._inertSiblings) {
|
|
38194
36629
|
return;
|
|
38195
36630
|
}
|
|
38196
36631
|
|
|
38197
|
-
this.
|
|
38198
|
-
|
|
38199
|
-
|
|
38200
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
38201
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
38202
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
38203
|
-
let host = this;
|
|
38204
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
38205
|
-
host = host.getRootNode().host;
|
|
38206
|
-
}
|
|
38207
|
-
|
|
38208
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
38209
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
38210
|
-
let current = host;
|
|
38211
|
-
while (current.parentElement) {
|
|
38212
|
-
const parent = current.parentElement;
|
|
38213
|
-
for (const sibling of parent.children) {
|
|
38214
|
-
if (sibling !== current) {
|
|
38215
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
38216
|
-
sibling.inert = true;
|
|
38217
|
-
}
|
|
38218
|
-
}
|
|
38219
|
-
current = parent;
|
|
38220
|
-
}
|
|
38221
|
-
}
|
|
38222
|
-
|
|
38223
|
-
/**
|
|
38224
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
38225
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
38226
|
-
* not inadvertently re-enabled.
|
|
38227
|
-
* @private
|
|
38228
|
-
*/
|
|
38229
|
-
_clearPageInert() {
|
|
38230
|
-
if (this._inertSiblings) {
|
|
38231
|
-
for (const entry of this._inertSiblings) {
|
|
38232
|
-
entry.element.inert = entry.wasInert;
|
|
38233
|
-
}
|
|
38234
|
-
this._inertSiblings = undefined;
|
|
36632
|
+
if (this.focusTrap) {
|
|
36633
|
+
this.focusTrap.disconnect();
|
|
36634
|
+
this.focusTrap = undefined;
|
|
38235
36635
|
}
|
|
38236
36636
|
}
|
|
38237
36637
|
|
|
@@ -38470,7 +36870,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38470
36870
|
shape="${this.shape}"
|
|
38471
36871
|
?data-show="${this.isPopoverVisible}"
|
|
38472
36872
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38473
|
-
?desktopmodal="${this.desktopModal}"
|
|
38474
36873
|
.dialogLabel="${this.bibDialogLabel}"
|
|
38475
36874
|
${n$6(this.bibElement)}
|
|
38476
36875
|
>
|
|
@@ -40025,7 +38424,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
40025
38424
|
}
|
|
40026
38425
|
};
|
|
40027
38426
|
|
|
40028
|
-
var formkitVersion$6 = '
|
|
38427
|
+
var formkitVersion$6 = '202605201634';
|
|
40029
38428
|
|
|
40030
38429
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
40031
38430
|
// See LICENSE in the project root for license information.
|
|
@@ -40763,14 +39162,6 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
40763
39162
|
large: {
|
|
40764
39163
|
type: Boolean,
|
|
40765
39164
|
reflect: true
|
|
40766
|
-
},
|
|
40767
|
-
|
|
40768
|
-
/**
|
|
40769
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
40770
|
-
*/
|
|
40771
|
-
showFooter: {
|
|
40772
|
-
type: Boolean,
|
|
40773
|
-
reflect: true
|
|
40774
39165
|
}
|
|
40775
39166
|
};
|
|
40776
39167
|
}
|
|
@@ -40873,7 +39264,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
40873
39264
|
<slot></slot>
|
|
40874
39265
|
</div>
|
|
40875
39266
|
|
|
40876
|
-
${this.isFullscreen
|
|
39267
|
+
${this.isFullscreen ? u$d`
|
|
40877
39268
|
<div id="footerContainer">
|
|
40878
39269
|
<slot name="footer"></slot>
|
|
40879
39270
|
</div>` : null}
|
|
@@ -43451,7 +41842,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
43451
41842
|
}
|
|
43452
41843
|
};
|
|
43453
41844
|
|
|
43454
|
-
var formkitVersion$5 = '
|
|
41845
|
+
var formkitVersion$5 = '202605201634';
|
|
43455
41846
|
|
|
43456
41847
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
43457
41848
|
// See LICENSE in the project root for license information.
|
|
@@ -45623,7 +44014,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
45623
44014
|
}
|
|
45624
44015
|
};
|
|
45625
44016
|
|
|
45626
|
-
var formkitVersion$4 = '
|
|
44017
|
+
var formkitVersion$4 = '202605201634';
|
|
45627
44018
|
|
|
45628
44019
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
45629
44020
|
// See LICENSE in the project root for license information.
|
|
@@ -47264,7 +45655,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47264
45655
|
|
|
47265
45656
|
// navigate if bib is open otherwise open it
|
|
47266
45657
|
if (component.dropdown.isPopoverVisible) {
|
|
47267
|
-
if (evt.altKey || evt.metaKey) {
|
|
45658
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47268
45659
|
component.activateLastEnabledAvailableOption();
|
|
47269
45660
|
} else {
|
|
47270
45661
|
navigateArrow$1(component, 'down');
|
|
@@ -47287,7 +45678,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47287
45678
|
|
|
47288
45679
|
// navigate if bib is open otherwise open it
|
|
47289
45680
|
if (component.dropdown.isPopoverVisible) {
|
|
47290
|
-
if (evt.altKey || evt.metaKey) {
|
|
45681
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47291
45682
|
component.activateFirstEnabledAvailableOption();
|
|
47292
45683
|
} else {
|
|
47293
45684
|
navigateArrow$1(component, 'up');
|
|
@@ -50612,7 +49003,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
50612
49003
|
});
|
|
50613
49004
|
}
|
|
50614
49005
|
|
|
50615
|
-
var styleCss$2$1$1 = i$5`: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(
|
|
49006
|
+
var styleCss$2$1$1 = i$5`: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}`;
|
|
50616
49007
|
|
|
50617
49008
|
var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
50618
49009
|
|
|
@@ -51243,7 +49634,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
51243
49634
|
}
|
|
51244
49635
|
};
|
|
51245
49636
|
|
|
51246
|
-
var formkitVersion$2 = '
|
|
49637
|
+
var formkitVersion$2 = '202605201634';
|
|
51247
49638
|
|
|
51248
49639
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
51249
49640
|
static get properties() {
|
|
@@ -51423,7 +49814,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51423
49814
|
_intializeDefaults() {
|
|
51424
49815
|
this.appearance = 'default';
|
|
51425
49816
|
this.chevron = false;
|
|
51426
|
-
this.desktopModal = false;
|
|
51427
49817
|
this.disabled = false;
|
|
51428
49818
|
this.disableKeyboardHandling = false;
|
|
51429
49819
|
this.error = false;
|
|
@@ -51604,14 +49994,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51604
49994
|
reflect: true
|
|
51605
49995
|
},
|
|
51606
49996
|
|
|
51607
|
-
/**
|
|
51608
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
51609
|
-
*/
|
|
51610
|
-
desktopModal: {
|
|
51611
|
-
type: Boolean,
|
|
51612
|
-
reflect: true
|
|
51613
|
-
},
|
|
51614
|
-
|
|
51615
49997
|
/**
|
|
51616
49998
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
51617
49999
|
*/
|
|
@@ -51899,15 +50281,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51899
50281
|
|
|
51900
50282
|
disconnectedCallback() {
|
|
51901
50283
|
super.disconnectedCallback();
|
|
51902
|
-
this._clearPageInert();
|
|
51903
|
-
if (this._bibTabHandler) {
|
|
51904
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51905
|
-
this._bibTabHandler = undefined;
|
|
51906
|
-
}
|
|
51907
|
-
if (this.focusTrap) {
|
|
51908
|
-
this.focusTrap.disconnect();
|
|
51909
|
-
this.focusTrap = undefined;
|
|
51910
|
-
}
|
|
51911
50284
|
if (this.floater) {
|
|
51912
50285
|
this.floater.hideBib('disconnect');
|
|
51913
50286
|
this.floater.disconnect();
|
|
@@ -51935,45 +50308,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51935
50308
|
if (this.isPopoverVisible) {
|
|
51936
50309
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
51937
50310
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
51938
|
-
this.
|
|
51939
|
-
this.
|
|
51940
|
-
|
|
51941
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
51942
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51943
|
-
this._setPageInert();
|
|
51944
|
-
}
|
|
50311
|
+
const useModal = this.isBibFullscreen;
|
|
50312
|
+
this.bibElement.value.open(useModal);
|
|
51945
50313
|
} else {
|
|
51946
50314
|
this.bibElement.value.close();
|
|
51947
|
-
this._clearPageInert();
|
|
51948
50315
|
}
|
|
51949
50316
|
}
|
|
51950
50317
|
|
|
51951
50318
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
51952
50319
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
51953
50320
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
50321
|
+
const useModal = this.isBibFullscreen;
|
|
51954
50322
|
this.bibElement.value.close();
|
|
51955
|
-
this.bibElement.value.open(
|
|
51956
|
-
|
|
51957
|
-
// Re-initialize focus management for the new strategy
|
|
51958
|
-
this.updateFocusTrap();
|
|
51959
|
-
|
|
51960
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
51961
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51962
|
-
this._setPageInert();
|
|
51963
|
-
} else {
|
|
51964
|
-
this._clearPageInert();
|
|
51965
|
-
}
|
|
51966
|
-
}
|
|
51967
|
-
|
|
51968
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
51969
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
51970
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
51971
|
-
this.updateFocusTrap();
|
|
51972
|
-
if (this.desktopModal) {
|
|
51973
|
-
this._setPageInert();
|
|
51974
|
-
} else {
|
|
51975
|
-
this._clearPageInert();
|
|
51976
|
-
}
|
|
50323
|
+
this.bibElement.value.open(useModal);
|
|
51977
50324
|
}
|
|
51978
50325
|
}
|
|
51979
50326
|
|
|
@@ -51983,14 +50330,8 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51983
50330
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
51984
50331
|
*/
|
|
51985
50332
|
handleDropdownToggle(event) {
|
|
50333
|
+
this.updateFocusTrap();
|
|
51986
50334
|
this.isPopoverVisible = event.detail.expanded;
|
|
51987
|
-
|
|
51988
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
51989
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
51990
|
-
if (!this.isPopoverVisible) {
|
|
51991
|
-
this.updateFocusTrap();
|
|
51992
|
-
}
|
|
51993
|
-
|
|
51994
50335
|
const eventType = event.detail.eventType || "unknown";
|
|
51995
50336
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
51996
50337
|
this.trigger.focus();
|
|
@@ -52089,178 +50430,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52089
50430
|
* @private
|
|
52090
50431
|
*/
|
|
52091
50432
|
updateFocusTrap() {
|
|
52092
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
52093
|
-
// to prevent duplicate listeners on repeated calls.
|
|
52094
|
-
if (this._bibTabHandler) {
|
|
52095
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52096
|
-
this._bibTabHandler = undefined;
|
|
52097
|
-
}
|
|
52098
|
-
|
|
52099
|
-
if (this.focusTrap) {
|
|
52100
|
-
this.focusTrap.disconnect();
|
|
52101
|
-
this.focusTrap = undefined;
|
|
52102
|
-
}
|
|
52103
|
-
|
|
52104
50433
|
if (this.isPopoverVisible) {
|
|
52105
50434
|
if (!this.isBibFullscreen) {
|
|
52106
|
-
|
|
52107
|
-
|
|
52108
|
-
|
|
52109
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
52110
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
52111
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
52112
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52113
|
-
// within the bib's focusable elements.
|
|
52114
|
-
this._bibTabHandler = (event) => {
|
|
52115
|
-
if (event.key !== 'Tab') {
|
|
52116
|
-
return;
|
|
52117
|
-
}
|
|
52118
|
-
|
|
52119
|
-
// Collect focusable elements from the bib content.
|
|
52120
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52121
|
-
|
|
52122
|
-
// Fallback: try from slotted content directly
|
|
52123
|
-
if (!focusables.length) {
|
|
52124
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52125
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52126
|
-
|
|
52127
|
-
for (const node of assignedNodes) {
|
|
52128
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52129
|
-
focusables.push(...getFocusableElements$1(node));
|
|
52130
|
-
}
|
|
52131
|
-
}
|
|
52132
|
-
}
|
|
52133
|
-
|
|
52134
|
-
if (!focusables.length) {
|
|
52135
|
-
return;
|
|
52136
|
-
}
|
|
52137
|
-
|
|
52138
|
-
event.preventDefault();
|
|
52139
|
-
|
|
52140
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52141
|
-
|
|
52142
|
-
// Walk the active element chain through shadow roots
|
|
52143
|
-
const actives = this._getActiveElements();
|
|
52144
|
-
|
|
52145
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52146
|
-
|
|
52147
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52148
|
-
// Focus is not on a known element — move to first/last
|
|
52149
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52150
|
-
}
|
|
52151
|
-
|
|
52152
|
-
// Try each element in order, skipping any that can't receive focus
|
|
52153
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
52154
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52155
|
-
let nextIdx = idx + direction;
|
|
52156
|
-
|
|
52157
|
-
// Wrap around
|
|
52158
|
-
if (nextIdx < 0) {
|
|
52159
|
-
nextIdx = focusables.length - 1;
|
|
52160
|
-
} else if (nextIdx >= focusables.length) {
|
|
52161
|
-
nextIdx = 0;
|
|
52162
|
-
}
|
|
52163
|
-
|
|
52164
|
-
focusables[nextIdx].focus();
|
|
52165
|
-
|
|
52166
|
-
// Verify focus actually moved to the target
|
|
52167
|
-
const newActives = this._getActiveElements();
|
|
52168
|
-
|
|
52169
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
52170
|
-
return;
|
|
52171
|
-
}
|
|
52172
|
-
|
|
52173
|
-
// Focus didn't stick — skip this element and try the next
|
|
52174
|
-
idx = nextIdx;
|
|
52175
|
-
}
|
|
52176
|
-
};
|
|
52177
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
52178
|
-
|
|
52179
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
52180
|
-
requestAnimationFrame(() => {
|
|
52181
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
52182
|
-
if (focusables.length) {
|
|
52183
|
-
focusables[0].focus();
|
|
52184
|
-
}
|
|
52185
|
-
});
|
|
52186
|
-
} else {
|
|
52187
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
52188
|
-
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52189
|
-
this.focusTrap.focusFirstElement();
|
|
52190
|
-
}
|
|
50435
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
50436
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
50437
|
+
this.focusTrap.focusFirstElement();
|
|
52191
50438
|
}
|
|
52192
50439
|
// Fullscreen: showModal() provides native focus trapping
|
|
52193
|
-
}
|
|
52194
|
-
}
|
|
52195
|
-
|
|
52196
|
-
/**
|
|
52197
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
52198
|
-
* @private
|
|
52199
|
-
* @returns {Array<HTMLElement>}
|
|
52200
|
-
*/
|
|
52201
|
-
_getActiveElements() {
|
|
52202
|
-
let { activeElement } = document;
|
|
52203
|
-
const actives = [activeElement];
|
|
52204
|
-
|
|
52205
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
52206
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
52207
|
-
actives.push(activeElement);
|
|
52208
|
-
}
|
|
52209
|
-
|
|
52210
|
-
return actives;
|
|
52211
|
-
}
|
|
52212
|
-
|
|
52213
|
-
/**
|
|
52214
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52215
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52216
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52217
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
52218
|
-
* to ensure all page content outside the host subtree is inert.
|
|
52219
|
-
* @private
|
|
52220
|
-
*/
|
|
52221
|
-
_setPageInert() {
|
|
52222
|
-
if (this._inertSiblings) {
|
|
52223
50440
|
return;
|
|
52224
50441
|
}
|
|
52225
50442
|
|
|
52226
|
-
this.
|
|
52227
|
-
|
|
52228
|
-
|
|
52229
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
52230
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52231
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
52232
|
-
let host = this;
|
|
52233
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52234
|
-
host = host.getRootNode().host;
|
|
52235
|
-
}
|
|
52236
|
-
|
|
52237
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
52238
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
52239
|
-
let current = host;
|
|
52240
|
-
while (current.parentElement) {
|
|
52241
|
-
const parent = current.parentElement;
|
|
52242
|
-
for (const sibling of parent.children) {
|
|
52243
|
-
if (sibling !== current) {
|
|
52244
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
52245
|
-
sibling.inert = true;
|
|
52246
|
-
}
|
|
52247
|
-
}
|
|
52248
|
-
current = parent;
|
|
52249
|
-
}
|
|
52250
|
-
}
|
|
52251
|
-
|
|
52252
|
-
/**
|
|
52253
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
52254
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
52255
|
-
* not inadvertently re-enabled.
|
|
52256
|
-
* @private
|
|
52257
|
-
*/
|
|
52258
|
-
_clearPageInert() {
|
|
52259
|
-
if (this._inertSiblings) {
|
|
52260
|
-
for (const entry of this._inertSiblings) {
|
|
52261
|
-
entry.element.inert = entry.wasInert;
|
|
52262
|
-
}
|
|
52263
|
-
this._inertSiblings = undefined;
|
|
50443
|
+
if (this.focusTrap) {
|
|
50444
|
+
this.focusTrap.disconnect();
|
|
50445
|
+
this.focusTrap = undefined;
|
|
52264
50446
|
}
|
|
52265
50447
|
}
|
|
52266
50448
|
|
|
@@ -52499,7 +50681,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52499
50681
|
shape="${this.shape}"
|
|
52500
50682
|
?data-show="${this.isPopoverVisible}"
|
|
52501
50683
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52502
|
-
?desktopmodal="${this.desktopModal}"
|
|
52503
50684
|
.dialogLabel="${this.bibDialogLabel}"
|
|
52504
50685
|
${n$6(this.bibElement)}
|
|
52505
50686
|
>
|
|
@@ -59198,7 +57379,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
59198
57379
|
}
|
|
59199
57380
|
};
|
|
59200
57381
|
|
|
59201
|
-
var formkitVersion$1$1 = '
|
|
57382
|
+
var formkitVersion$1$1 = '202605201634';
|
|
59202
57383
|
|
|
59203
57384
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
59204
57385
|
// See LICENSE in the project root for license information.
|
|
@@ -60152,14 +58333,6 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
60152
58333
|
large: {
|
|
60153
58334
|
type: Boolean,
|
|
60154
58335
|
reflect: true
|
|
60155
|
-
},
|
|
60156
|
-
|
|
60157
|
-
/**
|
|
60158
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60159
|
-
*/
|
|
60160
|
-
showFooter: {
|
|
60161
|
-
type: Boolean,
|
|
60162
|
-
reflect: true
|
|
60163
58336
|
}
|
|
60164
58337
|
};
|
|
60165
58338
|
}
|
|
@@ -60262,7 +58435,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
60262
58435
|
<slot></slot>
|
|
60263
58436
|
</div>
|
|
60264
58437
|
|
|
60265
|
-
${this.isFullscreen
|
|
58438
|
+
${this.isFullscreen ? u$d`
|
|
60266
58439
|
<div id="footerContainer">
|
|
60267
58440
|
<slot name="footer"></slot>
|
|
60268
58441
|
</div>` : null}
|
|
@@ -60271,7 +58444,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
60271
58444
|
}
|
|
60272
58445
|
};
|
|
60273
58446
|
|
|
60274
|
-
var formkitVersion$3 = '
|
|
58447
|
+
var formkitVersion$3 = '202605201634';
|
|
60275
58448
|
|
|
60276
58449
|
var styleCss$1$3 = i$5`.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}`;
|
|
60277
58450
|
|
|
@@ -65757,28 +63930,30 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
65757
63930
|
const selectKeyboardStrategy = {
|
|
65758
63931
|
ArrowDown(component, evt, ctx) {
|
|
65759
63932
|
evt.preventDefault();
|
|
65760
|
-
if (
|
|
65761
|
-
|
|
65762
|
-
|
|
65763
|
-
|
|
63933
|
+
if (ctx.isExpanded) {
|
|
63934
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
63935
|
+
// navigate to last enabled option
|
|
63936
|
+
selectKeyboardStrategy.End(component, evt, ctx);
|
|
63937
|
+
} else {
|
|
63938
|
+
navigateArrow(component, 'down', { ctx });
|
|
63939
|
+
}
|
|
63940
|
+
} else {
|
|
63941
|
+
component.dropdown.show();
|
|
65764
63942
|
}
|
|
65765
|
-
navigateArrow(component, 'down', {
|
|
65766
|
-
ctx,
|
|
65767
|
-
showFn: () => component.dropdown.show(),
|
|
65768
|
-
});
|
|
65769
63943
|
},
|
|
65770
63944
|
|
|
65771
63945
|
ArrowUp(component, evt, ctx) {
|
|
65772
63946
|
evt.preventDefault();
|
|
65773
|
-
if (
|
|
65774
|
-
|
|
65775
|
-
|
|
65776
|
-
|
|
63947
|
+
if (ctx.isExpanded) {
|
|
63948
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
63949
|
+
// navigate to first enabled option
|
|
63950
|
+
selectKeyboardStrategy.Home(component, evt, ctx);
|
|
63951
|
+
} else {
|
|
63952
|
+
navigateArrow(component, 'up', { ctx });
|
|
63953
|
+
}
|
|
63954
|
+
} else {
|
|
63955
|
+
component.dropdown.show();
|
|
65777
63956
|
}
|
|
65778
|
-
navigateArrow(component, 'up', {
|
|
65779
|
-
ctx,
|
|
65780
|
-
showFn: () => component.dropdown.show(),
|
|
65781
|
-
});
|
|
65782
63957
|
},
|
|
65783
63958
|
|
|
65784
63959
|
Escape(component, evt, ctx) {
|
|
@@ -69130,7 +67305,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
69130
67305
|
});
|
|
69131
67306
|
}
|
|
69132
67307
|
|
|
69133
|
-
var styleCss$2$1 = i$5`: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(
|
|
67308
|
+
var styleCss$2$1 = i$5`: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}`;
|
|
69134
67309
|
|
|
69135
67310
|
var colorCss$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
69136
67311
|
|
|
@@ -69761,7 +67936,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
69761
67936
|
}
|
|
69762
67937
|
};
|
|
69763
67938
|
|
|
69764
|
-
var formkitVersion$1 = '
|
|
67939
|
+
var formkitVersion$1 = '202605201634';
|
|
69765
67940
|
|
|
69766
67941
|
class AuroElement extends i$3 {
|
|
69767
67942
|
static get properties() {
|
|
@@ -69941,7 +68116,6 @@ class AuroDropdown extends AuroElement {
|
|
|
69941
68116
|
_intializeDefaults() {
|
|
69942
68117
|
this.appearance = 'default';
|
|
69943
68118
|
this.chevron = false;
|
|
69944
|
-
this.desktopModal = false;
|
|
69945
68119
|
this.disabled = false;
|
|
69946
68120
|
this.disableKeyboardHandling = false;
|
|
69947
68121
|
this.error = false;
|
|
@@ -70122,14 +68296,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70122
68296
|
reflect: true
|
|
70123
68297
|
},
|
|
70124
68298
|
|
|
70125
|
-
/**
|
|
70126
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70127
|
-
*/
|
|
70128
|
-
desktopModal: {
|
|
70129
|
-
type: Boolean,
|
|
70130
|
-
reflect: true
|
|
70131
|
-
},
|
|
70132
|
-
|
|
70133
68299
|
/**
|
|
70134
68300
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
70135
68301
|
*/
|
|
@@ -70417,15 +68583,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70417
68583
|
|
|
70418
68584
|
disconnectedCallback() {
|
|
70419
68585
|
super.disconnectedCallback();
|
|
70420
|
-
this._clearPageInert();
|
|
70421
|
-
if (this._bibTabHandler) {
|
|
70422
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70423
|
-
this._bibTabHandler = undefined;
|
|
70424
|
-
}
|
|
70425
|
-
if (this.focusTrap) {
|
|
70426
|
-
this.focusTrap.disconnect();
|
|
70427
|
-
this.focusTrap = undefined;
|
|
70428
|
-
}
|
|
70429
68586
|
if (this.floater) {
|
|
70430
68587
|
this.floater.hideBib('disconnect');
|
|
70431
68588
|
this.floater.disconnect();
|
|
@@ -70453,45 +68610,19 @@ class AuroDropdown extends AuroElement {
|
|
|
70453
68610
|
if (this.isPopoverVisible) {
|
|
70454
68611
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
70455
68612
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
70456
|
-
this.
|
|
70457
|
-
this.
|
|
70458
|
-
|
|
70459
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70460
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70461
|
-
this._setPageInert();
|
|
70462
|
-
}
|
|
68613
|
+
const useModal = this.isBibFullscreen;
|
|
68614
|
+
this.bibElement.value.open(useModal);
|
|
70463
68615
|
} else {
|
|
70464
68616
|
this.bibElement.value.close();
|
|
70465
|
-
this._clearPageInert();
|
|
70466
68617
|
}
|
|
70467
68618
|
}
|
|
70468
68619
|
|
|
70469
68620
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
70470
68621
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
70471
68622
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
68623
|
+
const useModal = this.isBibFullscreen;
|
|
70472
68624
|
this.bibElement.value.close();
|
|
70473
|
-
this.bibElement.value.open(
|
|
70474
|
-
|
|
70475
|
-
// Re-initialize focus management for the new strategy
|
|
70476
|
-
this.updateFocusTrap();
|
|
70477
|
-
|
|
70478
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70479
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70480
|
-
this._setPageInert();
|
|
70481
|
-
} else {
|
|
70482
|
-
this._clearPageInert();
|
|
70483
|
-
}
|
|
70484
|
-
}
|
|
70485
|
-
|
|
70486
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
70487
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
70488
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
70489
|
-
this.updateFocusTrap();
|
|
70490
|
-
if (this.desktopModal) {
|
|
70491
|
-
this._setPageInert();
|
|
70492
|
-
} else {
|
|
70493
|
-
this._clearPageInert();
|
|
70494
|
-
}
|
|
68625
|
+
this.bibElement.value.open(useModal);
|
|
70495
68626
|
}
|
|
70496
68627
|
}
|
|
70497
68628
|
|
|
@@ -70501,14 +68632,8 @@ class AuroDropdown extends AuroElement {
|
|
|
70501
68632
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
70502
68633
|
*/
|
|
70503
68634
|
handleDropdownToggle(event) {
|
|
68635
|
+
this.updateFocusTrap();
|
|
70504
68636
|
this.isPopoverVisible = event.detail.expanded;
|
|
70505
|
-
|
|
70506
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70507
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
70508
|
-
if (!this.isPopoverVisible) {
|
|
70509
|
-
this.updateFocusTrap();
|
|
70510
|
-
}
|
|
70511
|
-
|
|
70512
68637
|
const eventType = event.detail.eventType || "unknown";
|
|
70513
68638
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
70514
68639
|
this.trigger.focus();
|
|
@@ -70607,178 +68732,19 @@ class AuroDropdown extends AuroElement {
|
|
|
70607
68732
|
* @private
|
|
70608
68733
|
*/
|
|
70609
68734
|
updateFocusTrap() {
|
|
70610
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
70611
|
-
// to prevent duplicate listeners on repeated calls.
|
|
70612
|
-
if (this._bibTabHandler) {
|
|
70613
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70614
|
-
this._bibTabHandler = undefined;
|
|
70615
|
-
}
|
|
70616
|
-
|
|
70617
|
-
if (this.focusTrap) {
|
|
70618
|
-
this.focusTrap.disconnect();
|
|
70619
|
-
this.focusTrap = undefined;
|
|
70620
|
-
}
|
|
70621
|
-
|
|
70622
68735
|
if (this.isPopoverVisible) {
|
|
70623
68736
|
if (!this.isBibFullscreen) {
|
|
70624
|
-
|
|
70625
|
-
|
|
70626
|
-
|
|
70627
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
70628
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
70629
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
70630
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
70631
|
-
// within the bib's focusable elements.
|
|
70632
|
-
this._bibTabHandler = (event) => {
|
|
70633
|
-
if (event.key !== 'Tab') {
|
|
70634
|
-
return;
|
|
70635
|
-
}
|
|
70636
|
-
|
|
70637
|
-
// Collect focusable elements from the bib content.
|
|
70638
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
70639
|
-
|
|
70640
|
-
// Fallback: try from slotted content directly
|
|
70641
|
-
if (!focusables.length) {
|
|
70642
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
70643
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
70644
|
-
|
|
70645
|
-
for (const node of assignedNodes) {
|
|
70646
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
70647
|
-
focusables.push(...getFocusableElements(node));
|
|
70648
|
-
}
|
|
70649
|
-
}
|
|
70650
|
-
}
|
|
70651
|
-
|
|
70652
|
-
if (!focusables.length) {
|
|
70653
|
-
return;
|
|
70654
|
-
}
|
|
70655
|
-
|
|
70656
|
-
event.preventDefault();
|
|
70657
|
-
|
|
70658
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
70659
|
-
|
|
70660
|
-
// Walk the active element chain through shadow roots
|
|
70661
|
-
const actives = this._getActiveElements();
|
|
70662
|
-
|
|
70663
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
70664
|
-
|
|
70665
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
70666
|
-
// Focus is not on a known element — move to first/last
|
|
70667
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
70668
|
-
}
|
|
70669
|
-
|
|
70670
|
-
// Try each element in order, skipping any that can't receive focus
|
|
70671
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
70672
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
70673
|
-
let nextIdx = idx + direction;
|
|
70674
|
-
|
|
70675
|
-
// Wrap around
|
|
70676
|
-
if (nextIdx < 0) {
|
|
70677
|
-
nextIdx = focusables.length - 1;
|
|
70678
|
-
} else if (nextIdx >= focusables.length) {
|
|
70679
|
-
nextIdx = 0;
|
|
70680
|
-
}
|
|
70681
|
-
|
|
70682
|
-
focusables[nextIdx].focus();
|
|
70683
|
-
|
|
70684
|
-
// Verify focus actually moved to the target
|
|
70685
|
-
const newActives = this._getActiveElements();
|
|
70686
|
-
|
|
70687
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
70688
|
-
return;
|
|
70689
|
-
}
|
|
70690
|
-
|
|
70691
|
-
// Focus didn't stick — skip this element and try the next
|
|
70692
|
-
idx = nextIdx;
|
|
70693
|
-
}
|
|
70694
|
-
};
|
|
70695
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
70696
|
-
|
|
70697
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
70698
|
-
requestAnimationFrame(() => {
|
|
70699
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
70700
|
-
if (focusables.length) {
|
|
70701
|
-
focusables[0].focus();
|
|
70702
|
-
}
|
|
70703
|
-
});
|
|
70704
|
-
} else {
|
|
70705
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
70706
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
70707
|
-
this.focusTrap.focusFirstElement();
|
|
70708
|
-
}
|
|
68737
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
68738
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
68739
|
+
this.focusTrap.focusFirstElement();
|
|
70709
68740
|
}
|
|
70710
68741
|
// Fullscreen: showModal() provides native focus trapping
|
|
70711
|
-
}
|
|
70712
|
-
}
|
|
70713
|
-
|
|
70714
|
-
/**
|
|
70715
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
70716
|
-
* @private
|
|
70717
|
-
* @returns {Array<HTMLElement>}
|
|
70718
|
-
*/
|
|
70719
|
-
_getActiveElements() {
|
|
70720
|
-
let { activeElement } = document;
|
|
70721
|
-
const actives = [activeElement];
|
|
70722
|
-
|
|
70723
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
70724
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
70725
|
-
actives.push(activeElement);
|
|
70726
|
-
}
|
|
70727
|
-
|
|
70728
|
-
return actives;
|
|
70729
|
-
}
|
|
70730
|
-
|
|
70731
|
-
/**
|
|
70732
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
70733
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
70734
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
70735
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
70736
|
-
* to ensure all page content outside the host subtree is inert.
|
|
70737
|
-
* @private
|
|
70738
|
-
*/
|
|
70739
|
-
_setPageInert() {
|
|
70740
|
-
if (this._inertSiblings) {
|
|
70741
68742
|
return;
|
|
70742
68743
|
}
|
|
70743
68744
|
|
|
70744
|
-
this.
|
|
70745
|
-
|
|
70746
|
-
|
|
70747
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
70748
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
70749
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
70750
|
-
let host = this;
|
|
70751
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
70752
|
-
host = host.getRootNode().host;
|
|
70753
|
-
}
|
|
70754
|
-
|
|
70755
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
70756
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
70757
|
-
let current = host;
|
|
70758
|
-
while (current.parentElement) {
|
|
70759
|
-
const parent = current.parentElement;
|
|
70760
|
-
for (const sibling of parent.children) {
|
|
70761
|
-
if (sibling !== current) {
|
|
70762
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
70763
|
-
sibling.inert = true;
|
|
70764
|
-
}
|
|
70765
|
-
}
|
|
70766
|
-
current = parent;
|
|
70767
|
-
}
|
|
70768
|
-
}
|
|
70769
|
-
|
|
70770
|
-
/**
|
|
70771
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
70772
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
70773
|
-
* not inadvertently re-enabled.
|
|
70774
|
-
* @private
|
|
70775
|
-
*/
|
|
70776
|
-
_clearPageInert() {
|
|
70777
|
-
if (this._inertSiblings) {
|
|
70778
|
-
for (const entry of this._inertSiblings) {
|
|
70779
|
-
entry.element.inert = entry.wasInert;
|
|
70780
|
-
}
|
|
70781
|
-
this._inertSiblings = undefined;
|
|
68745
|
+
if (this.focusTrap) {
|
|
68746
|
+
this.focusTrap.disconnect();
|
|
68747
|
+
this.focusTrap = undefined;
|
|
70782
68748
|
}
|
|
70783
68749
|
}
|
|
70784
68750
|
|
|
@@ -71017,7 +68983,6 @@ class AuroDropdown extends AuroElement {
|
|
|
71017
68983
|
shape="${this.shape}"
|
|
71018
68984
|
?data-show="${this.isPopoverVisible}"
|
|
71019
68985
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71020
|
-
?desktopmodal="${this.desktopModal}"
|
|
71021
68986
|
.dialogLabel="${this.bibDialogLabel}"
|
|
71022
68987
|
${n$6(this.bibElement)}
|
|
71023
68988
|
>
|
|
@@ -71385,14 +69350,6 @@ class AuroBibtemplate extends i$3 {
|
|
|
71385
69350
|
large: {
|
|
71386
69351
|
type: Boolean,
|
|
71387
69352
|
reflect: true
|
|
71388
|
-
},
|
|
71389
|
-
|
|
71390
|
-
/**
|
|
71391
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
71392
|
-
*/
|
|
71393
|
-
showFooter: {
|
|
71394
|
-
type: Boolean,
|
|
71395
|
-
reflect: true
|
|
71396
69353
|
}
|
|
71397
69354
|
};
|
|
71398
69355
|
}
|
|
@@ -71495,7 +69452,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
71495
69452
|
<slot></slot>
|
|
71496
69453
|
</div>
|
|
71497
69454
|
|
|
71498
|
-
${this.isFullscreen
|
|
69455
|
+
${this.isFullscreen ? u$d`
|
|
71499
69456
|
<div id="footerContainer">
|
|
71500
69457
|
<slot name="footer"></slot>
|
|
71501
69458
|
</div>` : null}
|
|
@@ -71732,7 +69689,7 @@ class AuroHelpText extends i$3 {
|
|
|
71732
69689
|
}
|
|
71733
69690
|
}
|
|
71734
69691
|
|
|
71735
|
-
var formkitVersion = '
|
|
69692
|
+
var formkitVersion = '202605201634';
|
|
71736
69693
|
|
|
71737
69694
|
var styleCss = i$5`.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}`;
|
|
71738
69695
|
|