@aurodesignsystem-dev/auro-formkit 0.0.0-pr1474.4 → 0.0.0-pr1475.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 +7 -0
- package/components/bibtemplate/dist/index.js +9 -1
- package/components/bibtemplate/dist/registered.js +9 -1
- package/components/checkbox/demo/customize.html +2 -1
- 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.html +2 -1
- package/components/combobox/demo/customize.md +130 -106
- package/components/combobox/demo/customize.min.js +209 -16
- package/components/combobox/demo/getting-started.min.js +209 -16
- package/components/combobox/demo/index.min.js +209 -16
- package/components/combobox/dist/index.js +209 -16
- package/components/combobox/dist/registered.js +209 -16
- package/components/counter/demo/customize.min.js +208 -15
- package/components/counter/demo/index.min.js +208 -15
- package/components/counter/demo/keyboard-behavior.md +1 -0
- package/components/counter/dist/index.js +10 -2
- package/components/counter/dist/registered.js +10 -2
- package/components/datepicker/demo/accessibility.md +51 -3
- package/components/datepicker/demo/api.md +9 -0
- package/components/datepicker/demo/customize.html +2 -0
- package/components/datepicker/demo/customize.js +19 -0
- package/components/datepicker/demo/customize.md +72 -8
- package/components/datepicker/demo/customize.min.js +25690 -0
- package/components/datepicker/demo/design.md +3 -1
- package/components/datepicker/demo/index.js +2 -1
- package/components/datepicker/demo/index.md +81 -1
- package/components/datepicker/demo/index.min.js +1223 -101
- package/components/datepicker/demo/keyboard-behavior.md +201 -2
- package/components/datepicker/demo/voiceover.md +19 -12
- package/components/datepicker/dist/index.js +1155 -104
- package/components/datepicker/dist/registered.js +1155 -104
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +59 -0
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +84 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +80 -0
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +5 -3
- package/components/dropdown/demo/accessibility.md +11 -0
- package/components/dropdown/demo/api.md +1 -0
- package/components/dropdown/demo/customize.md +3 -0
- package/components/dropdown/demo/customize.min.js +198 -13
- package/components/dropdown/demo/getting-started.min.js +198 -13
- package/components/dropdown/demo/index.min.js +198 -13
- package/components/dropdown/demo/keyboard-behavior.md +1 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +30 -1
- package/components/dropdown/dist/index.js +198 -13
- package/components/dropdown/dist/registered.js +198 -13
- package/components/form/demo/customize.html +6 -6
- package/components/form/demo/customize.js +0 -17
- package/components/form/demo/customize.md +51 -125
- package/components/form/demo/customize.min.js +1776 -327
- package/components/form/demo/getting-started.min.js +1776 -291
- package/components/form/demo/index.min.js +1776 -291
- package/components/form/demo/registerDemoDeps.min.js +1769 -139
- package/components/form/dist/auro-form.d.ts +5 -45
- package/components/form/dist/index.js +7 -152
- package/components/form/dist/registered.js +7 -152
- package/components/input/demo/customize.html +2 -1
- 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/customize.min.js +2186 -0
- package/components/radio/demo/demo-support.min.js +55807 -0
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/getting-started.min.js +2205 -0
- 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.html +2 -2
- package/components/select/demo/customize.min.js +208 -15
- package/components/select/demo/getting-started.min.js +208 -15
- package/components/select/demo/index.min.js +208 -15
- package/components/select/demo/keyboard-behavior.md +1 -0
- package/components/select/dist/index.js +208 -15
- package/components/select/dist/registered.js +208 -15
- package/custom-elements.json +703 -91
- package/package.json +2 -2
|
@@ -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 = '202605182147';
|
|
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;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:""}`;
|
|
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}`;
|
|
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}.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}.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%}`;
|
|
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.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}}`;
|
|
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}}`;
|
|
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.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}`;
|
|
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.blackout{--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,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)}
|
|
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)}
|
|
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._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
|
|
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.hasAttribute("role")||this.setAttribute("role","none"),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='button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';let i=Boolean(this.trigger.querySelector(t));!i&&this.trigger.localName.includes("-")&&(i=!this.trigger.shadowRoot||Boolean(this.trigger.shadowRoot.querySelector(t))),e||i||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const s=this.shadowRoot.querySelector("slot:not([name])"),r=()=>s.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();this.trigger.setAttribute("aria-description",r()),this._onSlotChange=()=>{this.trigger?.setAttribute("aria-description",r());},s.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" aria-hidden="true">
|
|
15323
15323
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
15324
|
-
<
|
|
15324
|
+
<slot></slot>
|
|
15325
15325
|
</div>
|
|
15326
15326
|
|
|
15327
|
-
<span>
|
|
15327
|
+
<span role="presentation">
|
|
15328
15328
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
15329
15329
|
</span>
|
|
15330
15330
|
`}}
|
|
@@ -15352,6 +15352,8 @@ 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;
|
|
15355
15357
|
|
|
15356
15358
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
15357
15359
|
|
|
@@ -15385,7 +15387,12 @@ class AuroCalendarCell extends i$3 {
|
|
|
15385
15387
|
isCurrentDate: { type: Boolean },
|
|
15386
15388
|
locale: { type: Object },
|
|
15387
15389
|
dateStr: { type: String },
|
|
15388
|
-
renderForDateSlot: { type: Boolean }
|
|
15390
|
+
renderForDateSlot: { type: Boolean },
|
|
15391
|
+
active: {
|
|
15392
|
+
type: Boolean,
|
|
15393
|
+
reflect: true
|
|
15394
|
+
},
|
|
15395
|
+
hasPopoverContent: { type: Boolean }
|
|
15389
15396
|
};
|
|
15390
15397
|
}
|
|
15391
15398
|
|
|
@@ -15444,9 +15451,31 @@ class AuroCalendarCell extends i$3 {
|
|
|
15444
15451
|
* @returns {void}
|
|
15445
15452
|
*/
|
|
15446
15453
|
handleTap() {
|
|
15447
|
-
if (!this.disabled) {
|
|
15454
|
+
if (!this.disabled && !this.isBlackout()) {
|
|
15448
15455
|
this.datepicker.handleCellClick(this.day.date);
|
|
15449
15456
|
}
|
|
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
|
+
}
|
|
15467
|
+
|
|
15468
|
+
/**
|
|
15469
|
+
* Handles Enter/Space key on the cell button.
|
|
15470
|
+
* @private
|
|
15471
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
15472
|
+
* @returns {void}
|
|
15473
|
+
*/
|
|
15474
|
+
handleKeyDown(event) {
|
|
15475
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
15476
|
+
event.preventDefault();
|
|
15477
|
+
this.handleTap();
|
|
15478
|
+
}
|
|
15450
15479
|
}
|
|
15451
15480
|
|
|
15452
15481
|
/**
|
|
@@ -15455,6 +15484,7 @@ class AuroCalendarCell extends i$3 {
|
|
|
15455
15484
|
* @returns {void}
|
|
15456
15485
|
*/
|
|
15457
15486
|
handleHover() {
|
|
15487
|
+
if (this.hovered) return;
|
|
15458
15488
|
this.hovered = true;
|
|
15459
15489
|
|
|
15460
15490
|
let _a;
|
|
@@ -15463,8 +15493,49 @@ class AuroCalendarCell extends i$3 {
|
|
|
15463
15493
|
}));
|
|
15464
15494
|
}
|
|
15465
15495
|
|
|
15496
|
+
/**
|
|
15497
|
+
* Checks if the current date is outside the valid min/max range.
|
|
15498
|
+
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
15499
|
+
* @private
|
|
15500
|
+
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15501
|
+
* @param {Number} min - The minimum date value.
|
|
15502
|
+
* @param {Number} max - The maximum date value.
|
|
15503
|
+
* @returns {Boolean} - True if the date is out of range.
|
|
15504
|
+
*/
|
|
15505
|
+
isOutOfRange(day, min, max) {
|
|
15506
|
+
if (day && day.date != null) {
|
|
15507
|
+
return day.date < min || day.date > max;
|
|
15508
|
+
}
|
|
15509
|
+
return false;
|
|
15510
|
+
}
|
|
15511
|
+
|
|
15512
|
+
/**
|
|
15513
|
+
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
15514
|
+
* Blackout cells are focusable but not selectable.
|
|
15515
|
+
* @private
|
|
15516
|
+
* @returns {Boolean} - True if the date is a blackout date.
|
|
15517
|
+
*/
|
|
15518
|
+
isBlackout() {
|
|
15519
|
+
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
15520
|
+
return false;
|
|
15521
|
+
}
|
|
15522
|
+
|
|
15523
|
+
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
15524
|
+
const blackoutDates = this.datepicker?.blackoutDates;
|
|
15525
|
+
|
|
15526
|
+
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
15527
|
+
const cellDate = new Date(this.day.date * 1000).toISOString().split('T')[0];
|
|
15528
|
+
if (blackoutDates.includes(cellDate)) {
|
|
15529
|
+
return true;
|
|
15530
|
+
}
|
|
15531
|
+
}
|
|
15532
|
+
|
|
15533
|
+
return false;
|
|
15534
|
+
}
|
|
15535
|
+
|
|
15466
15536
|
/**
|
|
15467
15537
|
* Checks if the current date is a valid date depending on the min and max values.
|
|
15538
|
+
* Sets the disabled attribute for both out-of-range and blackout dates.
|
|
15468
15539
|
* @private
|
|
15469
15540
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15470
15541
|
* @param {Number} min - The minimum date value.
|
|
@@ -15484,6 +15555,90 @@ class AuroCalendarCell extends i$3 {
|
|
|
15484
15555
|
return false;
|
|
15485
15556
|
}
|
|
15486
15557
|
|
|
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
|
|
15584
|
+
const dateFormatter = new Intl.DateTimeFormat(undefined, {
|
|
15585
|
+
weekday: 'long',
|
|
15586
|
+
year: 'numeric',
|
|
15587
|
+
month: 'long',
|
|
15588
|
+
day: 'numeric'
|
|
15589
|
+
});
|
|
15590
|
+
|
|
15591
|
+
let label = dateFormatter.format(date);
|
|
15592
|
+
|
|
15593
|
+
// appending popover content here so that it get's read in a logical order with the other date content.
|
|
15594
|
+
if (this.hasPopoverContent) {
|
|
15595
|
+
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
15596
|
+
}
|
|
15597
|
+
|
|
15598
|
+
// Append range position if in range mode
|
|
15599
|
+
const rangePosition = this.getRangePosition();
|
|
15600
|
+
if (rangePosition) {
|
|
15601
|
+
label += `, ${rangePosition}`;
|
|
15602
|
+
}
|
|
15603
|
+
|
|
15604
|
+
// Append blackout label for blackout cells
|
|
15605
|
+
if (this.isBlackout()) {
|
|
15606
|
+
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
15607
|
+
}
|
|
15608
|
+
|
|
15609
|
+
return label;
|
|
15610
|
+
}
|
|
15611
|
+
|
|
15612
|
+
/**
|
|
15613
|
+
* Determines the range position of this cell relative to the current selection.
|
|
15614
|
+
* @private
|
|
15615
|
+
* @returns {String|null} Range position label or null if not in range mode.
|
|
15616
|
+
*/
|
|
15617
|
+
getRangePosition() {
|
|
15618
|
+
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
15619
|
+
|
|
15620
|
+
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
15621
|
+
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
15622
|
+
|
|
15623
|
+
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
15624
|
+
const dayDate = this.day.date;
|
|
15625
|
+
|
|
15626
|
+
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
15627
|
+
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
15628
|
+
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
15629
|
+
|
|
15630
|
+
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
15631
|
+
|
|
15632
|
+
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
15633
|
+
|
|
15634
|
+
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
15635
|
+
|
|
15636
|
+
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
15637
|
+
|
|
15638
|
+
// After start date, no end date yet, or after end date
|
|
15639
|
+
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
15640
|
+
}
|
|
15641
|
+
|
|
15487
15642
|
/**
|
|
15488
15643
|
* Checks if the current date is the depart date.
|
|
15489
15644
|
* @private
|
|
@@ -15645,9 +15800,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15645
15800
|
|
|
15646
15801
|
if (popoverSlotContent) {
|
|
15647
15802
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
15648
|
-
this.
|
|
15803
|
+
this.hasPopoverContent = true;
|
|
15649
15804
|
} else {
|
|
15650
|
-
this.
|
|
15805
|
+
this.hasPopoverContent = false;
|
|
15651
15806
|
}
|
|
15652
15807
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
15653
15808
|
// Error handling goes here
|
|
@@ -15669,7 +15824,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15669
15824
|
|
|
15670
15825
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
15671
15826
|
|
|
15672
|
-
this.auroPopover
|
|
15827
|
+
if (this.auroPopover) {
|
|
15828
|
+
this.auroPopover.boundary = calendarMonth;
|
|
15829
|
+
}
|
|
15673
15830
|
}
|
|
15674
15831
|
|
|
15675
15832
|
updated(properties) {
|
|
@@ -15677,46 +15834,83 @@ class AuroCalendarCell extends i$3 {
|
|
|
15677
15834
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
15678
15835
|
}
|
|
15679
15836
|
|
|
15680
|
-
this.
|
|
15681
|
-
|
|
15837
|
+
if (this.day) {
|
|
15838
|
+
this.setDateSlotName();
|
|
15839
|
+
this.handleSlotContent();
|
|
15840
|
+
}
|
|
15682
15841
|
}
|
|
15683
15842
|
|
|
15684
|
-
|
|
15843
|
+
/**
|
|
15844
|
+
* Programmatically focuses the cell's interactive button element.
|
|
15845
|
+
* @returns {void}
|
|
15846
|
+
*/
|
|
15847
|
+
focusButton() {
|
|
15848
|
+
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
15849
|
+
if (button) {
|
|
15850
|
+
button.focus();
|
|
15851
|
+
}
|
|
15852
|
+
}
|
|
15853
|
+
|
|
15854
|
+
renderCellButton() {
|
|
15855
|
+
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
15856
|
+
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
15857
|
+
const blackout = this.isBlackout();
|
|
15858
|
+
|
|
15685
15859
|
const buttonClasses = {
|
|
15686
15860
|
'day': true,
|
|
15687
15861
|
'body-lg': true,
|
|
15688
15862
|
'currentDate': this.currentDate,
|
|
15689
15863
|
'selected': this.selected,
|
|
15690
|
-
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15864
|
+
'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15691
15865
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
15692
|
-
'disabled':
|
|
15693
|
-
'
|
|
15694
|
-
'
|
|
15866
|
+
'disabled': outOfRange,
|
|
15867
|
+
'blackout': blackout,
|
|
15868
|
+
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
15869
|
+
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
15695
15870
|
'reference': this.isReferenceDate(this.dateStr),
|
|
15696
|
-
'sameDateTrip': this.dateFrom === this.dateTo
|
|
15871
|
+
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
15697
15872
|
};
|
|
15698
15873
|
|
|
15699
|
-
let _a, _b;
|
|
15700
15874
|
return u$d`
|
|
15701
|
-
|
|
15702
|
-
|
|
15703
|
-
|
|
15704
|
-
|
|
15705
|
-
|
|
15706
|
-
|
|
15707
|
-
|
|
15708
|
-
|
|
15709
|
-
|
|
15710
|
-
|
|
15711
|
-
|
|
15712
|
-
|
|
15713
|
-
|
|
15714
|
-
|
|
15715
|
-
|
|
15716
|
-
|
|
15717
|
-
</div>
|
|
15718
|
-
</
|
|
15719
|
-
|
|
15875
|
+
<button
|
|
15876
|
+
slot="trigger"
|
|
15877
|
+
id="${this.getCellId()}"
|
|
15878
|
+
role="${role}"
|
|
15879
|
+
@click="${outOfRange ? A$7 : this.handleTap}"
|
|
15880
|
+
@mouseover="${outOfRange ? A$7 : this.handleHover}"
|
|
15881
|
+
@focus="${outOfRange ? A$7 : this.handleHover}"
|
|
15882
|
+
class="${e$3(buttonClasses)}"
|
|
15883
|
+
?disabled="${outOfRange}"
|
|
15884
|
+
?aria-disabled="${blackout}"
|
|
15885
|
+
?aria-hidden="${outOfRange}"
|
|
15886
|
+
aria-selected="${this.selected ? 'true' : 'false'}"
|
|
15887
|
+
aria-current="${this.isCurrentDate ? 'date' : A$7}"
|
|
15888
|
+
tabindex="${this.active ? '0' : '-1'}">
|
|
15889
|
+
<span class="srOnly">${this.getAriaLabel()}</span>
|
|
15890
|
+
<div class="buttonWrapper" aria-hidden="true">
|
|
15891
|
+
<div class="currentDayMarker">${this.day?.title || A$7}</div>
|
|
15892
|
+
</div>
|
|
15893
|
+
<div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
|
|
15894
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
15895
|
+
</div>
|
|
15896
|
+
</button>
|
|
15897
|
+
`;
|
|
15898
|
+
}
|
|
15899
|
+
|
|
15900
|
+
render() {
|
|
15901
|
+
const hasPopoverContent = this.hasPopoverContent;
|
|
15902
|
+
|
|
15903
|
+
if (hasPopoverContent) {
|
|
15904
|
+
return u$d`
|
|
15905
|
+
<${this.popoverTag}>
|
|
15906
|
+
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
15907
|
+
${this.renderCellButton()}
|
|
15908
|
+
</${this.popoverTag}>
|
|
15909
|
+
`;
|
|
15910
|
+
}
|
|
15911
|
+
|
|
15912
|
+
return u$d`
|
|
15913
|
+
${this.renderCellButton()}
|
|
15720
15914
|
`;
|
|
15721
15915
|
}
|
|
15722
15916
|
}
|
|
@@ -15784,16 +15978,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15784
15978
|
return this.monthNames[month - 1];
|
|
15785
15979
|
}
|
|
15786
15980
|
|
|
15981
|
+
/**
|
|
15982
|
+
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
15983
|
+
* @private
|
|
15984
|
+
* @returns {String} The heading ID.
|
|
15985
|
+
*/
|
|
15986
|
+
getHeadingId() {
|
|
15987
|
+
return `month-heading-${this.month}-${this.year}`;
|
|
15988
|
+
}
|
|
15989
|
+
|
|
15787
15990
|
/**
|
|
15788
15991
|
* Determines the current month name based on locale.
|
|
15992
|
+
* Also builds parallel arrays of full day names for abbr attributes.
|
|
15789
15993
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
15790
15994
|
* @private
|
|
15791
15995
|
* @returns {void}
|
|
15792
15996
|
*/
|
|
15793
15997
|
localeChanged() {
|
|
15794
15998
|
const dayNamesOfTheWeek = [];
|
|
15999
|
+
const dayFullNames = [];
|
|
15795
16000
|
for (let int = 0; int < 7; int += 1) {
|
|
15796
16001
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16002
|
+
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
15797
16003
|
}
|
|
15798
16004
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
15799
16005
|
? this.locale.options.weekStartsOn
|
|
@@ -15804,6 +16010,121 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15804
16010
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
15805
16011
|
.concat(tmp);
|
|
15806
16012
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16013
|
+
|
|
16014
|
+
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16015
|
+
const newDayFullNames = dayFullNames
|
|
16016
|
+
.slice()
|
|
16017
|
+
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16018
|
+
.concat(tmpFull);
|
|
16019
|
+
this.dayFullNames = newDayFullNames;
|
|
16020
|
+
}
|
|
16021
|
+
|
|
16022
|
+
/**
|
|
16023
|
+
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16024
|
+
* @private
|
|
16025
|
+
* @param {String} dayOfWeek - The short day name.
|
|
16026
|
+
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16027
|
+
* @returns {Object} The header HTML.
|
|
16028
|
+
*/
|
|
16029
|
+
renderDayOfWeek(dayOfWeek, index) {
|
|
16030
|
+
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16031
|
+
return b$8`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16032
|
+
}
|
|
16033
|
+
|
|
16034
|
+
/**
|
|
16035
|
+
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16036
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16037
|
+
*/
|
|
16038
|
+
getFocusableCells() {
|
|
16039
|
+
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16040
|
+
return cells.filter(cell => {
|
|
16041
|
+
if (!cell.day) return false;
|
|
16042
|
+
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16043
|
+
});
|
|
16044
|
+
}
|
|
16045
|
+
|
|
16046
|
+
/**
|
|
16047
|
+
* Handles arrow key navigation within the month grid.
|
|
16048
|
+
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16049
|
+
* @private
|
|
16050
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
16051
|
+
* @returns {void}
|
|
16052
|
+
*/
|
|
16053
|
+
handleGridKeyDown(event) {
|
|
16054
|
+
const { key } = event;
|
|
16055
|
+
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16056
|
+
|
|
16057
|
+
if (!arrowKeys.includes(key)) return;
|
|
16058
|
+
|
|
16059
|
+
event.preventDefault();
|
|
16060
|
+
|
|
16061
|
+
const focusableCells = this.getFocusableCells();
|
|
16062
|
+
if (focusableCells.length === 0) return;
|
|
16063
|
+
|
|
16064
|
+
// Find the currently active cell within this month
|
|
16065
|
+
const activeCell = focusableCells.find(cell => cell.active);
|
|
16066
|
+
if (!activeCell) return;
|
|
16067
|
+
|
|
16068
|
+
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16069
|
+
let targetCell = null;
|
|
16070
|
+
|
|
16071
|
+
if (key === 'ArrowRight') {
|
|
16072
|
+
if (activeIndex < focusableCells.length - 1) {
|
|
16073
|
+
targetCell = focusableCells[activeIndex + 1];
|
|
16074
|
+
} else {
|
|
16075
|
+
// At end of month, request cross-month navigation
|
|
16076
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16077
|
+
bubbles: true,
|
|
16078
|
+
composed: true,
|
|
16079
|
+
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16080
|
+
}));
|
|
16081
|
+
return;
|
|
16082
|
+
}
|
|
16083
|
+
} else if (key === 'ArrowLeft') {
|
|
16084
|
+
if (activeIndex > 0) {
|
|
16085
|
+
targetCell = focusableCells[activeIndex - 1];
|
|
16086
|
+
} else {
|
|
16087
|
+
// At start of month, request cross-month navigation
|
|
16088
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16089
|
+
bubbles: true,
|
|
16090
|
+
composed: true,
|
|
16091
|
+
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16092
|
+
}));
|
|
16093
|
+
return;
|
|
16094
|
+
}
|
|
16095
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16096
|
+
// Find the target day (same day-of-week, +/- 7 days)
|
|
16097
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16098
|
+
const targetDate = activeCell.day.date + (increment * 86400); // 86400 seconds per day
|
|
16099
|
+
|
|
16100
|
+
// Look for the target date in this month's focusable cells
|
|
16101
|
+
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16102
|
+
|
|
16103
|
+
if (!targetCell) {
|
|
16104
|
+
// Target is in another month or all cells in that direction are disabled
|
|
16105
|
+
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16106
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16107
|
+
bubbles: true,
|
|
16108
|
+
composed: true,
|
|
16109
|
+
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16110
|
+
}));
|
|
16111
|
+
return;
|
|
16112
|
+
}
|
|
16113
|
+
}
|
|
16114
|
+
|
|
16115
|
+
if (targetCell) {
|
|
16116
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16117
|
+
bubbles: true,
|
|
16118
|
+
composed: true,
|
|
16119
|
+
detail: { date: targetCell.day.date }
|
|
16120
|
+
}));
|
|
16121
|
+
}
|
|
16122
|
+
}
|
|
16123
|
+
|
|
16124
|
+
renderWeek(week) {
|
|
16125
|
+
return b$8`
|
|
16126
|
+
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16127
|
+
`;
|
|
15807
16128
|
}
|
|
15808
16129
|
|
|
15809
16130
|
renderDay(day) {
|
|
@@ -15827,7 +16148,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15827
16148
|
>
|
|
15828
16149
|
</auro-formkit-calendar-cell>
|
|
15829
16150
|
`
|
|
15830
|
-
:
|
|
16151
|
+
: b$8`<div aria-hidden="true" inert></div>`}
|
|
15831
16152
|
</div>
|
|
15832
16153
|
`;
|
|
15833
16154
|
}
|
|
@@ -15838,10 +16159,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15838
16159
|
var _a, _b;
|
|
15839
16160
|
|
|
15840
16161
|
return b$8 `
|
|
15841
|
-
<div>
|
|
16162
|
+
<div aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
|
|
15842
16163
|
<div class="header">
|
|
15843
16164
|
${this.renderPrevButton()}
|
|
15844
|
-
<div class="headerTitle heading-xs">
|
|
16165
|
+
<div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
|
|
15845
16166
|
${this.monthFirst ? b$8`
|
|
15846
16167
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
15847
16168
|
<div>${this.renderYear()}</div>
|
|
@@ -15853,13 +16174,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15853
16174
|
${this.renderNextButton()}
|
|
15854
16175
|
</div>
|
|
15855
16176
|
|
|
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))}
|
|
16177
|
+
<div class="table" role="grid" aria-labelledby="${this.getHeadingId()}">
|
|
16178
|
+
<div class="thead" role="rowgroup">
|
|
16179
|
+
<div class="tr" role="row">
|
|
16180
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
|
|
15860
16181
|
</div>
|
|
15861
16182
|
</div>
|
|
15862
|
-
<div class="tbody">
|
|
16183
|
+
<div class="tbody" role="rowgroup">
|
|
15863
16184
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
15864
16185
|
</div>
|
|
15865
16186
|
</div>
|
|
@@ -16552,6 +16873,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16552
16873
|
large: {
|
|
16553
16874
|
type: Boolean,
|
|
16554
16875
|
reflect: true
|
|
16876
|
+
},
|
|
16877
|
+
|
|
16878
|
+
/**
|
|
16879
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
16880
|
+
*/
|
|
16881
|
+
showFooter: {
|
|
16882
|
+
type: Boolean,
|
|
16883
|
+
reflect: true
|
|
16555
16884
|
}
|
|
16556
16885
|
};
|
|
16557
16886
|
}
|
|
@@ -16654,7 +16983,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16654
16983
|
<slot></slot>
|
|
16655
16984
|
</div>
|
|
16656
16985
|
|
|
16657
|
-
${this.isFullscreen ? u$d`
|
|
16986
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
16658
16987
|
<div id="footerContainer">
|
|
16659
16988
|
<slot name="footer"></slot>
|
|
16660
16989
|
</div>` : null}
|
|
@@ -16663,7 +16992,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16663
16992
|
}
|
|
16664
16993
|
};
|
|
16665
16994
|
|
|
16666
|
-
var formkitVersion$2$1 = '
|
|
16995
|
+
var formkitVersion$2$1 = '202605182147';
|
|
16667
16996
|
|
|
16668
16997
|
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}
|
|
16669
16998
|
`,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}}
|
|
@@ -16761,6 +17090,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16761
17090
|
this.largeFullscreenHeadline = false;
|
|
16762
17091
|
this.isFullscreen = false;
|
|
16763
17092
|
|
|
17093
|
+
/**
|
|
17094
|
+
* The date of the currently active cell (Unix timestamp).
|
|
17095
|
+
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17096
|
+
* @private
|
|
17097
|
+
*/
|
|
17098
|
+
this.activeCellDate = null;
|
|
17099
|
+
|
|
16764
17100
|
/**
|
|
16765
17101
|
* @private
|
|
16766
17102
|
*/
|
|
@@ -16926,6 +17262,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16926
17262
|
*/
|
|
16927
17263
|
handlePrevMonth() {
|
|
16928
17264
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
17265
|
+
this.announceMonthChange();
|
|
16929
17266
|
}
|
|
16930
17267
|
|
|
16931
17268
|
/**
|
|
@@ -16935,6 +17272,18 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16935
17272
|
*/
|
|
16936
17273
|
handleNextMonth() {
|
|
16937
17274
|
this.utilCal.handleMonthChange(this, 'next');
|
|
17275
|
+
this.announceMonthChange();
|
|
17276
|
+
}
|
|
17277
|
+
|
|
17278
|
+
/**
|
|
17279
|
+
* Announces the current month and year via the live region after navigation.
|
|
17280
|
+
* @private
|
|
17281
|
+
* @returns {void}
|
|
17282
|
+
*/
|
|
17283
|
+
announceMonthChange() {
|
|
17284
|
+
const date = new Date(this.centralDate);
|
|
17285
|
+
const formatter = new Intl.DateTimeFormat(undefined, { month: 'long', year: 'numeric' });
|
|
17286
|
+
this.announceSelection(formatter.format(date));
|
|
16938
17287
|
}
|
|
16939
17288
|
|
|
16940
17289
|
/**
|
|
@@ -17042,6 +17391,300 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17042
17391
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17043
17392
|
}
|
|
17044
17393
|
|
|
17394
|
+
/**
|
|
17395
|
+
* Gets all rendered month components.
|
|
17396
|
+
* @private
|
|
17397
|
+
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
17398
|
+
*/
|
|
17399
|
+
getMonthComponents() {
|
|
17400
|
+
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
17401
|
+
}
|
|
17402
|
+
|
|
17403
|
+
/**
|
|
17404
|
+
* Gets all focusable cells across all rendered months.
|
|
17405
|
+
* @private
|
|
17406
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
17407
|
+
*/
|
|
17408
|
+
getAllFocusableCells() {
|
|
17409
|
+
const months = this.getMonthComponents();
|
|
17410
|
+
let cells = [];
|
|
17411
|
+
months.forEach(month => {
|
|
17412
|
+
cells = cells.concat(month.getFocusableCells());
|
|
17413
|
+
});
|
|
17414
|
+
return cells;
|
|
17415
|
+
}
|
|
17416
|
+
|
|
17417
|
+
/**
|
|
17418
|
+
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
17419
|
+
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
17420
|
+
* @returns {void}
|
|
17421
|
+
*/
|
|
17422
|
+
setActiveCell(date) {
|
|
17423
|
+
const allCells = this.getAllFocusableCells();
|
|
17424
|
+
|
|
17425
|
+
allCells.forEach(cell => {
|
|
17426
|
+
cell.active = cell.day && cell.day.date === date;
|
|
17427
|
+
});
|
|
17428
|
+
|
|
17429
|
+
this.activeCellDate = date;
|
|
17430
|
+
}
|
|
17431
|
+
|
|
17432
|
+
/**
|
|
17433
|
+
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
17434
|
+
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
17435
|
+
* to complete so the focused button is the final DOM element.
|
|
17436
|
+
* @returns {void}
|
|
17437
|
+
*/
|
|
17438
|
+
focusActiveCell() {
|
|
17439
|
+
if (this.activeCellDate != null) {
|
|
17440
|
+
this.setActiveCell(this.activeCellDate);
|
|
17441
|
+
}
|
|
17442
|
+
|
|
17443
|
+
const allCells = this.getAllFocusableCells();
|
|
17444
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
17445
|
+
if (activeCell) {
|
|
17446
|
+
activeCell.updateComplete.then(() => {
|
|
17447
|
+
activeCell.focusButton();
|
|
17448
|
+
});
|
|
17449
|
+
}
|
|
17450
|
+
}
|
|
17451
|
+
|
|
17452
|
+
/**
|
|
17453
|
+
* Computes the initial active date from data properties alone — no DOM required.
|
|
17454
|
+
* Priority:
|
|
17455
|
+
* 1. Selected date (dateFrom) if within range
|
|
17456
|
+
* 2. Today's date if not disabled (in-range and not blackout)
|
|
17457
|
+
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
17458
|
+
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
17459
|
+
* 5. undefined — no valid target
|
|
17460
|
+
*
|
|
17461
|
+
* @private
|
|
17462
|
+
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
17463
|
+
*/
|
|
17464
|
+
computeActiveDate() {
|
|
17465
|
+
const ONE_DAY = 86400; // seconds
|
|
17466
|
+
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
17467
|
+
|
|
17468
|
+
const rawMin = Number(this.min);
|
|
17469
|
+
const rawMax = Number(this.max);
|
|
17470
|
+
|
|
17471
|
+
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
17472
|
+
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
17473
|
+
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
17474
|
+
|
|
17475
|
+
// Build a Set of blackout timestamps for O(1) lookup.
|
|
17476
|
+
const blackoutSet = new Set(
|
|
17477
|
+
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
17478
|
+
);
|
|
17479
|
+
|
|
17480
|
+
/**
|
|
17481
|
+
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
17482
|
+
* it is within [min, max] AND not a blackout day.
|
|
17483
|
+
*/
|
|
17484
|
+
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
17485
|
+
|
|
17486
|
+
/**
|
|
17487
|
+
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
17488
|
+
* Blackout dates are focusable but not selectable.
|
|
17489
|
+
*/
|
|
17490
|
+
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
17491
|
+
|
|
17492
|
+
// 1. Selected date — always valid target if within range (user chose it).
|
|
17493
|
+
if (this.dateFrom) {
|
|
17494
|
+
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
17495
|
+
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
17496
|
+
}
|
|
17497
|
+
|
|
17498
|
+
// 2. Today's date (midnight-aligned) if enabled.
|
|
17499
|
+
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
17500
|
+
|
|
17501
|
+
if (isEnabled(now)) return now;
|
|
17502
|
+
|
|
17503
|
+
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
17504
|
+
const scanMax = Number.isFinite(maxTs)
|
|
17505
|
+
? Math.min(maxTs, now + (MAX_SCAN_DAYS * ONE_DAY))
|
|
17506
|
+
: now + (MAX_SCAN_DAYS * ONE_DAY);
|
|
17507
|
+
|
|
17508
|
+
for (let ts = now + ONE_DAY; ts <= scanMax; ts += ONE_DAY) {
|
|
17509
|
+
if (isEnabled(ts)) return ts;
|
|
17510
|
+
}
|
|
17511
|
+
|
|
17512
|
+
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
17513
|
+
const scanMin = Number.isFinite(minTs)
|
|
17514
|
+
? Math.max(minTs, now - (MAX_SCAN_DAYS * ONE_DAY))
|
|
17515
|
+
: now - (MAX_SCAN_DAYS * ONE_DAY);
|
|
17516
|
+
|
|
17517
|
+
for (let ts = now - ONE_DAY; ts >= scanMin; ts -= ONE_DAY) {
|
|
17518
|
+
if (isEnabled(ts)) return ts;
|
|
17519
|
+
}
|
|
17520
|
+
|
|
17521
|
+
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
17522
|
+
// the first enabled date in the [min, max] range.
|
|
17523
|
+
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17524
|
+
for (let ts = minTs; ts <= maxTs; ts += ONE_DAY) {
|
|
17525
|
+
if (isEnabled(ts)) return ts;
|
|
17526
|
+
}
|
|
17527
|
+
}
|
|
17528
|
+
|
|
17529
|
+
return undefined;
|
|
17530
|
+
}
|
|
17531
|
+
|
|
17532
|
+
/**
|
|
17533
|
+
* Handles cross-month boundary navigation events from month components.
|
|
17534
|
+
* @private
|
|
17535
|
+
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
17536
|
+
* @returns {void}
|
|
17537
|
+
*/
|
|
17538
|
+
handleMonthBoundary(event) {
|
|
17539
|
+
const { direction, fromDate, key } = event.detail;
|
|
17540
|
+
|
|
17541
|
+
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
17542
|
+
// Linear navigation: find adjacent focusable cell across months
|
|
17543
|
+
const allCells = this.getAllFocusableCells();
|
|
17544
|
+
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
17545
|
+
|
|
17546
|
+
if (currentIndex === -1) return;
|
|
17547
|
+
|
|
17548
|
+
let targetIndex;
|
|
17549
|
+
if (direction === 'next') {
|
|
17550
|
+
targetIndex = currentIndex + 1;
|
|
17551
|
+
} else {
|
|
17552
|
+
targetIndex = currentIndex - 1;
|
|
17553
|
+
}
|
|
17554
|
+
|
|
17555
|
+
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
17556
|
+
const targetCell = allCells[targetIndex];
|
|
17557
|
+
this.setActiveCell(targetCell.day.date);
|
|
17558
|
+
this.scrollToActiveCell();
|
|
17559
|
+
this.focusActiveCell();
|
|
17560
|
+
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
17561
|
+
// Navigate to next month and try again
|
|
17562
|
+
this.handleNextMonth();
|
|
17563
|
+
requestAnimationFrame(() => {
|
|
17564
|
+
requestAnimationFrame(() => {
|
|
17565
|
+
const cells = this.getAllFocusableCells();
|
|
17566
|
+
if (cells.length > 0) {
|
|
17567
|
+
this.setActiveCell(cells[0].day.date);
|
|
17568
|
+
this.focusActiveCell();
|
|
17569
|
+
}
|
|
17570
|
+
});
|
|
17571
|
+
});
|
|
17572
|
+
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
17573
|
+
// Navigate to previous month and try again
|
|
17574
|
+
this.handlePrevMonth();
|
|
17575
|
+
requestAnimationFrame(() => {
|
|
17576
|
+
requestAnimationFrame(() => {
|
|
17577
|
+
const cells = this.getAllFocusableCells();
|
|
17578
|
+
if (cells.length > 0) {
|
|
17579
|
+
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
17580
|
+
this.focusActiveCell();
|
|
17581
|
+
}
|
|
17582
|
+
});
|
|
17583
|
+
});
|
|
17584
|
+
}
|
|
17585
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
17586
|
+
// Vertical navigation: find same day-of-week +/- 7 days
|
|
17587
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
17588
|
+
const targetDate = fromDate + (increment * 86400);
|
|
17589
|
+
|
|
17590
|
+
const allCells = this.getAllFocusableCells();
|
|
17591
|
+
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17592
|
+
|
|
17593
|
+
if (targetCell) {
|
|
17594
|
+
this.setActiveCell(targetCell.day.date);
|
|
17595
|
+
this.scrollToActiveCell();
|
|
17596
|
+
this.focusActiveCell();
|
|
17597
|
+
} else {
|
|
17598
|
+
// Target might be in an unrendered month, navigate there
|
|
17599
|
+
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
17600
|
+
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
17601
|
+
if (navDirection === 'next') {
|
|
17602
|
+
this.handleNextMonth();
|
|
17603
|
+
} else {
|
|
17604
|
+
this.handlePrevMonth();
|
|
17605
|
+
}
|
|
17606
|
+
requestAnimationFrame(() => {
|
|
17607
|
+
requestAnimationFrame(() => {
|
|
17608
|
+
const cells = this.getAllFocusableCells();
|
|
17609
|
+
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17610
|
+
if (target) {
|
|
17611
|
+
this.setActiveCell(target.day.date);
|
|
17612
|
+
this.focusActiveCell();
|
|
17613
|
+
} else if (cells.length > 0) {
|
|
17614
|
+
// Clamp to nearest focusable cell
|
|
17615
|
+
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
17616
|
+
this.setActiveCell(nearest.day.date);
|
|
17617
|
+
this.focusActiveCell();
|
|
17618
|
+
}
|
|
17619
|
+
});
|
|
17620
|
+
});
|
|
17621
|
+
}
|
|
17622
|
+
}
|
|
17623
|
+
}
|
|
17624
|
+
}
|
|
17625
|
+
|
|
17626
|
+
/**
|
|
17627
|
+
* Handles cell activation events from month components.
|
|
17628
|
+
* @private
|
|
17629
|
+
* @param {CustomEvent} event - The activation event with target date.
|
|
17630
|
+
* @returns {void}
|
|
17631
|
+
*/
|
|
17632
|
+
handleCellActivate(event) {
|
|
17633
|
+
const { date } = event.detail;
|
|
17634
|
+
this.setActiveCell(date);
|
|
17635
|
+
this.focusActiveCell();
|
|
17636
|
+
}
|
|
17637
|
+
|
|
17638
|
+
/**
|
|
17639
|
+
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
17640
|
+
* @private
|
|
17641
|
+
* @returns {void}
|
|
17642
|
+
*/
|
|
17643
|
+
scrollToActiveCell() {
|
|
17644
|
+
if (this.activeCellDate == null) return;
|
|
17645
|
+
|
|
17646
|
+
const date = new Date(this.activeCellDate * 1000);
|
|
17647
|
+
const month = date.getMonth() + 1;
|
|
17648
|
+
const year = date.getFullYear();
|
|
17649
|
+
const selector = `#month-${month}-${year}`;
|
|
17650
|
+
const monthElem = this.shadowRoot.querySelector(selector);
|
|
17651
|
+
|
|
17652
|
+
if (monthElem) {
|
|
17653
|
+
monthElem.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
17654
|
+
}
|
|
17655
|
+
}
|
|
17656
|
+
|
|
17657
|
+
/**
|
|
17658
|
+
* Announces a date selection via the live region.
|
|
17659
|
+
* @private
|
|
17660
|
+
* @param {String} dateStr - The localized date string to announce.
|
|
17661
|
+
* @returns {void}
|
|
17662
|
+
*/
|
|
17663
|
+
announceSelection(dateStr) {
|
|
17664
|
+
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
17665
|
+
if (liveRegion) {
|
|
17666
|
+
liveRegion.textContent = '';
|
|
17667
|
+
// Use microtask to ensure SR picks up the change
|
|
17668
|
+
Promise.resolve().then(() => {
|
|
17669
|
+
liveRegion.textContent = dateStr;
|
|
17670
|
+
});
|
|
17671
|
+
}
|
|
17672
|
+
}
|
|
17673
|
+
|
|
17674
|
+
/**
|
|
17675
|
+
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
17676
|
+
* @private
|
|
17677
|
+
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
17678
|
+
* @returns {String} Localized date string.
|
|
17679
|
+
*/
|
|
17680
|
+
formatAnnouncementDate(timestamp) {
|
|
17681
|
+
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
17682
|
+
const formatter = new Intl.DateTimeFormat(undefined, {
|
|
17683
|
+
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
17684
|
+
});
|
|
17685
|
+
return formatter.format(date);
|
|
17686
|
+
}
|
|
17687
|
+
|
|
17045
17688
|
firstUpdated() {
|
|
17046
17689
|
this.addEventListener('date-from-changed', () => {
|
|
17047
17690
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17061,6 +17704,16 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17061
17704
|
composed: true,
|
|
17062
17705
|
}));
|
|
17063
17706
|
});
|
|
17707
|
+
|
|
17708
|
+
// Listen for cross-month boundary navigation events
|
|
17709
|
+
this.addEventListener('calendar-month-boundary', (event) => {
|
|
17710
|
+
this.handleMonthBoundary(event);
|
|
17711
|
+
});
|
|
17712
|
+
|
|
17713
|
+
// Listen for cell activation events
|
|
17714
|
+
this.addEventListener('calendar-cell-activate', (event) => {
|
|
17715
|
+
this.handleCellActivate(event);
|
|
17716
|
+
});
|
|
17064
17717
|
}
|
|
17065
17718
|
|
|
17066
17719
|
injectSlot(slotName, nodes) {
|
|
@@ -17085,7 +17738,37 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17085
17738
|
}
|
|
17086
17739
|
|
|
17087
17740
|
if (changedProperties.has('visible')) {
|
|
17088
|
-
|
|
17741
|
+
if (this.visible) {
|
|
17742
|
+
// Compute the active date eagerly from data — no DOM needed.
|
|
17743
|
+
if (this.activeCellDate == null) {
|
|
17744
|
+
this.activeCellDate = this.computeActiveDate();
|
|
17745
|
+
}
|
|
17746
|
+
|
|
17747
|
+
this.requestUpdate();
|
|
17748
|
+
} else {
|
|
17749
|
+
this.requestUpdate();
|
|
17750
|
+
}
|
|
17751
|
+
}
|
|
17752
|
+
|
|
17753
|
+
// Announce date selection to screen readers when user clicks/selects a cell
|
|
17754
|
+
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
17755
|
+
|
|
17756
|
+
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
17757
|
+
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
17758
|
+
const isRange = !this.noRange;
|
|
17759
|
+
|
|
17760
|
+
if (isRange) {
|
|
17761
|
+
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
17762
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17763
|
+
} else {
|
|
17764
|
+
this.announceSelection(`${dateStr}, selected`);
|
|
17765
|
+
}
|
|
17766
|
+
}
|
|
17767
|
+
|
|
17768
|
+
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
17769
|
+
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
17770
|
+
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
17771
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17089
17772
|
}
|
|
17090
17773
|
}
|
|
17091
17774
|
|
|
@@ -17094,6 +17777,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17094
17777
|
<${this.bibtemplateTag}
|
|
17095
17778
|
?large="${this.largeFullscreenHeadline}"
|
|
17096
17779
|
?isFullscreen="${this.isFullscreen}"
|
|
17780
|
+
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17097
17781
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17098
17782
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17099
17783
|
|
|
@@ -17111,24 +17795,26 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17111
17795
|
</div>
|
|
17112
17796
|
</div>
|
|
17113
17797
|
|
|
17114
|
-
<div class="calendarWrapper">
|
|
17115
|
-
<div class="calendars">
|
|
17116
|
-
${this.renderAllCalendars()}
|
|
17117
|
-
</div>
|
|
17798
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
17118
17799
|
<div class="calendarNavButtons">
|
|
17119
17800
|
${this.showPrevMonthBtn ? u$d`
|
|
17120
|
-
<button tabIndex="
|
|
17801
|
+
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
17121
17802
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17122
17803
|
</button>
|
|
17123
17804
|
` : undefined}
|
|
17124
17805
|
${this.showNextMonthBtn ? u$d`
|
|
17125
|
-
<button tabIndex="
|
|
17806
|
+
<button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
|
|
17126
17807
|
${this.util.generateIconHtml(chevronRight)}
|
|
17127
17808
|
</button>
|
|
17128
17809
|
` : undefined}
|
|
17129
17810
|
</div>
|
|
17811
|
+
<div class="calendars">
|
|
17812
|
+
${this.renderAllCalendars()}
|
|
17813
|
+
</div>
|
|
17130
17814
|
</div>
|
|
17131
17815
|
|
|
17816
|
+
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
17817
|
+
|
|
17132
17818
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
17133
17819
|
</${this.bibtemplateTag}>
|
|
17134
17820
|
`;
|
|
@@ -20376,7 +21062,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
20376
21062
|
});
|
|
20377
21063
|
}
|
|
20378
21064
|
|
|
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}`;
|
|
21065
|
+
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([desktopmodal]:popover-open)::backdrop{background:transparent}: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}`;
|
|
20380
21066
|
|
|
20381
21067
|
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)}`;
|
|
20382
21068
|
|
|
@@ -21007,7 +21693,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
21007
21693
|
}
|
|
21008
21694
|
};
|
|
21009
21695
|
|
|
21010
|
-
var formkitVersion$1$2 = '
|
|
21696
|
+
var formkitVersion$1$2 = '202605182147';
|
|
21011
21697
|
|
|
21012
21698
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
21013
21699
|
static get properties() {
|
|
@@ -21187,6 +21873,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21187
21873
|
_intializeDefaults() {
|
|
21188
21874
|
this.appearance = 'default';
|
|
21189
21875
|
this.chevron = false;
|
|
21876
|
+
this.desktopModal = false;
|
|
21190
21877
|
this.disabled = false;
|
|
21191
21878
|
this.disableKeyboardHandling = false;
|
|
21192
21879
|
this.error = false;
|
|
@@ -21367,6 +22054,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21367
22054
|
reflect: true
|
|
21368
22055
|
},
|
|
21369
22056
|
|
|
22057
|
+
/**
|
|
22058
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22059
|
+
*/
|
|
22060
|
+
desktopModal: {
|
|
22061
|
+
type: Boolean,
|
|
22062
|
+
reflect: true
|
|
22063
|
+
},
|
|
22064
|
+
|
|
21370
22065
|
/**
|
|
21371
22066
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
21372
22067
|
*/
|
|
@@ -21654,6 +22349,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21654
22349
|
|
|
21655
22350
|
disconnectedCallback() {
|
|
21656
22351
|
super.disconnectedCallback();
|
|
22352
|
+
this._clearPageInert();
|
|
22353
|
+
if (this._bibTabHandler) {
|
|
22354
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22355
|
+
this._bibTabHandler = undefined;
|
|
22356
|
+
}
|
|
22357
|
+
if (this.focusTrap) {
|
|
22358
|
+
this.focusTrap.disconnect();
|
|
22359
|
+
this.focusTrap = undefined;
|
|
22360
|
+
}
|
|
21657
22361
|
if (this.floater) {
|
|
21658
22362
|
this.floater.hideBib('disconnect');
|
|
21659
22363
|
this.floater.disconnect();
|
|
@@ -21681,19 +22385,34 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21681
22385
|
if (this.isPopoverVisible) {
|
|
21682
22386
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
21683
22387
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
21684
|
-
|
|
21685
|
-
this.
|
|
22388
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
22389
|
+
this.updateFocusTrap();
|
|
22390
|
+
|
|
22391
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
22392
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22393
|
+
this._setPageInert();
|
|
22394
|
+
}
|
|
21686
22395
|
} else {
|
|
21687
22396
|
this.bibElement.value.close();
|
|
22397
|
+
this._clearPageInert();
|
|
21688
22398
|
}
|
|
21689
22399
|
}
|
|
21690
22400
|
|
|
21691
22401
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
21692
22402
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
21693
22403
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
21694
|
-
const useModal = this.isBibFullscreen;
|
|
21695
22404
|
this.bibElement.value.close();
|
|
21696
|
-
this.bibElement.value.open(
|
|
22405
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
22406
|
+
|
|
22407
|
+
// Re-initialize focus management for the new strategy
|
|
22408
|
+
this.updateFocusTrap();
|
|
22409
|
+
|
|
22410
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
22411
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22412
|
+
this._setPageInert();
|
|
22413
|
+
} else {
|
|
22414
|
+
this._clearPageInert();
|
|
22415
|
+
}
|
|
21697
22416
|
}
|
|
21698
22417
|
}
|
|
21699
22418
|
|
|
@@ -21703,8 +22422,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21703
22422
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
21704
22423
|
*/
|
|
21705
22424
|
handleDropdownToggle(event) {
|
|
21706
|
-
this.updateFocusTrap();
|
|
21707
22425
|
this.isPopoverVisible = event.detail.expanded;
|
|
22426
|
+
|
|
22427
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
22428
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
22429
|
+
if (!this.isPopoverVisible) {
|
|
22430
|
+
this.updateFocusTrap();
|
|
22431
|
+
}
|
|
22432
|
+
|
|
21708
22433
|
const eventType = event.detail.eventType || "unknown";
|
|
21709
22434
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
21710
22435
|
this.trigger.focus();
|
|
@@ -21803,19 +22528,164 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21803
22528
|
* @private
|
|
21804
22529
|
*/
|
|
21805
22530
|
updateFocusTrap() {
|
|
22531
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
22532
|
+
// to prevent duplicate listeners on repeated calls.
|
|
22533
|
+
if (this._bibTabHandler) {
|
|
22534
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22535
|
+
this._bibTabHandler = undefined;
|
|
22536
|
+
}
|
|
22537
|
+
|
|
22538
|
+
if (this.focusTrap) {
|
|
22539
|
+
this.focusTrap.disconnect();
|
|
22540
|
+
this.focusTrap = undefined;
|
|
22541
|
+
}
|
|
22542
|
+
|
|
21806
22543
|
if (this.isPopoverVisible) {
|
|
21807
22544
|
if (!this.isBibFullscreen) {
|
|
21808
|
-
|
|
21809
|
-
|
|
21810
|
-
|
|
22545
|
+
if (this.desktopModal) {
|
|
22546
|
+
// Desktop modal: trap focus only within the bib content.
|
|
22547
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
22548
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
22549
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
22550
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
22551
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
22552
|
+
// within the bib's focusable elements.
|
|
22553
|
+
this._bibTabHandler = (event) => {
|
|
22554
|
+
if (event.key !== 'Tab') {
|
|
22555
|
+
return;
|
|
22556
|
+
}
|
|
22557
|
+
|
|
22558
|
+
// Collect focusable elements from the bib content.
|
|
22559
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
22560
|
+
|
|
22561
|
+
// Fallback: try from slotted content directly
|
|
22562
|
+
if (!focusables.length) {
|
|
22563
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
22564
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
22565
|
+
|
|
22566
|
+
for (const node of assignedNodes) {
|
|
22567
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
22568
|
+
focusables.push(...getFocusableElements$3(node));
|
|
22569
|
+
}
|
|
22570
|
+
}
|
|
22571
|
+
}
|
|
22572
|
+
|
|
22573
|
+
if (!focusables.length) {
|
|
22574
|
+
return;
|
|
22575
|
+
}
|
|
22576
|
+
|
|
22577
|
+
event.preventDefault();
|
|
22578
|
+
|
|
22579
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
22580
|
+
|
|
22581
|
+
// Walk the active element chain through shadow roots
|
|
22582
|
+
const actives = this._getActiveElements();
|
|
22583
|
+
|
|
22584
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
22585
|
+
|
|
22586
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
22587
|
+
// Focus is not on a known element — move to first/last
|
|
22588
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
22589
|
+
}
|
|
22590
|
+
|
|
22591
|
+
// Try each element in order, skipping any that can't receive focus
|
|
22592
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
22593
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
22594
|
+
let nextIdx = idx + direction;
|
|
22595
|
+
|
|
22596
|
+
// Wrap around
|
|
22597
|
+
if (nextIdx < 0) {
|
|
22598
|
+
nextIdx = focusables.length - 1;
|
|
22599
|
+
} else if (nextIdx >= focusables.length) {
|
|
22600
|
+
nextIdx = 0;
|
|
22601
|
+
}
|
|
22602
|
+
|
|
22603
|
+
focusables[nextIdx].focus();
|
|
22604
|
+
|
|
22605
|
+
// Verify focus actually moved to the target
|
|
22606
|
+
const newActives = this._getActiveElements();
|
|
22607
|
+
|
|
22608
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
22609
|
+
return;
|
|
22610
|
+
}
|
|
22611
|
+
|
|
22612
|
+
// Focus didn't stick — skip this element and try the next
|
|
22613
|
+
idx = nextIdx;
|
|
22614
|
+
}
|
|
22615
|
+
};
|
|
22616
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
22617
|
+
} else {
|
|
22618
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
22619
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22620
|
+
this.focusTrap.focusFirstElement();
|
|
22621
|
+
}
|
|
21811
22622
|
}
|
|
21812
22623
|
// Fullscreen: showModal() provides native focus trapping
|
|
22624
|
+
}
|
|
22625
|
+
}
|
|
22626
|
+
|
|
22627
|
+
/**
|
|
22628
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
22629
|
+
* @private
|
|
22630
|
+
* @returns {Array<HTMLElement>}
|
|
22631
|
+
*/
|
|
22632
|
+
_getActiveElements() {
|
|
22633
|
+
let { activeElement } = document;
|
|
22634
|
+
const actives = [activeElement];
|
|
22635
|
+
|
|
22636
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
22637
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
22638
|
+
actives.push(activeElement);
|
|
22639
|
+
}
|
|
22640
|
+
|
|
22641
|
+
return actives;
|
|
22642
|
+
}
|
|
22643
|
+
|
|
22644
|
+
/**
|
|
22645
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
22646
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
22647
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
22648
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
22649
|
+
* @private
|
|
22650
|
+
*/
|
|
22651
|
+
_setPageInert() {
|
|
22652
|
+
if (this._inertSiblings) {
|
|
21813
22653
|
return;
|
|
21814
22654
|
}
|
|
21815
22655
|
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
22656
|
+
this._inertSiblings = [];
|
|
22657
|
+
|
|
22658
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
22659
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
22660
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
22661
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
22662
|
+
let host = this;
|
|
22663
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
22664
|
+
host = host.getRootNode().host;
|
|
22665
|
+
}
|
|
22666
|
+
|
|
22667
|
+
const parent = host.parentElement;
|
|
22668
|
+
|
|
22669
|
+
if (parent) {
|
|
22670
|
+
for (const sibling of parent.children) {
|
|
22671
|
+
if (sibling !== host && !sibling.inert) {
|
|
22672
|
+
sibling.inert = true;
|
|
22673
|
+
this._inertSiblings.push(sibling);
|
|
22674
|
+
}
|
|
22675
|
+
}
|
|
22676
|
+
}
|
|
22677
|
+
}
|
|
22678
|
+
|
|
22679
|
+
/**
|
|
22680
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
22681
|
+
* @private
|
|
22682
|
+
*/
|
|
22683
|
+
_clearPageInert() {
|
|
22684
|
+
if (this._inertSiblings) {
|
|
22685
|
+
for (const sibling of this._inertSiblings) {
|
|
22686
|
+
sibling.inert = false;
|
|
22687
|
+
}
|
|
22688
|
+
this._inertSiblings = undefined;
|
|
21819
22689
|
}
|
|
21820
22690
|
}
|
|
21821
22691
|
|
|
@@ -22054,6 +22924,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22054
22924
|
shape="${this.shape}"
|
|
22055
22925
|
?data-show="${this.isPopoverVisible}"
|
|
22056
22926
|
?isfullscreen="${this.isBibFullscreen}"
|
|
22927
|
+
?desktopmodal="${this.desktopModal}"
|
|
22057
22928
|
.dialogLabel="${this.bibDialogLabel}"
|
|
22058
22929
|
${n$6(this.bibElement)}
|
|
22059
22930
|
>
|
|
@@ -28752,7 +29623,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
28752
29623
|
}
|
|
28753
29624
|
};
|
|
28754
29625
|
|
|
28755
|
-
var formkitVersion$8 = '
|
|
29626
|
+
var formkitVersion$8 = '202605182147';
|
|
28756
29627
|
|
|
28757
29628
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
28758
29629
|
// See LICENSE in the project root for license information.
|
|
@@ -30009,24 +30880,47 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
30009
30880
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30010
30881
|
// - The bib opens and closes via pointer/touch interaction only.
|
|
30011
30882
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
30883
|
+
// - Space opens the bib when it is closed.
|
|
30012
30884
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30013
|
-
// - Enter
|
|
30885
|
+
// - Enter does not open or close the bib.
|
|
30014
30886
|
//
|
|
30015
30887
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
30016
30888
|
// added, handlers should go here following the same strategy pattern used by
|
|
30017
30889
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
30018
30890
|
const datepickerKeyboardStrategy = {
|
|
30019
|
-
Escape(component, evt) {
|
|
30020
|
-
if (!
|
|
30891
|
+
Escape(component, evt, ctx) {
|
|
30892
|
+
if (!ctx.isExpanded) {
|
|
30021
30893
|
return;
|
|
30022
30894
|
}
|
|
30023
30895
|
|
|
30024
|
-
//
|
|
30025
|
-
//
|
|
30026
|
-
// seeing this event, we must also close the dropdown explicitly.
|
|
30896
|
+
// Stop propagation so parent containers (auro-dialog, auro-drawer)
|
|
30897
|
+
// don't also react to Escape.
|
|
30027
30898
|
evt.stopPropagation();
|
|
30899
|
+
evt.preventDefault();
|
|
30028
30900
|
|
|
30029
|
-
component.
|
|
30901
|
+
component.hideBib();
|
|
30902
|
+
},
|
|
30903
|
+
|
|
30904
|
+
Enter(component, evt, ctx) {
|
|
30905
|
+
if (ctx.isExpanded) {
|
|
30906
|
+
return;
|
|
30907
|
+
}
|
|
30908
|
+
|
|
30909
|
+
// Prevent the space character from being typed into the input.
|
|
30910
|
+
evt.preventDefault();
|
|
30911
|
+
|
|
30912
|
+
component.dropdown.show();
|
|
30913
|
+
},
|
|
30914
|
+
|
|
30915
|
+
' '(component, evt, ctx) {
|
|
30916
|
+
if (ctx.isExpanded) {
|
|
30917
|
+
return;
|
|
30918
|
+
}
|
|
30919
|
+
|
|
30920
|
+
// Prevent the space character from being typed into the input.
|
|
30921
|
+
evt.preventDefault();
|
|
30922
|
+
|
|
30923
|
+
component.dropdown.show();
|
|
30030
30924
|
},
|
|
30031
30925
|
};
|
|
30032
30926
|
|
|
@@ -30100,6 +30994,15 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30100
30994
|
this.required = false;
|
|
30101
30995
|
this.onDark = false;
|
|
30102
30996
|
this.range = false;
|
|
30997
|
+
this.rangeLabelStart = 'range start';
|
|
30998
|
+
this.rangeLabelEnd = 'range end';
|
|
30999
|
+
this.rangeLabelBeforeRange = 'before range';
|
|
31000
|
+
this.rangeLabelInRange = 'in range';
|
|
31001
|
+
this.rangeLabelAfterRange = 'after range';
|
|
31002
|
+
this.blackoutDates = [];
|
|
31003
|
+
this.blackoutLabel = 'unavailable';
|
|
31004
|
+
this.navLabelPrevMonth = 'Previous month';
|
|
31005
|
+
this.navLabelNextMonth = 'Next month';
|
|
30103
31006
|
this.stacked = false;
|
|
30104
31007
|
this.noValidate = false;
|
|
30105
31008
|
this.validity = undefined;
|
|
@@ -30478,6 +31381,78 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30478
31381
|
reflect: true
|
|
30479
31382
|
},
|
|
30480
31383
|
|
|
31384
|
+
/**
|
|
31385
|
+
* Label announced for the range start date cell.
|
|
31386
|
+
*/
|
|
31387
|
+
rangeLabelStart: {
|
|
31388
|
+
type: String,
|
|
31389
|
+
reflect: true
|
|
31390
|
+
},
|
|
31391
|
+
|
|
31392
|
+
/**
|
|
31393
|
+
* Label announced for the range end date cell.
|
|
31394
|
+
*/
|
|
31395
|
+
rangeLabelEnd: {
|
|
31396
|
+
type: String,
|
|
31397
|
+
reflect: true
|
|
31398
|
+
},
|
|
31399
|
+
|
|
31400
|
+
/**
|
|
31401
|
+
* Label announced for cells before the range start.
|
|
31402
|
+
*/
|
|
31403
|
+
rangeLabelBeforeRange: {
|
|
31404
|
+
type: String,
|
|
31405
|
+
reflect: true
|
|
31406
|
+
},
|
|
31407
|
+
|
|
31408
|
+
/**
|
|
31409
|
+
* Label announced for cells within the selected range.
|
|
31410
|
+
*/
|
|
31411
|
+
rangeLabelInRange: {
|
|
31412
|
+
type: String,
|
|
31413
|
+
reflect: true
|
|
31414
|
+
},
|
|
31415
|
+
|
|
31416
|
+
/**
|
|
31417
|
+
* Label announced for cells after the range (or after start when no end is selected).
|
|
31418
|
+
*/
|
|
31419
|
+
rangeLabelAfterRange: {
|
|
31420
|
+
type: String,
|
|
31421
|
+
reflect: true
|
|
31422
|
+
},
|
|
31423
|
+
|
|
31424
|
+
/**
|
|
31425
|
+
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
31426
|
+
*/
|
|
31427
|
+
blackoutDates: {
|
|
31428
|
+
type: Array,
|
|
31429
|
+
reflect: true
|
|
31430
|
+
},
|
|
31431
|
+
|
|
31432
|
+
/**
|
|
31433
|
+
* Label announced for blackout (disabled but in-range) date cells.
|
|
31434
|
+
*/
|
|
31435
|
+
blackoutLabel: {
|
|
31436
|
+
type: String,
|
|
31437
|
+
reflect: true
|
|
31438
|
+
},
|
|
31439
|
+
|
|
31440
|
+
/**
|
|
31441
|
+
* Accessible label for the previous month navigation button.
|
|
31442
|
+
*/
|
|
31443
|
+
navLabelPrevMonth: {
|
|
31444
|
+
type: String,
|
|
31445
|
+
reflect: true
|
|
31446
|
+
},
|
|
31447
|
+
|
|
31448
|
+
/**
|
|
31449
|
+
* Accessible label for the next month navigation button.
|
|
31450
|
+
*/
|
|
31451
|
+
navLabelNextMonth: {
|
|
31452
|
+
type: String,
|
|
31453
|
+
reflect: true
|
|
31454
|
+
},
|
|
31455
|
+
|
|
30481
31456
|
/**
|
|
30482
31457
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
30483
31458
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -30825,6 +31800,48 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30825
31800
|
}));
|
|
30826
31801
|
}
|
|
30827
31802
|
|
|
31803
|
+
/**
|
|
31804
|
+
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
31805
|
+
* Shared by both fullscreen and desktop open paths.
|
|
31806
|
+
* @private
|
|
31807
|
+
* @returns {void}
|
|
31808
|
+
*/
|
|
31809
|
+
focusActiveCellWhenReady() {
|
|
31810
|
+
const MAX_ATTEMPTS = 20;
|
|
31811
|
+
let attempts = 0;
|
|
31812
|
+
|
|
31813
|
+
const tryFocus = () => {
|
|
31814
|
+
attempts += 1;
|
|
31815
|
+
const allCells = this.calendar.getAllFocusableCells();
|
|
31816
|
+
|
|
31817
|
+
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
31818
|
+
requestAnimationFrame(tryFocus);
|
|
31819
|
+
return;
|
|
31820
|
+
}
|
|
31821
|
+
|
|
31822
|
+
// Compute and mark the active cell
|
|
31823
|
+
if (this.calendar.activeCellDate == null) {
|
|
31824
|
+
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
31825
|
+
}
|
|
31826
|
+
if (this.calendar.activeCellDate !== undefined) {
|
|
31827
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
31828
|
+
}
|
|
31829
|
+
|
|
31830
|
+
// Find the active cell, pre-set hovered so @focus is a no-op
|
|
31831
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
31832
|
+
if (activeCell) {
|
|
31833
|
+
activeCell.hovered = true;
|
|
31834
|
+
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
31835
|
+
if (btn) {
|
|
31836
|
+
btn.setAttribute('tabindex', '0');
|
|
31837
|
+
btn.focus({ focusVisible: true });
|
|
31838
|
+
}
|
|
31839
|
+
}
|
|
31840
|
+
};
|
|
31841
|
+
|
|
31842
|
+
requestAnimationFrame(tryFocus);
|
|
31843
|
+
}
|
|
31844
|
+
|
|
30828
31845
|
/**
|
|
30829
31846
|
* Binds all behavior needed to the dropdown after rendering.
|
|
30830
31847
|
* @private
|
|
@@ -30833,6 +31850,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30833
31850
|
configureDropdown() {
|
|
30834
31851
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
30835
31852
|
|
|
31853
|
+
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
31854
|
+
// Prevent the floater's document-level focusin handler from closing the bib
|
|
31855
|
+
// when focus moves from the trigger into the calendar cells (which live inside
|
|
31856
|
+
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
31857
|
+
this.dropdown.noHideOnThisFocusLoss = true;
|
|
31858
|
+
|
|
30836
31859
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
30837
31860
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
30838
31861
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -30850,6 +31873,22 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30850
31873
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
30851
31874
|
this.notifyDatepickerToggled();
|
|
30852
31875
|
|
|
31876
|
+
if (this.dropdown.isPopoverVisible) {
|
|
31877
|
+
// Reset calendar focus state so it recomputes from the current selection.
|
|
31878
|
+
// Without this, reopening after navigating to a month without a selected
|
|
31879
|
+
// date leaves activeCellDate pointing at a cell in a different month than
|
|
31880
|
+
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
31881
|
+
this.calendar.activeCellDate = null;
|
|
31882
|
+
|
|
31883
|
+
// Show the month containing the selected date (or today) instead of
|
|
31884
|
+
// whichever month the user last navigated to.
|
|
31885
|
+
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
31886
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
31887
|
+
} else if (!this.minDate) {
|
|
31888
|
+
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
31889
|
+
}
|
|
31890
|
+
}
|
|
31891
|
+
|
|
30853
31892
|
// This forces the calendar to render when the dropdown is opened.
|
|
30854
31893
|
// It is not rendered by default
|
|
30855
31894
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -30882,12 +31921,17 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30882
31921
|
bibEl.open(true);
|
|
30883
31922
|
|
|
30884
31923
|
doubleRaf$3(() => {
|
|
30885
|
-
this.
|
|
31924
|
+
this.focusActiveCellWhenReady();
|
|
30886
31925
|
});
|
|
30887
31926
|
}
|
|
30888
31927
|
});
|
|
30889
31928
|
|
|
30890
31929
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
31930
|
+
} else {
|
|
31931
|
+
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
31932
|
+
this.dropdown.updateComplete.then(() => {
|
|
31933
|
+
this.focusActiveCellWhenReady();
|
|
31934
|
+
});
|
|
30891
31935
|
}
|
|
30892
31936
|
} else {
|
|
30893
31937
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -31128,14 +32172,8 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31128
32172
|
|
|
31129
32173
|
if (onEndValue) {
|
|
31130
32174
|
this.valueEnd = newDate;
|
|
31131
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31132
|
-
this.focus('startDate');
|
|
31133
|
-
}
|
|
31134
32175
|
} else {
|
|
31135
32176
|
this.value = newDate;
|
|
31136
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31137
|
-
this.focus('endDate');
|
|
31138
|
-
}
|
|
31139
32177
|
}
|
|
31140
32178
|
}
|
|
31141
32179
|
}
|
|
@@ -31266,6 +32304,9 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31266
32304
|
|
|
31267
32305
|
if (this.cellClickActive) {
|
|
31268
32306
|
this.cellClickActive = false;
|
|
32307
|
+
this.wasCellClick = true;
|
|
32308
|
+
} else {
|
|
32309
|
+
this.wasCellClick = false;
|
|
31269
32310
|
}
|
|
31270
32311
|
|
|
31271
32312
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -31296,7 +32337,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31296
32337
|
}
|
|
31297
32338
|
|
|
31298
32339
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
31299
|
-
|
|
32340
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
32341
|
+
// to prevent the displayed months from shifting
|
|
32342
|
+
if (!(this.wasCellClick && this.range)) {
|
|
32343
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32344
|
+
}
|
|
31300
32345
|
}
|
|
31301
32346
|
|
|
31302
32347
|
this.setHasValue();
|
|
@@ -31333,7 +32378,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31333
32378
|
}
|
|
31334
32379
|
|
|
31335
32380
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
31336
|
-
|
|
32381
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
32382
|
+
// to prevent the displayed months from shifting
|
|
32383
|
+
if (!this.wasCellClick) {
|
|
32384
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32385
|
+
}
|
|
31337
32386
|
}
|
|
31338
32387
|
|
|
31339
32388
|
this.validate();
|
|
@@ -31490,6 +32539,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31490
32539
|
}
|
|
31491
32540
|
|
|
31492
32541
|
firstUpdated() {
|
|
32542
|
+
|
|
31493
32543
|
// Add the tag name as an attribute if it is different than the component name
|
|
31494
32544
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
31495
32545
|
|
|
@@ -31919,7 +32969,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31919
32969
|
// Base HTML render() handles dropdown and calendar bib
|
|
31920
32970
|
return u$d`
|
|
31921
32971
|
<!-- Hidden slot for clear button aria-label -->
|
|
31922
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
32972
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
|
|
31923
32973
|
|
|
31924
32974
|
<${this.dropdownTag}
|
|
31925
32975
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -31936,6 +32986,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31936
32986
|
.shape="${this.shape}"
|
|
31937
32987
|
.size="${this.size}"
|
|
31938
32988
|
class="${e$3(dropdownElementClassMap)}"
|
|
32989
|
+
desktopModal
|
|
31939
32990
|
disableEventShow
|
|
31940
32991
|
for="dropdownMenu"
|
|
31941
32992
|
part="dropdown"
|
|
@@ -35192,7 +36243,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
35192
36243
|
});
|
|
35193
36244
|
}
|
|
35194
36245
|
|
|
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}`;
|
|
36246
|
+
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([desktopmodal]:popover-open)::backdrop{background:transparent}: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}`;
|
|
35196
36247
|
|
|
35197
36248
|
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)}`;
|
|
35198
36249
|
|
|
@@ -35823,7 +36874,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
|
35823
36874
|
}
|
|
35824
36875
|
};
|
|
35825
36876
|
|
|
35826
|
-
var formkitVersion$7 = '
|
|
36877
|
+
var formkitVersion$7 = '202605182147';
|
|
35827
36878
|
|
|
35828
36879
|
let AuroElement$5 = class AuroElement extends i$3 {
|
|
35829
36880
|
static get properties() {
|
|
@@ -36003,6 +37054,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36003
37054
|
_intializeDefaults() {
|
|
36004
37055
|
this.appearance = 'default';
|
|
36005
37056
|
this.chevron = false;
|
|
37057
|
+
this.desktopModal = false;
|
|
36006
37058
|
this.disabled = false;
|
|
36007
37059
|
this.disableKeyboardHandling = false;
|
|
36008
37060
|
this.error = false;
|
|
@@ -36183,6 +37235,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36183
37235
|
reflect: true
|
|
36184
37236
|
},
|
|
36185
37237
|
|
|
37238
|
+
/**
|
|
37239
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
37240
|
+
*/
|
|
37241
|
+
desktopModal: {
|
|
37242
|
+
type: Boolean,
|
|
37243
|
+
reflect: true
|
|
37244
|
+
},
|
|
37245
|
+
|
|
36186
37246
|
/**
|
|
36187
37247
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
36188
37248
|
*/
|
|
@@ -36470,6 +37530,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36470
37530
|
|
|
36471
37531
|
disconnectedCallback() {
|
|
36472
37532
|
super.disconnectedCallback();
|
|
37533
|
+
this._clearPageInert();
|
|
37534
|
+
if (this._bibTabHandler) {
|
|
37535
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
37536
|
+
this._bibTabHandler = undefined;
|
|
37537
|
+
}
|
|
37538
|
+
if (this.focusTrap) {
|
|
37539
|
+
this.focusTrap.disconnect();
|
|
37540
|
+
this.focusTrap = undefined;
|
|
37541
|
+
}
|
|
36473
37542
|
if (this.floater) {
|
|
36474
37543
|
this.floater.hideBib('disconnect');
|
|
36475
37544
|
this.floater.disconnect();
|
|
@@ -36497,19 +37566,34 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36497
37566
|
if (this.isPopoverVisible) {
|
|
36498
37567
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
36499
37568
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
36500
|
-
|
|
36501
|
-
this.
|
|
37569
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
37570
|
+
this.updateFocusTrap();
|
|
37571
|
+
|
|
37572
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
37573
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37574
|
+
this._setPageInert();
|
|
37575
|
+
}
|
|
36502
37576
|
} else {
|
|
36503
37577
|
this.bibElement.value.close();
|
|
37578
|
+
this._clearPageInert();
|
|
36504
37579
|
}
|
|
36505
37580
|
}
|
|
36506
37581
|
|
|
36507
37582
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
36508
37583
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
36509
37584
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
36510
|
-
const useModal = this.isBibFullscreen;
|
|
36511
37585
|
this.bibElement.value.close();
|
|
36512
|
-
this.bibElement.value.open(
|
|
37586
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
37587
|
+
|
|
37588
|
+
// Re-initialize focus management for the new strategy
|
|
37589
|
+
this.updateFocusTrap();
|
|
37590
|
+
|
|
37591
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
37592
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
37593
|
+
this._setPageInert();
|
|
37594
|
+
} else {
|
|
37595
|
+
this._clearPageInert();
|
|
37596
|
+
}
|
|
36513
37597
|
}
|
|
36514
37598
|
}
|
|
36515
37599
|
|
|
@@ -36519,8 +37603,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36519
37603
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
36520
37604
|
*/
|
|
36521
37605
|
handleDropdownToggle(event) {
|
|
36522
|
-
this.updateFocusTrap();
|
|
36523
37606
|
this.isPopoverVisible = event.detail.expanded;
|
|
37607
|
+
|
|
37608
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
37609
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
37610
|
+
if (!this.isPopoverVisible) {
|
|
37611
|
+
this.updateFocusTrap();
|
|
37612
|
+
}
|
|
37613
|
+
|
|
36524
37614
|
const eventType = event.detail.eventType || "unknown";
|
|
36525
37615
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
36526
37616
|
this.trigger.focus();
|
|
@@ -36619,19 +37709,164 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36619
37709
|
* @private
|
|
36620
37710
|
*/
|
|
36621
37711
|
updateFocusTrap() {
|
|
37712
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
37713
|
+
// to prevent duplicate listeners on repeated calls.
|
|
37714
|
+
if (this._bibTabHandler) {
|
|
37715
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
37716
|
+
this._bibTabHandler = undefined;
|
|
37717
|
+
}
|
|
37718
|
+
|
|
37719
|
+
if (this.focusTrap) {
|
|
37720
|
+
this.focusTrap.disconnect();
|
|
37721
|
+
this.focusTrap = undefined;
|
|
37722
|
+
}
|
|
37723
|
+
|
|
36622
37724
|
if (this.isPopoverVisible) {
|
|
36623
37725
|
if (!this.isBibFullscreen) {
|
|
36624
|
-
|
|
36625
|
-
|
|
36626
|
-
|
|
37726
|
+
if (this.desktopModal) {
|
|
37727
|
+
// Desktop modal: trap focus only within the bib content.
|
|
37728
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
37729
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
37730
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
37731
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
37732
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
37733
|
+
// within the bib's focusable elements.
|
|
37734
|
+
this._bibTabHandler = (event) => {
|
|
37735
|
+
if (event.key !== 'Tab') {
|
|
37736
|
+
return;
|
|
37737
|
+
}
|
|
37738
|
+
|
|
37739
|
+
// Collect focusable elements from the bib content.
|
|
37740
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
37741
|
+
|
|
37742
|
+
// Fallback: try from slotted content directly
|
|
37743
|
+
if (!focusables.length) {
|
|
37744
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
37745
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
37746
|
+
|
|
37747
|
+
for (const node of assignedNodes) {
|
|
37748
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
37749
|
+
focusables.push(...getFocusableElements$2(node));
|
|
37750
|
+
}
|
|
37751
|
+
}
|
|
37752
|
+
}
|
|
37753
|
+
|
|
37754
|
+
if (!focusables.length) {
|
|
37755
|
+
return;
|
|
37756
|
+
}
|
|
37757
|
+
|
|
37758
|
+
event.preventDefault();
|
|
37759
|
+
|
|
37760
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
37761
|
+
|
|
37762
|
+
// Walk the active element chain through shadow roots
|
|
37763
|
+
const actives = this._getActiveElements();
|
|
37764
|
+
|
|
37765
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
37766
|
+
|
|
37767
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
37768
|
+
// Focus is not on a known element — move to first/last
|
|
37769
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
37770
|
+
}
|
|
37771
|
+
|
|
37772
|
+
// Try each element in order, skipping any that can't receive focus
|
|
37773
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
37774
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
37775
|
+
let nextIdx = idx + direction;
|
|
37776
|
+
|
|
37777
|
+
// Wrap around
|
|
37778
|
+
if (nextIdx < 0) {
|
|
37779
|
+
nextIdx = focusables.length - 1;
|
|
37780
|
+
} else if (nextIdx >= focusables.length) {
|
|
37781
|
+
nextIdx = 0;
|
|
37782
|
+
}
|
|
37783
|
+
|
|
37784
|
+
focusables[nextIdx].focus();
|
|
37785
|
+
|
|
37786
|
+
// Verify focus actually moved to the target
|
|
37787
|
+
const newActives = this._getActiveElements();
|
|
37788
|
+
|
|
37789
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
37790
|
+
return;
|
|
37791
|
+
}
|
|
37792
|
+
|
|
37793
|
+
// Focus didn't stick — skip this element and try the next
|
|
37794
|
+
idx = nextIdx;
|
|
37795
|
+
}
|
|
37796
|
+
};
|
|
37797
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
37798
|
+
} else {
|
|
37799
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
37800
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
37801
|
+
this.focusTrap.focusFirstElement();
|
|
37802
|
+
}
|
|
36627
37803
|
}
|
|
36628
37804
|
// Fullscreen: showModal() provides native focus trapping
|
|
37805
|
+
}
|
|
37806
|
+
}
|
|
37807
|
+
|
|
37808
|
+
/**
|
|
37809
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
37810
|
+
* @private
|
|
37811
|
+
* @returns {Array<HTMLElement>}
|
|
37812
|
+
*/
|
|
37813
|
+
_getActiveElements() {
|
|
37814
|
+
let { activeElement } = document;
|
|
37815
|
+
const actives = [activeElement];
|
|
37816
|
+
|
|
37817
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
37818
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
37819
|
+
actives.push(activeElement);
|
|
37820
|
+
}
|
|
37821
|
+
|
|
37822
|
+
return actives;
|
|
37823
|
+
}
|
|
37824
|
+
|
|
37825
|
+
/**
|
|
37826
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
37827
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
37828
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
37829
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
37830
|
+
* @private
|
|
37831
|
+
*/
|
|
37832
|
+
_setPageInert() {
|
|
37833
|
+
if (this._inertSiblings) {
|
|
36629
37834
|
return;
|
|
36630
37835
|
}
|
|
36631
37836
|
|
|
36632
|
-
|
|
36633
|
-
|
|
36634
|
-
|
|
37837
|
+
this._inertSiblings = [];
|
|
37838
|
+
|
|
37839
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
37840
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
37841
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
37842
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
37843
|
+
let host = this;
|
|
37844
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
37845
|
+
host = host.getRootNode().host;
|
|
37846
|
+
}
|
|
37847
|
+
|
|
37848
|
+
const parent = host.parentElement;
|
|
37849
|
+
|
|
37850
|
+
if (parent) {
|
|
37851
|
+
for (const sibling of parent.children) {
|
|
37852
|
+
if (sibling !== host && !sibling.inert) {
|
|
37853
|
+
sibling.inert = true;
|
|
37854
|
+
this._inertSiblings.push(sibling);
|
|
37855
|
+
}
|
|
37856
|
+
}
|
|
37857
|
+
}
|
|
37858
|
+
}
|
|
37859
|
+
|
|
37860
|
+
/**
|
|
37861
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
37862
|
+
* @private
|
|
37863
|
+
*/
|
|
37864
|
+
_clearPageInert() {
|
|
37865
|
+
if (this._inertSiblings) {
|
|
37866
|
+
for (const sibling of this._inertSiblings) {
|
|
37867
|
+
sibling.inert = false;
|
|
37868
|
+
}
|
|
37869
|
+
this._inertSiblings = undefined;
|
|
36635
37870
|
}
|
|
36636
37871
|
}
|
|
36637
37872
|
|
|
@@ -36870,6 +38105,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36870
38105
|
shape="${this.shape}"
|
|
36871
38106
|
?data-show="${this.isPopoverVisible}"
|
|
36872
38107
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38108
|
+
?desktopmodal="${this.desktopModal}"
|
|
36873
38109
|
.dialogLabel="${this.bibDialogLabel}"
|
|
36874
38110
|
${n$6(this.bibElement)}
|
|
36875
38111
|
>
|
|
@@ -38424,7 +39660,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
38424
39660
|
}
|
|
38425
39661
|
};
|
|
38426
39662
|
|
|
38427
|
-
var formkitVersion$6 = '
|
|
39663
|
+
var formkitVersion$6 = '202605182147';
|
|
38428
39664
|
|
|
38429
39665
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
38430
39666
|
// See LICENSE in the project root for license information.
|
|
@@ -39162,6 +40398,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
39162
40398
|
large: {
|
|
39163
40399
|
type: Boolean,
|
|
39164
40400
|
reflect: true
|
|
40401
|
+
},
|
|
40402
|
+
|
|
40403
|
+
/**
|
|
40404
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
40405
|
+
*/
|
|
40406
|
+
showFooter: {
|
|
40407
|
+
type: Boolean,
|
|
40408
|
+
reflect: true
|
|
39165
40409
|
}
|
|
39166
40410
|
};
|
|
39167
40411
|
}
|
|
@@ -39264,7 +40508,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
39264
40508
|
<slot></slot>
|
|
39265
40509
|
</div>
|
|
39266
40510
|
|
|
39267
|
-
${this.isFullscreen ? u$d`
|
|
40511
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
39268
40512
|
<div id="footerContainer">
|
|
39269
40513
|
<slot name="footer"></slot>
|
|
39270
40514
|
</div>` : null}
|
|
@@ -41842,7 +43086,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
41842
43086
|
}
|
|
41843
43087
|
};
|
|
41844
43088
|
|
|
41845
|
-
var formkitVersion$5 = '
|
|
43089
|
+
var formkitVersion$5 = '202605182147';
|
|
41846
43090
|
|
|
41847
43091
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
41848
43092
|
// See LICENSE in the project root for license information.
|
|
@@ -44014,7 +45258,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
44014
45258
|
}
|
|
44015
45259
|
};
|
|
44016
45260
|
|
|
44017
|
-
var formkitVersion$4 = '
|
|
45261
|
+
var formkitVersion$4 = '202605182147';
|
|
44018
45262
|
|
|
44019
45263
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
44020
45264
|
// See LICENSE in the project root for license information.
|
|
@@ -49003,7 +50247,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
49003
50247
|
});
|
|
49004
50248
|
}
|
|
49005
50249
|
|
|
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}`;
|
|
50250
|
+
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([desktopmodal]:popover-open)::backdrop{background:transparent}: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}`;
|
|
49007
50251
|
|
|
49008
50252
|
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)}`;
|
|
49009
50253
|
|
|
@@ -49634,7 +50878,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
49634
50878
|
}
|
|
49635
50879
|
};
|
|
49636
50880
|
|
|
49637
|
-
var formkitVersion$2 = '
|
|
50881
|
+
var formkitVersion$2 = '202605182147';
|
|
49638
50882
|
|
|
49639
50883
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
49640
50884
|
static get properties() {
|
|
@@ -49814,6 +51058,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49814
51058
|
_intializeDefaults() {
|
|
49815
51059
|
this.appearance = 'default';
|
|
49816
51060
|
this.chevron = false;
|
|
51061
|
+
this.desktopModal = false;
|
|
49817
51062
|
this.disabled = false;
|
|
49818
51063
|
this.disableKeyboardHandling = false;
|
|
49819
51064
|
this.error = false;
|
|
@@ -49994,6 +51239,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49994
51239
|
reflect: true
|
|
49995
51240
|
},
|
|
49996
51241
|
|
|
51242
|
+
/**
|
|
51243
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
51244
|
+
*/
|
|
51245
|
+
desktopModal: {
|
|
51246
|
+
type: Boolean,
|
|
51247
|
+
reflect: true
|
|
51248
|
+
},
|
|
51249
|
+
|
|
49997
51250
|
/**
|
|
49998
51251
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
49999
51252
|
*/
|
|
@@ -50281,6 +51534,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50281
51534
|
|
|
50282
51535
|
disconnectedCallback() {
|
|
50283
51536
|
super.disconnectedCallback();
|
|
51537
|
+
this._clearPageInert();
|
|
51538
|
+
if (this._bibTabHandler) {
|
|
51539
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51540
|
+
this._bibTabHandler = undefined;
|
|
51541
|
+
}
|
|
51542
|
+
if (this.focusTrap) {
|
|
51543
|
+
this.focusTrap.disconnect();
|
|
51544
|
+
this.focusTrap = undefined;
|
|
51545
|
+
}
|
|
50284
51546
|
if (this.floater) {
|
|
50285
51547
|
this.floater.hideBib('disconnect');
|
|
50286
51548
|
this.floater.disconnect();
|
|
@@ -50308,19 +51570,34 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50308
51570
|
if (this.isPopoverVisible) {
|
|
50309
51571
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
50310
51572
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
50311
|
-
|
|
50312
|
-
this.
|
|
51573
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
51574
|
+
this.updateFocusTrap();
|
|
51575
|
+
|
|
51576
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
51577
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51578
|
+
this._setPageInert();
|
|
51579
|
+
}
|
|
50313
51580
|
} else {
|
|
50314
51581
|
this.bibElement.value.close();
|
|
51582
|
+
this._clearPageInert();
|
|
50315
51583
|
}
|
|
50316
51584
|
}
|
|
50317
51585
|
|
|
50318
51586
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
50319
51587
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
50320
51588
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
50321
|
-
const useModal = this.isBibFullscreen;
|
|
50322
51589
|
this.bibElement.value.close();
|
|
50323
|
-
this.bibElement.value.open(
|
|
51590
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
51591
|
+
|
|
51592
|
+
// Re-initialize focus management for the new strategy
|
|
51593
|
+
this.updateFocusTrap();
|
|
51594
|
+
|
|
51595
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
51596
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51597
|
+
this._setPageInert();
|
|
51598
|
+
} else {
|
|
51599
|
+
this._clearPageInert();
|
|
51600
|
+
}
|
|
50324
51601
|
}
|
|
50325
51602
|
}
|
|
50326
51603
|
|
|
@@ -50330,8 +51607,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50330
51607
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
50331
51608
|
*/
|
|
50332
51609
|
handleDropdownToggle(event) {
|
|
50333
|
-
this.updateFocusTrap();
|
|
50334
51610
|
this.isPopoverVisible = event.detail.expanded;
|
|
51611
|
+
|
|
51612
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
51613
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
51614
|
+
if (!this.isPopoverVisible) {
|
|
51615
|
+
this.updateFocusTrap();
|
|
51616
|
+
}
|
|
51617
|
+
|
|
50335
51618
|
const eventType = event.detail.eventType || "unknown";
|
|
50336
51619
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
50337
51620
|
this.trigger.focus();
|
|
@@ -50430,19 +51713,164 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50430
51713
|
* @private
|
|
50431
51714
|
*/
|
|
50432
51715
|
updateFocusTrap() {
|
|
51716
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
51717
|
+
// to prevent duplicate listeners on repeated calls.
|
|
51718
|
+
if (this._bibTabHandler) {
|
|
51719
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51720
|
+
this._bibTabHandler = undefined;
|
|
51721
|
+
}
|
|
51722
|
+
|
|
51723
|
+
if (this.focusTrap) {
|
|
51724
|
+
this.focusTrap.disconnect();
|
|
51725
|
+
this.focusTrap = undefined;
|
|
51726
|
+
}
|
|
51727
|
+
|
|
50433
51728
|
if (this.isPopoverVisible) {
|
|
50434
51729
|
if (!this.isBibFullscreen) {
|
|
50435
|
-
|
|
50436
|
-
|
|
50437
|
-
|
|
51730
|
+
if (this.desktopModal) {
|
|
51731
|
+
// Desktop modal: trap focus only within the bib content.
|
|
51732
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
51733
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
51734
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
51735
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
51736
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
51737
|
+
// within the bib's focusable elements.
|
|
51738
|
+
this._bibTabHandler = (event) => {
|
|
51739
|
+
if (event.key !== 'Tab') {
|
|
51740
|
+
return;
|
|
51741
|
+
}
|
|
51742
|
+
|
|
51743
|
+
// Collect focusable elements from the bib content.
|
|
51744
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
51745
|
+
|
|
51746
|
+
// Fallback: try from slotted content directly
|
|
51747
|
+
if (!focusables.length) {
|
|
51748
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
51749
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
51750
|
+
|
|
51751
|
+
for (const node of assignedNodes) {
|
|
51752
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
51753
|
+
focusables.push(...getFocusableElements$1(node));
|
|
51754
|
+
}
|
|
51755
|
+
}
|
|
51756
|
+
}
|
|
51757
|
+
|
|
51758
|
+
if (!focusables.length) {
|
|
51759
|
+
return;
|
|
51760
|
+
}
|
|
51761
|
+
|
|
51762
|
+
event.preventDefault();
|
|
51763
|
+
|
|
51764
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
51765
|
+
|
|
51766
|
+
// Walk the active element chain through shadow roots
|
|
51767
|
+
const actives = this._getActiveElements();
|
|
51768
|
+
|
|
51769
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
51770
|
+
|
|
51771
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
51772
|
+
// Focus is not on a known element — move to first/last
|
|
51773
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
51774
|
+
}
|
|
51775
|
+
|
|
51776
|
+
// Try each element in order, skipping any that can't receive focus
|
|
51777
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
51778
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
51779
|
+
let nextIdx = idx + direction;
|
|
51780
|
+
|
|
51781
|
+
// Wrap around
|
|
51782
|
+
if (nextIdx < 0) {
|
|
51783
|
+
nextIdx = focusables.length - 1;
|
|
51784
|
+
} else if (nextIdx >= focusables.length) {
|
|
51785
|
+
nextIdx = 0;
|
|
51786
|
+
}
|
|
51787
|
+
|
|
51788
|
+
focusables[nextIdx].focus();
|
|
51789
|
+
|
|
51790
|
+
// Verify focus actually moved to the target
|
|
51791
|
+
const newActives = this._getActiveElements();
|
|
51792
|
+
|
|
51793
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
51794
|
+
return;
|
|
51795
|
+
}
|
|
51796
|
+
|
|
51797
|
+
// Focus didn't stick — skip this element and try the next
|
|
51798
|
+
idx = nextIdx;
|
|
51799
|
+
}
|
|
51800
|
+
};
|
|
51801
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
51802
|
+
} else {
|
|
51803
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
51804
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
51805
|
+
this.focusTrap.focusFirstElement();
|
|
51806
|
+
}
|
|
50438
51807
|
}
|
|
50439
51808
|
// Fullscreen: showModal() provides native focus trapping
|
|
51809
|
+
}
|
|
51810
|
+
}
|
|
51811
|
+
|
|
51812
|
+
/**
|
|
51813
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
51814
|
+
* @private
|
|
51815
|
+
* @returns {Array<HTMLElement>}
|
|
51816
|
+
*/
|
|
51817
|
+
_getActiveElements() {
|
|
51818
|
+
let { activeElement } = document;
|
|
51819
|
+
const actives = [activeElement];
|
|
51820
|
+
|
|
51821
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
51822
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
51823
|
+
actives.push(activeElement);
|
|
51824
|
+
}
|
|
51825
|
+
|
|
51826
|
+
return actives;
|
|
51827
|
+
}
|
|
51828
|
+
|
|
51829
|
+
/**
|
|
51830
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
51831
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
51832
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
51833
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
51834
|
+
* @private
|
|
51835
|
+
*/
|
|
51836
|
+
_setPageInert() {
|
|
51837
|
+
if (this._inertSiblings) {
|
|
50440
51838
|
return;
|
|
50441
51839
|
}
|
|
50442
51840
|
|
|
50443
|
-
|
|
50444
|
-
|
|
50445
|
-
|
|
51841
|
+
this._inertSiblings = [];
|
|
51842
|
+
|
|
51843
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
51844
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
51845
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
51846
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
51847
|
+
let host = this;
|
|
51848
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
51849
|
+
host = host.getRootNode().host;
|
|
51850
|
+
}
|
|
51851
|
+
|
|
51852
|
+
const parent = host.parentElement;
|
|
51853
|
+
|
|
51854
|
+
if (parent) {
|
|
51855
|
+
for (const sibling of parent.children) {
|
|
51856
|
+
if (sibling !== host && !sibling.inert) {
|
|
51857
|
+
sibling.inert = true;
|
|
51858
|
+
this._inertSiblings.push(sibling);
|
|
51859
|
+
}
|
|
51860
|
+
}
|
|
51861
|
+
}
|
|
51862
|
+
}
|
|
51863
|
+
|
|
51864
|
+
/**
|
|
51865
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
51866
|
+
* @private
|
|
51867
|
+
*/
|
|
51868
|
+
_clearPageInert() {
|
|
51869
|
+
if (this._inertSiblings) {
|
|
51870
|
+
for (const sibling of this._inertSiblings) {
|
|
51871
|
+
sibling.inert = false;
|
|
51872
|
+
}
|
|
51873
|
+
this._inertSiblings = undefined;
|
|
50446
51874
|
}
|
|
50447
51875
|
}
|
|
50448
51876
|
|
|
@@ -50681,6 +52109,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50681
52109
|
shape="${this.shape}"
|
|
50682
52110
|
?data-show="${this.isPopoverVisible}"
|
|
50683
52111
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52112
|
+
?desktopmodal="${this.desktopModal}"
|
|
50684
52113
|
.dialogLabel="${this.bibDialogLabel}"
|
|
50685
52114
|
${n$6(this.bibElement)}
|
|
50686
52115
|
>
|
|
@@ -57379,7 +58808,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
57379
58808
|
}
|
|
57380
58809
|
};
|
|
57381
58810
|
|
|
57382
|
-
var formkitVersion$1$1 = '
|
|
58811
|
+
var formkitVersion$1$1 = '202605182147';
|
|
57383
58812
|
|
|
57384
58813
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
57385
58814
|
// See LICENSE in the project root for license information.
|
|
@@ -58333,6 +59762,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58333
59762
|
large: {
|
|
58334
59763
|
type: Boolean,
|
|
58335
59764
|
reflect: true
|
|
59765
|
+
},
|
|
59766
|
+
|
|
59767
|
+
/**
|
|
59768
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
59769
|
+
*/
|
|
59770
|
+
showFooter: {
|
|
59771
|
+
type: Boolean,
|
|
59772
|
+
reflect: true
|
|
58336
59773
|
}
|
|
58337
59774
|
};
|
|
58338
59775
|
}
|
|
@@ -58435,7 +59872,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58435
59872
|
<slot></slot>
|
|
58436
59873
|
</div>
|
|
58437
59874
|
|
|
58438
|
-
${this.isFullscreen ? u$d`
|
|
59875
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
58439
59876
|
<div id="footerContainer">
|
|
58440
59877
|
<slot name="footer"></slot>
|
|
58441
59878
|
</div>` : null}
|
|
@@ -58444,7 +59881,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58444
59881
|
}
|
|
58445
59882
|
};
|
|
58446
59883
|
|
|
58447
|
-
var formkitVersion$3 = '
|
|
59884
|
+
var formkitVersion$3 = '202605182147';
|
|
58448
59885
|
|
|
58449
59886
|
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}`;
|
|
58450
59887
|
|
|
@@ -67303,7 +68740,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
67303
68740
|
});
|
|
67304
68741
|
}
|
|
67305
68742
|
|
|
67306
|
-
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}`;
|
|
68743
|
+
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([desktopmodal]:popover-open)::backdrop{background:transparent}: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}`;
|
|
67307
68744
|
|
|
67308
68745
|
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)}`;
|
|
67309
68746
|
|
|
@@ -67934,7 +69371,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
67934
69371
|
}
|
|
67935
69372
|
};
|
|
67936
69373
|
|
|
67937
|
-
var formkitVersion$1 = '
|
|
69374
|
+
var formkitVersion$1 = '202605182147';
|
|
67938
69375
|
|
|
67939
69376
|
class AuroElement extends i$3 {
|
|
67940
69377
|
static get properties() {
|
|
@@ -68114,6 +69551,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68114
69551
|
_intializeDefaults() {
|
|
68115
69552
|
this.appearance = 'default';
|
|
68116
69553
|
this.chevron = false;
|
|
69554
|
+
this.desktopModal = false;
|
|
68117
69555
|
this.disabled = false;
|
|
68118
69556
|
this.disableKeyboardHandling = false;
|
|
68119
69557
|
this.error = false;
|
|
@@ -68294,6 +69732,14 @@ class AuroDropdown extends AuroElement {
|
|
|
68294
69732
|
reflect: true
|
|
68295
69733
|
},
|
|
68296
69734
|
|
|
69735
|
+
/**
|
|
69736
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
69737
|
+
*/
|
|
69738
|
+
desktopModal: {
|
|
69739
|
+
type: Boolean,
|
|
69740
|
+
reflect: true
|
|
69741
|
+
},
|
|
69742
|
+
|
|
68297
69743
|
/**
|
|
68298
69744
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
68299
69745
|
*/
|
|
@@ -68581,6 +70027,15 @@ class AuroDropdown extends AuroElement {
|
|
|
68581
70027
|
|
|
68582
70028
|
disconnectedCallback() {
|
|
68583
70029
|
super.disconnectedCallback();
|
|
70030
|
+
this._clearPageInert();
|
|
70031
|
+
if (this._bibTabHandler) {
|
|
70032
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70033
|
+
this._bibTabHandler = undefined;
|
|
70034
|
+
}
|
|
70035
|
+
if (this.focusTrap) {
|
|
70036
|
+
this.focusTrap.disconnect();
|
|
70037
|
+
this.focusTrap = undefined;
|
|
70038
|
+
}
|
|
68584
70039
|
if (this.floater) {
|
|
68585
70040
|
this.floater.hideBib('disconnect');
|
|
68586
70041
|
this.floater.disconnect();
|
|
@@ -68608,19 +70063,34 @@ class AuroDropdown extends AuroElement {
|
|
|
68608
70063
|
if (this.isPopoverVisible) {
|
|
68609
70064
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
68610
70065
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
68611
|
-
|
|
68612
|
-
this.
|
|
70066
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70067
|
+
this.updateFocusTrap();
|
|
70068
|
+
|
|
70069
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70070
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70071
|
+
this._setPageInert();
|
|
70072
|
+
}
|
|
68613
70073
|
} else {
|
|
68614
70074
|
this.bibElement.value.close();
|
|
70075
|
+
this._clearPageInert();
|
|
68615
70076
|
}
|
|
68616
70077
|
}
|
|
68617
70078
|
|
|
68618
70079
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
68619
70080
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
68620
70081
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
68621
|
-
const useModal = this.isBibFullscreen;
|
|
68622
70082
|
this.bibElement.value.close();
|
|
68623
|
-
this.bibElement.value.open(
|
|
70083
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70084
|
+
|
|
70085
|
+
// Re-initialize focus management for the new strategy
|
|
70086
|
+
this.updateFocusTrap();
|
|
70087
|
+
|
|
70088
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70089
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70090
|
+
this._setPageInert();
|
|
70091
|
+
} else {
|
|
70092
|
+
this._clearPageInert();
|
|
70093
|
+
}
|
|
68624
70094
|
}
|
|
68625
70095
|
}
|
|
68626
70096
|
|
|
@@ -68630,8 +70100,14 @@ class AuroDropdown extends AuroElement {
|
|
|
68630
70100
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
68631
70101
|
*/
|
|
68632
70102
|
handleDropdownToggle(event) {
|
|
68633
|
-
this.updateFocusTrap();
|
|
68634
70103
|
this.isPopoverVisible = event.detail.expanded;
|
|
70104
|
+
|
|
70105
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70106
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
70107
|
+
if (!this.isPopoverVisible) {
|
|
70108
|
+
this.updateFocusTrap();
|
|
70109
|
+
}
|
|
70110
|
+
|
|
68635
70111
|
const eventType = event.detail.eventType || "unknown";
|
|
68636
70112
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
68637
70113
|
this.trigger.focus();
|
|
@@ -68730,19 +70206,164 @@ class AuroDropdown extends AuroElement {
|
|
|
68730
70206
|
* @private
|
|
68731
70207
|
*/
|
|
68732
70208
|
updateFocusTrap() {
|
|
70209
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
70210
|
+
// to prevent duplicate listeners on repeated calls.
|
|
70211
|
+
if (this._bibTabHandler) {
|
|
70212
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70213
|
+
this._bibTabHandler = undefined;
|
|
70214
|
+
}
|
|
70215
|
+
|
|
70216
|
+
if (this.focusTrap) {
|
|
70217
|
+
this.focusTrap.disconnect();
|
|
70218
|
+
this.focusTrap = undefined;
|
|
70219
|
+
}
|
|
70220
|
+
|
|
68733
70221
|
if (this.isPopoverVisible) {
|
|
68734
70222
|
if (!this.isBibFullscreen) {
|
|
68735
|
-
|
|
68736
|
-
|
|
68737
|
-
|
|
70223
|
+
if (this.desktopModal) {
|
|
70224
|
+
// Desktop modal: trap focus only within the bib content.
|
|
70225
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
70226
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
70227
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
70228
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
70229
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
70230
|
+
// within the bib's focusable elements.
|
|
70231
|
+
this._bibTabHandler = (event) => {
|
|
70232
|
+
if (event.key !== 'Tab') {
|
|
70233
|
+
return;
|
|
70234
|
+
}
|
|
70235
|
+
|
|
70236
|
+
// Collect focusable elements from the bib content.
|
|
70237
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
70238
|
+
|
|
70239
|
+
// Fallback: try from slotted content directly
|
|
70240
|
+
if (!focusables.length) {
|
|
70241
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
70242
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
70243
|
+
|
|
70244
|
+
for (const node of assignedNodes) {
|
|
70245
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
70246
|
+
focusables.push(...getFocusableElements(node));
|
|
70247
|
+
}
|
|
70248
|
+
}
|
|
70249
|
+
}
|
|
70250
|
+
|
|
70251
|
+
if (!focusables.length) {
|
|
70252
|
+
return;
|
|
70253
|
+
}
|
|
70254
|
+
|
|
70255
|
+
event.preventDefault();
|
|
70256
|
+
|
|
70257
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
70258
|
+
|
|
70259
|
+
// Walk the active element chain through shadow roots
|
|
70260
|
+
const actives = this._getActiveElements();
|
|
70261
|
+
|
|
70262
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
70263
|
+
|
|
70264
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
70265
|
+
// Focus is not on a known element — move to first/last
|
|
70266
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
70267
|
+
}
|
|
70268
|
+
|
|
70269
|
+
// Try each element in order, skipping any that can't receive focus
|
|
70270
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
70271
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
70272
|
+
let nextIdx = idx + direction;
|
|
70273
|
+
|
|
70274
|
+
// Wrap around
|
|
70275
|
+
if (nextIdx < 0) {
|
|
70276
|
+
nextIdx = focusables.length - 1;
|
|
70277
|
+
} else if (nextIdx >= focusables.length) {
|
|
70278
|
+
nextIdx = 0;
|
|
70279
|
+
}
|
|
70280
|
+
|
|
70281
|
+
focusables[nextIdx].focus();
|
|
70282
|
+
|
|
70283
|
+
// Verify focus actually moved to the target
|
|
70284
|
+
const newActives = this._getActiveElements();
|
|
70285
|
+
|
|
70286
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
70287
|
+
return;
|
|
70288
|
+
}
|
|
70289
|
+
|
|
70290
|
+
// Focus didn't stick — skip this element and try the next
|
|
70291
|
+
idx = nextIdx;
|
|
70292
|
+
}
|
|
70293
|
+
};
|
|
70294
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
70295
|
+
} else {
|
|
70296
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
70297
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
70298
|
+
this.focusTrap.focusFirstElement();
|
|
70299
|
+
}
|
|
68738
70300
|
}
|
|
68739
70301
|
// Fullscreen: showModal() provides native focus trapping
|
|
70302
|
+
}
|
|
70303
|
+
}
|
|
70304
|
+
|
|
70305
|
+
/**
|
|
70306
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
70307
|
+
* @private
|
|
70308
|
+
* @returns {Array<HTMLElement>}
|
|
70309
|
+
*/
|
|
70310
|
+
_getActiveElements() {
|
|
70311
|
+
let { activeElement } = document;
|
|
70312
|
+
const actives = [activeElement];
|
|
70313
|
+
|
|
70314
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
70315
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
70316
|
+
actives.push(activeElement);
|
|
70317
|
+
}
|
|
70318
|
+
|
|
70319
|
+
return actives;
|
|
70320
|
+
}
|
|
70321
|
+
|
|
70322
|
+
/**
|
|
70323
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
70324
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
70325
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
70326
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
70327
|
+
* @private
|
|
70328
|
+
*/
|
|
70329
|
+
_setPageInert() {
|
|
70330
|
+
if (this._inertSiblings) {
|
|
68740
70331
|
return;
|
|
68741
70332
|
}
|
|
68742
70333
|
|
|
68743
|
-
|
|
68744
|
-
|
|
68745
|
-
|
|
70334
|
+
this._inertSiblings = [];
|
|
70335
|
+
|
|
70336
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
70337
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
70338
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
70339
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
70340
|
+
let host = this;
|
|
70341
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
70342
|
+
host = host.getRootNode().host;
|
|
70343
|
+
}
|
|
70344
|
+
|
|
70345
|
+
const parent = host.parentElement;
|
|
70346
|
+
|
|
70347
|
+
if (parent) {
|
|
70348
|
+
for (const sibling of parent.children) {
|
|
70349
|
+
if (sibling !== host && !sibling.inert) {
|
|
70350
|
+
sibling.inert = true;
|
|
70351
|
+
this._inertSiblings.push(sibling);
|
|
70352
|
+
}
|
|
70353
|
+
}
|
|
70354
|
+
}
|
|
70355
|
+
}
|
|
70356
|
+
|
|
70357
|
+
/**
|
|
70358
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
70359
|
+
* @private
|
|
70360
|
+
*/
|
|
70361
|
+
_clearPageInert() {
|
|
70362
|
+
if (this._inertSiblings) {
|
|
70363
|
+
for (const sibling of this._inertSiblings) {
|
|
70364
|
+
sibling.inert = false;
|
|
70365
|
+
}
|
|
70366
|
+
this._inertSiblings = undefined;
|
|
68746
70367
|
}
|
|
68747
70368
|
}
|
|
68748
70369
|
|
|
@@ -68981,6 +70602,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68981
70602
|
shape="${this.shape}"
|
|
68982
70603
|
?data-show="${this.isPopoverVisible}"
|
|
68983
70604
|
?isfullscreen="${this.isBibFullscreen}"
|
|
70605
|
+
?desktopmodal="${this.desktopModal}"
|
|
68984
70606
|
.dialogLabel="${this.bibDialogLabel}"
|
|
68985
70607
|
${n$6(this.bibElement)}
|
|
68986
70608
|
>
|
|
@@ -69348,6 +70970,14 @@ class AuroBibtemplate extends i$3 {
|
|
|
69348
70970
|
large: {
|
|
69349
70971
|
type: Boolean,
|
|
69350
70972
|
reflect: true
|
|
70973
|
+
},
|
|
70974
|
+
|
|
70975
|
+
/**
|
|
70976
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
70977
|
+
*/
|
|
70978
|
+
showFooter: {
|
|
70979
|
+
type: Boolean,
|
|
70980
|
+
reflect: true
|
|
69351
70981
|
}
|
|
69352
70982
|
};
|
|
69353
70983
|
}
|
|
@@ -69450,7 +71080,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
69450
71080
|
<slot></slot>
|
|
69451
71081
|
</div>
|
|
69452
71082
|
|
|
69453
|
-
${this.isFullscreen ? u$d`
|
|
71083
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
69454
71084
|
<div id="footerContainer">
|
|
69455
71085
|
<slot name="footer"></slot>
|
|
69456
71086
|
</div>` : null}
|
|
@@ -69687,7 +71317,7 @@ class AuroHelpText extends i$3 {
|
|
|
69687
71317
|
}
|
|
69688
71318
|
}
|
|
69689
71319
|
|
|
69690
|
-
var formkitVersion = '
|
|
71320
|
+
var formkitVersion = '202605182147';
|
|
69691
71321
|
|
|
69692
71322
|
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}`;
|
|
69693
71323
|
|