@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.5 → 0.0.0-pr1477.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -7
- package/components/bibtemplate/dist/index.js +1 -9
- package/components/bibtemplate/dist/registered.js +1 -9
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +18 -234
- package/components/combobox/demo/getting-started.min.js +18 -234
- package/components/combobox/demo/index.min.js +18 -234
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/dist/index.js +18 -234
- package/components/combobox/dist/registered.js +18 -234
- package/components/counter/demo/customize.min.js +15 -231
- package/components/counter/demo/index.min.js +15 -231
- package/components/counter/demo/keyboard-behavior.md +0 -1
- package/components/counter/dist/index.js +2 -10
- package/components/counter/dist/registered.js +2 -10
- package/components/datepicker/demo/accessibility.md +3 -51
- package/components/datepicker/demo/api.md +0 -9
- package/components/datepicker/demo/customize.html +0 -2
- package/components/datepicker/demo/customize.md +8 -72
- package/components/datepicker/demo/design.md +1 -3
- package/components/datepicker/demo/index.js +1 -5
- package/components/datepicker/demo/index.md +2 -82
- package/components/datepicker/demo/index.min.js +94 -1338
- package/components/datepicker/demo/keyboard-behavior.md +2 -201
- package/components/datepicker/demo/voiceover.md +12 -19
- package/components/datepicker/dist/index.js +112 -1280
- package/components/datepicker/dist/registered.js +112 -1280
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +1 -64
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +0 -28
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -84
- package/components/datepicker/dist/src/auro-datepicker.d.ts +0 -80
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +3 -5
- package/components/dropdown/demo/accessibility.md +0 -11
- package/components/dropdown/demo/api.md +0 -1
- package/components/dropdown/demo/customize.md +0 -3
- package/components/dropdown/demo/customize.min.js +13 -221
- package/components/dropdown/demo/getting-started.min.js +13 -221
- package/components/dropdown/demo/index.min.js +13 -221
- package/components/dropdown/demo/keyboard-behavior.md +0 -1
- package/components/dropdown/dist/auro-dropdown.d.ts +1 -31
- package/components/dropdown/dist/index.js +13 -221
- package/components/dropdown/dist/registered.js +13 -221
- package/components/form/demo/customize.min.js +163 -1977
- package/components/form/demo/getting-started.min.js +163 -1977
- package/components/form/demo/index.min.js +163 -1977
- package/components/form/demo/registerDemoDeps.min.js +163 -1977
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +33 -247
- package/components/select/demo/getting-started.min.js +33 -247
- package/components/select/demo/index.min.js +33 -247
- package/components/select/demo/keyboard-behavior.md +54 -9
- package/components/select/dist/index.js +33 -247
- package/components/select/dist/registered.js +33 -247
- package/custom-elements.json +5 -677
- package/package.json +2 -2
- package/components/datepicker/demo/customize.js +0 -19
- package/components/datepicker/demo/customize.min.js +0 -25805
- package/components/radio/demo/customize.min.js +0 -2186
- package/components/radio/demo/demo-support.min.js +0 -55807
- package/components/radio/demo/getting-started.min.js +0 -2205
|
@@ -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 = '202605192014';
|
|
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,20 +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.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.
|
|
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],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",m$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),u$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var O=Math.max,A$3$1=Math.min,k$6$1=Math.round;function z$6$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function E(){return !/^((?!chrome|android).)*safari/i.test(z$6$1())}function M$6$1(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&k$6$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!E()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function T$3$1(e){var t=M$6$1(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function H$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function C$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||C$3$1(e)}function N$3$1(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function j(e){for(var t=y$6$1(e),i=N$3$1(e);i&&H$3$1(i)&&"static"===L(i).position;)i=N$3$1(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6$1());if(/Trident/i.test(z$6$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=R$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function D(e,t,i){return O(e,A$3$1(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function F(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var U$3$1={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),m=[a,n$1$1].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$3$1))}(l.padding,i),g=T$3$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=j(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,A=u[v],k=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(A,z,k),M=h;i.modifiersData[s]=((t={})[M]=E,t.centerOffset=E-z,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3$1(e){return e.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,m=e.adaptive,u=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof u?u({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),O=p.hasOwnProperty("y"),A=a,z=r$1$1,E=window;if(m){var M=j(i),T="clientHeight",B="clientWidth";if(M===y$6$1(i)&&"static"!==L(M=C$3$1(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)z=o,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)A=n$1$1,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),N=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6$1(i*r)/r||0,y:k$6$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=N.x,x=N.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[A]=_?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",H)):Object.assign({},R,((t={})[z]=O?x+"px":"",t[A]=_?w+"px":"",t.transform="",t))}var V={passive:true};var G={left:"right",right:"left",bottom:"top",top:"bottom"};function $(e){return e.replace(/left|right|bottom|top/g,function(e){return G[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$6$1(C$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(R$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=C$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=E();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=M$6$1(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=C$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=O(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=O(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=O(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(C$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?j(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=O(r.top,t.top),t.right=A$3$1(r.right,t.right),t.bottom=A$3$1(r.bottom,t.bottom),t.left=O(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?q$3$1(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$6$1:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3$1:t[u]=t[u]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,m=void 0===d?"clippingParents":d,u=i.rootBoundary,g=void 0===u?f$6$1:u,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$3$1)),A=y===h$3$1?"reference":h$3$1,k=e.rects.popper,z=e.elements[x?A:y],E=re(w$6$1(z)?z:z.contextElement||C$3$1(e.elements.popper),m,g,p),T=M$6$1(e.elements.reference),B=oe({reference:T,element:k,placement:a}),L=ie(Object.assign({},k,B)),H=y===h$3$1?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},N=e.modifiersData.offset;if(y===h$3$1&&N){var j=N[a];Object.keys(R).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";R[e]+=j[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$6$1:l,d=q$3$1(s),f=d?a?m$6$1:m$6$1.filter(function(e){return q$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,u=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,O=_$4$1(S),A=m||(O===S||!b?[$(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(A).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:x}):i)},[]),z=t.rects.reference,E=t.rects.popper,M=new Map,T=true,B=k[0],L=0;L<k.length;L++){var H=k[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,N=[r$1$1,o].indexOf(C)>=0,j=N?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=N?R?n$1$1:a:R?o:r$1$1;z[j]>E[j]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=k.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,m=i.rootBoundary,u=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:m,padding:g,altBoundary:u}),S=_$4$1(t.placement),k=q$3$1(t.placement),z=!k,E=P(S),M="x"===E?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,H=t.rects.popper,C="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,R="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),N=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var F,U="y"===E?r$1$1:a,W="y"===E?o:n$1$1,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=k===p$6$1?L[X]:H[X],J=k===p$6$1?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[U],ie=ee[W],se=D(0,L[X],Z[X]),re=z?L[X]/2-K-se-te-R.mainAxis:Y-se-te-R.mainAxis,oe=z?-L[X]/2+K+se+ie+R.mainAxis:J+se+ie+R.mainAxis,ae=t.elements.arrow&&j(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==N?void 0:N[E])?F:0,pe=V+oe-ce,de=D(y?A$3$1(G,V+re-ce-le):G,V,y?O($,pe):$);B[E]=de,I[E]=de-V;}if(f){var fe,he="x"===E?r$1$1:a,me="x"===E?o:n$1$1,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==N?void 0:N[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6$1(t.width)/e.offsetWidth||1,s=k$6$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3$1(t),l=M$6$1(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=M$6$1(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function me(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?ue:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ue,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,j(i),"fixed"===a.options.strategy),popper:T$3$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),a&&l.addEventListener("resize",i.update,V),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),a&&l.removeEventListener("resize",i.update,V);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:q$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,de,le,fe,U$3$1,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$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._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.
|
|
15322
|
-
<div id="popover" class="popover util_insetLg body-default" part="popover"
|
|
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">
|
|
15323
15323
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
15324
|
-
<slot></slot>
|
|
15324
|
+
<span role="tooltip"><slot></slot></span>
|
|
15325
15325
|
</div>
|
|
15326
15326
|
|
|
15327
|
-
<span
|
|
15327
|
+
<span>
|
|
15328
15328
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
15329
15329
|
</span>
|
|
15330
15330
|
`}}
|
|
@@ -15352,8 +15352,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
15352
15352
|
this._locale = null;
|
|
15353
15353
|
this.dateStr = null;
|
|
15354
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.
|
|
15355
|
-
this.active = false;
|
|
15356
|
-
this.hasPopoverContent = false;
|
|
15357
15355
|
|
|
15358
15356
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
15359
15357
|
|
|
@@ -15387,12 +15385,7 @@ class AuroCalendarCell extends i$3 {
|
|
|
15387
15385
|
isCurrentDate: { type: Boolean },
|
|
15388
15386
|
locale: { type: Object },
|
|
15389
15387
|
dateStr: { type: String },
|
|
15390
|
-
renderForDateSlot: { type: Boolean }
|
|
15391
|
-
active: {
|
|
15392
|
-
type: Boolean,
|
|
15393
|
-
reflect: true
|
|
15394
|
-
},
|
|
15395
|
-
hasPopoverContent: { type: Boolean }
|
|
15388
|
+
renderForDateSlot: { type: Boolean }
|
|
15396
15389
|
};
|
|
15397
15390
|
}
|
|
15398
15391
|
|
|
@@ -15451,18 +15444,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15451
15444
|
* @returns {void}
|
|
15452
15445
|
*/
|
|
15453
15446
|
handleTap() {
|
|
15454
|
-
if (!this.disabled
|
|
15447
|
+
if (!this.disabled) {
|
|
15455
15448
|
this.datepicker.handleCellClick(this.day.date);
|
|
15456
15449
|
}
|
|
15457
|
-
|
|
15458
|
-
// Set this cell as the active cell regardless of blackout status
|
|
15459
|
-
if (this.day) {
|
|
15460
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
15461
|
-
bubbles: true,
|
|
15462
|
-
composed: true,
|
|
15463
|
-
detail: { date: this.day.date }
|
|
15464
|
-
}));
|
|
15465
|
-
}
|
|
15466
15450
|
}
|
|
15467
15451
|
|
|
15468
15452
|
/**
|
|
@@ -15471,7 +15455,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
15471
15455
|
* @returns {void}
|
|
15472
15456
|
*/
|
|
15473
15457
|
handleHover() {
|
|
15474
|
-
if (this.hovered) return;
|
|
15475
15458
|
this.hovered = true;
|
|
15476
15459
|
|
|
15477
15460
|
let _a;
|
|
@@ -15481,61 +15464,7 @@ class AuroCalendarCell extends i$3 {
|
|
|
15481
15464
|
}
|
|
15482
15465
|
|
|
15483
15466
|
/**
|
|
15484
|
-
* Checks if the current date is
|
|
15485
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
15486
|
-
* @private
|
|
15487
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15488
|
-
* @param {Number} min - The minimum date value.
|
|
15489
|
-
* @param {Number} max - The maximum date value.
|
|
15490
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
15491
|
-
*/
|
|
15492
|
-
isOutOfRange(day, min, max) {
|
|
15493
|
-
if (day && day.date != null) {
|
|
15494
|
-
return day.date < min || day.date > max;
|
|
15495
|
-
}
|
|
15496
|
-
return false;
|
|
15497
|
-
}
|
|
15498
|
-
|
|
15499
|
-
/**
|
|
15500
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
15501
|
-
* Blackout cells are focusable but not selectable.
|
|
15502
|
-
* @private
|
|
15503
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
15504
|
-
*/
|
|
15505
|
-
isBlackout() {
|
|
15506
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
15507
|
-
return false;
|
|
15508
|
-
}
|
|
15509
|
-
|
|
15510
|
-
// Check against disabledDays timestamps (legacy path)
|
|
15511
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
15512
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
15513
|
-
return true;
|
|
15514
|
-
}
|
|
15515
|
-
}
|
|
15516
|
-
|
|
15517
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
15518
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
15519
|
-
|
|
15520
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
15521
|
-
const date = new Date(this.day.date * 1000);
|
|
15522
|
-
const yyyy = date.getFullYear();
|
|
15523
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
15524
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
15525
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
15526
|
-
if (blackoutDates.includes(cellDate)) {
|
|
15527
|
-
return true;
|
|
15528
|
-
}
|
|
15529
|
-
}
|
|
15530
|
-
|
|
15531
|
-
return false;
|
|
15532
|
-
}
|
|
15533
|
-
|
|
15534
|
-
/**
|
|
15535
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
15536
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
15537
|
-
* host when the date falls outside the allowed range or appears in
|
|
15538
|
-
* 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.
|
|
15539
15468
|
* @private
|
|
15540
15469
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15541
15470
|
* @param {Number} min - The minimum date value.
|
|
@@ -15555,91 +15484,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
15555
15484
|
return false;
|
|
15556
15485
|
}
|
|
15557
15486
|
|
|
15558
|
-
/**
|
|
15559
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
15560
|
-
* @private
|
|
15561
|
-
* @returns {String} The unique cell ID.
|
|
15562
|
-
*/
|
|
15563
|
-
getCellId() {
|
|
15564
|
-
if (!this.day || !this.day.date) return '';
|
|
15565
|
-
const date = new Date(this.day.date * 1000);
|
|
15566
|
-
const year = date.getFullYear();
|
|
15567
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
15568
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
15569
|
-
return `cell-${year}-${month}-${day}`;
|
|
15570
|
-
}
|
|
15571
|
-
|
|
15572
|
-
/**
|
|
15573
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
15574
|
-
* Includes range position and blackout status.
|
|
15575
|
-
* @private
|
|
15576
|
-
* @returns {String} The aria-label string.
|
|
15577
|
-
*/
|
|
15578
|
-
getAriaLabel() {
|
|
15579
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
15580
|
-
|
|
15581
|
-
const date = new Date(this.day.date * 1000);
|
|
15582
|
-
|
|
15583
|
-
// Generate localized full date string using the configured locale
|
|
15584
|
-
const localeCode = this.locale?.code || undefined;
|
|
15585
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
15586
|
-
weekday: 'long',
|
|
15587
|
-
year: 'numeric',
|
|
15588
|
-
month: 'long',
|
|
15589
|
-
day: 'numeric'
|
|
15590
|
-
});
|
|
15591
|
-
|
|
15592
|
-
let label = dateFormatter.format(date);
|
|
15593
|
-
|
|
15594
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
15595
|
-
if (this.hasPopoverContent) {
|
|
15596
|
-
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
15597
|
-
}
|
|
15598
|
-
|
|
15599
|
-
// Append range position if in range mode
|
|
15600
|
-
const rangePosition = this.getRangePosition();
|
|
15601
|
-
if (rangePosition) {
|
|
15602
|
-
label += `, ${rangePosition}`;
|
|
15603
|
-
}
|
|
15604
|
-
|
|
15605
|
-
// Append blackout label for blackout cells
|
|
15606
|
-
if (this.isBlackout()) {
|
|
15607
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
15608
|
-
}
|
|
15609
|
-
|
|
15610
|
-
return label;
|
|
15611
|
-
}
|
|
15612
|
-
|
|
15613
|
-
/**
|
|
15614
|
-
* Determines the range position of this cell relative to the current selection.
|
|
15615
|
-
* @private
|
|
15616
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
15617
|
-
*/
|
|
15618
|
-
getRangePosition() {
|
|
15619
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
15620
|
-
|
|
15621
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
15622
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
15623
|
-
|
|
15624
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
15625
|
-
const dayDate = this.day.date;
|
|
15626
|
-
|
|
15627
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
15628
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
15629
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
15630
|
-
|
|
15631
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
15632
|
-
|
|
15633
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
15634
|
-
|
|
15635
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
15636
|
-
|
|
15637
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
15638
|
-
|
|
15639
|
-
// After start date, no end date yet, or after end date
|
|
15640
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
15641
|
-
}
|
|
15642
|
-
|
|
15643
15487
|
/**
|
|
15644
15488
|
* Checks if the current date is the depart date.
|
|
15645
15489
|
* @private
|
|
@@ -15801,9 +15645,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15801
15645
|
|
|
15802
15646
|
if (popoverSlotContent) {
|
|
15803
15647
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
15804
|
-
this.
|
|
15648
|
+
this.auroPopover.removeAttribute('disabled');
|
|
15805
15649
|
} else {
|
|
15806
|
-
this.
|
|
15650
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
15807
15651
|
}
|
|
15808
15652
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
15809
15653
|
// Error handling goes here
|
|
@@ -15823,23 +15667,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15823
15667
|
this.handleSlotContent();
|
|
15824
15668
|
});
|
|
15825
15669
|
|
|
15826
|
-
this.calendarMonth = calendarMonth;
|
|
15827
|
-
this.configurePopover();
|
|
15828
|
-
}
|
|
15829
|
-
|
|
15830
|
-
/**
|
|
15831
|
-
* Configures the popover instance with the calendar month boundary.
|
|
15832
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
15833
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
15834
|
-
* @private
|
|
15835
|
-
* @returns {void}
|
|
15836
|
-
*/
|
|
15837
|
-
configurePopover() {
|
|
15838
15670
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
15839
15671
|
|
|
15840
|
-
|
|
15841
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
15842
|
-
}
|
|
15672
|
+
this.auroPopover.boundary = calendarMonth;
|
|
15843
15673
|
}
|
|
15844
15674
|
|
|
15845
15675
|
updated(properties) {
|
|
@@ -15847,88 +15677,46 @@ class AuroCalendarCell extends i$3 {
|
|
|
15847
15677
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
15848
15678
|
}
|
|
15849
15679
|
|
|
15850
|
-
|
|
15851
|
-
|
|
15852
|
-
this.handleSlotContent();
|
|
15853
|
-
}
|
|
15854
|
-
|
|
15855
|
-
// Configure popover when it first becomes rendered
|
|
15856
|
-
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
15857
|
-
this.updateComplete.then(() => this.configurePopover());
|
|
15858
|
-
}
|
|
15680
|
+
this.setDateSlotName();
|
|
15681
|
+
this.handleSlotContent();
|
|
15859
15682
|
}
|
|
15860
15683
|
|
|
15861
|
-
|
|
15862
|
-
* Programmatically focuses the cell's interactive button element.
|
|
15863
|
-
* @returns {void}
|
|
15864
|
-
*/
|
|
15865
|
-
focusButton() {
|
|
15866
|
-
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
15867
|
-
if (button) {
|
|
15868
|
-
button.focus();
|
|
15869
|
-
}
|
|
15870
|
-
}
|
|
15871
|
-
|
|
15872
|
-
renderCellButton() {
|
|
15873
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
15874
|
-
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
15875
|
-
const blackout = this.isBlackout();
|
|
15876
|
-
|
|
15684
|
+
render() {
|
|
15877
15685
|
const buttonClasses = {
|
|
15878
15686
|
'day': true,
|
|
15879
15687
|
'body-lg': true,
|
|
15880
|
-
'currentDate': this.
|
|
15688
|
+
'currentDate': this.currentDate,
|
|
15881
15689
|
'selected': this.selected,
|
|
15882
|
-
'inRange': this.
|
|
15690
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15883
15691
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
15884
|
-
'disabled':
|
|
15885
|
-
'
|
|
15886
|
-
'
|
|
15887
|
-
'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),
|
|
15888
15695
|
'reference': this.isReferenceDate(this.dateStr),
|
|
15889
|
-
'sameDateTrip': this.
|
|
15696
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
15890
15697
|
};
|
|
15891
15698
|
|
|
15699
|
+
let _a, _b;
|
|
15892
15700
|
return u$d`
|
|
15893
|
-
|
|
15894
|
-
slot="
|
|
15895
|
-
|
|
15896
|
-
|
|
15897
|
-
|
|
15898
|
-
|
|
15899
|
-
|
|
15900
|
-
|
|
15901
|
-
|
|
15902
|
-
|
|
15903
|
-
|
|
15904
|
-
|
|
15905
|
-
|
|
15906
|
-
|
|
15907
|
-
|
|
15908
|
-
|
|
15909
|
-
|
|
15910
|
-
</
|
|
15911
|
-
|
|
15912
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
15913
|
-
</div>
|
|
15914
|
-
</button>
|
|
15915
|
-
`;
|
|
15916
|
-
}
|
|
15917
|
-
|
|
15918
|
-
render() {
|
|
15919
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
15920
|
-
|
|
15921
|
-
if (hasPopoverContent) {
|
|
15922
|
-
return u$d`
|
|
15923
|
-
<${this.popoverTag}>
|
|
15924
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
15925
|
-
${this.renderCellButton()}
|
|
15926
|
-
</${this.popoverTag}>
|
|
15927
|
-
`;
|
|
15928
|
-
}
|
|
15929
|
-
|
|
15930
|
-
return u$d`
|
|
15931
|
-
${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}>
|
|
15932
15720
|
`;
|
|
15933
15721
|
}
|
|
15934
15722
|
}
|
|
@@ -15996,28 +15784,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15996
15784
|
return this.monthNames[month - 1];
|
|
15997
15785
|
}
|
|
15998
15786
|
|
|
15999
|
-
/**
|
|
16000
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16001
|
-
* @private
|
|
16002
|
-
* @returns {String} The heading ID.
|
|
16003
|
-
*/
|
|
16004
|
-
getHeadingId() {
|
|
16005
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
16006
|
-
}
|
|
16007
|
-
|
|
16008
15787
|
/**
|
|
16009
15788
|
* Determines the current month name based on locale.
|
|
16010
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16011
15789
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16012
15790
|
* @private
|
|
16013
15791
|
* @returns {void}
|
|
16014
15792
|
*/
|
|
16015
15793
|
localeChanged() {
|
|
16016
15794
|
const dayNamesOfTheWeek = [];
|
|
16017
|
-
const dayFullNames = [];
|
|
16018
15795
|
for (let int = 0; int < 7; int += 1) {
|
|
16019
15796
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16020
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16021
15797
|
}
|
|
16022
15798
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16023
15799
|
? this.locale.options.weekStartsOn
|
|
@@ -16028,125 +15804,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16028
15804
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16029
15805
|
.concat(tmp);
|
|
16030
15806
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16031
|
-
|
|
16032
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16033
|
-
const newDayFullNames = dayFullNames
|
|
16034
|
-
.slice()
|
|
16035
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16036
|
-
.concat(tmpFull);
|
|
16037
|
-
this.dayFullNames = newDayFullNames;
|
|
16038
|
-
}
|
|
16039
|
-
|
|
16040
|
-
/**
|
|
16041
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16042
|
-
* @private
|
|
16043
|
-
* @param {String} dayOfWeek - The short day name.
|
|
16044
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16045
|
-
* @returns {Object} The header HTML.
|
|
16046
|
-
*/
|
|
16047
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
16048
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16049
|
-
return b$8`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16050
|
-
}
|
|
16051
|
-
|
|
16052
|
-
/**
|
|
16053
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16054
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16055
|
-
*/
|
|
16056
|
-
getFocusableCells() {
|
|
16057
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16058
|
-
return cells.filter(cell => {
|
|
16059
|
-
if (!cell.day) return false;
|
|
16060
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16061
|
-
});
|
|
16062
|
-
}
|
|
16063
|
-
|
|
16064
|
-
/**
|
|
16065
|
-
* Handles arrow key navigation within the month grid.
|
|
16066
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16067
|
-
* @private
|
|
16068
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
16069
|
-
* @returns {void}
|
|
16070
|
-
*/
|
|
16071
|
-
handleGridKeyDown(event) {
|
|
16072
|
-
const { key } = event;
|
|
16073
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16074
|
-
|
|
16075
|
-
if (!arrowKeys.includes(key)) return;
|
|
16076
|
-
|
|
16077
|
-
event.preventDefault();
|
|
16078
|
-
|
|
16079
|
-
const focusableCells = this.getFocusableCells();
|
|
16080
|
-
if (focusableCells.length === 0) return;
|
|
16081
|
-
|
|
16082
|
-
// Find the currently active cell within this month
|
|
16083
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
16084
|
-
if (!activeCell) return;
|
|
16085
|
-
|
|
16086
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16087
|
-
let targetCell = null;
|
|
16088
|
-
|
|
16089
|
-
if (key === 'ArrowRight') {
|
|
16090
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
16091
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
16092
|
-
} else {
|
|
16093
|
-
// At end of month, request cross-month navigation
|
|
16094
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16095
|
-
bubbles: true,
|
|
16096
|
-
composed: true,
|
|
16097
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16098
|
-
}));
|
|
16099
|
-
return;
|
|
16100
|
-
}
|
|
16101
|
-
} else if (key === 'ArrowLeft') {
|
|
16102
|
-
if (activeIndex > 0) {
|
|
16103
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
16104
|
-
} else {
|
|
16105
|
-
// At start of month, request cross-month navigation
|
|
16106
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16107
|
-
bubbles: true,
|
|
16108
|
-
composed: true,
|
|
16109
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16110
|
-
}));
|
|
16111
|
-
return;
|
|
16112
|
-
}
|
|
16113
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16114
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
16115
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16116
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16117
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16118
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
16119
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
16120
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16121
|
-
|
|
16122
|
-
// Look for the target date in this month's focusable cells
|
|
16123
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16124
|
-
|
|
16125
|
-
if (!targetCell) {
|
|
16126
|
-
// Target is in another month or all cells in that direction are disabled
|
|
16127
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16128
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16129
|
-
bubbles: true,
|
|
16130
|
-
composed: true,
|
|
16131
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16132
|
-
}));
|
|
16133
|
-
return;
|
|
16134
|
-
}
|
|
16135
|
-
}
|
|
16136
|
-
|
|
16137
|
-
if (targetCell) {
|
|
16138
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16139
|
-
bubbles: true,
|
|
16140
|
-
composed: true,
|
|
16141
|
-
detail: { date: targetCell.day.date }
|
|
16142
|
-
}));
|
|
16143
|
-
}
|
|
16144
|
-
}
|
|
16145
|
-
|
|
16146
|
-
renderWeek(week) {
|
|
16147
|
-
return b$8`
|
|
16148
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16149
|
-
`;
|
|
16150
15807
|
}
|
|
16151
15808
|
|
|
16152
15809
|
renderDay(day) {
|
|
@@ -16170,7 +15827,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16170
15827
|
>
|
|
16171
15828
|
</auro-formkit-calendar-cell>
|
|
16172
15829
|
`
|
|
16173
|
-
:
|
|
15830
|
+
: null}
|
|
16174
15831
|
</div>
|
|
16175
15832
|
`;
|
|
16176
15833
|
}
|
|
@@ -16181,10 +15838,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16181
15838
|
var _a, _b;
|
|
16182
15839
|
|
|
16183
15840
|
return b$8 `
|
|
16184
|
-
<div
|
|
15841
|
+
<div>
|
|
16185
15842
|
<div class="header">
|
|
16186
15843
|
${this.renderPrevButton()}
|
|
16187
|
-
<div class="headerTitle heading-xs"
|
|
15844
|
+
<div class="headerTitle heading-xs">
|
|
16188
15845
|
${this.monthFirst ? b$8`
|
|
16189
15846
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16190
15847
|
<div>${this.renderYear()}</div>
|
|
@@ -16196,13 +15853,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16196
15853
|
${this.renderNextButton()}
|
|
16197
15854
|
</div>
|
|
16198
15855
|
|
|
16199
|
-
<div class="table"
|
|
16200
|
-
<div class="thead"
|
|
16201
|
-
<div class="tr"
|
|
16202
|
-
${(_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))}
|
|
16203
15860
|
</div>
|
|
16204
15861
|
</div>
|
|
16205
|
-
<div class="tbody"
|
|
15862
|
+
<div class="tbody">
|
|
16206
15863
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16207
15864
|
</div>
|
|
16208
15865
|
</div>
|
|
@@ -16895,14 +16552,6 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16895
16552
|
large: {
|
|
16896
16553
|
type: Boolean,
|
|
16897
16554
|
reflect: true
|
|
16898
|
-
},
|
|
16899
|
-
|
|
16900
|
-
/**
|
|
16901
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
16902
|
-
*/
|
|
16903
|
-
showFooter: {
|
|
16904
|
-
type: Boolean,
|
|
16905
|
-
reflect: true
|
|
16906
16555
|
}
|
|
16907
16556
|
};
|
|
16908
16557
|
}
|
|
@@ -17005,7 +16654,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
17005
16654
|
<slot></slot>
|
|
17006
16655
|
</div>
|
|
17007
16656
|
|
|
17008
|
-
${this.isFullscreen
|
|
16657
|
+
${this.isFullscreen ? u$d`
|
|
17009
16658
|
<div id="footerContainer">
|
|
17010
16659
|
<slot name="footer"></slot>
|
|
17011
16660
|
</div>` : null}
|
|
@@ -17014,7 +16663,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
17014
16663
|
}
|
|
17015
16664
|
};
|
|
17016
16665
|
|
|
17017
|
-
var formkitVersion$2$1 = '
|
|
16666
|
+
var formkitVersion$2$1 = '202605192014';
|
|
17018
16667
|
|
|
17019
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}
|
|
17020
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}}
|
|
@@ -17112,13 +16761,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17112
16761
|
this.largeFullscreenHeadline = false;
|
|
17113
16762
|
this.isFullscreen = false;
|
|
17114
16763
|
|
|
17115
|
-
/**
|
|
17116
|
-
* The date of the currently active cell (Unix timestamp).
|
|
17117
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17118
|
-
* @private
|
|
17119
|
-
*/
|
|
17120
|
-
this.activeCellDate = null;
|
|
17121
|
-
|
|
17122
16764
|
/**
|
|
17123
16765
|
* @private
|
|
17124
16766
|
*/
|
|
@@ -17284,7 +16926,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17284
16926
|
*/
|
|
17285
16927
|
handlePrevMonth() {
|
|
17286
16928
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
17287
|
-
this.announceMonthChange();
|
|
17288
16929
|
}
|
|
17289
16930
|
|
|
17290
16931
|
/**
|
|
@@ -17294,19 +16935,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17294
16935
|
*/
|
|
17295
16936
|
handleNextMonth() {
|
|
17296
16937
|
this.utilCal.handleMonthChange(this, 'next');
|
|
17297
|
-
this.announceMonthChange();
|
|
17298
|
-
}
|
|
17299
|
-
|
|
17300
|
-
/**
|
|
17301
|
-
* Announces the current month and year via the live region after navigation.
|
|
17302
|
-
* @private
|
|
17303
|
-
* @returns {void}
|
|
17304
|
-
*/
|
|
17305
|
-
announceMonthChange() {
|
|
17306
|
-
const date = new Date(this.centralDate);
|
|
17307
|
-
const localeCode = this.locale?.code || undefined;
|
|
17308
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
17309
|
-
this.announceSelection(formatter.format(date));
|
|
17310
16938
|
}
|
|
17311
16939
|
|
|
17312
16940
|
/**
|
|
@@ -17414,339 +17042,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17414
17042
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17415
17043
|
}
|
|
17416
17044
|
|
|
17417
|
-
/**
|
|
17418
|
-
* Gets all rendered month components.
|
|
17419
|
-
* @private
|
|
17420
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
17421
|
-
*/
|
|
17422
|
-
getMonthComponents() {
|
|
17423
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
17424
|
-
}
|
|
17425
|
-
|
|
17426
|
-
/**
|
|
17427
|
-
* Gets all focusable cells across all rendered months.
|
|
17428
|
-
* @private
|
|
17429
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
17430
|
-
*/
|
|
17431
|
-
getAllFocusableCells() {
|
|
17432
|
-
const months = this.getMonthComponents();
|
|
17433
|
-
let cells = [];
|
|
17434
|
-
months.forEach(month => {
|
|
17435
|
-
cells = cells.concat(month.getFocusableCells());
|
|
17436
|
-
});
|
|
17437
|
-
return cells;
|
|
17438
|
-
}
|
|
17439
|
-
|
|
17440
|
-
/**
|
|
17441
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
17442
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
17443
|
-
* @returns {void}
|
|
17444
|
-
*/
|
|
17445
|
-
setActiveCell(date) {
|
|
17446
|
-
const allCells = this.getAllFocusableCells();
|
|
17447
|
-
|
|
17448
|
-
allCells.forEach(cell => {
|
|
17449
|
-
cell.active = cell.day && cell.day.date === date;
|
|
17450
|
-
});
|
|
17451
|
-
|
|
17452
|
-
this.activeCellDate = date;
|
|
17453
|
-
}
|
|
17454
|
-
|
|
17455
|
-
/**
|
|
17456
|
-
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
17457
|
-
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
17458
|
-
* to complete so the focused button is the final DOM element.
|
|
17459
|
-
* @returns {void}
|
|
17460
|
-
*/
|
|
17461
|
-
focusActiveCell() {
|
|
17462
|
-
if (this.activeCellDate != null) {
|
|
17463
|
-
this.setActiveCell(this.activeCellDate);
|
|
17464
|
-
}
|
|
17465
|
-
|
|
17466
|
-
const allCells = this.getAllFocusableCells();
|
|
17467
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
17468
|
-
if (activeCell) {
|
|
17469
|
-
activeCell.updateComplete.then(() => {
|
|
17470
|
-
activeCell.focusButton();
|
|
17471
|
-
});
|
|
17472
|
-
}
|
|
17473
|
-
}
|
|
17474
|
-
|
|
17475
|
-
/**
|
|
17476
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
17477
|
-
* Priority:
|
|
17478
|
-
* 1. Selected date (dateFrom) if within range
|
|
17479
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
17480
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
17481
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
17482
|
-
* 5. undefined — no valid target
|
|
17483
|
-
*
|
|
17484
|
-
* @private
|
|
17485
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
17486
|
-
*/
|
|
17487
|
-
computeActiveDate() {
|
|
17488
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
17489
|
-
|
|
17490
|
-
/**
|
|
17491
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
17492
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
17493
|
-
*/
|
|
17494
|
-
const addDays = (ts, days) => {
|
|
17495
|
-
const d = new Date(ts * 1000);
|
|
17496
|
-
d.setDate(d.getDate() + days);
|
|
17497
|
-
d.setHours(0, 0, 0, 0);
|
|
17498
|
-
return Math.floor(d.getTime() / 1000);
|
|
17499
|
-
};
|
|
17500
|
-
|
|
17501
|
-
const rawMin = Number(this.min);
|
|
17502
|
-
const rawMax = Number(this.max);
|
|
17503
|
-
|
|
17504
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
17505
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
17506
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
17507
|
-
|
|
17508
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
17509
|
-
const blackoutSet = new Set(
|
|
17510
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
17511
|
-
);
|
|
17512
|
-
|
|
17513
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
17514
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
17515
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
17516
|
-
if (Array.isArray(isoBlackouts)) {
|
|
17517
|
-
for (const isoStr of isoBlackouts) {
|
|
17518
|
-
const parts = isoStr.split('-');
|
|
17519
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
17520
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
17521
|
-
}
|
|
17522
|
-
}
|
|
17523
|
-
|
|
17524
|
-
/**
|
|
17525
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
17526
|
-
* it is within [min, max] AND not a blackout day.
|
|
17527
|
-
*/
|
|
17528
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
17529
|
-
|
|
17530
|
-
/**
|
|
17531
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
17532
|
-
* Blackout dates are focusable but not selectable.
|
|
17533
|
-
*/
|
|
17534
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
17535
|
-
|
|
17536
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
17537
|
-
if (this.dateFrom) {
|
|
17538
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
17539
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
17540
|
-
}
|
|
17541
|
-
|
|
17542
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
17543
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
17544
|
-
|
|
17545
|
-
if (isEnabled(now)) return now;
|
|
17546
|
-
|
|
17547
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
17548
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17549
|
-
const ts = addDays(now, idx);
|
|
17550
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
17551
|
-
if (isEnabled(ts)) return ts;
|
|
17552
|
-
}
|
|
17553
|
-
|
|
17554
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
17555
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17556
|
-
const ts = addDays(now, -idx);
|
|
17557
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
17558
|
-
if (isEnabled(ts)) return ts;
|
|
17559
|
-
}
|
|
17560
|
-
|
|
17561
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
17562
|
-
// the first enabled date in the [min, max] range.
|
|
17563
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17564
|
-
let ts = minTs;
|
|
17565
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
17566
|
-
if (isEnabled(ts)) return ts;
|
|
17567
|
-
ts = addDays(minTs, idx + 1);
|
|
17568
|
-
}
|
|
17569
|
-
}
|
|
17570
|
-
|
|
17571
|
-
// 5b. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
17572
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
17573
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17574
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17575
|
-
const ts = addDays(maxTs, -idx);
|
|
17576
|
-
if (isEnabled(ts)) return ts;
|
|
17577
|
-
}
|
|
17578
|
-
}
|
|
17579
|
-
|
|
17580
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
17581
|
-
// still lands on a focusable (but not selectable) cell.
|
|
17582
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
17583
|
-
if (isInRange(now)) return now;
|
|
17584
|
-
|
|
17585
|
-
return undefined;
|
|
17586
|
-
}
|
|
17587
|
-
|
|
17588
|
-
/**
|
|
17589
|
-
* Handles cross-month boundary navigation events from month components.
|
|
17590
|
-
* @private
|
|
17591
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
17592
|
-
* @returns {void}
|
|
17593
|
-
*/
|
|
17594
|
-
handleMonthBoundary(event) {
|
|
17595
|
-
const { direction, fromDate, key } = event.detail;
|
|
17596
|
-
|
|
17597
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
17598
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
17599
|
-
const allCells = this.getAllFocusableCells();
|
|
17600
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
17601
|
-
|
|
17602
|
-
if (currentIndex === -1) return;
|
|
17603
|
-
|
|
17604
|
-
let targetIndex;
|
|
17605
|
-
if (direction === 'next') {
|
|
17606
|
-
targetIndex = currentIndex + 1;
|
|
17607
|
-
} else {
|
|
17608
|
-
targetIndex = currentIndex - 1;
|
|
17609
|
-
}
|
|
17610
|
-
|
|
17611
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
17612
|
-
const targetCell = allCells[targetIndex];
|
|
17613
|
-
this.setActiveCell(targetCell.day.date);
|
|
17614
|
-
this.scrollToActiveCell();
|
|
17615
|
-
this.focusActiveCell();
|
|
17616
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
17617
|
-
// Navigate to next month and try again
|
|
17618
|
-
this.handleNextMonth();
|
|
17619
|
-
requestAnimationFrame(() => {
|
|
17620
|
-
requestAnimationFrame(() => {
|
|
17621
|
-
const cells = this.getAllFocusableCells();
|
|
17622
|
-
if (cells.length > 0) {
|
|
17623
|
-
this.setActiveCell(cells[0].day.date);
|
|
17624
|
-
this.focusActiveCell();
|
|
17625
|
-
}
|
|
17626
|
-
});
|
|
17627
|
-
});
|
|
17628
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
17629
|
-
// Navigate to previous month and try again
|
|
17630
|
-
this.handlePrevMonth();
|
|
17631
|
-
requestAnimationFrame(() => {
|
|
17632
|
-
requestAnimationFrame(() => {
|
|
17633
|
-
const cells = this.getAllFocusableCells();
|
|
17634
|
-
if (cells.length > 0) {
|
|
17635
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
17636
|
-
this.focusActiveCell();
|
|
17637
|
-
}
|
|
17638
|
-
});
|
|
17639
|
-
});
|
|
17640
|
-
}
|
|
17641
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
17642
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
17643
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
17644
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
17645
|
-
const currentDate = new Date(fromDate * 1000);
|
|
17646
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
17647
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
17648
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
17649
|
-
|
|
17650
|
-
const allCells = this.getAllFocusableCells();
|
|
17651
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17652
|
-
|
|
17653
|
-
if (targetCell) {
|
|
17654
|
-
this.setActiveCell(targetCell.day.date);
|
|
17655
|
-
this.scrollToActiveCell();
|
|
17656
|
-
this.focusActiveCell();
|
|
17657
|
-
} else {
|
|
17658
|
-
// Target might be in an unrendered month, navigate there
|
|
17659
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
17660
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
17661
|
-
if (navDirection === 'next') {
|
|
17662
|
-
this.handleNextMonth();
|
|
17663
|
-
} else {
|
|
17664
|
-
this.handlePrevMonth();
|
|
17665
|
-
}
|
|
17666
|
-
requestAnimationFrame(() => {
|
|
17667
|
-
requestAnimationFrame(() => {
|
|
17668
|
-
const cells = this.getAllFocusableCells();
|
|
17669
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17670
|
-
if (target) {
|
|
17671
|
-
this.setActiveCell(target.day.date);
|
|
17672
|
-
this.focusActiveCell();
|
|
17673
|
-
} else if (cells.length > 0) {
|
|
17674
|
-
// Clamp to nearest focusable cell
|
|
17675
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
17676
|
-
this.setActiveCell(nearest.day.date);
|
|
17677
|
-
this.focusActiveCell();
|
|
17678
|
-
}
|
|
17679
|
-
});
|
|
17680
|
-
});
|
|
17681
|
-
}
|
|
17682
|
-
}
|
|
17683
|
-
}
|
|
17684
|
-
}
|
|
17685
|
-
|
|
17686
|
-
/**
|
|
17687
|
-
* Handles cell activation events from month components.
|
|
17688
|
-
* @private
|
|
17689
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
17690
|
-
* @returns {void}
|
|
17691
|
-
*/
|
|
17692
|
-
handleCellActivate(event) {
|
|
17693
|
-
const { date } = event.detail;
|
|
17694
|
-
this.setActiveCell(date);
|
|
17695
|
-
this.focusActiveCell();
|
|
17696
|
-
}
|
|
17697
|
-
|
|
17698
|
-
/**
|
|
17699
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
17700
|
-
* @private
|
|
17701
|
-
* @returns {void}
|
|
17702
|
-
*/
|
|
17703
|
-
scrollToActiveCell() {
|
|
17704
|
-
if (this.activeCellDate == null) return;
|
|
17705
|
-
|
|
17706
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
17707
|
-
const month = date.getMonth() + 1;
|
|
17708
|
-
const year = date.getFullYear();
|
|
17709
|
-
const selector = `#month-${month}-${year}`;
|
|
17710
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
17711
|
-
|
|
17712
|
-
if (monthElem) {
|
|
17713
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
17714
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
17715
|
-
}
|
|
17716
|
-
}
|
|
17717
|
-
|
|
17718
|
-
/**
|
|
17719
|
-
* Announces a date selection via the live region.
|
|
17720
|
-
* @private
|
|
17721
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
17722
|
-
* @returns {void}
|
|
17723
|
-
*/
|
|
17724
|
-
announceSelection(dateStr) {
|
|
17725
|
-
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
17726
|
-
if (liveRegion) {
|
|
17727
|
-
liveRegion.textContent = '';
|
|
17728
|
-
// Use microtask to ensure SR picks up the change
|
|
17729
|
-
Promise.resolve().then(() => {
|
|
17730
|
-
liveRegion.textContent = dateStr;
|
|
17731
|
-
});
|
|
17732
|
-
}
|
|
17733
|
-
}
|
|
17734
|
-
|
|
17735
|
-
/**
|
|
17736
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
17737
|
-
* @private
|
|
17738
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
17739
|
-
* @returns {String} Localized date string.
|
|
17740
|
-
*/
|
|
17741
|
-
formatAnnouncementDate(timestamp) {
|
|
17742
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
17743
|
-
const localeCode = this.locale?.code || undefined;
|
|
17744
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
17745
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
17746
|
-
});
|
|
17747
|
-
return formatter.format(date);
|
|
17748
|
-
}
|
|
17749
|
-
|
|
17750
17045
|
firstUpdated() {
|
|
17751
17046
|
this.addEventListener('date-from-changed', () => {
|
|
17752
17047
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17766,16 +17061,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17766
17061
|
composed: true,
|
|
17767
17062
|
}));
|
|
17768
17063
|
});
|
|
17769
|
-
|
|
17770
|
-
// Listen for cross-month boundary navigation events
|
|
17771
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
17772
|
-
this.handleMonthBoundary(event);
|
|
17773
|
-
});
|
|
17774
|
-
|
|
17775
|
-
// Listen for cell activation events
|
|
17776
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
17777
|
-
this.handleCellActivate(event);
|
|
17778
|
-
});
|
|
17779
17064
|
}
|
|
17780
17065
|
|
|
17781
17066
|
injectSlot(slotName, nodes) {
|
|
@@ -17800,37 +17085,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17800
17085
|
}
|
|
17801
17086
|
|
|
17802
17087
|
if (changedProperties.has('visible')) {
|
|
17803
|
-
|
|
17804
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
17805
|
-
if (this.activeCellDate == null) {
|
|
17806
|
-
this.activeCellDate = this.computeActiveDate();
|
|
17807
|
-
}
|
|
17808
|
-
|
|
17809
|
-
this.requestUpdate();
|
|
17810
|
-
} else {
|
|
17811
|
-
this.requestUpdate();
|
|
17812
|
-
}
|
|
17813
|
-
}
|
|
17814
|
-
|
|
17815
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
17816
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
17817
|
-
|
|
17818
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
17819
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
17820
|
-
const isRange = !this.noRange;
|
|
17821
|
-
|
|
17822
|
-
if (isRange) {
|
|
17823
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
17824
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17825
|
-
} else {
|
|
17826
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
17827
|
-
}
|
|
17828
|
-
}
|
|
17829
|
-
|
|
17830
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
17831
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
17832
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
17833
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17088
|
+
setTimeout(() => this.requestUpdate());
|
|
17834
17089
|
}
|
|
17835
17090
|
}
|
|
17836
17091
|
|
|
@@ -17839,7 +17094,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17839
17094
|
<${this.bibtemplateTag}
|
|
17840
17095
|
?large="${this.largeFullscreenHeadline}"
|
|
17841
17096
|
?isFullscreen="${this.isFullscreen}"
|
|
17842
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17843
17097
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17844
17098
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17845
17099
|
|
|
@@ -17857,26 +17111,24 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17857
17111
|
</div>
|
|
17858
17112
|
</div>
|
|
17859
17113
|
|
|
17860
|
-
<div class="calendarWrapper
|
|
17114
|
+
<div class="calendarWrapper">
|
|
17115
|
+
<div class="calendars">
|
|
17116
|
+
${this.renderAllCalendars()}
|
|
17117
|
+
</div>
|
|
17861
17118
|
<div class="calendarNavButtons">
|
|
17862
17119
|
${this.showPrevMonthBtn ? u$d`
|
|
17863
|
-
<button tabIndex="
|
|
17120
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
17864
17121
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17865
17122
|
</button>
|
|
17866
17123
|
` : undefined}
|
|
17867
17124
|
${this.showNextMonthBtn ? u$d`
|
|
17868
|
-
<button tabIndex="
|
|
17125
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
17869
17126
|
${this.util.generateIconHtml(chevronRight)}
|
|
17870
17127
|
</button>
|
|
17871
17128
|
` : undefined}
|
|
17872
17129
|
</div>
|
|
17873
|
-
<div class="calendars">
|
|
17874
|
-
${this.renderAllCalendars()}
|
|
17875
|
-
</div>
|
|
17876
17130
|
</div>
|
|
17877
17131
|
|
|
17878
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
17879
|
-
|
|
17880
17132
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
17881
17133
|
</${this.bibtemplateTag}>
|
|
17882
17134
|
`;
|
|
@@ -21124,7 +20376,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21124
20376
|
});
|
|
21125
20377
|
}
|
|
21126
20378
|
|
|
21127
|
-
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}`;
|
|
21128
20380
|
|
|
21129
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)}`;
|
|
21130
20382
|
|
|
@@ -21755,7 +21007,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
21755
21007
|
}
|
|
21756
21008
|
};
|
|
21757
21009
|
|
|
21758
|
-
var formkitVersion$1$2 = '
|
|
21010
|
+
var formkitVersion$1$2 = '202605192014';
|
|
21759
21011
|
|
|
21760
21012
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
21761
21013
|
static get properties() {
|
|
@@ -21935,7 +21187,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21935
21187
|
_intializeDefaults() {
|
|
21936
21188
|
this.appearance = 'default';
|
|
21937
21189
|
this.chevron = false;
|
|
21938
|
-
this.desktopModal = false;
|
|
21939
21190
|
this.disabled = false;
|
|
21940
21191
|
this.disableKeyboardHandling = false;
|
|
21941
21192
|
this.error = false;
|
|
@@ -22116,14 +21367,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22116
21367
|
reflect: true
|
|
22117
21368
|
},
|
|
22118
21369
|
|
|
22119
|
-
/**
|
|
22120
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22121
|
-
*/
|
|
22122
|
-
desktopModal: {
|
|
22123
|
-
type: Boolean,
|
|
22124
|
-
reflect: true
|
|
22125
|
-
},
|
|
22126
|
-
|
|
22127
21370
|
/**
|
|
22128
21371
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22129
21372
|
*/
|
|
@@ -22411,15 +21654,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22411
21654
|
|
|
22412
21655
|
disconnectedCallback() {
|
|
22413
21656
|
super.disconnectedCallback();
|
|
22414
|
-
this._clearPageInert();
|
|
22415
|
-
if (this._bibTabHandler) {
|
|
22416
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22417
|
-
this._bibTabHandler = undefined;
|
|
22418
|
-
}
|
|
22419
|
-
if (this.focusTrap) {
|
|
22420
|
-
this.focusTrap.disconnect();
|
|
22421
|
-
this.focusTrap = undefined;
|
|
22422
|
-
}
|
|
22423
21657
|
if (this.floater) {
|
|
22424
21658
|
this.floater.hideBib('disconnect');
|
|
22425
21659
|
this.floater.disconnect();
|
|
@@ -22447,45 +21681,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22447
21681
|
if (this.isPopoverVisible) {
|
|
22448
21682
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
22449
21683
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
22450
|
-
this.
|
|
22451
|
-
this.
|
|
22452
|
-
|
|
22453
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
22454
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22455
|
-
this._setPageInert();
|
|
22456
|
-
}
|
|
21684
|
+
const useModal = this.isBibFullscreen;
|
|
21685
|
+
this.bibElement.value.open(useModal);
|
|
22457
21686
|
} else {
|
|
22458
21687
|
this.bibElement.value.close();
|
|
22459
|
-
this._clearPageInert();
|
|
22460
21688
|
}
|
|
22461
21689
|
}
|
|
22462
21690
|
|
|
22463
21691
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
22464
21692
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
22465
21693
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
21694
|
+
const useModal = this.isBibFullscreen;
|
|
22466
21695
|
this.bibElement.value.close();
|
|
22467
|
-
this.bibElement.value.open(
|
|
22468
|
-
|
|
22469
|
-
// Re-initialize focus management for the new strategy
|
|
22470
|
-
this.updateFocusTrap();
|
|
22471
|
-
|
|
22472
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
22473
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22474
|
-
this._setPageInert();
|
|
22475
|
-
} else {
|
|
22476
|
-
this._clearPageInert();
|
|
22477
|
-
}
|
|
22478
|
-
}
|
|
22479
|
-
|
|
22480
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
22481
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
22482
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
22483
|
-
this.updateFocusTrap();
|
|
22484
|
-
if (this.desktopModal) {
|
|
22485
|
-
this._setPageInert();
|
|
22486
|
-
} else {
|
|
22487
|
-
this._clearPageInert();
|
|
22488
|
-
}
|
|
21696
|
+
this.bibElement.value.open(useModal);
|
|
22489
21697
|
}
|
|
22490
21698
|
}
|
|
22491
21699
|
|
|
@@ -22495,14 +21703,8 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22495
21703
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
22496
21704
|
*/
|
|
22497
21705
|
handleDropdownToggle(event) {
|
|
21706
|
+
this.updateFocusTrap();
|
|
22498
21707
|
this.isPopoverVisible = event.detail.expanded;
|
|
22499
|
-
|
|
22500
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
22501
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
22502
|
-
if (!this.isPopoverVisible) {
|
|
22503
|
-
this.updateFocusTrap();
|
|
22504
|
-
}
|
|
22505
|
-
|
|
22506
21708
|
const eventType = event.detail.eventType || "unknown";
|
|
22507
21709
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
22508
21710
|
this.trigger.focus();
|
|
@@ -22601,176 +21803,19 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22601
21803
|
* @private
|
|
22602
21804
|
*/
|
|
22603
21805
|
updateFocusTrap() {
|
|
22604
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
22605
|
-
// to prevent duplicate listeners on repeated calls.
|
|
22606
|
-
if (this._bibTabHandler) {
|
|
22607
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22608
|
-
this._bibTabHandler = undefined;
|
|
22609
|
-
}
|
|
22610
|
-
|
|
22611
|
-
if (this.focusTrap) {
|
|
22612
|
-
this.focusTrap.disconnect();
|
|
22613
|
-
this.focusTrap = undefined;
|
|
22614
|
-
}
|
|
22615
|
-
|
|
22616
21806
|
if (this.isPopoverVisible) {
|
|
22617
21807
|
if (!this.isBibFullscreen) {
|
|
22618
|
-
|
|
22619
|
-
|
|
22620
|
-
|
|
22621
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
22622
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
22623
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
22624
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
22625
|
-
// within the bib's focusable elements.
|
|
22626
|
-
this._bibTabHandler = (event) => {
|
|
22627
|
-
if (event.key !== 'Tab') {
|
|
22628
|
-
return;
|
|
22629
|
-
}
|
|
22630
|
-
|
|
22631
|
-
// Collect focusable elements from the bib content.
|
|
22632
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
22633
|
-
|
|
22634
|
-
// Fallback: try from slotted content directly
|
|
22635
|
-
if (!focusables.length) {
|
|
22636
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
22637
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
22638
|
-
|
|
22639
|
-
for (const node of assignedNodes) {
|
|
22640
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
22641
|
-
focusables.push(...getFocusableElements$3(node));
|
|
22642
|
-
}
|
|
22643
|
-
}
|
|
22644
|
-
}
|
|
22645
|
-
|
|
22646
|
-
if (!focusables.length) {
|
|
22647
|
-
return;
|
|
22648
|
-
}
|
|
22649
|
-
|
|
22650
|
-
event.preventDefault();
|
|
22651
|
-
|
|
22652
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
22653
|
-
|
|
22654
|
-
// Walk the active element chain through shadow roots
|
|
22655
|
-
const actives = this._getActiveElements();
|
|
22656
|
-
|
|
22657
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
22658
|
-
|
|
22659
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
22660
|
-
// Focus is not on a known element — move to first/last
|
|
22661
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
22662
|
-
}
|
|
22663
|
-
|
|
22664
|
-
// Try each element in order, skipping any that can't receive focus
|
|
22665
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
22666
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
22667
|
-
let nextIdx = idx + direction;
|
|
22668
|
-
|
|
22669
|
-
// Wrap around
|
|
22670
|
-
if (nextIdx < 0) {
|
|
22671
|
-
nextIdx = focusables.length - 1;
|
|
22672
|
-
} else if (nextIdx >= focusables.length) {
|
|
22673
|
-
nextIdx = 0;
|
|
22674
|
-
}
|
|
22675
|
-
|
|
22676
|
-
focusables[nextIdx].focus();
|
|
22677
|
-
|
|
22678
|
-
// Verify focus actually moved to the target
|
|
22679
|
-
const newActives = this._getActiveElements();
|
|
22680
|
-
|
|
22681
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
22682
|
-
return;
|
|
22683
|
-
}
|
|
22684
|
-
|
|
22685
|
-
// Focus didn't stick — skip this element and try the next
|
|
22686
|
-
idx = nextIdx;
|
|
22687
|
-
}
|
|
22688
|
-
};
|
|
22689
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
22690
|
-
|
|
22691
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
22692
|
-
requestAnimationFrame(() => {
|
|
22693
|
-
const focusables = getFocusableElements$3(this.bibContent);
|
|
22694
|
-
if (focusables.length) {
|
|
22695
|
-
focusables[0].focus();
|
|
22696
|
-
}
|
|
22697
|
-
});
|
|
22698
|
-
} else {
|
|
22699
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
22700
|
-
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22701
|
-
this.focusTrap.focusFirstElement();
|
|
22702
|
-
}
|
|
21808
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
21809
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
21810
|
+
this.focusTrap.focusFirstElement();
|
|
22703
21811
|
}
|
|
22704
21812
|
// Fullscreen: showModal() provides native focus trapping
|
|
22705
|
-
}
|
|
22706
|
-
}
|
|
22707
|
-
|
|
22708
|
-
/**
|
|
22709
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
22710
|
-
* @private
|
|
22711
|
-
* @returns {Array<HTMLElement>}
|
|
22712
|
-
*/
|
|
22713
|
-
_getActiveElements() {
|
|
22714
|
-
let { activeElement } = document;
|
|
22715
|
-
const actives = [activeElement];
|
|
22716
|
-
|
|
22717
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
22718
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
22719
|
-
actives.push(activeElement);
|
|
22720
|
-
}
|
|
22721
|
-
|
|
22722
|
-
return actives;
|
|
22723
|
-
}
|
|
22724
|
-
|
|
22725
|
-
/**
|
|
22726
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
22727
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
22728
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
22729
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
22730
|
-
* to ensure all page content outside the host subtree is inert.
|
|
22731
|
-
* @private
|
|
22732
|
-
*/
|
|
22733
|
-
_setPageInert() {
|
|
22734
|
-
if (this._inertSiblings) {
|
|
22735
21813
|
return;
|
|
22736
21814
|
}
|
|
22737
21815
|
|
|
22738
|
-
this.
|
|
22739
|
-
|
|
22740
|
-
|
|
22741
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
22742
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
22743
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
22744
|
-
let host = this;
|
|
22745
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
22746
|
-
host = host.getRootNode().host;
|
|
22747
|
-
}
|
|
22748
|
-
|
|
22749
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
22750
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
22751
|
-
let current = host;
|
|
22752
|
-
while (current.parentElement) {
|
|
22753
|
-
const parent = current.parentElement;
|
|
22754
|
-
for (const sibling of parent.children) {
|
|
22755
|
-
if (sibling !== current && !sibling.inert) {
|
|
22756
|
-
sibling.inert = true;
|
|
22757
|
-
this._inertSiblings.push(sibling);
|
|
22758
|
-
}
|
|
22759
|
-
}
|
|
22760
|
-
current = parent;
|
|
22761
|
-
}
|
|
22762
|
-
}
|
|
22763
|
-
|
|
22764
|
-
/**
|
|
22765
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
22766
|
-
* @private
|
|
22767
|
-
*/
|
|
22768
|
-
_clearPageInert() {
|
|
22769
|
-
if (this._inertSiblings) {
|
|
22770
|
-
for (const sibling of this._inertSiblings) {
|
|
22771
|
-
sibling.inert = false;
|
|
22772
|
-
}
|
|
22773
|
-
this._inertSiblings = undefined;
|
|
21816
|
+
if (this.focusTrap) {
|
|
21817
|
+
this.focusTrap.disconnect();
|
|
21818
|
+
this.focusTrap = undefined;
|
|
22774
21819
|
}
|
|
22775
21820
|
}
|
|
22776
21821
|
|
|
@@ -23009,7 +22054,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
23009
22054
|
shape="${this.shape}"
|
|
23010
22055
|
?data-show="${this.isPopoverVisible}"
|
|
23011
22056
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23012
|
-
?desktopmodal="${this.desktopModal}"
|
|
23013
22057
|
.dialogLabel="${this.bibDialogLabel}"
|
|
23014
22058
|
${n$6(this.bibElement)}
|
|
23015
22059
|
>
|
|
@@ -29708,7 +28752,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
29708
28752
|
}
|
|
29709
28753
|
};
|
|
29710
28754
|
|
|
29711
|
-
var formkitVersion$8 = '
|
|
28755
|
+
var formkitVersion$8 = '202605192014';
|
|
29712
28756
|
|
|
29713
28757
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
29714
28758
|
// See LICENSE in the project root for license information.
|
|
@@ -30963,62 +30007,26 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
30963
30007
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
30964
30008
|
//
|
|
30965
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.
|
|
30966
30011
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
30967
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
30968
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
30969
30012
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30013
|
+
// - Enter and Space do not open or close the bib.
|
|
30970
30014
|
//
|
|
30971
30015
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
30972
30016
|
// added, handlers should go here following the same strategy pattern used by
|
|
30973
30017
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
30974
30018
|
const datepickerKeyboardStrategy = {
|
|
30975
|
-
Escape(component, evt
|
|
30976
|
-
if (!
|
|
30019
|
+
Escape(component, evt) {
|
|
30020
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
30977
30021
|
return;
|
|
30978
30022
|
}
|
|
30979
30023
|
|
|
30980
|
-
//
|
|
30981
|
-
//
|
|
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.
|
|
30982
30027
|
evt.stopPropagation();
|
|
30983
|
-
evt.preventDefault();
|
|
30984
30028
|
|
|
30985
|
-
component.
|
|
30986
|
-
},
|
|
30987
|
-
|
|
30988
|
-
Enter(component, evt, ctx) {
|
|
30989
|
-
if (ctx.isExpanded) {
|
|
30990
|
-
return;
|
|
30991
|
-
}
|
|
30992
|
-
|
|
30993
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
30994
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
30995
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
30996
|
-
const path = evt.composedPath();
|
|
30997
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
30998
|
-
return;
|
|
30999
|
-
}
|
|
31000
|
-
|
|
31001
|
-
evt.preventDefault();
|
|
31002
|
-
|
|
31003
|
-
component.dropdown.show();
|
|
31004
|
-
},
|
|
31005
|
-
|
|
31006
|
-
' '(component, evt, ctx) {
|
|
31007
|
-
if (ctx.isExpanded) {
|
|
31008
|
-
return;
|
|
31009
|
-
}
|
|
31010
|
-
|
|
31011
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31012
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31013
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31014
|
-
const path = evt.composedPath();
|
|
31015
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31016
|
-
return;
|
|
31017
|
-
}
|
|
31018
|
-
|
|
31019
|
-
evt.preventDefault();
|
|
31020
|
-
|
|
31021
|
-
component.dropdown.show();
|
|
30029
|
+
component.dropdown.hide();
|
|
31022
30030
|
},
|
|
31023
30031
|
};
|
|
31024
30032
|
|
|
@@ -31092,15 +30100,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31092
30100
|
this.required = false;
|
|
31093
30101
|
this.onDark = false;
|
|
31094
30102
|
this.range = false;
|
|
31095
|
-
this.rangeLabelStart = 'range start';
|
|
31096
|
-
this.rangeLabelEnd = 'range end';
|
|
31097
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
31098
|
-
this.rangeLabelInRange = 'in range';
|
|
31099
|
-
this.rangeLabelAfterRange = 'after range';
|
|
31100
|
-
this.blackoutDates = [];
|
|
31101
|
-
this.blackoutLabel = 'unavailable';
|
|
31102
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
31103
|
-
this.navLabelNextMonth = 'Next month';
|
|
31104
30103
|
this.stacked = false;
|
|
31105
30104
|
this.noValidate = false;
|
|
31106
30105
|
this.validity = undefined;
|
|
@@ -31479,78 +30478,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31479
30478
|
reflect: true
|
|
31480
30479
|
},
|
|
31481
30480
|
|
|
31482
|
-
/**
|
|
31483
|
-
* Label announced for the range start date cell.
|
|
31484
|
-
*/
|
|
31485
|
-
rangeLabelStart: {
|
|
31486
|
-
type: String,
|
|
31487
|
-
reflect: true
|
|
31488
|
-
},
|
|
31489
|
-
|
|
31490
|
-
/**
|
|
31491
|
-
* Label announced for the range end date cell.
|
|
31492
|
-
*/
|
|
31493
|
-
rangeLabelEnd: {
|
|
31494
|
-
type: String,
|
|
31495
|
-
reflect: true
|
|
31496
|
-
},
|
|
31497
|
-
|
|
31498
|
-
/**
|
|
31499
|
-
* Label announced for cells before the range start.
|
|
31500
|
-
*/
|
|
31501
|
-
rangeLabelBeforeRange: {
|
|
31502
|
-
type: String,
|
|
31503
|
-
reflect: true
|
|
31504
|
-
},
|
|
31505
|
-
|
|
31506
|
-
/**
|
|
31507
|
-
* Label announced for cells within the selected range.
|
|
31508
|
-
*/
|
|
31509
|
-
rangeLabelInRange: {
|
|
31510
|
-
type: String,
|
|
31511
|
-
reflect: true
|
|
31512
|
-
},
|
|
31513
|
-
|
|
31514
|
-
/**
|
|
31515
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
31516
|
-
*/
|
|
31517
|
-
rangeLabelAfterRange: {
|
|
31518
|
-
type: String,
|
|
31519
|
-
reflect: true
|
|
31520
|
-
},
|
|
31521
|
-
|
|
31522
|
-
/**
|
|
31523
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
31524
|
-
*/
|
|
31525
|
-
blackoutDates: {
|
|
31526
|
-
type: Array,
|
|
31527
|
-
reflect: true
|
|
31528
|
-
},
|
|
31529
|
-
|
|
31530
|
-
/**
|
|
31531
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
31532
|
-
*/
|
|
31533
|
-
blackoutLabel: {
|
|
31534
|
-
type: String,
|
|
31535
|
-
reflect: true
|
|
31536
|
-
},
|
|
31537
|
-
|
|
31538
|
-
/**
|
|
31539
|
-
* Accessible label for the previous month navigation button.
|
|
31540
|
-
*/
|
|
31541
|
-
navLabelPrevMonth: {
|
|
31542
|
-
type: String,
|
|
31543
|
-
reflect: true
|
|
31544
|
-
},
|
|
31545
|
-
|
|
31546
|
-
/**
|
|
31547
|
-
* Accessible label for the next month navigation button.
|
|
31548
|
-
*/
|
|
31549
|
-
navLabelNextMonth: {
|
|
31550
|
-
type: String,
|
|
31551
|
-
reflect: true
|
|
31552
|
-
},
|
|
31553
|
-
|
|
31554
30481
|
/**
|
|
31555
30482
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
31556
30483
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -31898,48 +30825,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31898
30825
|
}));
|
|
31899
30826
|
}
|
|
31900
30827
|
|
|
31901
|
-
/**
|
|
31902
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
31903
|
-
* Shared by both fullscreen and desktop open paths.
|
|
31904
|
-
* @private
|
|
31905
|
-
* @returns {void}
|
|
31906
|
-
*/
|
|
31907
|
-
focusActiveCellWhenReady() {
|
|
31908
|
-
const MAX_ATTEMPTS = 20;
|
|
31909
|
-
let attempts = 0;
|
|
31910
|
-
|
|
31911
|
-
const tryFocus = () => {
|
|
31912
|
-
attempts += 1;
|
|
31913
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
31914
|
-
|
|
31915
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
31916
|
-
requestAnimationFrame(tryFocus);
|
|
31917
|
-
return;
|
|
31918
|
-
}
|
|
31919
|
-
|
|
31920
|
-
// Compute and mark the active cell
|
|
31921
|
-
if (this.calendar.activeCellDate == null) {
|
|
31922
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
31923
|
-
}
|
|
31924
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
31925
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
31926
|
-
}
|
|
31927
|
-
|
|
31928
|
-
// Find the active cell, pre-set hovered so @focus is a no-op
|
|
31929
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
31930
|
-
if (activeCell) {
|
|
31931
|
-
activeCell.hovered = true;
|
|
31932
|
-
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
31933
|
-
if (btn) {
|
|
31934
|
-
btn.setAttribute('tabindex', '0');
|
|
31935
|
-
btn.focus({ focusVisible: true });
|
|
31936
|
-
}
|
|
31937
|
-
}
|
|
31938
|
-
};
|
|
31939
|
-
|
|
31940
|
-
requestAnimationFrame(tryFocus);
|
|
31941
|
-
}
|
|
31942
|
-
|
|
31943
30828
|
/**
|
|
31944
30829
|
* Binds all behavior needed to the dropdown after rendering.
|
|
31945
30830
|
* @private
|
|
@@ -31948,12 +30833,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31948
30833
|
configureDropdown() {
|
|
31949
30834
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
31950
30835
|
|
|
31951
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
31952
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
31953
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
31954
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
31955
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
31956
|
-
|
|
31957
30836
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
31958
30837
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
31959
30838
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -31971,23 +30850,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31971
30850
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
31972
30851
|
this.notifyDatepickerToggled();
|
|
31973
30852
|
|
|
31974
|
-
if (this.dropdown.isPopoverVisible) {
|
|
31975
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
31976
|
-
// Without this, reopening after navigating to a month without a selected
|
|
31977
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
31978
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
31979
|
-
this.calendar.activeCellDate = null;
|
|
31980
|
-
|
|
31981
|
-
// Show the month containing the selected date (or today) instead of
|
|
31982
|
-
// whichever month the user last navigated to.
|
|
31983
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
31984
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
31985
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
31986
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
31987
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
31988
|
-
}
|
|
31989
|
-
}
|
|
31990
|
-
|
|
31991
30853
|
// This forces the calendar to render when the dropdown is opened.
|
|
31992
30854
|
// It is not rendered by default
|
|
31993
30855
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -32020,17 +30882,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32020
30882
|
bibEl.open(true);
|
|
32021
30883
|
|
|
32022
30884
|
doubleRaf$3(() => {
|
|
32023
|
-
this.
|
|
30885
|
+
this.calendar.focusCloseButton();
|
|
32024
30886
|
});
|
|
32025
30887
|
}
|
|
32026
30888
|
});
|
|
32027
30889
|
|
|
32028
30890
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32029
|
-
} else {
|
|
32030
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32031
|
-
this.dropdown.updateComplete.then(() => {
|
|
32032
|
-
this.focusActiveCellWhenReady();
|
|
32033
|
-
});
|
|
32034
30891
|
}
|
|
32035
30892
|
} else {
|
|
32036
30893
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -32076,7 +30933,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32076
30933
|
bibEl.close();
|
|
32077
30934
|
bibEl.open(true);
|
|
32078
30935
|
doubleRaf$3(() => {
|
|
32079
|
-
this.
|
|
30936
|
+
this.calendar.focusCloseButton();
|
|
32080
30937
|
});
|
|
32081
30938
|
}
|
|
32082
30939
|
});
|
|
@@ -32271,8 +31128,14 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32271
31128
|
|
|
32272
31129
|
if (onEndValue) {
|
|
32273
31130
|
this.valueEnd = newDate;
|
|
31131
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31132
|
+
this.focus('startDate');
|
|
31133
|
+
}
|
|
32274
31134
|
} else {
|
|
32275
31135
|
this.value = newDate;
|
|
31136
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31137
|
+
this.focus('endDate');
|
|
31138
|
+
}
|
|
32276
31139
|
}
|
|
32277
31140
|
}
|
|
32278
31141
|
}
|
|
@@ -32403,9 +31266,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32403
31266
|
|
|
32404
31267
|
if (this.cellClickActive) {
|
|
32405
31268
|
this.cellClickActive = false;
|
|
32406
|
-
this.wasCellClick = true;
|
|
32407
|
-
} else {
|
|
32408
|
-
this.wasCellClick = false;
|
|
32409
31269
|
}
|
|
32410
31270
|
|
|
32411
31271
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -32436,38 +31296,16 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32436
31296
|
}
|
|
32437
31297
|
|
|
32438
31298
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
32439
|
-
|
|
32440
|
-
// to prevent the displayed months from shifting
|
|
32441
|
-
if (!(this.wasCellClick && this.range)) {
|
|
32442
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32443
|
-
}
|
|
31299
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32444
31300
|
}
|
|
32445
31301
|
|
|
32446
31302
|
this.setHasValue();
|
|
32447
31303
|
}
|
|
32448
31304
|
|
|
32449
|
-
if (changedProperties.has('blackoutDates')) {
|
|
32450
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
32451
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
32452
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
32453
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
32454
|
-
if (this.calendar) {
|
|
32455
|
-
this.calendar.requestUpdate();
|
|
32456
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
32457
|
-
}
|
|
32458
|
-
}
|
|
32459
|
-
|
|
32460
31305
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
32461
31306
|
|
|
32462
31307
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
32463
31308
|
|
|
32464
|
-
if (this.cellClickActive) {
|
|
32465
|
-
this.cellClickActive = false;
|
|
32466
|
-
this.wasCellClick = true;
|
|
32467
|
-
} else {
|
|
32468
|
-
this.wasCellClick = false;
|
|
32469
|
-
}
|
|
32470
|
-
|
|
32471
31309
|
// update the calendar
|
|
32472
31310
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
32473
31311
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -32495,11 +31333,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32495
31333
|
}
|
|
32496
31334
|
|
|
32497
31335
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
32498
|
-
|
|
32499
|
-
// to prevent the displayed months from shifting
|
|
32500
|
-
if (!this.wasCellClick) {
|
|
32501
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32502
|
-
}
|
|
31336
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32503
31337
|
}
|
|
32504
31338
|
|
|
32505
31339
|
this.validate();
|
|
@@ -32656,7 +31490,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32656
31490
|
}
|
|
32657
31491
|
|
|
32658
31492
|
firstUpdated() {
|
|
32659
|
-
|
|
32660
31493
|
// Add the tag name as an attribute if it is different than the component name
|
|
32661
31494
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
32662
31495
|
|
|
@@ -33086,7 +31919,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33086
31919
|
// Base HTML render() handles dropdown and calendar bib
|
|
33087
31920
|
return u$d`
|
|
33088
31921
|
<!-- Hidden slot for clear button aria-label -->
|
|
33089
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
31922
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
33090
31923
|
|
|
33091
31924
|
<${this.dropdownTag}
|
|
33092
31925
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -33103,7 +31936,6 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
33103
31936
|
.shape="${this.shape}"
|
|
33104
31937
|
.size="${this.size}"
|
|
33105
31938
|
class="${e$3(dropdownElementClassMap)}"
|
|
33106
|
-
desktopModal
|
|
33107
31939
|
disableEventShow
|
|
33108
31940
|
for="dropdownMenu"
|
|
33109
31941
|
part="dropdown"
|
|
@@ -36360,7 +35192,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
36360
35192
|
});
|
|
36361
35193
|
}
|
|
36362
35194
|
|
|
36363
|
-
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}`;
|
|
36364
35196
|
|
|
36365
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)}`;
|
|
36366
35198
|
|
|
@@ -36991,7 +35823,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
|
36991
35823
|
}
|
|
36992
35824
|
};
|
|
36993
35825
|
|
|
36994
|
-
var formkitVersion$7 = '
|
|
35826
|
+
var formkitVersion$7 = '202605192014';
|
|
36995
35827
|
|
|
36996
35828
|
let AuroElement$5 = class AuroElement extends i$3 {
|
|
36997
35829
|
static get properties() {
|
|
@@ -37171,7 +36003,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37171
36003
|
_intializeDefaults() {
|
|
37172
36004
|
this.appearance = 'default';
|
|
37173
36005
|
this.chevron = false;
|
|
37174
|
-
this.desktopModal = false;
|
|
37175
36006
|
this.disabled = false;
|
|
37176
36007
|
this.disableKeyboardHandling = false;
|
|
37177
36008
|
this.error = false;
|
|
@@ -37352,14 +36183,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37352
36183
|
reflect: true
|
|
37353
36184
|
},
|
|
37354
36185
|
|
|
37355
|
-
/**
|
|
37356
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
37357
|
-
*/
|
|
37358
|
-
desktopModal: {
|
|
37359
|
-
type: Boolean,
|
|
37360
|
-
reflect: true
|
|
37361
|
-
},
|
|
37362
|
-
|
|
37363
36186
|
/**
|
|
37364
36187
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
37365
36188
|
*/
|
|
@@ -37647,15 +36470,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37647
36470
|
|
|
37648
36471
|
disconnectedCallback() {
|
|
37649
36472
|
super.disconnectedCallback();
|
|
37650
|
-
this._clearPageInert();
|
|
37651
|
-
if (this._bibTabHandler) {
|
|
37652
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
37653
|
-
this._bibTabHandler = undefined;
|
|
37654
|
-
}
|
|
37655
|
-
if (this.focusTrap) {
|
|
37656
|
-
this.focusTrap.disconnect();
|
|
37657
|
-
this.focusTrap = undefined;
|
|
37658
|
-
}
|
|
37659
36473
|
if (this.floater) {
|
|
37660
36474
|
this.floater.hideBib('disconnect');
|
|
37661
36475
|
this.floater.disconnect();
|
|
@@ -37683,45 +36497,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37683
36497
|
if (this.isPopoverVisible) {
|
|
37684
36498
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
37685
36499
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
37686
|
-
this.
|
|
37687
|
-
this.
|
|
37688
|
-
|
|
37689
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
37690
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37691
|
-
this._setPageInert();
|
|
37692
|
-
}
|
|
36500
|
+
const useModal = this.isBibFullscreen;
|
|
36501
|
+
this.bibElement.value.open(useModal);
|
|
37693
36502
|
} else {
|
|
37694
36503
|
this.bibElement.value.close();
|
|
37695
|
-
this._clearPageInert();
|
|
37696
36504
|
}
|
|
37697
36505
|
}
|
|
37698
36506
|
|
|
37699
36507
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
37700
36508
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
37701
36509
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
36510
|
+
const useModal = this.isBibFullscreen;
|
|
37702
36511
|
this.bibElement.value.close();
|
|
37703
|
-
this.bibElement.value.open(
|
|
37704
|
-
|
|
37705
|
-
// Re-initialize focus management for the new strategy
|
|
37706
|
-
this.updateFocusTrap();
|
|
37707
|
-
|
|
37708
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
37709
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37710
|
-
this._setPageInert();
|
|
37711
|
-
} else {
|
|
37712
|
-
this._clearPageInert();
|
|
37713
|
-
}
|
|
37714
|
-
}
|
|
37715
|
-
|
|
37716
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
37717
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
37718
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
37719
|
-
this.updateFocusTrap();
|
|
37720
|
-
if (this.desktopModal) {
|
|
37721
|
-
this._setPageInert();
|
|
37722
|
-
} else {
|
|
37723
|
-
this._clearPageInert();
|
|
37724
|
-
}
|
|
36512
|
+
this.bibElement.value.open(useModal);
|
|
37725
36513
|
}
|
|
37726
36514
|
}
|
|
37727
36515
|
|
|
@@ -37731,14 +36519,8 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37731
36519
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
37732
36520
|
*/
|
|
37733
36521
|
handleDropdownToggle(event) {
|
|
36522
|
+
this.updateFocusTrap();
|
|
37734
36523
|
this.isPopoverVisible = event.detail.expanded;
|
|
37735
|
-
|
|
37736
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
37737
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
37738
|
-
if (!this.isPopoverVisible) {
|
|
37739
|
-
this.updateFocusTrap();
|
|
37740
|
-
}
|
|
37741
|
-
|
|
37742
36524
|
const eventType = event.detail.eventType || "unknown";
|
|
37743
36525
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
37744
36526
|
this.trigger.focus();
|
|
@@ -37837,176 +36619,19 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37837
36619
|
* @private
|
|
37838
36620
|
*/
|
|
37839
36621
|
updateFocusTrap() {
|
|
37840
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
37841
|
-
// to prevent duplicate listeners on repeated calls.
|
|
37842
|
-
if (this._bibTabHandler) {
|
|
37843
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
37844
|
-
this._bibTabHandler = undefined;
|
|
37845
|
-
}
|
|
37846
|
-
|
|
37847
|
-
if (this.focusTrap) {
|
|
37848
|
-
this.focusTrap.disconnect();
|
|
37849
|
-
this.focusTrap = undefined;
|
|
37850
|
-
}
|
|
37851
|
-
|
|
37852
36622
|
if (this.isPopoverVisible) {
|
|
37853
36623
|
if (!this.isBibFullscreen) {
|
|
37854
|
-
|
|
37855
|
-
|
|
37856
|
-
|
|
37857
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
37858
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
37859
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
37860
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
37861
|
-
// within the bib's focusable elements.
|
|
37862
|
-
this._bibTabHandler = (event) => {
|
|
37863
|
-
if (event.key !== 'Tab') {
|
|
37864
|
-
return;
|
|
37865
|
-
}
|
|
37866
|
-
|
|
37867
|
-
// Collect focusable elements from the bib content.
|
|
37868
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
37869
|
-
|
|
37870
|
-
// Fallback: try from slotted content directly
|
|
37871
|
-
if (!focusables.length) {
|
|
37872
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
37873
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
37874
|
-
|
|
37875
|
-
for (const node of assignedNodes) {
|
|
37876
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
37877
|
-
focusables.push(...getFocusableElements$2(node));
|
|
37878
|
-
}
|
|
37879
|
-
}
|
|
37880
|
-
}
|
|
37881
|
-
|
|
37882
|
-
if (!focusables.length) {
|
|
37883
|
-
return;
|
|
37884
|
-
}
|
|
37885
|
-
|
|
37886
|
-
event.preventDefault();
|
|
37887
|
-
|
|
37888
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
37889
|
-
|
|
37890
|
-
// Walk the active element chain through shadow roots
|
|
37891
|
-
const actives = this._getActiveElements();
|
|
37892
|
-
|
|
37893
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
37894
|
-
|
|
37895
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
37896
|
-
// Focus is not on a known element — move to first/last
|
|
37897
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
37898
|
-
}
|
|
37899
|
-
|
|
37900
|
-
// Try each element in order, skipping any that can't receive focus
|
|
37901
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
37902
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
37903
|
-
let nextIdx = idx + direction;
|
|
37904
|
-
|
|
37905
|
-
// Wrap around
|
|
37906
|
-
if (nextIdx < 0) {
|
|
37907
|
-
nextIdx = focusables.length - 1;
|
|
37908
|
-
} else if (nextIdx >= focusables.length) {
|
|
37909
|
-
nextIdx = 0;
|
|
37910
|
-
}
|
|
37911
|
-
|
|
37912
|
-
focusables[nextIdx].focus();
|
|
37913
|
-
|
|
37914
|
-
// Verify focus actually moved to the target
|
|
37915
|
-
const newActives = this._getActiveElements();
|
|
37916
|
-
|
|
37917
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
37918
|
-
return;
|
|
37919
|
-
}
|
|
37920
|
-
|
|
37921
|
-
// Focus didn't stick — skip this element and try the next
|
|
37922
|
-
idx = nextIdx;
|
|
37923
|
-
}
|
|
37924
|
-
};
|
|
37925
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
37926
|
-
|
|
37927
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
37928
|
-
requestAnimationFrame(() => {
|
|
37929
|
-
const focusables = getFocusableElements$2(this.bibContent);
|
|
37930
|
-
if (focusables.length) {
|
|
37931
|
-
focusables[0].focus();
|
|
37932
|
-
}
|
|
37933
|
-
});
|
|
37934
|
-
} else {
|
|
37935
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
37936
|
-
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
37937
|
-
this.focusTrap.focusFirstElement();
|
|
37938
|
-
}
|
|
36624
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
36625
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
36626
|
+
this.focusTrap.focusFirstElement();
|
|
37939
36627
|
}
|
|
37940
36628
|
// Fullscreen: showModal() provides native focus trapping
|
|
37941
|
-
}
|
|
37942
|
-
}
|
|
37943
|
-
|
|
37944
|
-
/**
|
|
37945
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
37946
|
-
* @private
|
|
37947
|
-
* @returns {Array<HTMLElement>}
|
|
37948
|
-
*/
|
|
37949
|
-
_getActiveElements() {
|
|
37950
|
-
let { activeElement } = document;
|
|
37951
|
-
const actives = [activeElement];
|
|
37952
|
-
|
|
37953
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
37954
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
37955
|
-
actives.push(activeElement);
|
|
37956
|
-
}
|
|
37957
|
-
|
|
37958
|
-
return actives;
|
|
37959
|
-
}
|
|
37960
|
-
|
|
37961
|
-
/**
|
|
37962
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
37963
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
37964
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
37965
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
37966
|
-
* to ensure all page content outside the host subtree is inert.
|
|
37967
|
-
* @private
|
|
37968
|
-
*/
|
|
37969
|
-
_setPageInert() {
|
|
37970
|
-
if (this._inertSiblings) {
|
|
37971
36629
|
return;
|
|
37972
36630
|
}
|
|
37973
36631
|
|
|
37974
|
-
this.
|
|
37975
|
-
|
|
37976
|
-
|
|
37977
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
37978
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
37979
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
37980
|
-
let host = this;
|
|
37981
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
37982
|
-
host = host.getRootNode().host;
|
|
37983
|
-
}
|
|
37984
|
-
|
|
37985
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
37986
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
37987
|
-
let current = host;
|
|
37988
|
-
while (current.parentElement) {
|
|
37989
|
-
const parent = current.parentElement;
|
|
37990
|
-
for (const sibling of parent.children) {
|
|
37991
|
-
if (sibling !== current && !sibling.inert) {
|
|
37992
|
-
sibling.inert = true;
|
|
37993
|
-
this._inertSiblings.push(sibling);
|
|
37994
|
-
}
|
|
37995
|
-
}
|
|
37996
|
-
current = parent;
|
|
37997
|
-
}
|
|
37998
|
-
}
|
|
37999
|
-
|
|
38000
|
-
/**
|
|
38001
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
38002
|
-
* @private
|
|
38003
|
-
*/
|
|
38004
|
-
_clearPageInert() {
|
|
38005
|
-
if (this._inertSiblings) {
|
|
38006
|
-
for (const sibling of this._inertSiblings) {
|
|
38007
|
-
sibling.inert = false;
|
|
38008
|
-
}
|
|
38009
|
-
this._inertSiblings = undefined;
|
|
36632
|
+
if (this.focusTrap) {
|
|
36633
|
+
this.focusTrap.disconnect();
|
|
36634
|
+
this.focusTrap = undefined;
|
|
38010
36635
|
}
|
|
38011
36636
|
}
|
|
38012
36637
|
|
|
@@ -38245,7 +36870,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
38245
36870
|
shape="${this.shape}"
|
|
38246
36871
|
?data-show="${this.isPopoverVisible}"
|
|
38247
36872
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38248
|
-
?desktopmodal="${this.desktopModal}"
|
|
38249
36873
|
.dialogLabel="${this.bibDialogLabel}"
|
|
38250
36874
|
${n$6(this.bibElement)}
|
|
38251
36875
|
>
|
|
@@ -39800,7 +38424,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
39800
38424
|
}
|
|
39801
38425
|
};
|
|
39802
38426
|
|
|
39803
|
-
var formkitVersion$6 = '
|
|
38427
|
+
var formkitVersion$6 = '202605192014';
|
|
39804
38428
|
|
|
39805
38429
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
39806
38430
|
// See LICENSE in the project root for license information.
|
|
@@ -40538,14 +39162,6 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
40538
39162
|
large: {
|
|
40539
39163
|
type: Boolean,
|
|
40540
39164
|
reflect: true
|
|
40541
|
-
},
|
|
40542
|
-
|
|
40543
|
-
/**
|
|
40544
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
40545
|
-
*/
|
|
40546
|
-
showFooter: {
|
|
40547
|
-
type: Boolean,
|
|
40548
|
-
reflect: true
|
|
40549
39165
|
}
|
|
40550
39166
|
};
|
|
40551
39167
|
}
|
|
@@ -40648,7 +39264,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
40648
39264
|
<slot></slot>
|
|
40649
39265
|
</div>
|
|
40650
39266
|
|
|
40651
|
-
${this.isFullscreen
|
|
39267
|
+
${this.isFullscreen ? u$d`
|
|
40652
39268
|
<div id="footerContainer">
|
|
40653
39269
|
<slot name="footer"></slot>
|
|
40654
39270
|
</div>` : null}
|
|
@@ -43226,7 +41842,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
43226
41842
|
}
|
|
43227
41843
|
};
|
|
43228
41844
|
|
|
43229
|
-
var formkitVersion$5 = '
|
|
41845
|
+
var formkitVersion$5 = '202605192014';
|
|
43230
41846
|
|
|
43231
41847
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
43232
41848
|
// See LICENSE in the project root for license information.
|
|
@@ -45398,7 +44014,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
45398
44014
|
}
|
|
45399
44015
|
};
|
|
45400
44016
|
|
|
45401
|
-
var formkitVersion$4 = '
|
|
44017
|
+
var formkitVersion$4 = '202605192014';
|
|
45402
44018
|
|
|
45403
44019
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
45404
44020
|
// See LICENSE in the project root for license information.
|
|
@@ -47039,7 +45655,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47039
45655
|
|
|
47040
45656
|
// navigate if bib is open otherwise open it
|
|
47041
45657
|
if (component.dropdown.isPopoverVisible) {
|
|
47042
|
-
if (evt.altKey || evt.metaKey) {
|
|
45658
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47043
45659
|
component.activateLastEnabledAvailableOption();
|
|
47044
45660
|
} else {
|
|
47045
45661
|
navigateArrow$1(component, 'down');
|
|
@@ -47062,7 +45678,7 @@ const comboboxKeyboardStrategy = {
|
|
|
47062
45678
|
|
|
47063
45679
|
// navigate if bib is open otherwise open it
|
|
47064
45680
|
if (component.dropdown.isPopoverVisible) {
|
|
47065
|
-
if (evt.altKey || evt.metaKey) {
|
|
45681
|
+
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
|
|
47066
45682
|
component.activateFirstEnabledAvailableOption();
|
|
47067
45683
|
} else {
|
|
47068
45684
|
navigateArrow$1(component, 'up');
|
|
@@ -50387,7 +49003,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
50387
49003
|
});
|
|
50388
49004
|
}
|
|
50389
49005
|
|
|
50390
|
-
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}`;
|
|
50391
49007
|
|
|
50392
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)}`;
|
|
50393
49009
|
|
|
@@ -51018,7 +49634,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
51018
49634
|
}
|
|
51019
49635
|
};
|
|
51020
49636
|
|
|
51021
|
-
var formkitVersion$2 = '
|
|
49637
|
+
var formkitVersion$2 = '202605192014';
|
|
51022
49638
|
|
|
51023
49639
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
51024
49640
|
static get properties() {
|
|
@@ -51198,7 +49814,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51198
49814
|
_intializeDefaults() {
|
|
51199
49815
|
this.appearance = 'default';
|
|
51200
49816
|
this.chevron = false;
|
|
51201
|
-
this.desktopModal = false;
|
|
51202
49817
|
this.disabled = false;
|
|
51203
49818
|
this.disableKeyboardHandling = false;
|
|
51204
49819
|
this.error = false;
|
|
@@ -51379,14 +49994,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51379
49994
|
reflect: true
|
|
51380
49995
|
},
|
|
51381
49996
|
|
|
51382
|
-
/**
|
|
51383
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
51384
|
-
*/
|
|
51385
|
-
desktopModal: {
|
|
51386
|
-
type: Boolean,
|
|
51387
|
-
reflect: true
|
|
51388
|
-
},
|
|
51389
|
-
|
|
51390
49997
|
/**
|
|
51391
49998
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
51392
49999
|
*/
|
|
@@ -51674,15 +50281,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51674
50281
|
|
|
51675
50282
|
disconnectedCallback() {
|
|
51676
50283
|
super.disconnectedCallback();
|
|
51677
|
-
this._clearPageInert();
|
|
51678
|
-
if (this._bibTabHandler) {
|
|
51679
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51680
|
-
this._bibTabHandler = undefined;
|
|
51681
|
-
}
|
|
51682
|
-
if (this.focusTrap) {
|
|
51683
|
-
this.focusTrap.disconnect();
|
|
51684
|
-
this.focusTrap = undefined;
|
|
51685
|
-
}
|
|
51686
50284
|
if (this.floater) {
|
|
51687
50285
|
this.floater.hideBib('disconnect');
|
|
51688
50286
|
this.floater.disconnect();
|
|
@@ -51710,45 +50308,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51710
50308
|
if (this.isPopoverVisible) {
|
|
51711
50309
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
51712
50310
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
51713
|
-
this.
|
|
51714
|
-
this.
|
|
51715
|
-
|
|
51716
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
51717
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51718
|
-
this._setPageInert();
|
|
51719
|
-
}
|
|
50311
|
+
const useModal = this.isBibFullscreen;
|
|
50312
|
+
this.bibElement.value.open(useModal);
|
|
51720
50313
|
} else {
|
|
51721
50314
|
this.bibElement.value.close();
|
|
51722
|
-
this._clearPageInert();
|
|
51723
50315
|
}
|
|
51724
50316
|
}
|
|
51725
50317
|
|
|
51726
50318
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
51727
50319
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
51728
50320
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
50321
|
+
const useModal = this.isBibFullscreen;
|
|
51729
50322
|
this.bibElement.value.close();
|
|
51730
|
-
this.bibElement.value.open(
|
|
51731
|
-
|
|
51732
|
-
// Re-initialize focus management for the new strategy
|
|
51733
|
-
this.updateFocusTrap();
|
|
51734
|
-
|
|
51735
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
51736
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51737
|
-
this._setPageInert();
|
|
51738
|
-
} else {
|
|
51739
|
-
this._clearPageInert();
|
|
51740
|
-
}
|
|
51741
|
-
}
|
|
51742
|
-
|
|
51743
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
51744
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
51745
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
51746
|
-
this.updateFocusTrap();
|
|
51747
|
-
if (this.desktopModal) {
|
|
51748
|
-
this._setPageInert();
|
|
51749
|
-
} else {
|
|
51750
|
-
this._clearPageInert();
|
|
51751
|
-
}
|
|
50323
|
+
this.bibElement.value.open(useModal);
|
|
51752
50324
|
}
|
|
51753
50325
|
}
|
|
51754
50326
|
|
|
@@ -51758,14 +50330,8 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51758
50330
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
51759
50331
|
*/
|
|
51760
50332
|
handleDropdownToggle(event) {
|
|
50333
|
+
this.updateFocusTrap();
|
|
51761
50334
|
this.isPopoverVisible = event.detail.expanded;
|
|
51762
|
-
|
|
51763
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
51764
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
51765
|
-
if (!this.isPopoverVisible) {
|
|
51766
|
-
this.updateFocusTrap();
|
|
51767
|
-
}
|
|
51768
|
-
|
|
51769
50335
|
const eventType = event.detail.eventType || "unknown";
|
|
51770
50336
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
51771
50337
|
this.trigger.focus();
|
|
@@ -51864,176 +50430,19 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51864
50430
|
* @private
|
|
51865
50431
|
*/
|
|
51866
50432
|
updateFocusTrap() {
|
|
51867
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
51868
|
-
// to prevent duplicate listeners on repeated calls.
|
|
51869
|
-
if (this._bibTabHandler) {
|
|
51870
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51871
|
-
this._bibTabHandler = undefined;
|
|
51872
|
-
}
|
|
51873
|
-
|
|
51874
|
-
if (this.focusTrap) {
|
|
51875
|
-
this.focusTrap.disconnect();
|
|
51876
|
-
this.focusTrap = undefined;
|
|
51877
|
-
}
|
|
51878
|
-
|
|
51879
50433
|
if (this.isPopoverVisible) {
|
|
51880
50434
|
if (!this.isBibFullscreen) {
|
|
51881
|
-
|
|
51882
|
-
|
|
51883
|
-
|
|
51884
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
51885
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
51886
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
51887
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
51888
|
-
// within the bib's focusable elements.
|
|
51889
|
-
this._bibTabHandler = (event) => {
|
|
51890
|
-
if (event.key !== 'Tab') {
|
|
51891
|
-
return;
|
|
51892
|
-
}
|
|
51893
|
-
|
|
51894
|
-
// Collect focusable elements from the bib content.
|
|
51895
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
51896
|
-
|
|
51897
|
-
// Fallback: try from slotted content directly
|
|
51898
|
-
if (!focusables.length) {
|
|
51899
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
51900
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
51901
|
-
|
|
51902
|
-
for (const node of assignedNodes) {
|
|
51903
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
51904
|
-
focusables.push(...getFocusableElements$1(node));
|
|
51905
|
-
}
|
|
51906
|
-
}
|
|
51907
|
-
}
|
|
51908
|
-
|
|
51909
|
-
if (!focusables.length) {
|
|
51910
|
-
return;
|
|
51911
|
-
}
|
|
51912
|
-
|
|
51913
|
-
event.preventDefault();
|
|
51914
|
-
|
|
51915
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
51916
|
-
|
|
51917
|
-
// Walk the active element chain through shadow roots
|
|
51918
|
-
const actives = this._getActiveElements();
|
|
51919
|
-
|
|
51920
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
51921
|
-
|
|
51922
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
51923
|
-
// Focus is not on a known element — move to first/last
|
|
51924
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
51925
|
-
}
|
|
51926
|
-
|
|
51927
|
-
// Try each element in order, skipping any that can't receive focus
|
|
51928
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
51929
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
51930
|
-
let nextIdx = idx + direction;
|
|
51931
|
-
|
|
51932
|
-
// Wrap around
|
|
51933
|
-
if (nextIdx < 0) {
|
|
51934
|
-
nextIdx = focusables.length - 1;
|
|
51935
|
-
} else if (nextIdx >= focusables.length) {
|
|
51936
|
-
nextIdx = 0;
|
|
51937
|
-
}
|
|
51938
|
-
|
|
51939
|
-
focusables[nextIdx].focus();
|
|
51940
|
-
|
|
51941
|
-
// Verify focus actually moved to the target
|
|
51942
|
-
const newActives = this._getActiveElements();
|
|
51943
|
-
|
|
51944
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
51945
|
-
return;
|
|
51946
|
-
}
|
|
51947
|
-
|
|
51948
|
-
// Focus didn't stick — skip this element and try the next
|
|
51949
|
-
idx = nextIdx;
|
|
51950
|
-
}
|
|
51951
|
-
};
|
|
51952
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
51953
|
-
|
|
51954
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
51955
|
-
requestAnimationFrame(() => {
|
|
51956
|
-
const focusables = getFocusableElements$1(this.bibContent);
|
|
51957
|
-
if (focusables.length) {
|
|
51958
|
-
focusables[0].focus();
|
|
51959
|
-
}
|
|
51960
|
-
});
|
|
51961
|
-
} else {
|
|
51962
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
51963
|
-
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
51964
|
-
this.focusTrap.focusFirstElement();
|
|
51965
|
-
}
|
|
50435
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
50436
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
50437
|
+
this.focusTrap.focusFirstElement();
|
|
51966
50438
|
}
|
|
51967
50439
|
// Fullscreen: showModal() provides native focus trapping
|
|
51968
|
-
}
|
|
51969
|
-
}
|
|
51970
|
-
|
|
51971
|
-
/**
|
|
51972
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
51973
|
-
* @private
|
|
51974
|
-
* @returns {Array<HTMLElement>}
|
|
51975
|
-
*/
|
|
51976
|
-
_getActiveElements() {
|
|
51977
|
-
let { activeElement } = document;
|
|
51978
|
-
const actives = [activeElement];
|
|
51979
|
-
|
|
51980
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
51981
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
51982
|
-
actives.push(activeElement);
|
|
51983
|
-
}
|
|
51984
|
-
|
|
51985
|
-
return actives;
|
|
51986
|
-
}
|
|
51987
|
-
|
|
51988
|
-
/**
|
|
51989
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
51990
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
51991
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
51992
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
51993
|
-
* to ensure all page content outside the host subtree is inert.
|
|
51994
|
-
* @private
|
|
51995
|
-
*/
|
|
51996
|
-
_setPageInert() {
|
|
51997
|
-
if (this._inertSiblings) {
|
|
51998
50440
|
return;
|
|
51999
50441
|
}
|
|
52000
50442
|
|
|
52001
|
-
this.
|
|
52002
|
-
|
|
52003
|
-
|
|
52004
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
52005
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52006
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
52007
|
-
let host = this;
|
|
52008
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52009
|
-
host = host.getRootNode().host;
|
|
52010
|
-
}
|
|
52011
|
-
|
|
52012
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
52013
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
52014
|
-
let current = host;
|
|
52015
|
-
while (current.parentElement) {
|
|
52016
|
-
const parent = current.parentElement;
|
|
52017
|
-
for (const sibling of parent.children) {
|
|
52018
|
-
if (sibling !== current && !sibling.inert) {
|
|
52019
|
-
sibling.inert = true;
|
|
52020
|
-
this._inertSiblings.push(sibling);
|
|
52021
|
-
}
|
|
52022
|
-
}
|
|
52023
|
-
current = parent;
|
|
52024
|
-
}
|
|
52025
|
-
}
|
|
52026
|
-
|
|
52027
|
-
/**
|
|
52028
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
52029
|
-
* @private
|
|
52030
|
-
*/
|
|
52031
|
-
_clearPageInert() {
|
|
52032
|
-
if (this._inertSiblings) {
|
|
52033
|
-
for (const sibling of this._inertSiblings) {
|
|
52034
|
-
sibling.inert = false;
|
|
52035
|
-
}
|
|
52036
|
-
this._inertSiblings = undefined;
|
|
50443
|
+
if (this.focusTrap) {
|
|
50444
|
+
this.focusTrap.disconnect();
|
|
50445
|
+
this.focusTrap = undefined;
|
|
52037
50446
|
}
|
|
52038
50447
|
}
|
|
52039
50448
|
|
|
@@ -52272,7 +50681,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
52272
50681
|
shape="${this.shape}"
|
|
52273
50682
|
?data-show="${this.isPopoverVisible}"
|
|
52274
50683
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52275
|
-
?desktopmodal="${this.desktopModal}"
|
|
52276
50684
|
.dialogLabel="${this.bibDialogLabel}"
|
|
52277
50685
|
${n$6(this.bibElement)}
|
|
52278
50686
|
>
|
|
@@ -58971,7 +57379,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
58971
57379
|
}
|
|
58972
57380
|
};
|
|
58973
57381
|
|
|
58974
|
-
var formkitVersion$1$1 = '
|
|
57382
|
+
var formkitVersion$1$1 = '202605192014';
|
|
58975
57383
|
|
|
58976
57384
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
58977
57385
|
// See LICENSE in the project root for license information.
|
|
@@ -59925,14 +58333,6 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
59925
58333
|
large: {
|
|
59926
58334
|
type: Boolean,
|
|
59927
58335
|
reflect: true
|
|
59928
|
-
},
|
|
59929
|
-
|
|
59930
|
-
/**
|
|
59931
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
59932
|
-
*/
|
|
59933
|
-
showFooter: {
|
|
59934
|
-
type: Boolean,
|
|
59935
|
-
reflect: true
|
|
59936
58336
|
}
|
|
59937
58337
|
};
|
|
59938
58338
|
}
|
|
@@ -60035,7 +58435,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
60035
58435
|
<slot></slot>
|
|
60036
58436
|
</div>
|
|
60037
58437
|
|
|
60038
|
-
${this.isFullscreen
|
|
58438
|
+
${this.isFullscreen ? u$d`
|
|
60039
58439
|
<div id="footerContainer">
|
|
60040
58440
|
<slot name="footer"></slot>
|
|
60041
58441
|
</div>` : null}
|
|
@@ -60044,7 +58444,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
60044
58444
|
}
|
|
60045
58445
|
};
|
|
60046
58446
|
|
|
60047
|
-
var formkitVersion$3 = '
|
|
58447
|
+
var formkitVersion$3 = '202605192014';
|
|
60048
58448
|
|
|
60049
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}`;
|
|
60050
58450
|
|
|
@@ -65530,28 +63930,30 @@ function navigateArrow(component, direction, options = {}) {
|
|
|
65530
63930
|
const selectKeyboardStrategy = {
|
|
65531
63931
|
ArrowDown(component, evt, ctx) {
|
|
65532
63932
|
evt.preventDefault();
|
|
65533
|
-
if (
|
|
65534
|
-
|
|
65535
|
-
|
|
65536
|
-
|
|
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();
|
|
65537
63942
|
}
|
|
65538
|
-
navigateArrow(component, 'down', {
|
|
65539
|
-
ctx,
|
|
65540
|
-
showFn: () => component.dropdown.show(),
|
|
65541
|
-
});
|
|
65542
63943
|
},
|
|
65543
63944
|
|
|
65544
63945
|
ArrowUp(component, evt, ctx) {
|
|
65545
63946
|
evt.preventDefault();
|
|
65546
|
-
if (
|
|
65547
|
-
|
|
65548
|
-
|
|
65549
|
-
|
|
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();
|
|
65550
63956
|
}
|
|
65551
|
-
navigateArrow(component, 'up', {
|
|
65552
|
-
ctx,
|
|
65553
|
-
showFn: () => component.dropdown.show(),
|
|
65554
|
-
});
|
|
65555
63957
|
},
|
|
65556
63958
|
|
|
65557
63959
|
Escape(component, evt, ctx) {
|
|
@@ -68903,7 +67305,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
68903
67305
|
});
|
|
68904
67306
|
}
|
|
68905
67307
|
|
|
68906
|
-
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}`;
|
|
68907
67309
|
|
|
68908
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)}`;
|
|
68909
67311
|
|
|
@@ -69534,7 +67936,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
69534
67936
|
}
|
|
69535
67937
|
};
|
|
69536
67938
|
|
|
69537
|
-
var formkitVersion$1 = '
|
|
67939
|
+
var formkitVersion$1 = '202605192014';
|
|
69538
67940
|
|
|
69539
67941
|
class AuroElement extends i$3 {
|
|
69540
67942
|
static get properties() {
|
|
@@ -69714,7 +68116,6 @@ class AuroDropdown extends AuroElement {
|
|
|
69714
68116
|
_intializeDefaults() {
|
|
69715
68117
|
this.appearance = 'default';
|
|
69716
68118
|
this.chevron = false;
|
|
69717
|
-
this.desktopModal = false;
|
|
69718
68119
|
this.disabled = false;
|
|
69719
68120
|
this.disableKeyboardHandling = false;
|
|
69720
68121
|
this.error = false;
|
|
@@ -69895,14 +68296,6 @@ class AuroDropdown extends AuroElement {
|
|
|
69895
68296
|
reflect: true
|
|
69896
68297
|
},
|
|
69897
68298
|
|
|
69898
|
-
/**
|
|
69899
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
69900
|
-
*/
|
|
69901
|
-
desktopModal: {
|
|
69902
|
-
type: Boolean,
|
|
69903
|
-
reflect: true
|
|
69904
|
-
},
|
|
69905
|
-
|
|
69906
68299
|
/**
|
|
69907
68300
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
69908
68301
|
*/
|
|
@@ -70190,15 +68583,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70190
68583
|
|
|
70191
68584
|
disconnectedCallback() {
|
|
70192
68585
|
super.disconnectedCallback();
|
|
70193
|
-
this._clearPageInert();
|
|
70194
|
-
if (this._bibTabHandler) {
|
|
70195
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70196
|
-
this._bibTabHandler = undefined;
|
|
70197
|
-
}
|
|
70198
|
-
if (this.focusTrap) {
|
|
70199
|
-
this.focusTrap.disconnect();
|
|
70200
|
-
this.focusTrap = undefined;
|
|
70201
|
-
}
|
|
70202
68586
|
if (this.floater) {
|
|
70203
68587
|
this.floater.hideBib('disconnect');
|
|
70204
68588
|
this.floater.disconnect();
|
|
@@ -70226,45 +68610,19 @@ class AuroDropdown extends AuroElement {
|
|
|
70226
68610
|
if (this.isPopoverVisible) {
|
|
70227
68611
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
70228
68612
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
70229
|
-
this.
|
|
70230
|
-
this.
|
|
70231
|
-
|
|
70232
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70233
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70234
|
-
this._setPageInert();
|
|
70235
|
-
}
|
|
68613
|
+
const useModal = this.isBibFullscreen;
|
|
68614
|
+
this.bibElement.value.open(useModal);
|
|
70236
68615
|
} else {
|
|
70237
68616
|
this.bibElement.value.close();
|
|
70238
|
-
this._clearPageInert();
|
|
70239
68617
|
}
|
|
70240
68618
|
}
|
|
70241
68619
|
|
|
70242
68620
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
70243
68621
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
70244
68622
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
68623
|
+
const useModal = this.isBibFullscreen;
|
|
70245
68624
|
this.bibElement.value.close();
|
|
70246
|
-
this.bibElement.value.open(
|
|
70247
|
-
|
|
70248
|
-
// Re-initialize focus management for the new strategy
|
|
70249
|
-
this.updateFocusTrap();
|
|
70250
|
-
|
|
70251
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70252
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70253
|
-
this._setPageInert();
|
|
70254
|
-
} else {
|
|
70255
|
-
this._clearPageInert();
|
|
70256
|
-
}
|
|
70257
|
-
}
|
|
70258
|
-
|
|
70259
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
70260
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
70261
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
70262
|
-
this.updateFocusTrap();
|
|
70263
|
-
if (this.desktopModal) {
|
|
70264
|
-
this._setPageInert();
|
|
70265
|
-
} else {
|
|
70266
|
-
this._clearPageInert();
|
|
70267
|
-
}
|
|
68625
|
+
this.bibElement.value.open(useModal);
|
|
70268
68626
|
}
|
|
70269
68627
|
}
|
|
70270
68628
|
|
|
@@ -70274,14 +68632,8 @@ class AuroDropdown extends AuroElement {
|
|
|
70274
68632
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
70275
68633
|
*/
|
|
70276
68634
|
handleDropdownToggle(event) {
|
|
68635
|
+
this.updateFocusTrap();
|
|
70277
68636
|
this.isPopoverVisible = event.detail.expanded;
|
|
70278
|
-
|
|
70279
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70280
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
70281
|
-
if (!this.isPopoverVisible) {
|
|
70282
|
-
this.updateFocusTrap();
|
|
70283
|
-
}
|
|
70284
|
-
|
|
70285
68637
|
const eventType = event.detail.eventType || "unknown";
|
|
70286
68638
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
70287
68639
|
this.trigger.focus();
|
|
@@ -70380,176 +68732,19 @@ class AuroDropdown extends AuroElement {
|
|
|
70380
68732
|
* @private
|
|
70381
68733
|
*/
|
|
70382
68734
|
updateFocusTrap() {
|
|
70383
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
70384
|
-
// to prevent duplicate listeners on repeated calls.
|
|
70385
|
-
if (this._bibTabHandler) {
|
|
70386
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70387
|
-
this._bibTabHandler = undefined;
|
|
70388
|
-
}
|
|
70389
|
-
|
|
70390
|
-
if (this.focusTrap) {
|
|
70391
|
-
this.focusTrap.disconnect();
|
|
70392
|
-
this.focusTrap = undefined;
|
|
70393
|
-
}
|
|
70394
|
-
|
|
70395
68735
|
if (this.isPopoverVisible) {
|
|
70396
68736
|
if (!this.isBibFullscreen) {
|
|
70397
|
-
|
|
70398
|
-
|
|
70399
|
-
|
|
70400
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
70401
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
70402
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
70403
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
70404
|
-
// within the bib's focusable elements.
|
|
70405
|
-
this._bibTabHandler = (event) => {
|
|
70406
|
-
if (event.key !== 'Tab') {
|
|
70407
|
-
return;
|
|
70408
|
-
}
|
|
70409
|
-
|
|
70410
|
-
// Collect focusable elements from the bib content.
|
|
70411
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
70412
|
-
|
|
70413
|
-
// Fallback: try from slotted content directly
|
|
70414
|
-
if (!focusables.length) {
|
|
70415
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
70416
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
70417
|
-
|
|
70418
|
-
for (const node of assignedNodes) {
|
|
70419
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
70420
|
-
focusables.push(...getFocusableElements(node));
|
|
70421
|
-
}
|
|
70422
|
-
}
|
|
70423
|
-
}
|
|
70424
|
-
|
|
70425
|
-
if (!focusables.length) {
|
|
70426
|
-
return;
|
|
70427
|
-
}
|
|
70428
|
-
|
|
70429
|
-
event.preventDefault();
|
|
70430
|
-
|
|
70431
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
70432
|
-
|
|
70433
|
-
// Walk the active element chain through shadow roots
|
|
70434
|
-
const actives = this._getActiveElements();
|
|
70435
|
-
|
|
70436
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
70437
|
-
|
|
70438
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
70439
|
-
// Focus is not on a known element — move to first/last
|
|
70440
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
70441
|
-
}
|
|
70442
|
-
|
|
70443
|
-
// Try each element in order, skipping any that can't receive focus
|
|
70444
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
70445
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
70446
|
-
let nextIdx = idx + direction;
|
|
70447
|
-
|
|
70448
|
-
// Wrap around
|
|
70449
|
-
if (nextIdx < 0) {
|
|
70450
|
-
nextIdx = focusables.length - 1;
|
|
70451
|
-
} else if (nextIdx >= focusables.length) {
|
|
70452
|
-
nextIdx = 0;
|
|
70453
|
-
}
|
|
70454
|
-
|
|
70455
|
-
focusables[nextIdx].focus();
|
|
70456
|
-
|
|
70457
|
-
// Verify focus actually moved to the target
|
|
70458
|
-
const newActives = this._getActiveElements();
|
|
70459
|
-
|
|
70460
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
70461
|
-
return;
|
|
70462
|
-
}
|
|
70463
|
-
|
|
70464
|
-
// Focus didn't stick — skip this element and try the next
|
|
70465
|
-
idx = nextIdx;
|
|
70466
|
-
}
|
|
70467
|
-
};
|
|
70468
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
70469
|
-
|
|
70470
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
70471
|
-
requestAnimationFrame(() => {
|
|
70472
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
70473
|
-
if (focusables.length) {
|
|
70474
|
-
focusables[0].focus();
|
|
70475
|
-
}
|
|
70476
|
-
});
|
|
70477
|
-
} else {
|
|
70478
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
70479
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
70480
|
-
this.focusTrap.focusFirstElement();
|
|
70481
|
-
}
|
|
68737
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
68738
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
68739
|
+
this.focusTrap.focusFirstElement();
|
|
70482
68740
|
}
|
|
70483
68741
|
// Fullscreen: showModal() provides native focus trapping
|
|
70484
|
-
}
|
|
70485
|
-
}
|
|
70486
|
-
|
|
70487
|
-
/**
|
|
70488
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
70489
|
-
* @private
|
|
70490
|
-
* @returns {Array<HTMLElement>}
|
|
70491
|
-
*/
|
|
70492
|
-
_getActiveElements() {
|
|
70493
|
-
let { activeElement } = document;
|
|
70494
|
-
const actives = [activeElement];
|
|
70495
|
-
|
|
70496
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
70497
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
70498
|
-
actives.push(activeElement);
|
|
70499
|
-
}
|
|
70500
|
-
|
|
70501
|
-
return actives;
|
|
70502
|
-
}
|
|
70503
|
-
|
|
70504
|
-
/**
|
|
70505
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
70506
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
70507
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
70508
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
70509
|
-
* to ensure all page content outside the host subtree is inert.
|
|
70510
|
-
* @private
|
|
70511
|
-
*/
|
|
70512
|
-
_setPageInert() {
|
|
70513
|
-
if (this._inertSiblings) {
|
|
70514
68742
|
return;
|
|
70515
68743
|
}
|
|
70516
68744
|
|
|
70517
|
-
this.
|
|
70518
|
-
|
|
70519
|
-
|
|
70520
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
70521
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
70522
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
70523
|
-
let host = this;
|
|
70524
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
70525
|
-
host = host.getRootNode().host;
|
|
70526
|
-
}
|
|
70527
|
-
|
|
70528
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
70529
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
70530
|
-
let current = host;
|
|
70531
|
-
while (current.parentElement) {
|
|
70532
|
-
const parent = current.parentElement;
|
|
70533
|
-
for (const sibling of parent.children) {
|
|
70534
|
-
if (sibling !== current && !sibling.inert) {
|
|
70535
|
-
sibling.inert = true;
|
|
70536
|
-
this._inertSiblings.push(sibling);
|
|
70537
|
-
}
|
|
70538
|
-
}
|
|
70539
|
-
current = parent;
|
|
70540
|
-
}
|
|
70541
|
-
}
|
|
70542
|
-
|
|
70543
|
-
/**
|
|
70544
|
-
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
70545
|
-
* @private
|
|
70546
|
-
*/
|
|
70547
|
-
_clearPageInert() {
|
|
70548
|
-
if (this._inertSiblings) {
|
|
70549
|
-
for (const sibling of this._inertSiblings) {
|
|
70550
|
-
sibling.inert = false;
|
|
70551
|
-
}
|
|
70552
|
-
this._inertSiblings = undefined;
|
|
68745
|
+
if (this.focusTrap) {
|
|
68746
|
+
this.focusTrap.disconnect();
|
|
68747
|
+
this.focusTrap = undefined;
|
|
70553
68748
|
}
|
|
70554
68749
|
}
|
|
70555
68750
|
|
|
@@ -70788,7 +68983,6 @@ class AuroDropdown extends AuroElement {
|
|
|
70788
68983
|
shape="${this.shape}"
|
|
70789
68984
|
?data-show="${this.isPopoverVisible}"
|
|
70790
68985
|
?isfullscreen="${this.isBibFullscreen}"
|
|
70791
|
-
?desktopmodal="${this.desktopModal}"
|
|
70792
68986
|
.dialogLabel="${this.bibDialogLabel}"
|
|
70793
68987
|
${n$6(this.bibElement)}
|
|
70794
68988
|
>
|
|
@@ -71156,14 +69350,6 @@ class AuroBibtemplate extends i$3 {
|
|
|
71156
69350
|
large: {
|
|
71157
69351
|
type: Boolean,
|
|
71158
69352
|
reflect: true
|
|
71159
|
-
},
|
|
71160
|
-
|
|
71161
|
-
/**
|
|
71162
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
71163
|
-
*/
|
|
71164
|
-
showFooter: {
|
|
71165
|
-
type: Boolean,
|
|
71166
|
-
reflect: true
|
|
71167
69353
|
}
|
|
71168
69354
|
};
|
|
71169
69355
|
}
|
|
@@ -71266,7 +69452,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
71266
69452
|
<slot></slot>
|
|
71267
69453
|
</div>
|
|
71268
69454
|
|
|
71269
|
-
${this.isFullscreen
|
|
69455
|
+
${this.isFullscreen ? u$d`
|
|
71270
69456
|
<div id="footerContainer">
|
|
71271
69457
|
<slot name="footer"></slot>
|
|
71272
69458
|
</div>` : null}
|
|
@@ -71503,7 +69689,7 @@ class AuroHelpText extends i$3 {
|
|
|
71503
69689
|
}
|
|
71504
69690
|
}
|
|
71505
69691
|
|
|
71506
|
-
var formkitVersion = '
|
|
69692
|
+
var formkitVersion = '202605192014';
|
|
71507
69693
|
|
|
71508
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}`;
|
|
71509
69695
|
|