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