@aurodesignsystem-dev/auro-formkit 0.0.0-pr1488.2 → 0.0.0-pr1489.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +7 -0
- package/components/bibtemplate/dist/index.js +9 -1
- package/components/bibtemplate/dist/registered.js +9 -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/demo/pages.json +1 -1
- package/components/checkbox/demo/why-checkbox.html +57 -0
- package/components/checkbox/demo/why-checkbox.md +86 -0
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +234 -16
- package/components/combobox/demo/getting-started.min.js +234 -16
- package/components/combobox/demo/index.min.js +234 -16
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/demo/why-combobox.html +57 -0
- package/components/combobox/demo/why-combobox.md +113 -0
- package/components/combobox/dist/index.js +234 -16
- package/components/combobox/dist/registered.js +234 -16
- package/components/counter/demo/customize.min.js +233 -15
- package/components/counter/demo/index.min.js +233 -15
- package/components/counter/demo/keyboard-behavior.md +1 -0
- package/components/counter/demo/pages.json +1 -1
- package/components/counter/demo/why-counter.html +57 -0
- package/components/counter/demo/why-counter.md +108 -0
- package/components/counter/dist/index.js +22 -241
- package/components/counter/dist/registered.js +10 -2
- package/components/datepicker/demo/accessibility.md +51 -3
- package/components/datepicker/demo/api.md +11 -2
- 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 +26029 -0
- package/components/datepicker/demo/design.md +3 -1
- package/components/datepicker/demo/index.js +5 -1
- package/components/datepicker/demo/index.md +83 -2
- package/components/datepicker/demo/index.min.js +1564 -96
- package/components/datepicker/demo/keyboard-behavior.md +201 -2
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +19 -12
- package/components/datepicker/demo/why-datepicker.html +57 -0
- package/components/datepicker/demo/why-datepicker.md +133 -0
- package/components/datepicker/dist/index.js +1489 -97
- package/components/datepicker/dist/registered.js +1489 -97
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +66 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +100 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +88 -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 +223 -13
- package/components/dropdown/demo/getting-started.min.js +223 -13
- package/components/dropdown/demo/index.min.js +223 -13
- package/components/dropdown/demo/keyboard-behavior.md +1 -0
- package/components/dropdown/demo/pages.json +1 -1
- package/components/dropdown/demo/why-dropdown.html +57 -0
- package/components/dropdown/demo/why-dropdown.md +97 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +33 -1
- package/components/dropdown/dist/index.js +223 -13
- package/components/dropdown/dist/registered.js +223 -13
- package/components/form/demo/customize.min.js +2461 -415
- package/components/form/demo/getting-started.min.js +2461 -415
- package/components/form/demo/index.min.js +2461 -415
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +2457 -411
- package/components/form/demo/why-form.html +57 -0
- package/components/form/demo/why-form.md +101 -0
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/demo/pages.json +1 -1
- package/components/input/demo/why-input.html +57 -0
- package/components/input/demo/why-input.md +121 -0
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/pages.json +1 -1
- package/components/menu/demo/why-menu.html +57 -0
- package/components/menu/demo/why-menu.md +104 -0
- 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/demo/pages.json +1 -1
- package/components/radio/demo/why-radio.html +57 -0
- package/components/radio/demo/why-radio.md +92 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +233 -15
- package/components/select/demo/getting-started.min.js +233 -15
- package/components/select/demo/index.min.js +233 -15
- package/components/select/demo/keyboard-behavior.md +1 -0
- package/components/select/demo/pages.json +1 -1
- package/components/select/demo/why-select.html +57 -0
- package/components/select/demo/why-select.md +128 -0
- package/components/select/dist/index.js +233 -15
- package/components/select/dist/registered.js +233 -15
- package/custom-elements.json +2183 -1466
- package/package.json +2 -2
|
@@ -1411,11 +1411,11 @@ var snowflakeStyle = i$3`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
1411
1411
|
|
|
1412
1412
|
var snowflakeColors = i$3`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
1413
1413
|
|
|
1414
|
-
var styleCss$7 = i$3`.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:""}`;
|
|
1414
|
+
var styleCss$7 = i$3`.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}`;
|
|
1415
1415
|
|
|
1416
1416
|
var colorCss$7 = i$3`.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)}}`;
|
|
1417
1417
|
|
|
1418
|
-
var styleCss$6 = i$3`: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%}`;
|
|
1418
|
+
var styleCss$6 = i$3`: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%}`;
|
|
1419
1419
|
|
|
1420
1420
|
var colorCss$6 = i$3`: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)}`;
|
|
1421
1421
|
|
|
@@ -7930,20 +7930,25 @@ __decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
7930
7930
|
__decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7931
7931
|
AuroLibraryRuntimeUtils$5.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7932
7932
|
|
|
7933
|
-
var styleCss$5 = i$3`.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}}`;
|
|
7933
|
+
var styleCss$5 = i$3`.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}}`;
|
|
7934
7934
|
|
|
7935
|
-
var colorCss$5 = i$3`: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}`;
|
|
7935
|
+
var colorCss$5 = i$3`: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:focus-visible:not(.selected){--ds-auro-calendar-cell-container-color: var(--ds-auro-calendar-cell-in-range-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}`;
|
|
7936
7936
|
|
|
7937
|
-
let s$2 = 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$3="top",o$3="bottom",n$3="right",a="left",l$3="auto",c$5=[r$3,o$3,n$3,a],p$7="start",d$3="end",f$7="viewport",h$6="popper",m$7=c$5.reduce(function(e,t){return e.concat([t+"-"+p$7,t+"-"+d$3])},[]),u$8=[].concat(c$5,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$7,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$4(e){return e?(e.nodeName||"").toLowerCase():null}function y$6(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(e){return e instanceof y$6(e).Element||e instanceof Element}function b$3(e){return e instanceof y$6(e).HTMLElement||e instanceof HTMLElement}function x$3(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6(e).ShadowRoot||e instanceof ShadowRoot)}var S$3={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(r)&&v$4(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(s)&&v$4(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4(e){return e.split("-")[0]}var O=Math.max,k$6=Math.min,A$3=Math.round;function z$6(){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())}function M$7(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3(e)&&(r=e.offsetWidth>0&&A$3(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&A$3(s.height)/e.offsetHeight||1);var n=(w$6(e)?y$6(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(e){var t=M$7(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(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3(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(e).getComputedStyle(e)}function H$3(e){return ["table","td","th"].indexOf(v$4(e))>=0}function C$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3(e){return "html"===v$4(e)?e:e.assignedSlot||e.parentNode||(x$3(e)?e.host:null)||C$3(e)}function j(e){return b$3(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3(e){for(var t=y$6(e),i=j(e);i&&H$3(i)&&"static"===L(i).position;)i=j(i);return i&&("html"===v$4(i)||"body"===v$4(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6());if(/Trident/i.test(z$6())&&b$3(e)&&"fixed"===L(e).position)return null;var i=R$3(e);for(x$3(i)&&(i=i.host);b$3(i)&&["html","body"].indexOf(v$4(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(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={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(i.placement),h=P(f),m=[a,n$3].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$5))}(l.padding,i),g=T$3(p),v="y"===h?r$3:a,y="y"===h?o$3:n$3,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(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(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3(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$3,E=window;if(m){var M=N$3(i),T="clientHeight",B="clientWidth";if(M===y$6(i)&&"static"!==L(M=C$3(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$3||(l===a||l===n$3)&&c===d$3)z=o$3,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$3||l===o$3)&&c===d$3)k=n$3,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(i*r)/r||0,y:A$3(s*r)/r||0}}({x:w,y:x},y$6(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(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$7(C$3(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$4(e))>=0?e.ownerDocument.body:b$3(e)&&Z(e)?e:ee(R$3(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(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3(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$7?ie(function(e,t){var i=y$6(e),s=C$3(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(t)?function(e,t){var i=M$7(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(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(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3(e)?N$3(e):e;return w$6(i)?t.filter(function(e){return w$6(e)&&B$3(e,i)&&"body"!==v$4(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(r.right,t.right),t.bottom=k$6(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(l):null,f=l?q$3(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$3:t={x:h,y:i.y-s.height};break;case o$3:t={x:h,y:i.y+i.height};break;case n$3: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$7:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3: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$7:u,v=i.elementContext,y=void 0===v?h$6:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$5)),k=y===h$6?"reference":h$6,A=e.rects.popper,z=e.elements[x?k:y],E=re(w$6(z)?z:z.contextElement||C$3(e.elements.popper),m,g,p),T=M$7(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$6?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$6&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$3,o$3].indexOf(e)>=0?1:-1,i=[r$3,o$3].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$8:l,d=q$3(s),f=d?a?m$7:m$7.filter(function(e){return q$3(e)===d}):c$5,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(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(S),k=m||(O===S||!b?[$(S)]:function(e){if(_$4(e)===l$3)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),A=[S].concat(k).reduce(function(e,i){return e.concat(_$4(i)===l$3?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(H),R=q$3(H)===p$7,j=[r$3,o$3].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$3:a:R?o$3:r$3;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$3,n$3,o$3,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$8.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$3].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$3].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(t.placement),A=q$3(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$3:a,W="y"===E?o$3:n$3,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$7?L[X]:H[X],J=A===p$7?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3(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(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(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$3:a,me="x"===E?o$3:n$3,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$3,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(t),n=b$3(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3(t.width)/e.offsetWidth||1,s=A$3(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3(t),l=M$7(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$4(t)||Z(a))&&(c=(s=t)!==y$6(s)&&b$3(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3(t)?((p=M$7(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(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6.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(i),"fixed"===a.options.strategy),popper:T$3(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(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(t.placement),variation:q$3(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,de,le,fe,U$3,{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$3`::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)}
|
|
7937
|
+
let s$2 = 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$3="top",o$3="bottom",n$3="right",a="left",l$3="auto",c$5=[r$3,o$3,n$3,a],p$7="start",d$3="end",f$7="viewport",h$6="popper",u$8=c$5.reduce(function(e,t){return e.concat([t+"-"+p$7,t+"-"+d$3])},[]),m$7=[].concat(c$5,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$7,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$4(e){return e?(e.nodeName||"").toLowerCase():null}function y$6(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(e){return e instanceof y$6(e).Element||e instanceof Element}function b$3(e){return e instanceof y$6(e).HTMLElement||e instanceof HTMLElement}function x$3(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6(e).ShadowRoot||e instanceof ShadowRoot)}var S$3={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(r)&&v$4(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(s)&&v$4(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4(e){return e.split("-")[0]}var A$3=Math.max,O=Math.min,k$6=Math.round;function T$3(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6(){return !/^((?!chrome|android).)*safari/i.test(T$3())}function E(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3(e)&&(r=e.offsetWidth>0&&k$6(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6(s.height)/e.offsetHeight||1);var n=(w$6(e)?y$6(e):window).visualViewport,a=!z$6()&&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 M$7(e){var t=E(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3(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(e).getComputedStyle(e)}function R$3(e){return ["table","td","th"].indexOf(v$4(e))>=0}function H$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3(e){return "html"===v$4(e)?e:e.assignedSlot||e.parentNode||(x$3(e)?e.host:null)||H$3(e)}function D(e){return b$3(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3(e){for(var t=y$6(e),i=D(e);i&&R$3(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$4(i)||"body"===v$4(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3());if(/Trident/i.test(T$3())&&b$3(e)&&"fixed"===L(e).position)return null;var i=C$3(e);for(x$3(i)&&(i=i.host);b$3(i)&&["html","body"].indexOf(v$4(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var F={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4(i.placement),h=P(f),u=[a,n$3].indexOf(f)>=0?"height":"width";if(p&&d){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3(e,c$5))}(l.padding,i),g=M$7(p),v="y"===h?r$3:a,y="y"===h?o$3:n$3,w=i.rects.reference[u]+i.rects.reference[h]-d[h]-i.rects.popper[u],b=d[h]-i.rects.reference[h],x=N$3(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,A=w/2-b/2,O=m[v],k=S-g[u]-m[y],T=S/2-g[u]/2+A,z=j(O,T,k),E=h;i.modifiersData[s]=((t={})[E]=z,t.centerOffset=z-T,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3(e){return e.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,u=e.adaptive,m=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 m?m({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),A=p.hasOwnProperty("y"),O=a,T=r$3,z=window;if(u){var E=N$3(i),M="clientHeight",B="clientWidth";if(E===y$6(i)&&"static"!==L(E=H$3(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$3||(l===a||l===n$3)&&c===d$3)T=o$3,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$3||l===o$3)&&c===d$3)O=n$3,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6(i*r)/r||0,y:k$6(s*r)/r||0}}({x:w,y:x},y$6(i)):{x:w,y:x};return w=D.x,x=D.y,h?Object.assign({},C,((R={})[T]=A?"0":"",R[O]=_?"0":"",R.transform=(z.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",R)):Object.assign({},C,((t={})[T]=A?x+"px":"",t[O]=_?w+"px":"",t.transform="",t))}var X={passive:true};var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,function(e){return $[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3(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$4(e))>=0?e.ownerDocument.body:b$3(e)&&Z(e)?e:ee(C$3(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(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3(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$7?ie(function(e,t){var i=y$6(e),s=H$3(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6();(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(t)?function(e,t){var i=E(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=H$3(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=A$3(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3(e)?N$3(e):e;return w$6(i)?t.filter(function(e){return w$6(e)&&B$3(e,i)&&"body"!==v$4(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3(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(l):null,f=l?U$3(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$3:t={x:h,y:i.y-s.height};break;case o$3:t={x:h,y:i.y+i.height};break;case n$3:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case p$7:t[m]=t[m]-(i[g]/2-s[g]/2);break;case d$3:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,u=void 0===d?"clippingParents":d,m=i.rootBoundary,g=void 0===m?f$7:m,v=i.elementContext,y=void 0===v?h$6:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3(_,c$5)),O=y===h$6?"reference":h$6,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6(T)?T:T.contextElement||H$3(e.elements.popper),u,g,p),M=E(e.elements.reference),B=oe({reference:M,element:k,placement:a}),L=ie(Object.assign({},k,B)),R=y===h$6?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$6&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$3,o$3].indexOf(e)>=0?1:-1,i=[r$3,o$3].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?m$7:l,d=U$3(s),f=d?a?u$8:u$8.filter(function(e){return U$3(e)===d}):c$5,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(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,u=i.fallbackPlacements,m=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,A=_$4(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4(e)===l$3)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4(i)===l$3?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:m,flipVariations:b,allowedAutoPlacements:x}):i)},[]),T=t.rects.reference,z=t.rects.popper,E=new Map,M=true,B=k[0],L=0;L<k.length;L++){var R=k[L],H=_$4(R),C=U$3(R)===p$7,D=[r$3,o$3].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$3:a:C?o$3:r$3;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(d&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$3,n$3,o$3,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=m$7.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$3].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$3].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,u=i.rootBoundary,m=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:u,padding:g,altBoundary:m}),S=_$4(t.placement),k=U$3(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$3:a,V="y"===z?o$3:n$3,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===p$7?L[W]:R[W],J=k===p$7?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$7(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[F],ie=ee[V],se=j(0,L[W],Z[W]),re=T?L[W]/2-K-se-te-C.mainAxis:Y-se-te-C.mainAxis,oe=T?-L[W]/2+K+se+ie+C.mainAxis:J+se+ie+C.mainAxis,ae=t.elements.arrow&&N$3(t.elements.arrow),le=ae?"y"===z?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(q=null==D?void 0:D[z])?q:0,pe=X+oe-ce,de=j(y?O($,X+re-ce-le):$,X,y?A$3(G,pe):G);B[z]=de,I[z]=de-X;}if(f){var fe,he="x"===z?r$3:a,ue="x"===z?o$3:n$3,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$3,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3(t),n=b$3(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6(t.width)/e.offsetWidth||1,s=k$6(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$4(t)||Z(a))&&(c=(s=t)!==y$6(s)&&b$3(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3(t)?((p=E(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 ue(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var me={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?me:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},me,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,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(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6.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(i),"fixed"===a.options.strategy),popper:M$7(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(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,X);}),a&&l.addEventListener("resize",i.update,X),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,X);}),a&&l.removeEventListener("resize",i.update,X);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4(t.placement),variation:U$3(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,W(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,W(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3,de,le,fe,F,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),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$3`::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)}
|
|
7938
7938
|
`,xe=i$3`.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:""}
|
|
7939
7939
|
`,Se=i$3`: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)}
|
|
7940
|
-
`;class _e extends i$1{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.
|
|
7941
|
-
<div
|
|
7940
|
+
`;class _e extends i$1{constructor(){super(),this.placement="top",this.isPopoverVisible=false,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.runtimeUtils=new s$2;}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},isPopoverVisible:{type:Boolean,reflect:true,attribute:"data-show",converter:{fromAttribute:e=>null!==e,toAttribute:e=>e?"true":null}}}}static get styles(){return [i$3`${xe}`,i$3`${be}`,i$3`${Se}`]}static register(e="auro-popover"){s$2.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(){if(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("focusin",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("focusout",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange);for(const e of this._ariaDescriptionTargets||[this.trigger])e.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(){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&&(this._setupAccessibility(),this._setupEventListeners(),this.isPopoverVisible&&this.popper&&(this.disabled?this.isPopoverVisible=false:(this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover))));}_setupEventListeners(){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=e=>{let t=e.relatedTarget,i=false;for(;t;){if(this.trigger.contains(t)||this.contains(t)){i=true;break}const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}i||this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();if(this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "===t||"enter"===t){if(e.target!==this.trigger&&!this._addedTabIndex)return;" "===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("focusin",this._onTriggerFocus),this.trigger.addEventListener("focusout",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}_setupAccessibility(){const e=this.trigger.tabIndex>=0,t='button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"]), summary, iframe, audio[controls], video[controls]',i=e=>{if(e.tabIndex<0)return false;let t=e;for(;t;){if(t.closest("[hidden], [inert]"))return false;const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}return true};let s=[...this.trigger.querySelectorAll(t)].some(i);if(!s){const e=this.trigger.querySelectorAll("*");for(const r of e)if(r.localName.includes("-")&&(r.tabIndex>=0||r.shadowRoot&&[...r.shadowRoot.querySelectorAll(t)].some(i))){s=true;break}}!s&&this.trigger.localName.includes("-")&&this.trigger.shadowRoot&&(s=[...this.trigger.shadowRoot.querySelectorAll(t)].some(i)),e||s||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const r=this.shadowRoot.querySelector("slot:not([name])"),o=()=>r.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();if(this._ariaDescriptionTargets=[],!e&&s){const e=[...this.trigger.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);const s=this.trigger.querySelectorAll("*");for(const r of s)if(r.localName.includes("-")&&!e.includes(r))if(r.tabIndex>=0)this._ariaDescriptionTargets.push(r);else if(r.shadowRoot){const e=[...r.shadowRoot.querySelectorAll(t)].filter(i);for(const t of e)this._ariaDescriptionTargets.push(t);}if(0===this._ariaDescriptionTargets.length){if(this.trigger.localName.includes("-")&&this.trigger.shadowRoot){const e=[...this.trigger.shadowRoot.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);}0===this._ariaDescriptionTargets.length&&this._ariaDescriptionTargets.push(this.trigger);}}else this._ariaDescriptionTargets.push(this.trigger);const n=o();for(const e of this._ariaDescriptionTargets)e.setAttribute("aria-description",n);this._onSlotChange=()=>{const e=o();for(const t of this._ariaDescriptionTargets)t?.setAttribute("aria-description",e);},r.addEventListener("slotchange",this._onSlotChange);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false;}toggleShow(){this.popper&&!this.disabled&&(this.isPopoverVisible=true);}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){if(e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary)),e.has("isPopoverVisible")&&this.popper)if(this.isPopoverVisible){if(this.disabled)return void(this.isPopoverVisible=false);this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover);}else this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper.hide();e.has("disabled")&&this.disabled&&this.isPopoverVisible&&(this.isPopoverVisible=false);}render(){return b$5`
|
|
7941
|
+
<div
|
|
7942
|
+
id="popover"
|
|
7943
|
+
class="popover util_insetLg body-default"
|
|
7944
|
+
part="popover"
|
|
7945
|
+
role="tooltip"
|
|
7946
|
+
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
7942
7947
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
7943
|
-
<
|
|
7948
|
+
<slot></slot>
|
|
7944
7949
|
</div>
|
|
7945
7950
|
|
|
7946
|
-
<span>
|
|
7951
|
+
<span role="presentation">
|
|
7947
7952
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
7948
7953
|
</span>
|
|
7949
7954
|
`}}
|
|
@@ -7971,6 +7976,8 @@ class AuroCalendarCell extends i$1 {
|
|
|
7971
7976
|
this._locale = null;
|
|
7972
7977
|
this.dateStr = null;
|
|
7973
7978
|
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.
|
|
7979
|
+
this.active = false;
|
|
7980
|
+
this.hasPopoverContent = false;
|
|
7974
7981
|
|
|
7975
7982
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
|
|
7976
7983
|
|
|
@@ -8004,7 +8011,12 @@ class AuroCalendarCell extends i$1 {
|
|
|
8004
8011
|
isCurrentDate: { type: Boolean },
|
|
8005
8012
|
locale: { type: Object },
|
|
8006
8013
|
dateStr: { type: String },
|
|
8007
|
-
renderForDateSlot: { type: Boolean }
|
|
8014
|
+
renderForDateSlot: { type: Boolean },
|
|
8015
|
+
active: {
|
|
8016
|
+
type: Boolean,
|
|
8017
|
+
reflect: true
|
|
8018
|
+
},
|
|
8019
|
+
hasPopoverContent: { type: Boolean }
|
|
8008
8020
|
};
|
|
8009
8021
|
}
|
|
8010
8022
|
|
|
@@ -8063,13 +8075,23 @@ class AuroCalendarCell extends i$1 {
|
|
|
8063
8075
|
* @returns {void}
|
|
8064
8076
|
*/
|
|
8065
8077
|
handleTap() {
|
|
8066
|
-
if (!this.disabled) {
|
|
8078
|
+
if (!this.disabled && !this.isBlackout()) {
|
|
8067
8079
|
this.datepicker.handleCellClick(this.day.date);
|
|
8068
8080
|
}
|
|
8081
|
+
|
|
8082
|
+
// Set this cell as the active cell regardless of blackout status
|
|
8083
|
+
if (this.day) {
|
|
8084
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8085
|
+
bubbles: true,
|
|
8086
|
+
composed: true,
|
|
8087
|
+
detail: { date: this.day.date }
|
|
8088
|
+
}));
|
|
8089
|
+
}
|
|
8069
8090
|
}
|
|
8070
8091
|
|
|
8071
8092
|
/**
|
|
8072
8093
|
* Handles user hover events and dispatches a custom event.
|
|
8094
|
+
* Always dispatches for range pickers so the preview updates correctly.
|
|
8073
8095
|
* @private
|
|
8074
8096
|
* @returns {void}
|
|
8075
8097
|
*/
|
|
@@ -8083,7 +8105,61 @@ class AuroCalendarCell extends i$1 {
|
|
|
8083
8105
|
}
|
|
8084
8106
|
|
|
8085
8107
|
/**
|
|
8086
|
-
* Checks if the current date is
|
|
8108
|
+
* Checks if the current date is outside the valid min/max range.
|
|
8109
|
+
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
8110
|
+
* @private
|
|
8111
|
+
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8112
|
+
* @param {Number} min - The minimum date value.
|
|
8113
|
+
* @param {Number} max - The maximum date value.
|
|
8114
|
+
* @returns {Boolean} - True if the date is out of range.
|
|
8115
|
+
*/
|
|
8116
|
+
isOutOfRange(day, min, max) {
|
|
8117
|
+
if (day && day.date != null) {
|
|
8118
|
+
return day.date < min || day.date > max;
|
|
8119
|
+
}
|
|
8120
|
+
return false;
|
|
8121
|
+
}
|
|
8122
|
+
|
|
8123
|
+
/**
|
|
8124
|
+
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
8125
|
+
* Blackout cells are focusable but not selectable.
|
|
8126
|
+
* @private
|
|
8127
|
+
* @returns {Boolean} - True if the date is a blackout date.
|
|
8128
|
+
*/
|
|
8129
|
+
isBlackout() {
|
|
8130
|
+
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
8131
|
+
return false;
|
|
8132
|
+
}
|
|
8133
|
+
|
|
8134
|
+
// Check against disabledDays timestamps (legacy path)
|
|
8135
|
+
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
8136
|
+
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
8137
|
+
return true;
|
|
8138
|
+
}
|
|
8139
|
+
}
|
|
8140
|
+
|
|
8141
|
+
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
8142
|
+
const blackoutDates = this.datepicker?.blackoutDates;
|
|
8143
|
+
|
|
8144
|
+
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
8145
|
+
const date = new Date(this.day.date * 1000);
|
|
8146
|
+
const yyyy = date.getFullYear();
|
|
8147
|
+
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
8148
|
+
const dd = String(date.getDate()).padStart(2, '0');
|
|
8149
|
+
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
8150
|
+
if (blackoutDates.includes(cellDate)) {
|
|
8151
|
+
return true;
|
|
8152
|
+
}
|
|
8153
|
+
}
|
|
8154
|
+
|
|
8155
|
+
return false;
|
|
8156
|
+
}
|
|
8157
|
+
|
|
8158
|
+
/**
|
|
8159
|
+
* Checks if the current date is disabled based on min/max range or the
|
|
8160
|
+
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
8161
|
+
* host when the date falls outside the allowed range or appears in
|
|
8162
|
+
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
8087
8163
|
* @private
|
|
8088
8164
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8089
8165
|
* @param {Number} min - The minimum date value.
|
|
@@ -8103,6 +8179,91 @@ class AuroCalendarCell extends i$1 {
|
|
|
8103
8179
|
return false;
|
|
8104
8180
|
}
|
|
8105
8181
|
|
|
8182
|
+
/**
|
|
8183
|
+
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
8184
|
+
* @private
|
|
8185
|
+
* @returns {String} The unique cell ID.
|
|
8186
|
+
*/
|
|
8187
|
+
getCellId() {
|
|
8188
|
+
if (!this.day || !this.day.date) return '';
|
|
8189
|
+
const date = new Date(this.day.date * 1000);
|
|
8190
|
+
const year = date.getFullYear();
|
|
8191
|
+
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
8192
|
+
const day = String(date.getDate()).padStart(2, '0');
|
|
8193
|
+
return `cell-${year}-${month}-${day}`;
|
|
8194
|
+
}
|
|
8195
|
+
|
|
8196
|
+
/**
|
|
8197
|
+
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
8198
|
+
* Includes range position and blackout status.
|
|
8199
|
+
* @private
|
|
8200
|
+
* @returns {String} The aria-label string.
|
|
8201
|
+
*/
|
|
8202
|
+
getAriaLabel() {
|
|
8203
|
+
if (!this.day || this.day.date === undefined) return '';
|
|
8204
|
+
|
|
8205
|
+
const date = new Date(this.day.date * 1000);
|
|
8206
|
+
|
|
8207
|
+
// Generate localized full date string using the configured locale
|
|
8208
|
+
const localeCode = this.locale?.code || undefined;
|
|
8209
|
+
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
8210
|
+
weekday: 'long',
|
|
8211
|
+
year: 'numeric',
|
|
8212
|
+
month: 'long',
|
|
8213
|
+
day: 'numeric'
|
|
8214
|
+
});
|
|
8215
|
+
|
|
8216
|
+
let label = dateFormatter.format(date);
|
|
8217
|
+
|
|
8218
|
+
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
8219
|
+
if (this.hasPopoverContent) {
|
|
8220
|
+
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
8221
|
+
}
|
|
8222
|
+
|
|
8223
|
+
// Append range position if in range mode
|
|
8224
|
+
const rangePosition = this.getRangePosition();
|
|
8225
|
+
if (rangePosition) {
|
|
8226
|
+
label += `, ${rangePosition}`;
|
|
8227
|
+
}
|
|
8228
|
+
|
|
8229
|
+
// Append blackout label for blackout cells
|
|
8230
|
+
if (this.isBlackout()) {
|
|
8231
|
+
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
8232
|
+
}
|
|
8233
|
+
|
|
8234
|
+
return label;
|
|
8235
|
+
}
|
|
8236
|
+
|
|
8237
|
+
/**
|
|
8238
|
+
* Determines the range position of this cell relative to the current selection.
|
|
8239
|
+
* @private
|
|
8240
|
+
* @returns {String|null} Range position label or null if not in range mode.
|
|
8241
|
+
*/
|
|
8242
|
+
getRangePosition() {
|
|
8243
|
+
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
8244
|
+
|
|
8245
|
+
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
8246
|
+
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
8247
|
+
|
|
8248
|
+
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
8249
|
+
const dayDate = this.day.date;
|
|
8250
|
+
|
|
8251
|
+
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
8252
|
+
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
8253
|
+
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
8254
|
+
|
|
8255
|
+
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
8256
|
+
|
|
8257
|
+
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
8258
|
+
|
|
8259
|
+
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
8260
|
+
|
|
8261
|
+
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
8262
|
+
|
|
8263
|
+
// After start date, no end date yet, or after end date
|
|
8264
|
+
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
8265
|
+
}
|
|
8266
|
+
|
|
8106
8267
|
/**
|
|
8107
8268
|
* Checks if the current date is the depart date.
|
|
8108
8269
|
* @private
|
|
@@ -8264,9 +8425,9 @@ class AuroCalendarCell extends i$1 {
|
|
|
8264
8425
|
|
|
8265
8426
|
if (popoverSlotContent) {
|
|
8266
8427
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
8267
|
-
this.
|
|
8428
|
+
this.hasPopoverContent = true;
|
|
8268
8429
|
} else {
|
|
8269
|
-
this.
|
|
8430
|
+
this.hasPopoverContent = false;
|
|
8270
8431
|
}
|
|
8271
8432
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
8272
8433
|
// Error handling goes here
|
|
@@ -8282,13 +8443,41 @@ class AuroCalendarCell extends i$1 {
|
|
|
8282
8443
|
return;
|
|
8283
8444
|
}
|
|
8284
8445
|
this.datepicker = calendar.datepicker;
|
|
8285
|
-
this.
|
|
8446
|
+
this._slotContentHandler = () => {
|
|
8286
8447
|
this.handleSlotContent();
|
|
8287
|
-
|
|
8448
|
+
// Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
|
|
8449
|
+
this.requestUpdate();
|
|
8450
|
+
};
|
|
8451
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8288
8452
|
|
|
8453
|
+
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
8454
|
+
// cells reflect blackout/slot state that was configured before first render.
|
|
8455
|
+
this.requestUpdate();
|
|
8456
|
+
|
|
8457
|
+
this.calendarMonth = calendarMonth;
|
|
8458
|
+
this.configurePopover();
|
|
8459
|
+
}
|
|
8460
|
+
|
|
8461
|
+
disconnectedCallback() {
|
|
8462
|
+
super.disconnectedCallback();
|
|
8463
|
+
if (this.datepicker && this._slotContentHandler) {
|
|
8464
|
+
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8465
|
+
}
|
|
8466
|
+
}
|
|
8467
|
+
|
|
8468
|
+
/**
|
|
8469
|
+
* Configures the popover instance with the calendar month boundary.
|
|
8470
|
+
* Called from firstUpdated and updated because the popover element is only
|
|
8471
|
+
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
8472
|
+
* @private
|
|
8473
|
+
* @returns {void}
|
|
8474
|
+
*/
|
|
8475
|
+
configurePopover() {
|
|
8289
8476
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
8290
8477
|
|
|
8291
|
-
this.auroPopover
|
|
8478
|
+
if (this.auroPopover && this.calendarMonth) {
|
|
8479
|
+
this.auroPopover.boundary = this.calendarMonth;
|
|
8480
|
+
}
|
|
8292
8481
|
}
|
|
8293
8482
|
|
|
8294
8483
|
updated(properties) {
|
|
@@ -8296,46 +8485,88 @@ class AuroCalendarCell extends i$1 {
|
|
|
8296
8485
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
8297
8486
|
}
|
|
8298
8487
|
|
|
8299
|
-
this.
|
|
8300
|
-
|
|
8488
|
+
if (this.day) {
|
|
8489
|
+
this.setDateSlotName();
|
|
8490
|
+
this.handleSlotContent();
|
|
8491
|
+
}
|
|
8492
|
+
|
|
8493
|
+
// Configure popover when it first becomes rendered
|
|
8494
|
+
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
8495
|
+
this.updateComplete.then(() => this.configurePopover());
|
|
8496
|
+
}
|
|
8301
8497
|
}
|
|
8302
8498
|
|
|
8303
|
-
|
|
8499
|
+
/**
|
|
8500
|
+
* Programmatically focuses the cell's interactive button element.
|
|
8501
|
+
* @returns {void}
|
|
8502
|
+
*/
|
|
8503
|
+
focusButton() {
|
|
8504
|
+
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
8505
|
+
if (button) {
|
|
8506
|
+
button.focus();
|
|
8507
|
+
}
|
|
8508
|
+
}
|
|
8509
|
+
|
|
8510
|
+
renderCellButton() {
|
|
8511
|
+
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
8512
|
+
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
8513
|
+
const blackout = this.isBlackout();
|
|
8514
|
+
|
|
8304
8515
|
const buttonClasses = {
|
|
8305
8516
|
'day': true,
|
|
8306
8517
|
'body-lg': true,
|
|
8307
|
-
'currentDate': this.
|
|
8518
|
+
'currentDate': this.isCurrentDate,
|
|
8308
8519
|
'selected': this.selected,
|
|
8309
|
-
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
8520
|
+
'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
8310
8521
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
8311
|
-
'disabled':
|
|
8312
|
-
'
|
|
8313
|
-
'
|
|
8522
|
+
'disabled': outOfRange,
|
|
8523
|
+
'blackout': blackout,
|
|
8524
|
+
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
8525
|
+
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
8314
8526
|
'reference': this.isReferenceDate(this.dateStr),
|
|
8315
|
-
'sameDateTrip': this.dateFrom === this.dateTo
|
|
8527
|
+
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
8316
8528
|
};
|
|
8317
8529
|
|
|
8318
|
-
let _a, _b;
|
|
8319
8530
|
return u$a`
|
|
8320
|
-
|
|
8321
|
-
|
|
8322
|
-
|
|
8323
|
-
|
|
8324
|
-
|
|
8325
|
-
|
|
8326
|
-
|
|
8327
|
-
|
|
8328
|
-
|
|
8329
|
-
|
|
8330
|
-
|
|
8331
|
-
|
|
8332
|
-
|
|
8333
|
-
|
|
8334
|
-
|
|
8335
|
-
|
|
8336
|
-
</div>
|
|
8337
|
-
</
|
|
8338
|
-
|
|
8531
|
+
<button
|
|
8532
|
+
slot="trigger"
|
|
8533
|
+
id="${this.getCellId()}"
|
|
8534
|
+
role="${role}"
|
|
8535
|
+
@click="${outOfRange ? undefined : this.handleTap}"
|
|
8536
|
+
@mouseover="${outOfRange ? undefined : this.handleHover}"
|
|
8537
|
+
@focus="${outOfRange ? undefined : this.handleHover}"
|
|
8538
|
+
class="${e$4(buttonClasses)}"
|
|
8539
|
+
?disabled="${outOfRange}"
|
|
8540
|
+
aria-disabled="${blackout ? 'true' : A$4}"
|
|
8541
|
+
aria-hidden="${outOfRange ? 'true' : A$4}"
|
|
8542
|
+
aria-selected="${this.selected ? 'true' : 'false'}"
|
|
8543
|
+
aria-current="${this.isCurrentDate ? 'date' : A$4}"
|
|
8544
|
+
tabindex="${this.active ? '0' : '-1'}">
|
|
8545
|
+
<span class="srOnly">${this.getAriaLabel()}</span>
|
|
8546
|
+
<div class="buttonWrapper" aria-hidden="true">
|
|
8547
|
+
<div class="currentDayMarker">${this.day?.title || A$4}</div>
|
|
8548
|
+
</div>
|
|
8549
|
+
<div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
|
|
8550
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
8551
|
+
</div>
|
|
8552
|
+
</button>
|
|
8553
|
+
`;
|
|
8554
|
+
}
|
|
8555
|
+
|
|
8556
|
+
render() {
|
|
8557
|
+
const hasPopoverContent = this.hasPopoverContent;
|
|
8558
|
+
|
|
8559
|
+
if (hasPopoverContent) {
|
|
8560
|
+
return u$a`
|
|
8561
|
+
<${this.popoverTag}>
|
|
8562
|
+
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
8563
|
+
${this.renderCellButton()}
|
|
8564
|
+
</${this.popoverTag}>
|
|
8565
|
+
`;
|
|
8566
|
+
}
|
|
8567
|
+
|
|
8568
|
+
return u$a`
|
|
8569
|
+
${this.renderCellButton()}
|
|
8339
8570
|
`;
|
|
8340
8571
|
}
|
|
8341
8572
|
}
|
|
@@ -8403,16 +8634,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8403
8634
|
return this.monthNames[month - 1];
|
|
8404
8635
|
}
|
|
8405
8636
|
|
|
8637
|
+
/**
|
|
8638
|
+
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
8639
|
+
* @private
|
|
8640
|
+
* @returns {String} The heading ID.
|
|
8641
|
+
*/
|
|
8642
|
+
getHeadingId() {
|
|
8643
|
+
return `month-heading-${this.month}-${this.year}`;
|
|
8644
|
+
}
|
|
8645
|
+
|
|
8406
8646
|
/**
|
|
8407
8647
|
* Determines the current month name based on locale.
|
|
8648
|
+
* Also builds parallel arrays of full day names for abbr attributes.
|
|
8408
8649
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
8409
8650
|
* @private
|
|
8410
8651
|
* @returns {void}
|
|
8411
8652
|
*/
|
|
8412
8653
|
localeChanged() {
|
|
8413
8654
|
const dayNamesOfTheWeek = [];
|
|
8655
|
+
const dayFullNames = [];
|
|
8414
8656
|
for (let int = 0; int < 7; int += 1) {
|
|
8415
8657
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
8658
|
+
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
8416
8659
|
}
|
|
8417
8660
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
8418
8661
|
? this.locale.options.weekStartsOn
|
|
@@ -8423,6 +8666,125 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8423
8666
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
8424
8667
|
.concat(tmp);
|
|
8425
8668
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
8669
|
+
|
|
8670
|
+
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
8671
|
+
const newDayFullNames = dayFullNames
|
|
8672
|
+
.slice()
|
|
8673
|
+
.splice(firstDayOfWeek, dayFullNames.length)
|
|
8674
|
+
.concat(tmpFull);
|
|
8675
|
+
this.dayFullNames = newDayFullNames;
|
|
8676
|
+
}
|
|
8677
|
+
|
|
8678
|
+
/**
|
|
8679
|
+
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
8680
|
+
* @private
|
|
8681
|
+
* @param {String} dayOfWeek - The short day name.
|
|
8682
|
+
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
8683
|
+
* @returns {Object} The header HTML.
|
|
8684
|
+
*/
|
|
8685
|
+
renderDayOfWeek(dayOfWeek, index) {
|
|
8686
|
+
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
8687
|
+
return b$5`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
8688
|
+
}
|
|
8689
|
+
|
|
8690
|
+
/**
|
|
8691
|
+
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
8692
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
8693
|
+
*/
|
|
8694
|
+
getFocusableCells() {
|
|
8695
|
+
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
8696
|
+
return cells.filter(cell => {
|
|
8697
|
+
if (!cell.day) return false;
|
|
8698
|
+
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
8699
|
+
});
|
|
8700
|
+
}
|
|
8701
|
+
|
|
8702
|
+
/**
|
|
8703
|
+
* Handles arrow key navigation within the month grid.
|
|
8704
|
+
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
8705
|
+
* @private
|
|
8706
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
8707
|
+
* @returns {void}
|
|
8708
|
+
*/
|
|
8709
|
+
handleGridKeyDown(event) {
|
|
8710
|
+
const { key } = event;
|
|
8711
|
+
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
8712
|
+
|
|
8713
|
+
if (!arrowKeys.includes(key)) return;
|
|
8714
|
+
|
|
8715
|
+
event.preventDefault();
|
|
8716
|
+
|
|
8717
|
+
const focusableCells = this.getFocusableCells();
|
|
8718
|
+
if (focusableCells.length === 0) return;
|
|
8719
|
+
|
|
8720
|
+
// Find the currently active cell within this month
|
|
8721
|
+
const activeCell = focusableCells.find(cell => cell.active);
|
|
8722
|
+
if (!activeCell) return;
|
|
8723
|
+
|
|
8724
|
+
const activeIndex = focusableCells.indexOf(activeCell);
|
|
8725
|
+
let targetCell = null;
|
|
8726
|
+
|
|
8727
|
+
if (key === 'ArrowRight') {
|
|
8728
|
+
if (activeIndex < focusableCells.length - 1) {
|
|
8729
|
+
targetCell = focusableCells[activeIndex + 1];
|
|
8730
|
+
} else {
|
|
8731
|
+
// At end of month, request cross-month navigation
|
|
8732
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8733
|
+
bubbles: true,
|
|
8734
|
+
composed: true,
|
|
8735
|
+
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
8736
|
+
}));
|
|
8737
|
+
return;
|
|
8738
|
+
}
|
|
8739
|
+
} else if (key === 'ArrowLeft') {
|
|
8740
|
+
if (activeIndex > 0) {
|
|
8741
|
+
targetCell = focusableCells[activeIndex - 1];
|
|
8742
|
+
} else {
|
|
8743
|
+
// At start of month, request cross-month navigation
|
|
8744
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8745
|
+
bubbles: true,
|
|
8746
|
+
composed: true,
|
|
8747
|
+
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
8748
|
+
}));
|
|
8749
|
+
return;
|
|
8750
|
+
}
|
|
8751
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
8752
|
+
// Find the target day (same day-of-week, +/- 7 days)
|
|
8753
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
8754
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
8755
|
+
const currentDate = new Date(activeCell.day.date * 1000);
|
|
8756
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
8757
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
8758
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
8759
|
+
|
|
8760
|
+
// Look for the target date in this month's focusable cells
|
|
8761
|
+
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
8762
|
+
|
|
8763
|
+
if (!targetCell) {
|
|
8764
|
+
// Target is in another month or all cells in that direction are disabled
|
|
8765
|
+
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
8766
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8767
|
+
bubbles: true,
|
|
8768
|
+
composed: true,
|
|
8769
|
+
detail: { direction, fromDate: activeCell.day.date, key }
|
|
8770
|
+
}));
|
|
8771
|
+
return;
|
|
8772
|
+
}
|
|
8773
|
+
}
|
|
8774
|
+
|
|
8775
|
+
if (targetCell) {
|
|
8776
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8777
|
+
bubbles: true,
|
|
8778
|
+
composed: true,
|
|
8779
|
+
detail: { date: targetCell.day.date }
|
|
8780
|
+
}));
|
|
8781
|
+
}
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
renderWeek(week) {
|
|
8785
|
+
return b$5`
|
|
8786
|
+
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
8787
|
+
`;
|
|
8426
8788
|
}
|
|
8427
8789
|
|
|
8428
8790
|
renderDay(day) {
|
|
@@ -8446,7 +8808,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8446
8808
|
>
|
|
8447
8809
|
</auro-formkit-calendar-cell>
|
|
8448
8810
|
`
|
|
8449
|
-
:
|
|
8811
|
+
: b$5`<div aria-hidden="true" inert></div>`}
|
|
8450
8812
|
</div>
|
|
8451
8813
|
`;
|
|
8452
8814
|
}
|
|
@@ -8457,10 +8819,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8457
8819
|
var _a, _b;
|
|
8458
8820
|
|
|
8459
8821
|
return b$5 `
|
|
8460
|
-
<div>
|
|
8822
|
+
<div aria-labelledby="${this.getHeadingId()}">
|
|
8461
8823
|
<div class="header">
|
|
8462
8824
|
${this.renderPrevButton()}
|
|
8463
|
-
<div class="headerTitle heading-xs">
|
|
8825
|
+
<div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
|
|
8464
8826
|
${this.monthFirst ? b$5`
|
|
8465
8827
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
8466
8828
|
<div>${this.renderYear()}</div>
|
|
@@ -8472,13 +8834,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8472
8834
|
${this.renderNextButton()}
|
|
8473
8835
|
</div>
|
|
8474
8836
|
|
|
8475
|
-
<div class="table">
|
|
8476
|
-
<div class="thead">
|
|
8477
|
-
<div class="tr">
|
|
8478
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
8837
|
+
<div class="table" role="grid" aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
|
|
8838
|
+
<div class="thead" role="rowgroup">
|
|
8839
|
+
<div class="tr" role="row">
|
|
8840
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
|
|
8479
8841
|
</div>
|
|
8480
8842
|
</div>
|
|
8481
|
-
<div class="tbody">
|
|
8843
|
+
<div class="tbody" role="rowgroup">
|
|
8482
8844
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
8483
8845
|
</div>
|
|
8484
8846
|
</div>
|
|
@@ -9177,6 +9539,14 @@ class AuroBibtemplate extends i$1 {
|
|
|
9177
9539
|
large: {
|
|
9178
9540
|
type: Boolean,
|
|
9179
9541
|
reflect: true
|
|
9542
|
+
},
|
|
9543
|
+
|
|
9544
|
+
/**
|
|
9545
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
9546
|
+
*/
|
|
9547
|
+
showFooter: {
|
|
9548
|
+
type: Boolean,
|
|
9549
|
+
reflect: true
|
|
9180
9550
|
}
|
|
9181
9551
|
};
|
|
9182
9552
|
}
|
|
@@ -9279,7 +9649,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9279
9649
|
<slot></slot>
|
|
9280
9650
|
</div>
|
|
9281
9651
|
|
|
9282
|
-
${this.isFullscreen ? u$a`
|
|
9652
|
+
${this.isFullscreen || this.showFooter ? u$a`
|
|
9283
9653
|
<div id="footerContainer">
|
|
9284
9654
|
<slot name="footer"></slot>
|
|
9285
9655
|
</div>` : null}
|
|
@@ -9288,7 +9658,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9288
9658
|
}
|
|
9289
9659
|
}
|
|
9290
9660
|
|
|
9291
|
-
var formkitVersion$2 = '
|
|
9661
|
+
var formkitVersion$2 = '202606011911';
|
|
9292
9662
|
|
|
9293
9663
|
let l$1 = 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$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = 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$4 = 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$3=i$3`: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}
|
|
9294
9664
|
`,u$6=i$3`.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}}
|
|
@@ -9386,6 +9756,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9386
9756
|
this.largeFullscreenHeadline = false;
|
|
9387
9757
|
this.isFullscreen = false;
|
|
9388
9758
|
|
|
9759
|
+
/**
|
|
9760
|
+
* The date of the currently active cell (Unix timestamp).
|
|
9761
|
+
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
9762
|
+
* @private
|
|
9763
|
+
*/
|
|
9764
|
+
this.activeCellDate = null;
|
|
9765
|
+
|
|
9389
9766
|
/**
|
|
9390
9767
|
* @private
|
|
9391
9768
|
*/
|
|
@@ -9551,6 +9928,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9551
9928
|
*/
|
|
9552
9929
|
handlePrevMonth() {
|
|
9553
9930
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
9931
|
+
this.updateActiveCellForVisibleMonth();
|
|
9932
|
+
this.announceMonthChange();
|
|
9554
9933
|
}
|
|
9555
9934
|
|
|
9556
9935
|
/**
|
|
@@ -9560,6 +9939,38 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9560
9939
|
*/
|
|
9561
9940
|
handleNextMonth() {
|
|
9562
9941
|
this.utilCal.handleMonthChange(this, 'next');
|
|
9942
|
+
this.updateActiveCellForVisibleMonth();
|
|
9943
|
+
this.announceMonthChange();
|
|
9944
|
+
}
|
|
9945
|
+
|
|
9946
|
+
/**
|
|
9947
|
+
* Announces the current month and year via the live region after navigation.
|
|
9948
|
+
* @private
|
|
9949
|
+
* @returns {void}
|
|
9950
|
+
*/
|
|
9951
|
+
announceMonthChange() {
|
|
9952
|
+
const date = new Date(this.centralDate);
|
|
9953
|
+
const localeCode = this.locale?.code || undefined;
|
|
9954
|
+
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
9955
|
+
this.announceSelection(formatter.format(date));
|
|
9956
|
+
}
|
|
9957
|
+
|
|
9958
|
+
/**
|
|
9959
|
+
* Recomputes and sets the active cell for the newly visible month after
|
|
9960
|
+
* month navigation. Without this, activeCellDate can point at a date in
|
|
9961
|
+
* the old month, leaving no tabindex="0" cell in the grid.
|
|
9962
|
+
* @private
|
|
9963
|
+
* @returns {void}
|
|
9964
|
+
*/
|
|
9965
|
+
updateActiveCellForVisibleMonth() {
|
|
9966
|
+
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
9967
|
+
// visible month rather than jumping back to the selected date's month.
|
|
9968
|
+
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
9969
|
+
this.updateComplete.then(() => {
|
|
9970
|
+
if (this.activeCellDate != null) {
|
|
9971
|
+
this.setActiveCell(this.activeCellDate);
|
|
9972
|
+
}
|
|
9973
|
+
});
|
|
9563
9974
|
}
|
|
9564
9975
|
|
|
9565
9976
|
/**
|
|
@@ -9667,6 +10078,452 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9667
10078
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
9668
10079
|
}
|
|
9669
10080
|
|
|
10081
|
+
/**
|
|
10082
|
+
* Gets all rendered month components.
|
|
10083
|
+
* @private
|
|
10084
|
+
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
10085
|
+
*/
|
|
10086
|
+
getMonthComponents() {
|
|
10087
|
+
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
10088
|
+
}
|
|
10089
|
+
|
|
10090
|
+
/**
|
|
10091
|
+
* Gets all focusable cells across all rendered months.
|
|
10092
|
+
* @private
|
|
10093
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
10094
|
+
*/
|
|
10095
|
+
getAllFocusableCells() {
|
|
10096
|
+
const months = this.getMonthComponents();
|
|
10097
|
+
let cells = [];
|
|
10098
|
+
months.forEach(month => {
|
|
10099
|
+
cells = cells.concat(month.getFocusableCells());
|
|
10100
|
+
});
|
|
10101
|
+
return cells;
|
|
10102
|
+
}
|
|
10103
|
+
|
|
10104
|
+
/**
|
|
10105
|
+
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
10106
|
+
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
10107
|
+
* @returns {void}
|
|
10108
|
+
*/
|
|
10109
|
+
setActiveCell(date) {
|
|
10110
|
+
const allCells = this.getAllFocusableCells();
|
|
10111
|
+
|
|
10112
|
+
allCells.forEach(cell => {
|
|
10113
|
+
cell.active = cell.day && cell.day.date === date;
|
|
10114
|
+
});
|
|
10115
|
+
|
|
10116
|
+
this.activeCellDate = date;
|
|
10117
|
+
}
|
|
10118
|
+
|
|
10119
|
+
/**
|
|
10120
|
+
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
10121
|
+
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
10122
|
+
* to complete so the focused button is the final DOM element.
|
|
10123
|
+
* @returns {void}
|
|
10124
|
+
*/
|
|
10125
|
+
focusActiveCell() {
|
|
10126
|
+
if (this.activeCellDate != null) {
|
|
10127
|
+
this.setActiveCell(this.activeCellDate);
|
|
10128
|
+
}
|
|
10129
|
+
|
|
10130
|
+
const allCells = this.getAllFocusableCells();
|
|
10131
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
10132
|
+
if (activeCell) {
|
|
10133
|
+
activeCell.updateComplete.then(() => {
|
|
10134
|
+
activeCell.focusButton();
|
|
10135
|
+
});
|
|
10136
|
+
}
|
|
10137
|
+
}
|
|
10138
|
+
|
|
10139
|
+
/**
|
|
10140
|
+
* Computes the initial active date from data properties alone — no DOM required.
|
|
10141
|
+
* Priority:
|
|
10142
|
+
* 1. Selected date (dateFrom) if within range
|
|
10143
|
+
* 2. Today's date if not disabled (in-range and not blackout)
|
|
10144
|
+
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
10145
|
+
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
10146
|
+
* 5. First enabled date in finite [min, max] range
|
|
10147
|
+
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
10148
|
+
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
10149
|
+
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
10150
|
+
* 7. undefined — no valid target
|
|
10151
|
+
*
|
|
10152
|
+
* @private
|
|
10153
|
+
* @param {Object} [options] - Optional settings.
|
|
10154
|
+
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
10155
|
+
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
10156
|
+
* newly visible month instead of jumping back to the selected date's month.
|
|
10157
|
+
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
10158
|
+
*/
|
|
10159
|
+
computeActiveDate(options = {}) {
|
|
10160
|
+
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
10161
|
+
|
|
10162
|
+
/**
|
|
10163
|
+
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
10164
|
+
* Returns a local-midnight-aligned timestamp in seconds.
|
|
10165
|
+
*/
|
|
10166
|
+
const addDays = (ts, days) => {
|
|
10167
|
+
const d = new Date(ts * 1000);
|
|
10168
|
+
d.setDate(d.getDate() + days);
|
|
10169
|
+
d.setHours(0, 0, 0, 0);
|
|
10170
|
+
return Math.floor(d.getTime() / 1000);
|
|
10171
|
+
};
|
|
10172
|
+
|
|
10173
|
+
const rawMin = Number(this.min);
|
|
10174
|
+
const rawMax = Number(this.max);
|
|
10175
|
+
|
|
10176
|
+
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
10177
|
+
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
10178
|
+
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
10179
|
+
|
|
10180
|
+
// Build a Set of blackout timestamps for O(1) lookup.
|
|
10181
|
+
const blackoutSet = new Set(
|
|
10182
|
+
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
10183
|
+
);
|
|
10184
|
+
|
|
10185
|
+
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
10186
|
+
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
10187
|
+
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
10188
|
+
if (Array.isArray(isoBlackouts)) {
|
|
10189
|
+
for (const isoStr of isoBlackouts) {
|
|
10190
|
+
const parts = isoStr.split('-');
|
|
10191
|
+
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
10192
|
+
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
10193
|
+
}
|
|
10194
|
+
}
|
|
10195
|
+
|
|
10196
|
+
/**
|
|
10197
|
+
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
10198
|
+
* it is within [min, max] AND not a blackout day.
|
|
10199
|
+
*/
|
|
10200
|
+
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
10201
|
+
|
|
10202
|
+
/**
|
|
10203
|
+
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
10204
|
+
* Blackout dates are focusable but not selectable.
|
|
10205
|
+
*/
|
|
10206
|
+
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
10207
|
+
|
|
10208
|
+
// 1. Selected date — always valid target if within range (user chose it).
|
|
10209
|
+
// Skipped when called from month navigation so the active cell lands in
|
|
10210
|
+
// the newly visible month rather than the (possibly off-screen) selection.
|
|
10211
|
+
if (!options.skipDateFrom && this.dateFrom) {
|
|
10212
|
+
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
10213
|
+
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
10214
|
+
}
|
|
10215
|
+
|
|
10216
|
+
// 2. Today's date (midnight-aligned) if enabled.
|
|
10217
|
+
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
10218
|
+
|
|
10219
|
+
// When centralDate is configured, prefer a date within the month(s) that
|
|
10220
|
+
// will actually be rendered. If today falls outside the visible range, an
|
|
10221
|
+
// active cell set to today would have no matching DOM element and keyboard
|
|
10222
|
+
// focus could not enter the calendar.
|
|
10223
|
+
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
10224
|
+
|
|
10225
|
+
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
10226
|
+
const centralMonth = centralDateValue.getMonth();
|
|
10227
|
+
const centralYear = centralDateValue.getFullYear();
|
|
10228
|
+
const todayDate = new Date(now * 1000);
|
|
10229
|
+
const todayMonth = todayDate.getMonth();
|
|
10230
|
+
const todayYear = todayDate.getFullYear();
|
|
10231
|
+
|
|
10232
|
+
// Today is outside the centralDate's month — scan for an enabled date
|
|
10233
|
+
// within the visible month instead.
|
|
10234
|
+
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
10235
|
+
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
10236
|
+
visibleStart.setHours(0, 0, 0, 0);
|
|
10237
|
+
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
10238
|
+
visibleEnd.setHours(0, 0, 0, 0);
|
|
10239
|
+
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
10240
|
+
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
10241
|
+
const daysInMonth = visibleEnd.getDate();
|
|
10242
|
+
|
|
10243
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10244
|
+
const ts = addDays(startTs, idx);
|
|
10245
|
+
if (ts > endTs) break;
|
|
10246
|
+
if (isEnabled(ts)) return ts;
|
|
10247
|
+
}
|
|
10248
|
+
|
|
10249
|
+
// No enabled date in the visible month — fall back to first in-range
|
|
10250
|
+
// date in the month so focus still lands on a focusable cell.
|
|
10251
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10252
|
+
const ts = addDays(startTs, idx);
|
|
10253
|
+
if (ts > endTs) break;
|
|
10254
|
+
if (isInRange(ts)) return ts;
|
|
10255
|
+
}
|
|
10256
|
+
}
|
|
10257
|
+
}
|
|
10258
|
+
|
|
10259
|
+
if (isEnabled(now)) return now;
|
|
10260
|
+
|
|
10261
|
+
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
10262
|
+
// rendered month(s) first so a single-month calendar does not pick a date
|
|
10263
|
+
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
10264
|
+
// the number of rendered months.
|
|
10265
|
+
const renderedMonths = this.numCalendars || 1;
|
|
10266
|
+
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
10267
|
+
? centralDateValue
|
|
10268
|
+
: new Date(now * 1000);
|
|
10269
|
+
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
10270
|
+
visMonthStart.setHours(0, 0, 0, 0);
|
|
10271
|
+
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
10272
|
+
visMonthEnd.setHours(0, 0, 0, 0);
|
|
10273
|
+
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
10274
|
+
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
10275
|
+
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
10276
|
+
|
|
10277
|
+
// Scan visible months for an enabled date.
|
|
10278
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
10279
|
+
const ts = addDays(visStartTs, idx);
|
|
10280
|
+
if (ts > visEndTs) break;
|
|
10281
|
+
if (isEnabled(ts)) return ts;
|
|
10282
|
+
}
|
|
10283
|
+
|
|
10284
|
+
// No enabled date in visible months — try an in-range (focusable) date so
|
|
10285
|
+
// keyboard focus still has a tabindex="0" target.
|
|
10286
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
10287
|
+
const ts = addDays(visStartTs, idx);
|
|
10288
|
+
if (ts > visEndTs) break;
|
|
10289
|
+
if (isInRange(ts)) return ts;
|
|
10290
|
+
}
|
|
10291
|
+
|
|
10292
|
+
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
10293
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10294
|
+
const ts = addDays(now, idx);
|
|
10295
|
+
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
10296
|
+
if (isEnabled(ts)) return ts;
|
|
10297
|
+
}
|
|
10298
|
+
|
|
10299
|
+
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
10300
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10301
|
+
const ts = addDays(now, -idx);
|
|
10302
|
+
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
10303
|
+
if (isEnabled(ts)) return ts;
|
|
10304
|
+
}
|
|
10305
|
+
|
|
10306
|
+
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
10307
|
+
// the first enabled date in the [min, max] range.
|
|
10308
|
+
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10309
|
+
let ts = minTs;
|
|
10310
|
+
for (let idx = 0; ts <= maxTs; idx++) {
|
|
10311
|
+
if (isEnabled(ts)) return ts;
|
|
10312
|
+
ts = addDays(minTs, idx + 1);
|
|
10313
|
+
}
|
|
10314
|
+
}
|
|
10315
|
+
|
|
10316
|
+
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
10317
|
+
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
10318
|
+
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
10319
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10320
|
+
const ts = addDays(minTs, idx);
|
|
10321
|
+
if (isEnabled(ts)) return ts;
|
|
10322
|
+
}
|
|
10323
|
+
}
|
|
10324
|
+
|
|
10325
|
+
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
10326
|
+
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
10327
|
+
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10328
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10329
|
+
const ts = addDays(maxTs, -idx);
|
|
10330
|
+
if (isEnabled(ts)) return ts;
|
|
10331
|
+
}
|
|
10332
|
+
}
|
|
10333
|
+
|
|
10334
|
+
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
10335
|
+
// still lands on a focusable (but not selectable) cell.
|
|
10336
|
+
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
10337
|
+
if (isInRange(now)) return now;
|
|
10338
|
+
|
|
10339
|
+
return undefined;
|
|
10340
|
+
}
|
|
10341
|
+
|
|
10342
|
+
/**
|
|
10343
|
+
* Handles cross-month boundary navigation events from month components.
|
|
10344
|
+
* @private
|
|
10345
|
+
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
10346
|
+
* @returns {void}
|
|
10347
|
+
*/
|
|
10348
|
+
handleMonthBoundary(event) {
|
|
10349
|
+
const { direction, fromDate, key } = event.detail;
|
|
10350
|
+
|
|
10351
|
+
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
10352
|
+
// Linear navigation: find adjacent focusable cell across months
|
|
10353
|
+
const allCells = this.getAllFocusableCells();
|
|
10354
|
+
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
10355
|
+
|
|
10356
|
+
if (currentIndex === -1) return;
|
|
10357
|
+
|
|
10358
|
+
let targetIndex;
|
|
10359
|
+
if (direction === 'next') {
|
|
10360
|
+
targetIndex = currentIndex + 1;
|
|
10361
|
+
} else {
|
|
10362
|
+
targetIndex = currentIndex - 1;
|
|
10363
|
+
}
|
|
10364
|
+
|
|
10365
|
+
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
10366
|
+
const targetCell = allCells[targetIndex];
|
|
10367
|
+
this.setActiveCell(targetCell.day.date);
|
|
10368
|
+
this.scrollToActiveCell();
|
|
10369
|
+
this.focusActiveCell();
|
|
10370
|
+
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
10371
|
+
// Navigate to next month and focus the computed next date.
|
|
10372
|
+
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
10373
|
+
// avoids jumping backward in range datepickers where cells[0]
|
|
10374
|
+
// belongs to the previous (still-rendered) month.
|
|
10375
|
+
const nextDate = new Date(fromDate * 1000);
|
|
10376
|
+
nextDate.setDate(nextDate.getDate() + 1);
|
|
10377
|
+
nextDate.setHours(0, 0, 0, 0);
|
|
10378
|
+
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
10379
|
+
|
|
10380
|
+
this.handleNextMonth();
|
|
10381
|
+
requestAnimationFrame(() => {
|
|
10382
|
+
requestAnimationFrame(() => {
|
|
10383
|
+
const cells = this.getAllFocusableCells();
|
|
10384
|
+
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
10385
|
+
if (target) {
|
|
10386
|
+
this.setActiveCell(target.day.date);
|
|
10387
|
+
this.focusActiveCell();
|
|
10388
|
+
} else if (cells.length > 0) {
|
|
10389
|
+
// Fallback: first cell of the last rendered month
|
|
10390
|
+
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
10391
|
+
this.focusActiveCell();
|
|
10392
|
+
}
|
|
10393
|
+
});
|
|
10394
|
+
});
|
|
10395
|
+
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
10396
|
+
// Navigate to previous month and focus the computed previous date.
|
|
10397
|
+
const prevDate = new Date(fromDate * 1000);
|
|
10398
|
+
prevDate.setDate(prevDate.getDate() - 1);
|
|
10399
|
+
prevDate.setHours(0, 0, 0, 0);
|
|
10400
|
+
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
10401
|
+
|
|
10402
|
+
this.handlePrevMonth();
|
|
10403
|
+
requestAnimationFrame(() => {
|
|
10404
|
+
requestAnimationFrame(() => {
|
|
10405
|
+
const cells = this.getAllFocusableCells();
|
|
10406
|
+
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
10407
|
+
if (target) {
|
|
10408
|
+
this.setActiveCell(target.day.date);
|
|
10409
|
+
this.focusActiveCell();
|
|
10410
|
+
} else if (cells.length > 0) {
|
|
10411
|
+
// Fallback: last cell of the first rendered month
|
|
10412
|
+
this.setActiveCell(cells[0].day.date);
|
|
10413
|
+
this.focusActiveCell();
|
|
10414
|
+
}
|
|
10415
|
+
});
|
|
10416
|
+
});
|
|
10417
|
+
}
|
|
10418
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
10419
|
+
// Vertical navigation: find same day-of-week +/- 7 days
|
|
10420
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
10421
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
10422
|
+
const currentDate = new Date(fromDate * 1000);
|
|
10423
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
10424
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
10425
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
10426
|
+
|
|
10427
|
+
const allCells = this.getAllFocusableCells();
|
|
10428
|
+
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10429
|
+
|
|
10430
|
+
if (targetCell) {
|
|
10431
|
+
this.setActiveCell(targetCell.day.date);
|
|
10432
|
+
this.scrollToActiveCell();
|
|
10433
|
+
this.focusActiveCell();
|
|
10434
|
+
} else {
|
|
10435
|
+
// Target might be in an unrendered month, navigate there
|
|
10436
|
+
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
10437
|
+
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
10438
|
+
if (navDirection === 'next') {
|
|
10439
|
+
this.handleNextMonth();
|
|
10440
|
+
} else {
|
|
10441
|
+
this.handlePrevMonth();
|
|
10442
|
+
}
|
|
10443
|
+
requestAnimationFrame(() => {
|
|
10444
|
+
requestAnimationFrame(() => {
|
|
10445
|
+
const cells = this.getAllFocusableCells();
|
|
10446
|
+
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10447
|
+
if (target) {
|
|
10448
|
+
this.setActiveCell(target.day.date);
|
|
10449
|
+
this.focusActiveCell();
|
|
10450
|
+
} else if (cells.length > 0) {
|
|
10451
|
+
// Clamp to nearest focusable cell
|
|
10452
|
+
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
10453
|
+
this.setActiveCell(nearest.day.date);
|
|
10454
|
+
this.focusActiveCell();
|
|
10455
|
+
}
|
|
10456
|
+
});
|
|
10457
|
+
});
|
|
10458
|
+
}
|
|
10459
|
+
}
|
|
10460
|
+
}
|
|
10461
|
+
}
|
|
10462
|
+
|
|
10463
|
+
/**
|
|
10464
|
+
* Handles cell activation events from month components.
|
|
10465
|
+
* @private
|
|
10466
|
+
* @param {CustomEvent} event - The activation event with target date.
|
|
10467
|
+
* @returns {void}
|
|
10468
|
+
*/
|
|
10469
|
+
handleCellActivate(event) {
|
|
10470
|
+
const { date } = event.detail;
|
|
10471
|
+
this.setActiveCell(date);
|
|
10472
|
+
this.focusActiveCell();
|
|
10473
|
+
}
|
|
10474
|
+
|
|
10475
|
+
/**
|
|
10476
|
+
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
10477
|
+
* @private
|
|
10478
|
+
* @returns {void}
|
|
10479
|
+
*/
|
|
10480
|
+
scrollToActiveCell() {
|
|
10481
|
+
if (this.activeCellDate == null) return;
|
|
10482
|
+
|
|
10483
|
+
const date = new Date(this.activeCellDate * 1000);
|
|
10484
|
+
const month = date.getMonth() + 1;
|
|
10485
|
+
const year = date.getFullYear();
|
|
10486
|
+
const selector = `#month-${month}-${year}`;
|
|
10487
|
+
const monthElem = this.shadowRoot.querySelector(selector);
|
|
10488
|
+
|
|
10489
|
+
if (monthElem) {
|
|
10490
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
10491
|
+
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
10492
|
+
}
|
|
10493
|
+
}
|
|
10494
|
+
|
|
10495
|
+
/**
|
|
10496
|
+
* Announces a date selection via the live region.
|
|
10497
|
+
* @private
|
|
10498
|
+
* @param {String} dateStr - The localized date string to announce.
|
|
10499
|
+
* @returns {void}
|
|
10500
|
+
*/
|
|
10501
|
+
announceSelection(dateStr) {
|
|
10502
|
+
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
10503
|
+
if (liveRegion) {
|
|
10504
|
+
liveRegion.textContent = '';
|
|
10505
|
+
// Use microtask to ensure SR picks up the change
|
|
10506
|
+
Promise.resolve().then(() => {
|
|
10507
|
+
liveRegion.textContent = dateStr;
|
|
10508
|
+
});
|
|
10509
|
+
}
|
|
10510
|
+
}
|
|
10511
|
+
|
|
10512
|
+
/**
|
|
10513
|
+
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
10514
|
+
* @private
|
|
10515
|
+
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
10516
|
+
* @returns {String} Localized date string.
|
|
10517
|
+
*/
|
|
10518
|
+
formatAnnouncementDate(timestamp) {
|
|
10519
|
+
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
10520
|
+
const localeCode = this.locale?.code || undefined;
|
|
10521
|
+
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
10522
|
+
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
10523
|
+
});
|
|
10524
|
+
return formatter.format(date);
|
|
10525
|
+
}
|
|
10526
|
+
|
|
9670
10527
|
firstUpdated() {
|
|
9671
10528
|
this.addEventListener('date-from-changed', () => {
|
|
9672
10529
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -9686,6 +10543,16 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9686
10543
|
composed: true,
|
|
9687
10544
|
}));
|
|
9688
10545
|
});
|
|
10546
|
+
|
|
10547
|
+
// Listen for cross-month boundary navigation events
|
|
10548
|
+
this.addEventListener('calendar-month-boundary', (event) => {
|
|
10549
|
+
this.handleMonthBoundary(event);
|
|
10550
|
+
});
|
|
10551
|
+
|
|
10552
|
+
// Listen for cell activation events
|
|
10553
|
+
this.addEventListener('calendar-cell-activate', (event) => {
|
|
10554
|
+
this.handleCellActivate(event);
|
|
10555
|
+
});
|
|
9689
10556
|
}
|
|
9690
10557
|
|
|
9691
10558
|
injectSlot(slotName, nodes) {
|
|
@@ -9710,7 +10577,37 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9710
10577
|
}
|
|
9711
10578
|
|
|
9712
10579
|
if (changedProperties.has('visible')) {
|
|
9713
|
-
|
|
10580
|
+
if (this.visible) {
|
|
10581
|
+
// Compute the active date eagerly from data — no DOM needed.
|
|
10582
|
+
if (this.activeCellDate == null) {
|
|
10583
|
+
this.activeCellDate = this.computeActiveDate();
|
|
10584
|
+
}
|
|
10585
|
+
|
|
10586
|
+
this.requestUpdate();
|
|
10587
|
+
} else {
|
|
10588
|
+
this.requestUpdate();
|
|
10589
|
+
}
|
|
10590
|
+
}
|
|
10591
|
+
|
|
10592
|
+
// Announce date selection to screen readers when user clicks/selects a cell
|
|
10593
|
+
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
10594
|
+
|
|
10595
|
+
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
10596
|
+
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
10597
|
+
const isRange = !this.noRange;
|
|
10598
|
+
|
|
10599
|
+
if (isRange) {
|
|
10600
|
+
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
10601
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
10602
|
+
} else {
|
|
10603
|
+
this.announceSelection(`${dateStr}, selected`);
|
|
10604
|
+
}
|
|
10605
|
+
}
|
|
10606
|
+
|
|
10607
|
+
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
10608
|
+
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
10609
|
+
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
10610
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
9714
10611
|
}
|
|
9715
10612
|
}
|
|
9716
10613
|
|
|
@@ -9719,6 +10616,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9719
10616
|
<${this.bibtemplateTag}
|
|
9720
10617
|
?large="${this.largeFullscreenHeadline}"
|
|
9721
10618
|
?isFullscreen="${this.isFullscreen}"
|
|
10619
|
+
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
9722
10620
|
@close-click="${this.utilCal.requestDismiss}">
|
|
9723
10621
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
9724
10622
|
|
|
@@ -9736,24 +10634,26 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9736
10634
|
</div>
|
|
9737
10635
|
</div>
|
|
9738
10636
|
|
|
9739
|
-
<div class="calendarWrapper">
|
|
9740
|
-
<div class="calendars">
|
|
9741
|
-
${this.renderAllCalendars()}
|
|
9742
|
-
</div>
|
|
10637
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
9743
10638
|
<div class="calendarNavButtons">
|
|
9744
10639
|
${this.showPrevMonthBtn ? u$a`
|
|
9745
|
-
<button tabIndex="
|
|
10640
|
+
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
9746
10641
|
${this.util.generateIconHtml(chevronLeft)}
|
|
9747
10642
|
</button>
|
|
9748
10643
|
` : undefined}
|
|
9749
10644
|
${this.showNextMonthBtn ? u$a`
|
|
9750
|
-
<button tabIndex="
|
|
10645
|
+
<button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
|
|
9751
10646
|
${this.util.generateIconHtml(chevronRight)}
|
|
9752
10647
|
</button>
|
|
9753
10648
|
` : undefined}
|
|
9754
10649
|
</div>
|
|
10650
|
+
<div class="calendars">
|
|
10651
|
+
${this.renderAllCalendars()}
|
|
10652
|
+
</div>
|
|
9755
10653
|
</div>
|
|
9756
10654
|
|
|
10655
|
+
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
10656
|
+
|
|
9757
10657
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
9758
10658
|
</${this.bibtemplateTag}>
|
|
9759
10659
|
`;
|
|
@@ -13025,7 +13925,7 @@ function applyKeyboardStrategy$1(component, strategy, options = {}) {
|
|
|
13025
13925
|
});
|
|
13026
13926
|
}
|
|
13027
13927
|
|
|
13028
|
-
var styleCss$2$1 = i$3`: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}`;
|
|
13928
|
+
var styleCss$2$1 = i$3`: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}`;
|
|
13029
13929
|
|
|
13030
13930
|
var colorCss$2 = i$3`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
13031
13931
|
|
|
@@ -13656,7 +14556,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
13656
14556
|
}
|
|
13657
14557
|
};
|
|
13658
14558
|
|
|
13659
|
-
var formkitVersion$1 = '
|
|
14559
|
+
var formkitVersion$1 = '202606011911';
|
|
13660
14560
|
|
|
13661
14561
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
13662
14562
|
static get properties() {
|
|
@@ -13836,6 +14736,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13836
14736
|
_intializeDefaults() {
|
|
13837
14737
|
this.appearance = 'default';
|
|
13838
14738
|
this.chevron = false;
|
|
14739
|
+
this.desktopModal = false;
|
|
13839
14740
|
this.disabled = false;
|
|
13840
14741
|
this.disableKeyboardHandling = false;
|
|
13841
14742
|
this.error = false;
|
|
@@ -14016,6 +14917,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14016
14917
|
reflect: true
|
|
14017
14918
|
},
|
|
14018
14919
|
|
|
14920
|
+
/**
|
|
14921
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
14922
|
+
*/
|
|
14923
|
+
desktopModal: {
|
|
14924
|
+
type: Boolean,
|
|
14925
|
+
reflect: true
|
|
14926
|
+
},
|
|
14927
|
+
|
|
14019
14928
|
/**
|
|
14020
14929
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
14021
14930
|
*/
|
|
@@ -14303,6 +15212,15 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14303
15212
|
|
|
14304
15213
|
disconnectedCallback() {
|
|
14305
15214
|
super.disconnectedCallback();
|
|
15215
|
+
this._clearPageInert();
|
|
15216
|
+
if (this._bibTabHandler) {
|
|
15217
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
15218
|
+
this._bibTabHandler = undefined;
|
|
15219
|
+
}
|
|
15220
|
+
if (this.focusTrap) {
|
|
15221
|
+
this.focusTrap.disconnect();
|
|
15222
|
+
this.focusTrap = undefined;
|
|
15223
|
+
}
|
|
14306
15224
|
if (this.floater) {
|
|
14307
15225
|
this.floater.hideBib('disconnect');
|
|
14308
15226
|
this.floater.disconnect();
|
|
@@ -14330,19 +15248,45 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14330
15248
|
if (this.isPopoverVisible) {
|
|
14331
15249
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
14332
15250
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
14333
|
-
|
|
14334
|
-
this.
|
|
15251
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
15252
|
+
this.updateFocusTrap();
|
|
15253
|
+
|
|
15254
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
15255
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15256
|
+
this._setPageInert();
|
|
15257
|
+
}
|
|
14335
15258
|
} else {
|
|
14336
15259
|
this.bibElement.value.close();
|
|
15260
|
+
this._clearPageInert();
|
|
14337
15261
|
}
|
|
14338
15262
|
}
|
|
14339
15263
|
|
|
14340
15264
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
14341
15265
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
14342
15266
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
14343
|
-
const useModal = this.isBibFullscreen;
|
|
14344
15267
|
this.bibElement.value.close();
|
|
14345
|
-
this.bibElement.value.open(
|
|
15268
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
15269
|
+
|
|
15270
|
+
// Re-initialize focus management for the new strategy
|
|
15271
|
+
this.updateFocusTrap();
|
|
15272
|
+
|
|
15273
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
15274
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15275
|
+
this._setPageInert();
|
|
15276
|
+
} else {
|
|
15277
|
+
this._clearPageInert();
|
|
15278
|
+
}
|
|
15279
|
+
}
|
|
15280
|
+
|
|
15281
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
15282
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
15283
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
15284
|
+
this.updateFocusTrap();
|
|
15285
|
+
if (this.desktopModal) {
|
|
15286
|
+
this._setPageInert();
|
|
15287
|
+
} else {
|
|
15288
|
+
this._clearPageInert();
|
|
15289
|
+
}
|
|
14346
15290
|
}
|
|
14347
15291
|
}
|
|
14348
15292
|
|
|
@@ -14352,8 +15296,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14352
15296
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
14353
15297
|
*/
|
|
14354
15298
|
handleDropdownToggle(event) {
|
|
14355
|
-
this.updateFocusTrap();
|
|
14356
15299
|
this.isPopoverVisible = event.detail.expanded;
|
|
15300
|
+
|
|
15301
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
15302
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
15303
|
+
if (!this.isPopoverVisible) {
|
|
15304
|
+
this.updateFocusTrap();
|
|
15305
|
+
}
|
|
15306
|
+
|
|
14357
15307
|
const eventType = event.detail.eventType || "unknown";
|
|
14358
15308
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
14359
15309
|
this.trigger.focus();
|
|
@@ -14452,19 +15402,178 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14452
15402
|
* @private
|
|
14453
15403
|
*/
|
|
14454
15404
|
updateFocusTrap() {
|
|
15405
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
15406
|
+
// to prevent duplicate listeners on repeated calls.
|
|
15407
|
+
if (this._bibTabHandler) {
|
|
15408
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
15409
|
+
this._bibTabHandler = undefined;
|
|
15410
|
+
}
|
|
15411
|
+
|
|
15412
|
+
if (this.focusTrap) {
|
|
15413
|
+
this.focusTrap.disconnect();
|
|
15414
|
+
this.focusTrap = undefined;
|
|
15415
|
+
}
|
|
15416
|
+
|
|
14455
15417
|
if (this.isPopoverVisible) {
|
|
14456
15418
|
if (!this.isBibFullscreen) {
|
|
14457
|
-
|
|
14458
|
-
|
|
14459
|
-
|
|
15419
|
+
if (this.desktopModal) {
|
|
15420
|
+
// Desktop modal: trap focus only within the bib content.
|
|
15421
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
15422
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
15423
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
15424
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
15425
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
15426
|
+
// within the bib's focusable elements.
|
|
15427
|
+
this._bibTabHandler = (event) => {
|
|
15428
|
+
if (event.key !== 'Tab') {
|
|
15429
|
+
return;
|
|
15430
|
+
}
|
|
15431
|
+
|
|
15432
|
+
// Collect focusable elements from the bib content.
|
|
15433
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
15434
|
+
|
|
15435
|
+
// Fallback: try from slotted content directly
|
|
15436
|
+
if (!focusables.length) {
|
|
15437
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
15438
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
15439
|
+
|
|
15440
|
+
for (const node of assignedNodes) {
|
|
15441
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
15442
|
+
focusables.push(...getFocusableElements(node));
|
|
15443
|
+
}
|
|
15444
|
+
}
|
|
15445
|
+
}
|
|
15446
|
+
|
|
15447
|
+
if (!focusables.length) {
|
|
15448
|
+
return;
|
|
15449
|
+
}
|
|
15450
|
+
|
|
15451
|
+
event.preventDefault();
|
|
15452
|
+
|
|
15453
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
15454
|
+
|
|
15455
|
+
// Walk the active element chain through shadow roots
|
|
15456
|
+
const actives = this._getActiveElements();
|
|
15457
|
+
|
|
15458
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
15459
|
+
|
|
15460
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
15461
|
+
// Focus is not on a known element — move to first/last
|
|
15462
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
15463
|
+
}
|
|
15464
|
+
|
|
15465
|
+
// Try each element in order, skipping any that can't receive focus
|
|
15466
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
15467
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
15468
|
+
let nextIdx = idx + direction;
|
|
15469
|
+
|
|
15470
|
+
// Wrap around
|
|
15471
|
+
if (nextIdx < 0) {
|
|
15472
|
+
nextIdx = focusables.length - 1;
|
|
15473
|
+
} else if (nextIdx >= focusables.length) {
|
|
15474
|
+
nextIdx = 0;
|
|
15475
|
+
}
|
|
15476
|
+
|
|
15477
|
+
focusables[nextIdx].focus();
|
|
15478
|
+
|
|
15479
|
+
// Verify focus actually moved to the target
|
|
15480
|
+
const newActives = this._getActiveElements();
|
|
15481
|
+
|
|
15482
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
15483
|
+
return;
|
|
15484
|
+
}
|
|
15485
|
+
|
|
15486
|
+
// Focus didn't stick — skip this element and try the next
|
|
15487
|
+
idx = nextIdx;
|
|
15488
|
+
}
|
|
15489
|
+
};
|
|
15490
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
15491
|
+
|
|
15492
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
15493
|
+
requestAnimationFrame(() => {
|
|
15494
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
15495
|
+
if (focusables.length) {
|
|
15496
|
+
focusables[0].focus();
|
|
15497
|
+
}
|
|
15498
|
+
});
|
|
15499
|
+
} else {
|
|
15500
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
15501
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
15502
|
+
this.focusTrap.focusFirstElement();
|
|
15503
|
+
}
|
|
14460
15504
|
}
|
|
14461
15505
|
// Fullscreen: showModal() provides native focus trapping
|
|
15506
|
+
}
|
|
15507
|
+
}
|
|
15508
|
+
|
|
15509
|
+
/**
|
|
15510
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
15511
|
+
* @private
|
|
15512
|
+
* @returns {Array<HTMLElement>}
|
|
15513
|
+
*/
|
|
15514
|
+
_getActiveElements() {
|
|
15515
|
+
let { activeElement } = document;
|
|
15516
|
+
const actives = [activeElement];
|
|
15517
|
+
|
|
15518
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
15519
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
15520
|
+
actives.push(activeElement);
|
|
15521
|
+
}
|
|
15522
|
+
|
|
15523
|
+
return actives;
|
|
15524
|
+
}
|
|
15525
|
+
|
|
15526
|
+
/**
|
|
15527
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
15528
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
15529
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
15530
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
15531
|
+
* to ensure all page content outside the host subtree is inert.
|
|
15532
|
+
* @private
|
|
15533
|
+
*/
|
|
15534
|
+
_setPageInert() {
|
|
15535
|
+
if (this._inertSiblings) {
|
|
14462
15536
|
return;
|
|
14463
15537
|
}
|
|
14464
15538
|
|
|
14465
|
-
|
|
14466
|
-
|
|
14467
|
-
|
|
15539
|
+
this._inertSiblings = [];
|
|
15540
|
+
|
|
15541
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
15542
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
15543
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
15544
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
15545
|
+
let host = this;
|
|
15546
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
15547
|
+
host = host.getRootNode().host;
|
|
15548
|
+
}
|
|
15549
|
+
|
|
15550
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
15551
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
15552
|
+
let current = host;
|
|
15553
|
+
while (current.parentElement) {
|
|
15554
|
+
const parent = current.parentElement;
|
|
15555
|
+
for (const sibling of parent.children) {
|
|
15556
|
+
if (sibling !== current) {
|
|
15557
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
15558
|
+
sibling.inert = true;
|
|
15559
|
+
}
|
|
15560
|
+
}
|
|
15561
|
+
current = parent;
|
|
15562
|
+
}
|
|
15563
|
+
}
|
|
15564
|
+
|
|
15565
|
+
/**
|
|
15566
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
15567
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
15568
|
+
* not inadvertently re-enabled.
|
|
15569
|
+
* @private
|
|
15570
|
+
*/
|
|
15571
|
+
_clearPageInert() {
|
|
15572
|
+
if (this._inertSiblings) {
|
|
15573
|
+
for (const entry of this._inertSiblings) {
|
|
15574
|
+
entry.element.inert = entry.wasInert;
|
|
15575
|
+
}
|
|
15576
|
+
this._inertSiblings = undefined;
|
|
14468
15577
|
}
|
|
14469
15578
|
}
|
|
14470
15579
|
|
|
@@ -14703,6 +15812,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14703
15812
|
shape="${this.shape}"
|
|
14704
15813
|
?data-show="${this.isPopoverVisible}"
|
|
14705
15814
|
?isfullscreen="${this.isBibFullscreen}"
|
|
15815
|
+
?desktopmodal="${this.desktopModal}"
|
|
14706
15816
|
.dialogLabel="${this.bibDialogLabel}"
|
|
14707
15817
|
${n(this.bibElement)}
|
|
14708
15818
|
>
|
|
@@ -21408,7 +22518,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
21408
22518
|
}
|
|
21409
22519
|
};
|
|
21410
22520
|
|
|
21411
|
-
var formkitVersion = '
|
|
22521
|
+
var formkitVersion = '202606011911';
|
|
21412
22522
|
|
|
21413
22523
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
21414
22524
|
// See LICENSE in the project root for license information.
|
|
@@ -22663,26 +23773,62 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
22663
23773
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
22664
23774
|
//
|
|
22665
23775
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
22666
|
-
// - The bib opens and closes via pointer/touch interaction only.
|
|
22667
23776
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
23777
|
+
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
23778
|
+
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
22668
23779
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
22669
|
-
// - Enter and Space do not open or close the bib.
|
|
22670
23780
|
//
|
|
22671
23781
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
22672
23782
|
// added, handlers should go here following the same strategy pattern used by
|
|
22673
23783
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
22674
23784
|
const datepickerKeyboardStrategy = {
|
|
22675
|
-
Escape(component, evt) {
|
|
22676
|
-
if (!
|
|
23785
|
+
Escape(component, evt, ctx) {
|
|
23786
|
+
if (!ctx.isExpanded) {
|
|
22677
23787
|
return;
|
|
22678
23788
|
}
|
|
22679
23789
|
|
|
22680
|
-
//
|
|
22681
|
-
//
|
|
22682
|
-
// seeing this event, we must also close the dropdown explicitly.
|
|
23790
|
+
// Stop propagation so parent containers (auro-dialog, auro-drawer)
|
|
23791
|
+
// don't also react to Escape.
|
|
22683
23792
|
evt.stopPropagation();
|
|
23793
|
+
evt.preventDefault();
|
|
23794
|
+
|
|
23795
|
+
component.hideBib();
|
|
23796
|
+
},
|
|
23797
|
+
|
|
23798
|
+
Enter(component, evt, ctx) {
|
|
23799
|
+
if (ctx.isExpanded) {
|
|
23800
|
+
return;
|
|
23801
|
+
}
|
|
22684
23802
|
|
|
22685
|
-
|
|
23803
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
23804
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
23805
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
23806
|
+
const path = evt.composedPath();
|
|
23807
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
23808
|
+
return;
|
|
23809
|
+
}
|
|
23810
|
+
|
|
23811
|
+
evt.preventDefault();
|
|
23812
|
+
|
|
23813
|
+
component.dropdown.show();
|
|
23814
|
+
},
|
|
23815
|
+
|
|
23816
|
+
' '(component, evt, ctx) {
|
|
23817
|
+
if (ctx.isExpanded) {
|
|
23818
|
+
return;
|
|
23819
|
+
}
|
|
23820
|
+
|
|
23821
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
23822
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
23823
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
23824
|
+
const path = evt.composedPath();
|
|
23825
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
23826
|
+
return;
|
|
23827
|
+
}
|
|
23828
|
+
|
|
23829
|
+
evt.preventDefault();
|
|
23830
|
+
|
|
23831
|
+
component.dropdown.show();
|
|
22686
23832
|
},
|
|
22687
23833
|
};
|
|
22688
23834
|
|
|
@@ -22756,6 +23902,15 @@ class AuroDatePicker extends AuroElement {
|
|
|
22756
23902
|
this.required = false;
|
|
22757
23903
|
this.onDark = false;
|
|
22758
23904
|
this.range = false;
|
|
23905
|
+
this.rangeLabelStart = 'range start';
|
|
23906
|
+
this.rangeLabelEnd = 'range end';
|
|
23907
|
+
this.rangeLabelBeforeRange = 'before range';
|
|
23908
|
+
this.rangeLabelInRange = 'in range';
|
|
23909
|
+
this.rangeLabelAfterRange = 'after range';
|
|
23910
|
+
this.blackoutDates = [];
|
|
23911
|
+
this.blackoutLabel = 'unavailable';
|
|
23912
|
+
this.navLabelPrevMonth = 'Previous month';
|
|
23913
|
+
this.navLabelNextMonth = 'Next month';
|
|
22759
23914
|
this.stacked = false;
|
|
22760
23915
|
this.noValidate = false;
|
|
22761
23916
|
this.validity = undefined;
|
|
@@ -23134,6 +24289,78 @@ class AuroDatePicker extends AuroElement {
|
|
|
23134
24289
|
reflect: true
|
|
23135
24290
|
},
|
|
23136
24291
|
|
|
24292
|
+
/**
|
|
24293
|
+
* Label announced for the range start date cell.
|
|
24294
|
+
*/
|
|
24295
|
+
rangeLabelStart: {
|
|
24296
|
+
type: String,
|
|
24297
|
+
reflect: true
|
|
24298
|
+
},
|
|
24299
|
+
|
|
24300
|
+
/**
|
|
24301
|
+
* Label announced for the range end date cell.
|
|
24302
|
+
*/
|
|
24303
|
+
rangeLabelEnd: {
|
|
24304
|
+
type: String,
|
|
24305
|
+
reflect: true
|
|
24306
|
+
},
|
|
24307
|
+
|
|
24308
|
+
/**
|
|
24309
|
+
* Label announced for cells before the range start.
|
|
24310
|
+
*/
|
|
24311
|
+
rangeLabelBeforeRange: {
|
|
24312
|
+
type: String,
|
|
24313
|
+
reflect: true
|
|
24314
|
+
},
|
|
24315
|
+
|
|
24316
|
+
/**
|
|
24317
|
+
* Label announced for cells within the selected range.
|
|
24318
|
+
*/
|
|
24319
|
+
rangeLabelInRange: {
|
|
24320
|
+
type: String,
|
|
24321
|
+
reflect: true
|
|
24322
|
+
},
|
|
24323
|
+
|
|
24324
|
+
/**
|
|
24325
|
+
* Label announced for cells after the range (or after start when no end is selected).
|
|
24326
|
+
*/
|
|
24327
|
+
rangeLabelAfterRange: {
|
|
24328
|
+
type: String,
|
|
24329
|
+
reflect: true
|
|
24330
|
+
},
|
|
24331
|
+
|
|
24332
|
+
/**
|
|
24333
|
+
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
24334
|
+
*/
|
|
24335
|
+
blackoutDates: {
|
|
24336
|
+
type: Array,
|
|
24337
|
+
reflect: true
|
|
24338
|
+
},
|
|
24339
|
+
|
|
24340
|
+
/**
|
|
24341
|
+
* Label announced for blackout (disabled but in-range) date cells.
|
|
24342
|
+
*/
|
|
24343
|
+
blackoutLabel: {
|
|
24344
|
+
type: String,
|
|
24345
|
+
reflect: true
|
|
24346
|
+
},
|
|
24347
|
+
|
|
24348
|
+
/**
|
|
24349
|
+
* Accessible label for the previous month navigation button.
|
|
24350
|
+
*/
|
|
24351
|
+
navLabelPrevMonth: {
|
|
24352
|
+
type: String,
|
|
24353
|
+
reflect: true
|
|
24354
|
+
},
|
|
24355
|
+
|
|
24356
|
+
/**
|
|
24357
|
+
* Accessible label for the next month navigation button.
|
|
24358
|
+
*/
|
|
24359
|
+
navLabelNextMonth: {
|
|
24360
|
+
type: String,
|
|
24361
|
+
reflect: true
|
|
24362
|
+
},
|
|
24363
|
+
|
|
23137
24364
|
/**
|
|
23138
24365
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
23139
24366
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -23160,6 +24387,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
23160
24387
|
|
|
23161
24388
|
/**
|
|
23162
24389
|
* Custom help text message to display when validity = `customError`.
|
|
24390
|
+
* Also used as the validation message when a blackout date is typed into the input.
|
|
23163
24391
|
*/
|
|
23164
24392
|
setCustomValidityCustomError: {
|
|
23165
24393
|
type: String
|
|
@@ -23481,6 +24709,66 @@ class AuroDatePicker extends AuroElement {
|
|
|
23481
24709
|
}));
|
|
23482
24710
|
}
|
|
23483
24711
|
|
|
24712
|
+
/**
|
|
24713
|
+
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
24714
|
+
* Shared by both fullscreen and desktop open paths.
|
|
24715
|
+
* @private
|
|
24716
|
+
* @returns {void}
|
|
24717
|
+
*/
|
|
24718
|
+
focusActiveCellWhenReady() {
|
|
24719
|
+
const MAX_ATTEMPTS = 20;
|
|
24720
|
+
let attempts = 0;
|
|
24721
|
+
|
|
24722
|
+
const tryFocus = () => {
|
|
24723
|
+
attempts += 1;
|
|
24724
|
+
const allCells = this.calendar.getAllFocusableCells();
|
|
24725
|
+
|
|
24726
|
+
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
24727
|
+
requestAnimationFrame(tryFocus);
|
|
24728
|
+
return;
|
|
24729
|
+
}
|
|
24730
|
+
|
|
24731
|
+
// Compute and mark the active cell
|
|
24732
|
+
if (this.calendar.activeCellDate == null) {
|
|
24733
|
+
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
24734
|
+
}
|
|
24735
|
+
if (this.calendar.activeCellDate !== undefined) {
|
|
24736
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
24737
|
+
}
|
|
24738
|
+
|
|
24739
|
+
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
24740
|
+
// range on mobile), fall back to the first rendered enabled cell.
|
|
24741
|
+
let activeCell = allCells.find(cell => cell.active);
|
|
24742
|
+
if (!activeCell && allCells.length) {
|
|
24743
|
+
const fallback = allCells[0];
|
|
24744
|
+
if (fallback.day) {
|
|
24745
|
+
this.calendar.activeCellDate = fallback.day.date;
|
|
24746
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
24747
|
+
activeCell = allCells.find(cell => cell.active);
|
|
24748
|
+
}
|
|
24749
|
+
}
|
|
24750
|
+
|
|
24751
|
+
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
24752
|
+
// reflects the active state before we attempt to focus.
|
|
24753
|
+
if (activeCell) {
|
|
24754
|
+
activeCell.updateComplete.then(() => {
|
|
24755
|
+
activeCell.hovered = true;
|
|
24756
|
+
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
24757
|
+
if (btn) {
|
|
24758
|
+
btn.setAttribute('tabindex', '0');
|
|
24759
|
+
btn.focus({ focusVisible: true });
|
|
24760
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
24761
|
+
requestAnimationFrame(tryFocus);
|
|
24762
|
+
}
|
|
24763
|
+
});
|
|
24764
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
24765
|
+
requestAnimationFrame(tryFocus);
|
|
24766
|
+
}
|
|
24767
|
+
};
|
|
24768
|
+
|
|
24769
|
+
requestAnimationFrame(tryFocus);
|
|
24770
|
+
}
|
|
24771
|
+
|
|
23484
24772
|
/**
|
|
23485
24773
|
* Binds all behavior needed to the dropdown after rendering.
|
|
23486
24774
|
* @private
|
|
@@ -23489,6 +24777,12 @@ class AuroDatePicker extends AuroElement {
|
|
|
23489
24777
|
configureDropdown() {
|
|
23490
24778
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
23491
24779
|
|
|
24780
|
+
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
24781
|
+
// Prevent the floater's document-level focusin handler from closing the bib
|
|
24782
|
+
// when focus moves from the trigger into the calendar cells (which live inside
|
|
24783
|
+
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
24784
|
+
this.dropdown.noHideOnThisFocusLoss = true;
|
|
24785
|
+
|
|
23492
24786
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
23493
24787
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
23494
24788
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -23506,6 +24800,23 @@ class AuroDatePicker extends AuroElement {
|
|
|
23506
24800
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
23507
24801
|
this.notifyDatepickerToggled();
|
|
23508
24802
|
|
|
24803
|
+
if (this.dropdown.isPopoverVisible) {
|
|
24804
|
+
// Reset calendar focus state so it recomputes from the current selection.
|
|
24805
|
+
// Without this, reopening after navigating to a month without a selected
|
|
24806
|
+
// date leaves activeCellDate pointing at a cell in a different month than
|
|
24807
|
+
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
24808
|
+
this.calendar.activeCellDate = null;
|
|
24809
|
+
|
|
24810
|
+
// Show the month containing the selected date (or today) instead of
|
|
24811
|
+
// whichever month the user last navigated to.
|
|
24812
|
+
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
24813
|
+
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
24814
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
24815
|
+
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
24816
|
+
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
24817
|
+
}
|
|
24818
|
+
}
|
|
24819
|
+
|
|
23509
24820
|
// This forces the calendar to render when the dropdown is opened.
|
|
23510
24821
|
// It is not rendered by default
|
|
23511
24822
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -23538,12 +24849,23 @@ class AuroDatePicker extends AuroElement {
|
|
|
23538
24849
|
bibEl.open(true);
|
|
23539
24850
|
|
|
23540
24851
|
doubleRaf(() => {
|
|
23541
|
-
this.
|
|
24852
|
+
this.focusActiveCellWhenReady();
|
|
23542
24853
|
});
|
|
23543
24854
|
}
|
|
23544
24855
|
});
|
|
23545
24856
|
|
|
23546
24857
|
guardTouchPassthrough(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
24858
|
+
} else {
|
|
24859
|
+
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
24860
|
+
// cannot interact with the input while the modal bib is open.
|
|
24861
|
+
if (this.dropdown.desktopModal) {
|
|
24862
|
+
this.dropdown.trigger.inert = true;
|
|
24863
|
+
}
|
|
24864
|
+
|
|
24865
|
+
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
24866
|
+
this.dropdown.updateComplete.then(() => {
|
|
24867
|
+
this.focusActiveCellWhenReady();
|
|
24868
|
+
});
|
|
23547
24869
|
}
|
|
23548
24870
|
} else {
|
|
23549
24871
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -23589,7 +24911,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
23589
24911
|
bibEl.close();
|
|
23590
24912
|
bibEl.open(true);
|
|
23591
24913
|
doubleRaf(() => {
|
|
23592
|
-
this.
|
|
24914
|
+
this.focusActiveCellWhenReady();
|
|
23593
24915
|
});
|
|
23594
24916
|
}
|
|
23595
24917
|
});
|
|
@@ -23784,14 +25106,8 @@ class AuroDatePicker extends AuroElement {
|
|
|
23784
25106
|
|
|
23785
25107
|
if (onEndValue) {
|
|
23786
25108
|
this.valueEnd = newDate;
|
|
23787
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23788
|
-
this.focus('startDate');
|
|
23789
|
-
}
|
|
23790
25109
|
} else {
|
|
23791
25110
|
this.value = newDate;
|
|
23792
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23793
|
-
this.focus('endDate');
|
|
23794
|
-
}
|
|
23795
25111
|
}
|
|
23796
25112
|
}
|
|
23797
25113
|
}
|
|
@@ -23831,6 +25147,27 @@ class AuroDatePicker extends AuroElement {
|
|
|
23831
25147
|
this.resetInputs();
|
|
23832
25148
|
}
|
|
23833
25149
|
|
|
25150
|
+
/**
|
|
25151
|
+
* Checks whether a formatted date string matches a blackout date.
|
|
25152
|
+
* @private
|
|
25153
|
+
* @param {string} dateStr - A date string in the component's configured format.
|
|
25154
|
+
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
25155
|
+
*/
|
|
25156
|
+
isBlackoutDate(dateStr) {
|
|
25157
|
+
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
25158
|
+
return false;
|
|
25159
|
+
}
|
|
25160
|
+
|
|
25161
|
+
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
25162
|
+
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
25163
|
+
|
|
25164
|
+
const d = new Date(formatted);
|
|
25165
|
+
const yyyy = d.getFullYear();
|
|
25166
|
+
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
25167
|
+
const dd = String(d.getDate()).padStart(2, '0');
|
|
25168
|
+
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
25169
|
+
}
|
|
25170
|
+
|
|
23834
25171
|
/**
|
|
23835
25172
|
* Validates value.
|
|
23836
25173
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -23842,6 +25179,24 @@ class AuroDatePicker extends AuroElement {
|
|
|
23842
25179
|
}
|
|
23843
25180
|
|
|
23844
25181
|
this.validation.validate(this, force);
|
|
25182
|
+
|
|
25183
|
+
// After standard validation, check blackout dates for typed input
|
|
25184
|
+
if (this.validity !== 'customError') {
|
|
25185
|
+
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
25186
|
+
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
25187
|
+
this.validity = 'customError';
|
|
25188
|
+
this.errorMessage = msg;
|
|
25189
|
+
|
|
25190
|
+
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
25191
|
+
bubbles: true,
|
|
25192
|
+
composed: true,
|
|
25193
|
+
detail: {
|
|
25194
|
+
validity: this.validity,
|
|
25195
|
+
message: this.errorMessage
|
|
25196
|
+
}
|
|
25197
|
+
}));
|
|
25198
|
+
}
|
|
25199
|
+
}
|
|
23845
25200
|
}
|
|
23846
25201
|
|
|
23847
25202
|
/**
|
|
@@ -23922,6 +25277,9 @@ class AuroDatePicker extends AuroElement {
|
|
|
23922
25277
|
|
|
23923
25278
|
if (this.cellClickActive) {
|
|
23924
25279
|
this.cellClickActive = false;
|
|
25280
|
+
this.wasCellClick = true;
|
|
25281
|
+
} else {
|
|
25282
|
+
this.wasCellClick = false;
|
|
23925
25283
|
}
|
|
23926
25284
|
|
|
23927
25285
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -23952,16 +25310,44 @@ class AuroDatePicker extends AuroElement {
|
|
|
23952
25310
|
}
|
|
23953
25311
|
|
|
23954
25312
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
23955
|
-
|
|
25313
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
25314
|
+
// to prevent the displayed months from shifting
|
|
25315
|
+
if (!(this.wasCellClick && this.range)) {
|
|
25316
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25317
|
+
}
|
|
23956
25318
|
}
|
|
23957
25319
|
|
|
23958
25320
|
this.setHasValue();
|
|
23959
25321
|
}
|
|
23960
25322
|
|
|
25323
|
+
if (changedProperties.has('blackoutDates')) {
|
|
25324
|
+
// Force calendar cells to re-render with updated blackout state.
|
|
25325
|
+
// requestUpdate on the calendar alone is insufficient because cells
|
|
25326
|
+
// don't receive blackoutDates as a bound property. Dispatching the
|
|
25327
|
+
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
25328
|
+
if (this.calendar) {
|
|
25329
|
+
this.calendar.requestUpdate();
|
|
25330
|
+
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
25331
|
+
}
|
|
25332
|
+
|
|
25333
|
+
// Re-run validation so that a previously valid value that now falls on
|
|
25334
|
+
// a blackout date is flagged, and vice versa.
|
|
25335
|
+
if (this.value || this.valueEnd) {
|
|
25336
|
+
this.validate();
|
|
25337
|
+
}
|
|
25338
|
+
}
|
|
25339
|
+
|
|
23961
25340
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
23962
25341
|
|
|
23963
25342
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
23964
25343
|
|
|
25344
|
+
if (this.cellClickActive) {
|
|
25345
|
+
this.cellClickActive = false;
|
|
25346
|
+
this.wasCellClick = true;
|
|
25347
|
+
} else {
|
|
25348
|
+
this.wasCellClick = false;
|
|
25349
|
+
}
|
|
25350
|
+
|
|
23965
25351
|
// update the calendar
|
|
23966
25352
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
23967
25353
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -23989,7 +25375,11 @@ class AuroDatePicker extends AuroElement {
|
|
|
23989
25375
|
}
|
|
23990
25376
|
|
|
23991
25377
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
23992
|
-
|
|
25378
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
25379
|
+
// to prevent the displayed months from shifting
|
|
25380
|
+
if (!this.wasCellClick) {
|
|
25381
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
25382
|
+
}
|
|
23993
25383
|
}
|
|
23994
25384
|
|
|
23995
25385
|
this.validate();
|
|
@@ -24146,6 +25536,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24146
25536
|
}
|
|
24147
25537
|
|
|
24148
25538
|
firstUpdated() {
|
|
25539
|
+
|
|
24149
25540
|
// Add the tag name as an attribute if it is different than the component name
|
|
24150
25541
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
24151
25542
|
|
|
@@ -24575,7 +25966,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24575
25966
|
// Base HTML render() handles dropdown and calendar bib
|
|
24576
25967
|
return u$a`
|
|
24577
25968
|
<!-- Hidden slot for clear button aria-label -->
|
|
24578
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
25969
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
|
|
24579
25970
|
|
|
24580
25971
|
<${this.dropdownTag}
|
|
24581
25972
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -24592,6 +25983,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24592
25983
|
.shape="${this.shape}"
|
|
24593
25984
|
.size="${this.size}"
|
|
24594
25985
|
class="${e$4(dropdownElementClassMap)}"
|
|
25986
|
+
desktopModal
|
|
24595
25987
|
disableEventShow
|
|
24596
25988
|
for="dropdownMenu"
|
|
24597
25989
|
part="dropdown"
|
|
@@ -24611,10 +26003,86 @@ class AuroDatePicker extends AuroElement {
|
|
|
24611
26003
|
}
|
|
24612
26004
|
}
|
|
24613
26005
|
|
|
26006
|
+
function blackoutLabelExample() {
|
|
26007
|
+
const blackoutDP = document.querySelector('#blackoutLabelExample');
|
|
26008
|
+
|
|
26009
|
+
function formatMMDDYYYY(date) {
|
|
26010
|
+
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
26011
|
+
const dd = String(date.getDate()).padStart(2, '0');
|
|
26012
|
+
return `${mm}/${dd}/${date.getFullYear()}`;
|
|
26013
|
+
}
|
|
26014
|
+
|
|
26015
|
+
function setup() {
|
|
26016
|
+
const today = new Date();
|
|
26017
|
+
today.setHours(0, 0, 0, 0);
|
|
26018
|
+
|
|
26019
|
+
// Set min to 1 week before today, max to 1 week after today
|
|
26020
|
+
const minDate = new Date(today);
|
|
26021
|
+
minDate.setDate(today.getDate() - 7);
|
|
26022
|
+
|
|
26023
|
+
const maxDate = new Date(today);
|
|
26024
|
+
maxDate.setDate(today.getDate() + 7);
|
|
26025
|
+
|
|
26026
|
+
blackoutDP.setAttribute('minDate', formatMMDDYYYY(minDate));
|
|
26027
|
+
blackoutDP.setAttribute('maxDate', formatMMDDYYYY(maxDate));
|
|
26028
|
+
|
|
26029
|
+
// Generate all dates within the min/max range
|
|
26030
|
+
const blackoutDates = [];
|
|
26031
|
+
|
|
26032
|
+
for (let d = new Date(minDate); d <= maxDate; d.setDate(d.getDate() + 1)) {
|
|
26033
|
+
const current = new Date(d);
|
|
26034
|
+
const mm = String(current.getMonth() + 1).padStart(2, '0');
|
|
26035
|
+
const dd = String(current.getDate()).padStart(2, '0');
|
|
26036
|
+
const yyyy = current.getFullYear();
|
|
26037
|
+
const slotDateStr = `${mm}_${dd}_${yyyy}`;
|
|
26038
|
+
|
|
26039
|
+
// Mark every 3rd date as blackout (deterministic pattern)
|
|
26040
|
+
const dayOfMonth = current.getDate();
|
|
26041
|
+
const isSoldOut = dayOfMonth % 3 === 0;
|
|
26042
|
+
|
|
26043
|
+
if (isSoldOut) {
|
|
26044
|
+
blackoutDates.push(`${yyyy}-${mm}-${dd}`);
|
|
26045
|
+
|
|
26046
|
+
const popover = document.createElement('span');
|
|
26047
|
+
popover.setAttribute('slot', `popover_${slotDateStr}`);
|
|
26048
|
+
popover.textContent = 'There are no tickets available for this date.';
|
|
26049
|
+
blackoutDP.appendChild(popover);
|
|
26050
|
+
} else {
|
|
26051
|
+
// Use a fixed price based on day of month for deterministic output
|
|
26052
|
+
const price = 150 + (dayOfMonth * 17) % 400;
|
|
26053
|
+
|
|
26054
|
+
const dateSlot = document.createElement('span');
|
|
26055
|
+
dateSlot.setAttribute('slot', `date_${slotDateStr}`);
|
|
26056
|
+
dateSlot.textContent = `$${price}`;
|
|
26057
|
+
blackoutDP.appendChild(dateSlot);
|
|
26058
|
+
}
|
|
26059
|
+
}
|
|
26060
|
+
|
|
26061
|
+
blackoutDP.blackoutDates = blackoutDates;
|
|
26062
|
+
}
|
|
26063
|
+
|
|
26064
|
+
setup();
|
|
26065
|
+
}
|
|
26066
|
+
|
|
24614
26067
|
AuroDatePicker.register(); // registering to auro-datepicker
|
|
24615
26068
|
AuroDatePicker.register('custom-datepicker');
|
|
24616
26069
|
|
|
24617
26070
|
function initExamples(initCount) {
|
|
26071
|
+
initCount = initCount || 0;
|
|
26072
|
+
|
|
26073
|
+
try {
|
|
26074
|
+
// Only run when the demo element exists on the current page
|
|
26075
|
+
if (document.querySelector('#blackoutLabelExample')) {
|
|
26076
|
+
blackoutLabelExample();
|
|
26077
|
+
}
|
|
26078
|
+
} catch {
|
|
26079
|
+
if (initCount <= 20) {
|
|
26080
|
+
// setTimeout handles issue where content is sometimes loaded after the functions get called
|
|
26081
|
+
setTimeout(() => {
|
|
26082
|
+
initExamples(initCount + 1);
|
|
26083
|
+
}, 100);
|
|
26084
|
+
}
|
|
26085
|
+
}
|
|
24618
26086
|
}
|
|
24619
26087
|
|
|
24620
26088
|
export { initExamples };
|