@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { unsafeStatic, literal, html as html$1 } from 'lit/static-html.js';
|
|
2
2
|
import { classMap } from 'lit/directives/class-map.js';
|
|
3
|
-
import { html, css, LitElement
|
|
3
|
+
import { html, css, LitElement } from 'lit';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
5
5
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
6
6
|
import { createRef, ref } from 'lit/directives/ref.js';
|
|
@@ -1375,11 +1375,11 @@ var snowflakeStyle = css`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
1375
1375
|
|
|
1376
1376
|
var snowflakeColors = css`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
1377
1377
|
|
|
1378
|
-
var styleCss$7 = css`.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}`;
|
|
1378
|
+
var styleCss$7 = css`.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:""}`;
|
|
1379
1379
|
|
|
1380
1380
|
var colorCss$7 = css`.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)}}`;
|
|
1381
1381
|
|
|
1382
|
-
var styleCss$6 = css`: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%}`;
|
|
1382
|
+
var styleCss$6 = css`: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%}`;
|
|
1383
1383
|
|
|
1384
1384
|
var colorCss$6 = css`: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)}`;
|
|
1385
1385
|
|
|
@@ -7888,24 +7888,20 @@ __decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "dayN
|
|
|
7888
7888
|
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7889
7889
|
AuroLibraryRuntimeUtils$5.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7890
7890
|
|
|
7891
|
-
var styleCss$5 = css`.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}}`;
|
|
7891
|
+
var styleCss$5 = css`.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}}`;
|
|
7892
7892
|
|
|
7893
|
-
var colorCss$5 = css`: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
|
|
7893
|
+
var colorCss$5 = css`: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}`;
|
|
7894
7894
|
|
|
7895
|
-
class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var r$1="top",o="bottom",n$1="right",a="left",l$3="auto",c$3=[r$1,o,n$1,a],d$3="start",p$6="end",f$6="viewport",h$3="popper",u$6=c$3.reduce(function(e,t){return e.concat([t+"-"+d$3,t+"-"+p$6])},[]),m$6=[].concat(c$3,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+d$3,t+"-"+p$6])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3(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$3(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$3(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$6(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$3(e))>=0}function H$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3(e){return "html"===v$3(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$3(i)||"body"===v$3(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$3(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$1].indexOf(f)>=0?"height":"width";if(d&&p){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3(e,c$3))}(l.padding,i),g=M$6(d),v="y"===h?r$1:a,y="y"===h?o:n$1,w=i.rects.reference[u]+i.rects.reference[h]-p[h]-i.rects.popper[u],b=p[h]-i.rects.reference[h],x=N$3(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$1,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$1||(l===a||l===n$1)&&c===p$6)T=o,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$1||l===o)&&c===p$6)O=n$1,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6(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$3(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$6?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$3(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$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case d$3:t[m]=t[m]-(i[g]/2-s[g]/2);break;case p$6:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,d=void 0===l?e.strategy:l,p=i.boundary,u=void 0===p?"clippingParents":p,m=i.rootBoundary,g=void 0===m?f$6:m,v=i.elementContext,y=void 0===v?h$3:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3(_,c$3)),O=y===h$3?"reference":h$3,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$3?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$3&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$1,o].indexOf(e)>=0?1:-1,i=[r$1,o].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,d=void 0===l?m$6:l,p=U$3(s),f=p?a?u$6:u$6.filter(function(e){return U$3(e)===p}):c$3,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$1,o].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$1:a:C?o:r$1;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(p&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function de(e){return [r$1,n$1,o,a].some(function(t){return e[t]>=0})}var pe={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$6.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],d=l[1];return c=c||0,d=(d||0)*o,[a,n$1].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$1:a,V="y"===z?o:n$1,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===d$3?L[W]:R[W],J=k===d$3?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$6(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$1:a,ue="x"===z?o:n$1,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$1,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3(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$3(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$6(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=css`::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)}
|
|
7895
|
+
class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var r$1="top",o="bottom",n$1="right",a="left",l$3="auto",c$3=[r$1,o,n$1,a],p$6="start",d$3="end",f$6="viewport",h$3="popper",m$6=c$3.reduce(function(e,t){return e.concat([t+"-"+p$6,t+"-"+d$3])},[]),u$6=[].concat(c$3,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$6,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3(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$3(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$3(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$6(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$6(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$3(e))>=0}function C$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3(e){return "html"===v$3(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$3(i)||"body"===v$3(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$3(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$1].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$3))}(l.padding,i),g=T$3(p),v="y"===h?r$1:a,y="y"===h?o:n$1,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=N$3(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$1,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$1||(l===a||l===n$1)&&c===d$3)z=o,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$1||l===o)&&c===d$3)k=n$1,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),j=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3(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$6(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$3(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$6?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$6(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$3(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$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$6: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$6:u,v=i.elementContext,y=void 0===v?h$3:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$3)),k=y===h$3?"reference":h$3,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$6(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$3?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},j=e.modifiersData.offset;if(y===h$3&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$1,o].indexOf(e)>=0?1:-1,i=[r$1,o].indexOf(e)>=0?"y":"x";R[e]+=N[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$6:l,d=q$3(s),f=d?a?m$6:m$6.filter(function(e){return q$3(e)===d}):c$3,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$6,j=[r$1,o].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$1:a:R?o:r$1;z[N]>E[N]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=A.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1,n$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$6.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1].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$1:a,W="y"===E?o:n$1,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$6?L[X]:H[X],J=A===p$6?-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$1:a,me="x"===E?o:n$1,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$1,a].indexOf(S),be=null!=(fe=null==j?void 0:j[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3(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$6(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3(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$6(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=css`::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)}
|
|
7896
7896
|
`,xe=css`.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:""}
|
|
7897
7897
|
`,Se=css`: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)}
|
|
7898
|
-
`;class _e extends LitElement{constructor(){super(),this.placement="top",this.
|
|
7899
|
-
<div
|
|
7900
|
-
id="popover"
|
|
7901
|
-
class="popover util_insetLg body-default"
|
|
7902
|
-
part="popover"
|
|
7903
|
-
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
7898
|
+
`;class _e extends LitElement{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;}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 [css`${xe}`,css`${be}`,css`${Se}`]}static register(e="auro-popover"){s.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 html`
|
|
7899
|
+
<div id="popover" class="popover util_insetLg body-default" part="popover">
|
|
7904
7900
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
7905
|
-
<slot></slot>
|
|
7901
|
+
<span role="tooltip"><slot></slot></span>
|
|
7906
7902
|
</div>
|
|
7907
7903
|
|
|
7908
|
-
<span
|
|
7904
|
+
<span>
|
|
7909
7905
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
7910
7906
|
</span>
|
|
7911
7907
|
`}}
|
|
@@ -7933,8 +7929,6 @@ class AuroCalendarCell extends LitElement {
|
|
|
7933
7929
|
this._locale = null;
|
|
7934
7930
|
this.dateStr = null;
|
|
7935
7931
|
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.
|
|
7936
|
-
this.active = false;
|
|
7937
|
-
this.hasPopoverContent = false;
|
|
7938
7932
|
|
|
7939
7933
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
|
|
7940
7934
|
|
|
@@ -7968,12 +7962,7 @@ class AuroCalendarCell extends LitElement {
|
|
|
7968
7962
|
isCurrentDate: { type: Boolean },
|
|
7969
7963
|
locale: { type: Object },
|
|
7970
7964
|
dateStr: { type: String },
|
|
7971
|
-
renderForDateSlot: { type: Boolean }
|
|
7972
|
-
active: {
|
|
7973
|
-
type: Boolean,
|
|
7974
|
-
reflect: true
|
|
7975
|
-
},
|
|
7976
|
-
hasPopoverContent: { type: Boolean }
|
|
7965
|
+
renderForDateSlot: { type: Boolean }
|
|
7977
7966
|
};
|
|
7978
7967
|
}
|
|
7979
7968
|
|
|
@@ -8032,23 +8021,13 @@ class AuroCalendarCell extends LitElement {
|
|
|
8032
8021
|
* @returns {void}
|
|
8033
8022
|
*/
|
|
8034
8023
|
handleTap() {
|
|
8035
|
-
if (!this.disabled
|
|
8024
|
+
if (!this.disabled) {
|
|
8036
8025
|
this.datepicker.handleCellClick(this.day.date);
|
|
8037
8026
|
}
|
|
8038
|
-
|
|
8039
|
-
// Set this cell as the active cell regardless of blackout status
|
|
8040
|
-
if (this.day) {
|
|
8041
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8042
|
-
bubbles: true,
|
|
8043
|
-
composed: true,
|
|
8044
|
-
detail: { date: this.day.date }
|
|
8045
|
-
}));
|
|
8046
|
-
}
|
|
8047
8027
|
}
|
|
8048
8028
|
|
|
8049
8029
|
/**
|
|
8050
8030
|
* Handles user hover events and dispatches a custom event.
|
|
8051
|
-
* Always dispatches for range pickers so the preview updates correctly.
|
|
8052
8031
|
* @private
|
|
8053
8032
|
* @returns {void}
|
|
8054
8033
|
*/
|
|
@@ -8062,61 +8041,7 @@ class AuroCalendarCell extends LitElement {
|
|
|
8062
8041
|
}
|
|
8063
8042
|
|
|
8064
8043
|
/**
|
|
8065
|
-
* Checks if the current date is
|
|
8066
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
8067
|
-
* @private
|
|
8068
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8069
|
-
* @param {Number} min - The minimum date value.
|
|
8070
|
-
* @param {Number} max - The maximum date value.
|
|
8071
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
8072
|
-
*/
|
|
8073
|
-
isOutOfRange(day, min, max) {
|
|
8074
|
-
if (day && day.date != null) {
|
|
8075
|
-
return day.date < min || day.date > max;
|
|
8076
|
-
}
|
|
8077
|
-
return false;
|
|
8078
|
-
}
|
|
8079
|
-
|
|
8080
|
-
/**
|
|
8081
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
8082
|
-
* Blackout cells are focusable but not selectable.
|
|
8083
|
-
* @private
|
|
8084
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
8085
|
-
*/
|
|
8086
|
-
isBlackout() {
|
|
8087
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
8088
|
-
return false;
|
|
8089
|
-
}
|
|
8090
|
-
|
|
8091
|
-
// Check against disabledDays timestamps (legacy path)
|
|
8092
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
8093
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
8094
|
-
return true;
|
|
8095
|
-
}
|
|
8096
|
-
}
|
|
8097
|
-
|
|
8098
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
8099
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
8100
|
-
|
|
8101
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
8102
|
-
const date = new Date(this.day.date * 1000);
|
|
8103
|
-
const yyyy = date.getFullYear();
|
|
8104
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
8105
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
8106
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
8107
|
-
if (blackoutDates.includes(cellDate)) {
|
|
8108
|
-
return true;
|
|
8109
|
-
}
|
|
8110
|
-
}
|
|
8111
|
-
|
|
8112
|
-
return false;
|
|
8113
|
-
}
|
|
8114
|
-
|
|
8115
|
-
/**
|
|
8116
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
8117
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
8118
|
-
* host when the date falls outside the allowed range or appears in
|
|
8119
|
-
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
8044
|
+
* Checks if the current date is a valid date depending on the min and max values.
|
|
8120
8045
|
* @private
|
|
8121
8046
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8122
8047
|
* @param {Number} min - The minimum date value.
|
|
@@ -8136,91 +8061,6 @@ class AuroCalendarCell extends LitElement {
|
|
|
8136
8061
|
return false;
|
|
8137
8062
|
}
|
|
8138
8063
|
|
|
8139
|
-
/**
|
|
8140
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
8141
|
-
* @private
|
|
8142
|
-
* @returns {String} The unique cell ID.
|
|
8143
|
-
*/
|
|
8144
|
-
getCellId() {
|
|
8145
|
-
if (!this.day || !this.day.date) return '';
|
|
8146
|
-
const date = new Date(this.day.date * 1000);
|
|
8147
|
-
const year = date.getFullYear();
|
|
8148
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
8149
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
8150
|
-
return `cell-${year}-${month}-${day}`;
|
|
8151
|
-
}
|
|
8152
|
-
|
|
8153
|
-
/**
|
|
8154
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
8155
|
-
* Includes range position and blackout status.
|
|
8156
|
-
* @private
|
|
8157
|
-
* @returns {String} The aria-label string.
|
|
8158
|
-
*/
|
|
8159
|
-
getAriaLabel() {
|
|
8160
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
8161
|
-
|
|
8162
|
-
const date = new Date(this.day.date * 1000);
|
|
8163
|
-
|
|
8164
|
-
// Generate localized full date string using the configured locale
|
|
8165
|
-
const localeCode = this.locale?.code || undefined;
|
|
8166
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
8167
|
-
weekday: 'long',
|
|
8168
|
-
year: 'numeric',
|
|
8169
|
-
month: 'long',
|
|
8170
|
-
day: 'numeric'
|
|
8171
|
-
});
|
|
8172
|
-
|
|
8173
|
-
let label = dateFormatter.format(date);
|
|
8174
|
-
|
|
8175
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
8176
|
-
if (this.hasPopoverContent) {
|
|
8177
|
-
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
8178
|
-
}
|
|
8179
|
-
|
|
8180
|
-
// Append range position if in range mode
|
|
8181
|
-
const rangePosition = this.getRangePosition();
|
|
8182
|
-
if (rangePosition) {
|
|
8183
|
-
label += `, ${rangePosition}`;
|
|
8184
|
-
}
|
|
8185
|
-
|
|
8186
|
-
// Append blackout label for blackout cells
|
|
8187
|
-
if (this.isBlackout()) {
|
|
8188
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
8189
|
-
}
|
|
8190
|
-
|
|
8191
|
-
return label;
|
|
8192
|
-
}
|
|
8193
|
-
|
|
8194
|
-
/**
|
|
8195
|
-
* Determines the range position of this cell relative to the current selection.
|
|
8196
|
-
* @private
|
|
8197
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
8198
|
-
*/
|
|
8199
|
-
getRangePosition() {
|
|
8200
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
8201
|
-
|
|
8202
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
8203
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
8204
|
-
|
|
8205
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
8206
|
-
const dayDate = this.day.date;
|
|
8207
|
-
|
|
8208
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
8209
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
8210
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
8211
|
-
|
|
8212
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
8213
|
-
|
|
8214
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
8215
|
-
|
|
8216
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
8217
|
-
|
|
8218
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
8219
|
-
|
|
8220
|
-
// After start date, no end date yet, or after end date
|
|
8221
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
8222
|
-
}
|
|
8223
|
-
|
|
8224
8064
|
/**
|
|
8225
8065
|
* Checks if the current date is the depart date.
|
|
8226
8066
|
* @private
|
|
@@ -8382,9 +8222,9 @@ class AuroCalendarCell extends LitElement {
|
|
|
8382
8222
|
|
|
8383
8223
|
if (popoverSlotContent) {
|
|
8384
8224
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
8385
|
-
this.
|
|
8225
|
+
this.auroPopover.removeAttribute('disabled');
|
|
8386
8226
|
} else {
|
|
8387
|
-
this.
|
|
8227
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
8388
8228
|
}
|
|
8389
8229
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
8390
8230
|
// Error handling goes here
|
|
@@ -8400,41 +8240,13 @@ class AuroCalendarCell extends LitElement {
|
|
|
8400
8240
|
return;
|
|
8401
8241
|
}
|
|
8402
8242
|
this.datepicker = calendar.datepicker;
|
|
8403
|
-
this.
|
|
8243
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
|
|
8404
8244
|
this.handleSlotContent();
|
|
8405
|
-
|
|
8406
|
-
this.requestUpdate();
|
|
8407
|
-
};
|
|
8408
|
-
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8409
|
-
|
|
8410
|
-
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
8411
|
-
// cells reflect blackout/slot state that was configured before first render.
|
|
8412
|
-
this.requestUpdate();
|
|
8413
|
-
|
|
8414
|
-
this.calendarMonth = calendarMonth;
|
|
8415
|
-
this.configurePopover();
|
|
8416
|
-
}
|
|
8417
|
-
|
|
8418
|
-
disconnectedCallback() {
|
|
8419
|
-
super.disconnectedCallback();
|
|
8420
|
-
if (this.datepicker && this._slotContentHandler) {
|
|
8421
|
-
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8422
|
-
}
|
|
8423
|
-
}
|
|
8245
|
+
});
|
|
8424
8246
|
|
|
8425
|
-
/**
|
|
8426
|
-
* Configures the popover instance with the calendar month boundary.
|
|
8427
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
8428
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
8429
|
-
* @private
|
|
8430
|
-
* @returns {void}
|
|
8431
|
-
*/
|
|
8432
|
-
configurePopover() {
|
|
8433
8247
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
8434
8248
|
|
|
8435
|
-
|
|
8436
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
8437
|
-
}
|
|
8249
|
+
this.auroPopover.boundary = calendarMonth;
|
|
8438
8250
|
}
|
|
8439
8251
|
|
|
8440
8252
|
updated(properties) {
|
|
@@ -8442,88 +8254,46 @@ class AuroCalendarCell extends LitElement {
|
|
|
8442
8254
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
8443
8255
|
}
|
|
8444
8256
|
|
|
8445
|
-
|
|
8446
|
-
|
|
8447
|
-
this.handleSlotContent();
|
|
8448
|
-
}
|
|
8449
|
-
|
|
8450
|
-
// Configure popover when it first becomes rendered
|
|
8451
|
-
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
8452
|
-
this.updateComplete.then(() => this.configurePopover());
|
|
8453
|
-
}
|
|
8257
|
+
this.setDateSlotName();
|
|
8258
|
+
this.handleSlotContent();
|
|
8454
8259
|
}
|
|
8455
8260
|
|
|
8456
|
-
|
|
8457
|
-
* Programmatically focuses the cell's interactive button element.
|
|
8458
|
-
* @returns {void}
|
|
8459
|
-
*/
|
|
8460
|
-
focusButton() {
|
|
8461
|
-
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
8462
|
-
if (button) {
|
|
8463
|
-
button.focus();
|
|
8464
|
-
}
|
|
8465
|
-
}
|
|
8466
|
-
|
|
8467
|
-
renderCellButton() {
|
|
8468
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
8469
|
-
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
8470
|
-
const blackout = this.isBlackout();
|
|
8471
|
-
|
|
8261
|
+
render() {
|
|
8472
8262
|
const buttonClasses = {
|
|
8473
8263
|
'day': true,
|
|
8474
8264
|
'body-lg': true,
|
|
8475
|
-
'currentDate': this.
|
|
8265
|
+
'currentDate': this.currentDate,
|
|
8476
8266
|
'selected': this.selected,
|
|
8477
|
-
'inRange': this.
|
|
8267
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
8478
8268
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
8479
|
-
'disabled':
|
|
8480
|
-
'
|
|
8481
|
-
'
|
|
8482
|
-
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
8269
|
+
'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
|
|
8270
|
+
'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
8271
|
+
'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
8483
8272
|
'reference': this.isReferenceDate(this.dateStr),
|
|
8484
|
-
'sameDateTrip': this.
|
|
8273
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
8485
8274
|
};
|
|
8486
8275
|
|
|
8276
|
+
let _a, _b;
|
|
8487
8277
|
return html$1`
|
|
8488
|
-
|
|
8489
|
-
slot="
|
|
8490
|
-
|
|
8491
|
-
|
|
8492
|
-
|
|
8493
|
-
|
|
8494
|
-
|
|
8495
|
-
|
|
8496
|
-
|
|
8497
|
-
|
|
8498
|
-
|
|
8499
|
-
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8503
|
-
|
|
8504
|
-
|
|
8505
|
-
</
|
|
8506
|
-
|
|
8507
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
8508
|
-
</div>
|
|
8509
|
-
</button>
|
|
8510
|
-
`;
|
|
8511
|
-
}
|
|
8512
|
-
|
|
8513
|
-
render() {
|
|
8514
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
8515
|
-
|
|
8516
|
-
if (hasPopoverContent) {
|
|
8517
|
-
return html$1`
|
|
8518
|
-
<${this.popoverTag}>
|
|
8519
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
8520
|
-
${this.renderCellButton()}
|
|
8521
|
-
</${this.popoverTag}>
|
|
8522
|
-
`;
|
|
8523
|
-
}
|
|
8524
|
-
|
|
8525
|
-
return html$1`
|
|
8526
|
-
${this.renderCellButton()}
|
|
8278
|
+
<${this.popoverTag}>
|
|
8279
|
+
<slot name="popover_${this.dateStr}"></slot>
|
|
8280
|
+
<button
|
|
8281
|
+
slot="trigger"
|
|
8282
|
+
@click="${this.handleTap}"
|
|
8283
|
+
@mouseover="${this.handleHover}"
|
|
8284
|
+
@focus="${this.handleHover}"
|
|
8285
|
+
class="${classMap(buttonClasses)}"
|
|
8286
|
+
?disabled="${this.disabled}"
|
|
8287
|
+
title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
|
|
8288
|
+
tabindex="-1">
|
|
8289
|
+
<div class="buttonWrapper">
|
|
8290
|
+
<div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
|
|
8291
|
+
<div class="dateSlot body-2xs" part="dateSlot">
|
|
8292
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
8293
|
+
</div>
|
|
8294
|
+
</div>
|
|
8295
|
+
</button>
|
|
8296
|
+
</${this.popoverTag}>
|
|
8527
8297
|
`;
|
|
8528
8298
|
}
|
|
8529
8299
|
}
|
|
@@ -8591,28 +8361,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8591
8361
|
return this.monthNames[month - 1];
|
|
8592
8362
|
}
|
|
8593
8363
|
|
|
8594
|
-
/**
|
|
8595
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
8596
|
-
* @private
|
|
8597
|
-
* @returns {String} The heading ID.
|
|
8598
|
-
*/
|
|
8599
|
-
getHeadingId() {
|
|
8600
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
8601
|
-
}
|
|
8602
|
-
|
|
8603
8364
|
/**
|
|
8604
8365
|
* Determines the current month name based on locale.
|
|
8605
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
8606
8366
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
8607
8367
|
* @private
|
|
8608
8368
|
* @returns {void}
|
|
8609
8369
|
*/
|
|
8610
8370
|
localeChanged() {
|
|
8611
8371
|
const dayNamesOfTheWeek = [];
|
|
8612
|
-
const dayFullNames = [];
|
|
8613
8372
|
for (let int = 0; int < 7; int += 1) {
|
|
8614
8373
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
8615
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
8616
8374
|
}
|
|
8617
8375
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
8618
8376
|
? this.locale.options.weekStartsOn
|
|
@@ -8623,125 +8381,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8623
8381
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
8624
8382
|
.concat(tmp);
|
|
8625
8383
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
8626
|
-
|
|
8627
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
8628
|
-
const newDayFullNames = dayFullNames
|
|
8629
|
-
.slice()
|
|
8630
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
8631
|
-
.concat(tmpFull);
|
|
8632
|
-
this.dayFullNames = newDayFullNames;
|
|
8633
|
-
}
|
|
8634
|
-
|
|
8635
|
-
/**
|
|
8636
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
8637
|
-
* @private
|
|
8638
|
-
* @param {String} dayOfWeek - The short day name.
|
|
8639
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
8640
|
-
* @returns {Object} The header HTML.
|
|
8641
|
-
*/
|
|
8642
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
8643
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
8644
|
-
return html`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
8645
|
-
}
|
|
8646
|
-
|
|
8647
|
-
/**
|
|
8648
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
8649
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
8650
|
-
*/
|
|
8651
|
-
getFocusableCells() {
|
|
8652
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
8653
|
-
return cells.filter(cell => {
|
|
8654
|
-
if (!cell.day) return false;
|
|
8655
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
8656
|
-
});
|
|
8657
|
-
}
|
|
8658
|
-
|
|
8659
|
-
/**
|
|
8660
|
-
* Handles arrow key navigation within the month grid.
|
|
8661
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
8662
|
-
* @private
|
|
8663
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
8664
|
-
* @returns {void}
|
|
8665
|
-
*/
|
|
8666
|
-
handleGridKeyDown(event) {
|
|
8667
|
-
const { key } = event;
|
|
8668
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
8669
|
-
|
|
8670
|
-
if (!arrowKeys.includes(key)) return;
|
|
8671
|
-
|
|
8672
|
-
event.preventDefault();
|
|
8673
|
-
|
|
8674
|
-
const focusableCells = this.getFocusableCells();
|
|
8675
|
-
if (focusableCells.length === 0) return;
|
|
8676
|
-
|
|
8677
|
-
// Find the currently active cell within this month
|
|
8678
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
8679
|
-
if (!activeCell) return;
|
|
8680
|
-
|
|
8681
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
8682
|
-
let targetCell = null;
|
|
8683
|
-
|
|
8684
|
-
if (key === 'ArrowRight') {
|
|
8685
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
8686
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
8687
|
-
} else {
|
|
8688
|
-
// At end of month, request cross-month navigation
|
|
8689
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8690
|
-
bubbles: true,
|
|
8691
|
-
composed: true,
|
|
8692
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
8693
|
-
}));
|
|
8694
|
-
return;
|
|
8695
|
-
}
|
|
8696
|
-
} else if (key === 'ArrowLeft') {
|
|
8697
|
-
if (activeIndex > 0) {
|
|
8698
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
8699
|
-
} else {
|
|
8700
|
-
// At start of month, request cross-month navigation
|
|
8701
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8702
|
-
bubbles: true,
|
|
8703
|
-
composed: true,
|
|
8704
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
8705
|
-
}));
|
|
8706
|
-
return;
|
|
8707
|
-
}
|
|
8708
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
8709
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
8710
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
8711
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
8712
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
8713
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
8714
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
8715
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
8716
|
-
|
|
8717
|
-
// Look for the target date in this month's focusable cells
|
|
8718
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
8719
|
-
|
|
8720
|
-
if (!targetCell) {
|
|
8721
|
-
// Target is in another month or all cells in that direction are disabled
|
|
8722
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
8723
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8724
|
-
bubbles: true,
|
|
8725
|
-
composed: true,
|
|
8726
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
8727
|
-
}));
|
|
8728
|
-
return;
|
|
8729
|
-
}
|
|
8730
|
-
}
|
|
8731
|
-
|
|
8732
|
-
if (targetCell) {
|
|
8733
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8734
|
-
bubbles: true,
|
|
8735
|
-
composed: true,
|
|
8736
|
-
detail: { date: targetCell.day.date }
|
|
8737
|
-
}));
|
|
8738
|
-
}
|
|
8739
|
-
}
|
|
8740
|
-
|
|
8741
|
-
renderWeek(week) {
|
|
8742
|
-
return html`
|
|
8743
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
8744
|
-
`;
|
|
8745
8384
|
}
|
|
8746
8385
|
|
|
8747
8386
|
renderDay(day) {
|
|
@@ -8765,7 +8404,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8765
8404
|
>
|
|
8766
8405
|
</auro-formkit-calendar-cell>
|
|
8767
8406
|
`
|
|
8768
|
-
:
|
|
8407
|
+
: null}
|
|
8769
8408
|
</div>
|
|
8770
8409
|
`;
|
|
8771
8410
|
}
|
|
@@ -8776,10 +8415,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8776
8415
|
var _a, _b;
|
|
8777
8416
|
|
|
8778
8417
|
return html `
|
|
8779
|
-
<div
|
|
8418
|
+
<div>
|
|
8780
8419
|
<div class="header">
|
|
8781
8420
|
${this.renderPrevButton()}
|
|
8782
|
-
<div class="headerTitle heading-xs"
|
|
8421
|
+
<div class="headerTitle heading-xs">
|
|
8783
8422
|
${this.monthFirst ? html`
|
|
8784
8423
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
8785
8424
|
<div>${this.renderYear()}</div>
|
|
@@ -8791,13 +8430,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8791
8430
|
${this.renderNextButton()}
|
|
8792
8431
|
</div>
|
|
8793
8432
|
|
|
8794
|
-
<div class="table"
|
|
8795
|
-
<div class="thead"
|
|
8796
|
-
<div class="tr"
|
|
8797
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(
|
|
8433
|
+
<div class="table">
|
|
8434
|
+
<div class="thead">
|
|
8435
|
+
<div class="tr">
|
|
8436
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
8798
8437
|
</div>
|
|
8799
8438
|
</div>
|
|
8800
|
-
<div class="tbody"
|
|
8439
|
+
<div class="tbody">
|
|
8801
8440
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
8802
8441
|
</div>
|
|
8803
8442
|
</div>
|
|
@@ -9490,14 +9129,6 @@ class AuroBibtemplate extends LitElement {
|
|
|
9490
9129
|
large: {
|
|
9491
9130
|
type: Boolean,
|
|
9492
9131
|
reflect: true
|
|
9493
|
-
},
|
|
9494
|
-
|
|
9495
|
-
/**
|
|
9496
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
9497
|
-
*/
|
|
9498
|
-
showFooter: {
|
|
9499
|
-
type: Boolean,
|
|
9500
|
-
reflect: true
|
|
9501
9132
|
}
|
|
9502
9133
|
};
|
|
9503
9134
|
}
|
|
@@ -9600,7 +9231,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9600
9231
|
<slot></slot>
|
|
9601
9232
|
</div>
|
|
9602
9233
|
|
|
9603
|
-
${this.isFullscreen
|
|
9234
|
+
${this.isFullscreen ? html$1`
|
|
9604
9235
|
<div id="footerContainer">
|
|
9605
9236
|
<slot name="footer"></slot>
|
|
9606
9237
|
</div>` : null}
|
|
@@ -9609,7 +9240,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9609
9240
|
}
|
|
9610
9241
|
}
|
|
9611
9242
|
|
|
9612
|
-
var formkitVersion$2 = '
|
|
9243
|
+
var formkitVersion$2 = '202605201634';
|
|
9613
9244
|
|
|
9614
9245
|
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=literal`${unsafeStatic(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$1 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1=css`: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}
|
|
9615
9246
|
`,u$4=css`.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}}
|
|
@@ -9707,13 +9338,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9707
9338
|
this.largeFullscreenHeadline = false;
|
|
9708
9339
|
this.isFullscreen = false;
|
|
9709
9340
|
|
|
9710
|
-
/**
|
|
9711
|
-
* The date of the currently active cell (Unix timestamp).
|
|
9712
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
9713
|
-
* @private
|
|
9714
|
-
*/
|
|
9715
|
-
this.activeCellDate = null;
|
|
9716
|
-
|
|
9717
9341
|
/**
|
|
9718
9342
|
* @private
|
|
9719
9343
|
*/
|
|
@@ -9879,8 +9503,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9879
9503
|
*/
|
|
9880
9504
|
handlePrevMonth() {
|
|
9881
9505
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
9882
|
-
this.updateActiveCellForVisibleMonth();
|
|
9883
|
-
this.announceMonthChange();
|
|
9884
9506
|
}
|
|
9885
9507
|
|
|
9886
9508
|
/**
|
|
@@ -9890,38 +9512,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9890
9512
|
*/
|
|
9891
9513
|
handleNextMonth() {
|
|
9892
9514
|
this.utilCal.handleMonthChange(this, 'next');
|
|
9893
|
-
this.updateActiveCellForVisibleMonth();
|
|
9894
|
-
this.announceMonthChange();
|
|
9895
|
-
}
|
|
9896
|
-
|
|
9897
|
-
/**
|
|
9898
|
-
* Announces the current month and year via the live region after navigation.
|
|
9899
|
-
* @private
|
|
9900
|
-
* @returns {void}
|
|
9901
|
-
*/
|
|
9902
|
-
announceMonthChange() {
|
|
9903
|
-
const date = new Date(this.centralDate);
|
|
9904
|
-
const localeCode = this.locale?.code || undefined;
|
|
9905
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
9906
|
-
this.announceSelection(formatter.format(date));
|
|
9907
|
-
}
|
|
9908
|
-
|
|
9909
|
-
/**
|
|
9910
|
-
* Recomputes and sets the active cell for the newly visible month after
|
|
9911
|
-
* month navigation. Without this, activeCellDate can point at a date in
|
|
9912
|
-
* the old month, leaving no tabindex="0" cell in the grid.
|
|
9913
|
-
* @private
|
|
9914
|
-
* @returns {void}
|
|
9915
|
-
*/
|
|
9916
|
-
updateActiveCellForVisibleMonth() {
|
|
9917
|
-
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
9918
|
-
// visible month rather than jumping back to the selected date's month.
|
|
9919
|
-
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
9920
|
-
this.updateComplete.then(() => {
|
|
9921
|
-
if (this.activeCellDate != null) {
|
|
9922
|
-
this.setActiveCell(this.activeCellDate);
|
|
9923
|
-
}
|
|
9924
|
-
});
|
|
9925
9515
|
}
|
|
9926
9516
|
|
|
9927
9517
|
/**
|
|
@@ -10029,452 +9619,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10029
9619
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
10030
9620
|
}
|
|
10031
9621
|
|
|
10032
|
-
/**
|
|
10033
|
-
* Gets all rendered month components.
|
|
10034
|
-
* @private
|
|
10035
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
10036
|
-
*/
|
|
10037
|
-
getMonthComponents() {
|
|
10038
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
10039
|
-
}
|
|
10040
|
-
|
|
10041
|
-
/**
|
|
10042
|
-
* Gets all focusable cells across all rendered months.
|
|
10043
|
-
* @private
|
|
10044
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
10045
|
-
*/
|
|
10046
|
-
getAllFocusableCells() {
|
|
10047
|
-
const months = this.getMonthComponents();
|
|
10048
|
-
let cells = [];
|
|
10049
|
-
months.forEach(month => {
|
|
10050
|
-
cells = cells.concat(month.getFocusableCells());
|
|
10051
|
-
});
|
|
10052
|
-
return cells;
|
|
10053
|
-
}
|
|
10054
|
-
|
|
10055
|
-
/**
|
|
10056
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
10057
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
10058
|
-
* @returns {void}
|
|
10059
|
-
*/
|
|
10060
|
-
setActiveCell(date) {
|
|
10061
|
-
const allCells = this.getAllFocusableCells();
|
|
10062
|
-
|
|
10063
|
-
allCells.forEach(cell => {
|
|
10064
|
-
cell.active = cell.day && cell.day.date === date;
|
|
10065
|
-
});
|
|
10066
|
-
|
|
10067
|
-
this.activeCellDate = date;
|
|
10068
|
-
}
|
|
10069
|
-
|
|
10070
|
-
/**
|
|
10071
|
-
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
10072
|
-
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
10073
|
-
* to complete so the focused button is the final DOM element.
|
|
10074
|
-
* @returns {void}
|
|
10075
|
-
*/
|
|
10076
|
-
focusActiveCell() {
|
|
10077
|
-
if (this.activeCellDate != null) {
|
|
10078
|
-
this.setActiveCell(this.activeCellDate);
|
|
10079
|
-
}
|
|
10080
|
-
|
|
10081
|
-
const allCells = this.getAllFocusableCells();
|
|
10082
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
10083
|
-
if (activeCell) {
|
|
10084
|
-
activeCell.updateComplete.then(() => {
|
|
10085
|
-
activeCell.focusButton();
|
|
10086
|
-
});
|
|
10087
|
-
}
|
|
10088
|
-
}
|
|
10089
|
-
|
|
10090
|
-
/**
|
|
10091
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
10092
|
-
* Priority:
|
|
10093
|
-
* 1. Selected date (dateFrom) if within range
|
|
10094
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
10095
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
10096
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
10097
|
-
* 5. First enabled date in finite [min, max] range
|
|
10098
|
-
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
10099
|
-
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
10100
|
-
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
10101
|
-
* 7. undefined — no valid target
|
|
10102
|
-
*
|
|
10103
|
-
* @private
|
|
10104
|
-
* @param {Object} [options] - Optional settings.
|
|
10105
|
-
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
10106
|
-
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
10107
|
-
* newly visible month instead of jumping back to the selected date's month.
|
|
10108
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
10109
|
-
*/
|
|
10110
|
-
computeActiveDate(options = {}) {
|
|
10111
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
10112
|
-
|
|
10113
|
-
/**
|
|
10114
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
10115
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
10116
|
-
*/
|
|
10117
|
-
const addDays = (ts, days) => {
|
|
10118
|
-
const d = new Date(ts * 1000);
|
|
10119
|
-
d.setDate(d.getDate() + days);
|
|
10120
|
-
d.setHours(0, 0, 0, 0);
|
|
10121
|
-
return Math.floor(d.getTime() / 1000);
|
|
10122
|
-
};
|
|
10123
|
-
|
|
10124
|
-
const rawMin = Number(this.min);
|
|
10125
|
-
const rawMax = Number(this.max);
|
|
10126
|
-
|
|
10127
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
10128
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
10129
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
10130
|
-
|
|
10131
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
10132
|
-
const blackoutSet = new Set(
|
|
10133
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
10134
|
-
);
|
|
10135
|
-
|
|
10136
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
10137
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
10138
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
10139
|
-
if (Array.isArray(isoBlackouts)) {
|
|
10140
|
-
for (const isoStr of isoBlackouts) {
|
|
10141
|
-
const parts = isoStr.split('-');
|
|
10142
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
10143
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
10144
|
-
}
|
|
10145
|
-
}
|
|
10146
|
-
|
|
10147
|
-
/**
|
|
10148
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
10149
|
-
* it is within [min, max] AND not a blackout day.
|
|
10150
|
-
*/
|
|
10151
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
10152
|
-
|
|
10153
|
-
/**
|
|
10154
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
10155
|
-
* Blackout dates are focusable but not selectable.
|
|
10156
|
-
*/
|
|
10157
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
10158
|
-
|
|
10159
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
10160
|
-
// Skipped when called from month navigation so the active cell lands in
|
|
10161
|
-
// the newly visible month rather than the (possibly off-screen) selection.
|
|
10162
|
-
if (!options.skipDateFrom && this.dateFrom) {
|
|
10163
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
10164
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
10165
|
-
}
|
|
10166
|
-
|
|
10167
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
10168
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
10169
|
-
|
|
10170
|
-
// When centralDate is configured, prefer a date within the month(s) that
|
|
10171
|
-
// will actually be rendered. If today falls outside the visible range, an
|
|
10172
|
-
// active cell set to today would have no matching DOM element and keyboard
|
|
10173
|
-
// focus could not enter the calendar.
|
|
10174
|
-
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
10175
|
-
|
|
10176
|
-
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
10177
|
-
const centralMonth = centralDateValue.getMonth();
|
|
10178
|
-
const centralYear = centralDateValue.getFullYear();
|
|
10179
|
-
const todayDate = new Date(now * 1000);
|
|
10180
|
-
const todayMonth = todayDate.getMonth();
|
|
10181
|
-
const todayYear = todayDate.getFullYear();
|
|
10182
|
-
|
|
10183
|
-
// Today is outside the centralDate's month — scan for an enabled date
|
|
10184
|
-
// within the visible month instead.
|
|
10185
|
-
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
10186
|
-
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
10187
|
-
visibleStart.setHours(0, 0, 0, 0);
|
|
10188
|
-
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
10189
|
-
visibleEnd.setHours(0, 0, 0, 0);
|
|
10190
|
-
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
10191
|
-
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
10192
|
-
const daysInMonth = visibleEnd.getDate();
|
|
10193
|
-
|
|
10194
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10195
|
-
const ts = addDays(startTs, idx);
|
|
10196
|
-
if (ts > endTs) break;
|
|
10197
|
-
if (isEnabled(ts)) return ts;
|
|
10198
|
-
}
|
|
10199
|
-
|
|
10200
|
-
// No enabled date in the visible month — fall back to first in-range
|
|
10201
|
-
// date in the month so focus still lands on a focusable cell.
|
|
10202
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10203
|
-
const ts = addDays(startTs, idx);
|
|
10204
|
-
if (ts > endTs) break;
|
|
10205
|
-
if (isInRange(ts)) return ts;
|
|
10206
|
-
}
|
|
10207
|
-
}
|
|
10208
|
-
}
|
|
10209
|
-
|
|
10210
|
-
if (isEnabled(now)) return now;
|
|
10211
|
-
|
|
10212
|
-
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
10213
|
-
// rendered month(s) first so a single-month calendar does not pick a date
|
|
10214
|
-
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
10215
|
-
// the number of rendered months.
|
|
10216
|
-
const renderedMonths = this.numCalendars || 1;
|
|
10217
|
-
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
10218
|
-
? centralDateValue
|
|
10219
|
-
: new Date(now * 1000);
|
|
10220
|
-
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
10221
|
-
visMonthStart.setHours(0, 0, 0, 0);
|
|
10222
|
-
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
10223
|
-
visMonthEnd.setHours(0, 0, 0, 0);
|
|
10224
|
-
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
10225
|
-
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
10226
|
-
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
10227
|
-
|
|
10228
|
-
// Scan visible months for an enabled date.
|
|
10229
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
10230
|
-
const ts = addDays(visStartTs, idx);
|
|
10231
|
-
if (ts > visEndTs) break;
|
|
10232
|
-
if (isEnabled(ts)) return ts;
|
|
10233
|
-
}
|
|
10234
|
-
|
|
10235
|
-
// No enabled date in visible months — try an in-range (focusable) date so
|
|
10236
|
-
// keyboard focus still has a tabindex="0" target.
|
|
10237
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
10238
|
-
const ts = addDays(visStartTs, idx);
|
|
10239
|
-
if (ts > visEndTs) break;
|
|
10240
|
-
if (isInRange(ts)) return ts;
|
|
10241
|
-
}
|
|
10242
|
-
|
|
10243
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
10244
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10245
|
-
const ts = addDays(now, idx);
|
|
10246
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
10247
|
-
if (isEnabled(ts)) return ts;
|
|
10248
|
-
}
|
|
10249
|
-
|
|
10250
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
10251
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10252
|
-
const ts = addDays(now, -idx);
|
|
10253
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
10254
|
-
if (isEnabled(ts)) return ts;
|
|
10255
|
-
}
|
|
10256
|
-
|
|
10257
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
10258
|
-
// the first enabled date in the [min, max] range.
|
|
10259
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10260
|
-
let ts = minTs;
|
|
10261
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
10262
|
-
if (isEnabled(ts)) return ts;
|
|
10263
|
-
ts = addDays(minTs, idx + 1);
|
|
10264
|
-
}
|
|
10265
|
-
}
|
|
10266
|
-
|
|
10267
|
-
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
10268
|
-
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
10269
|
-
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
10270
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10271
|
-
const ts = addDays(minTs, idx);
|
|
10272
|
-
if (isEnabled(ts)) return ts;
|
|
10273
|
-
}
|
|
10274
|
-
}
|
|
10275
|
-
|
|
10276
|
-
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
10277
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
10278
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10279
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10280
|
-
const ts = addDays(maxTs, -idx);
|
|
10281
|
-
if (isEnabled(ts)) return ts;
|
|
10282
|
-
}
|
|
10283
|
-
}
|
|
10284
|
-
|
|
10285
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
10286
|
-
// still lands on a focusable (but not selectable) cell.
|
|
10287
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
10288
|
-
if (isInRange(now)) return now;
|
|
10289
|
-
|
|
10290
|
-
return undefined;
|
|
10291
|
-
}
|
|
10292
|
-
|
|
10293
|
-
/**
|
|
10294
|
-
* Handles cross-month boundary navigation events from month components.
|
|
10295
|
-
* @private
|
|
10296
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
10297
|
-
* @returns {void}
|
|
10298
|
-
*/
|
|
10299
|
-
handleMonthBoundary(event) {
|
|
10300
|
-
const { direction, fromDate, key } = event.detail;
|
|
10301
|
-
|
|
10302
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
10303
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
10304
|
-
const allCells = this.getAllFocusableCells();
|
|
10305
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
10306
|
-
|
|
10307
|
-
if (currentIndex === -1) return;
|
|
10308
|
-
|
|
10309
|
-
let targetIndex;
|
|
10310
|
-
if (direction === 'next') {
|
|
10311
|
-
targetIndex = currentIndex + 1;
|
|
10312
|
-
} else {
|
|
10313
|
-
targetIndex = currentIndex - 1;
|
|
10314
|
-
}
|
|
10315
|
-
|
|
10316
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
10317
|
-
const targetCell = allCells[targetIndex];
|
|
10318
|
-
this.setActiveCell(targetCell.day.date);
|
|
10319
|
-
this.scrollToActiveCell();
|
|
10320
|
-
this.focusActiveCell();
|
|
10321
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
10322
|
-
// Navigate to next month and focus the computed next date.
|
|
10323
|
-
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
10324
|
-
// avoids jumping backward in range datepickers where cells[0]
|
|
10325
|
-
// belongs to the previous (still-rendered) month.
|
|
10326
|
-
const nextDate = new Date(fromDate * 1000);
|
|
10327
|
-
nextDate.setDate(nextDate.getDate() + 1);
|
|
10328
|
-
nextDate.setHours(0, 0, 0, 0);
|
|
10329
|
-
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
10330
|
-
|
|
10331
|
-
this.handleNextMonth();
|
|
10332
|
-
requestAnimationFrame(() => {
|
|
10333
|
-
requestAnimationFrame(() => {
|
|
10334
|
-
const cells = this.getAllFocusableCells();
|
|
10335
|
-
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
10336
|
-
if (target) {
|
|
10337
|
-
this.setActiveCell(target.day.date);
|
|
10338
|
-
this.focusActiveCell();
|
|
10339
|
-
} else if (cells.length > 0) {
|
|
10340
|
-
// Fallback: first cell of the last rendered month
|
|
10341
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
10342
|
-
this.focusActiveCell();
|
|
10343
|
-
}
|
|
10344
|
-
});
|
|
10345
|
-
});
|
|
10346
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
10347
|
-
// Navigate to previous month and focus the computed previous date.
|
|
10348
|
-
const prevDate = new Date(fromDate * 1000);
|
|
10349
|
-
prevDate.setDate(prevDate.getDate() - 1);
|
|
10350
|
-
prevDate.setHours(0, 0, 0, 0);
|
|
10351
|
-
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
10352
|
-
|
|
10353
|
-
this.handlePrevMonth();
|
|
10354
|
-
requestAnimationFrame(() => {
|
|
10355
|
-
requestAnimationFrame(() => {
|
|
10356
|
-
const cells = this.getAllFocusableCells();
|
|
10357
|
-
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
10358
|
-
if (target) {
|
|
10359
|
-
this.setActiveCell(target.day.date);
|
|
10360
|
-
this.focusActiveCell();
|
|
10361
|
-
} else if (cells.length > 0) {
|
|
10362
|
-
// Fallback: last cell of the first rendered month
|
|
10363
|
-
this.setActiveCell(cells[0].day.date);
|
|
10364
|
-
this.focusActiveCell();
|
|
10365
|
-
}
|
|
10366
|
-
});
|
|
10367
|
-
});
|
|
10368
|
-
}
|
|
10369
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
10370
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
10371
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
10372
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
10373
|
-
const currentDate = new Date(fromDate * 1000);
|
|
10374
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
10375
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
10376
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
10377
|
-
|
|
10378
|
-
const allCells = this.getAllFocusableCells();
|
|
10379
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10380
|
-
|
|
10381
|
-
if (targetCell) {
|
|
10382
|
-
this.setActiveCell(targetCell.day.date);
|
|
10383
|
-
this.scrollToActiveCell();
|
|
10384
|
-
this.focusActiveCell();
|
|
10385
|
-
} else {
|
|
10386
|
-
// Target might be in an unrendered month, navigate there
|
|
10387
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
10388
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
10389
|
-
if (navDirection === 'next') {
|
|
10390
|
-
this.handleNextMonth();
|
|
10391
|
-
} else {
|
|
10392
|
-
this.handlePrevMonth();
|
|
10393
|
-
}
|
|
10394
|
-
requestAnimationFrame(() => {
|
|
10395
|
-
requestAnimationFrame(() => {
|
|
10396
|
-
const cells = this.getAllFocusableCells();
|
|
10397
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10398
|
-
if (target) {
|
|
10399
|
-
this.setActiveCell(target.day.date);
|
|
10400
|
-
this.focusActiveCell();
|
|
10401
|
-
} else if (cells.length > 0) {
|
|
10402
|
-
// Clamp to nearest focusable cell
|
|
10403
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
10404
|
-
this.setActiveCell(nearest.day.date);
|
|
10405
|
-
this.focusActiveCell();
|
|
10406
|
-
}
|
|
10407
|
-
});
|
|
10408
|
-
});
|
|
10409
|
-
}
|
|
10410
|
-
}
|
|
10411
|
-
}
|
|
10412
|
-
}
|
|
10413
|
-
|
|
10414
|
-
/**
|
|
10415
|
-
* Handles cell activation events from month components.
|
|
10416
|
-
* @private
|
|
10417
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
10418
|
-
* @returns {void}
|
|
10419
|
-
*/
|
|
10420
|
-
handleCellActivate(event) {
|
|
10421
|
-
const { date } = event.detail;
|
|
10422
|
-
this.setActiveCell(date);
|
|
10423
|
-
this.focusActiveCell();
|
|
10424
|
-
}
|
|
10425
|
-
|
|
10426
|
-
/**
|
|
10427
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
10428
|
-
* @private
|
|
10429
|
-
* @returns {void}
|
|
10430
|
-
*/
|
|
10431
|
-
scrollToActiveCell() {
|
|
10432
|
-
if (this.activeCellDate == null) return;
|
|
10433
|
-
|
|
10434
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
10435
|
-
const month = date.getMonth() + 1;
|
|
10436
|
-
const year = date.getFullYear();
|
|
10437
|
-
const selector = `#month-${month}-${year}`;
|
|
10438
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
10439
|
-
|
|
10440
|
-
if (monthElem) {
|
|
10441
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
10442
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
10443
|
-
}
|
|
10444
|
-
}
|
|
10445
|
-
|
|
10446
|
-
/**
|
|
10447
|
-
* Announces a date selection via the live region.
|
|
10448
|
-
* @private
|
|
10449
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
10450
|
-
* @returns {void}
|
|
10451
|
-
*/
|
|
10452
|
-
announceSelection(dateStr) {
|
|
10453
|
-
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
10454
|
-
if (liveRegion) {
|
|
10455
|
-
liveRegion.textContent = '';
|
|
10456
|
-
// Use microtask to ensure SR picks up the change
|
|
10457
|
-
Promise.resolve().then(() => {
|
|
10458
|
-
liveRegion.textContent = dateStr;
|
|
10459
|
-
});
|
|
10460
|
-
}
|
|
10461
|
-
}
|
|
10462
|
-
|
|
10463
|
-
/**
|
|
10464
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
10465
|
-
* @private
|
|
10466
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
10467
|
-
* @returns {String} Localized date string.
|
|
10468
|
-
*/
|
|
10469
|
-
formatAnnouncementDate(timestamp) {
|
|
10470
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
10471
|
-
const localeCode = this.locale?.code || undefined;
|
|
10472
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
10473
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
10474
|
-
});
|
|
10475
|
-
return formatter.format(date);
|
|
10476
|
-
}
|
|
10477
|
-
|
|
10478
9622
|
firstUpdated() {
|
|
10479
9623
|
this.addEventListener('date-from-changed', () => {
|
|
10480
9624
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -10492,17 +9636,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10492
9636
|
bubbles: true,
|
|
10493
9637
|
cancelable: false,
|
|
10494
9638
|
composed: true,
|
|
10495
|
-
}));
|
|
10496
|
-
});
|
|
10497
|
-
|
|
10498
|
-
// Listen for cross-month boundary navigation events
|
|
10499
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
10500
|
-
this.handleMonthBoundary(event);
|
|
10501
|
-
});
|
|
10502
|
-
|
|
10503
|
-
// Listen for cell activation events
|
|
10504
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
10505
|
-
this.handleCellActivate(event);
|
|
9639
|
+
}));
|
|
10506
9640
|
});
|
|
10507
9641
|
}
|
|
10508
9642
|
|
|
@@ -10528,37 +9662,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10528
9662
|
}
|
|
10529
9663
|
|
|
10530
9664
|
if (changedProperties.has('visible')) {
|
|
10531
|
-
|
|
10532
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
10533
|
-
if (this.activeCellDate == null) {
|
|
10534
|
-
this.activeCellDate = this.computeActiveDate();
|
|
10535
|
-
}
|
|
10536
|
-
|
|
10537
|
-
this.requestUpdate();
|
|
10538
|
-
} else {
|
|
10539
|
-
this.requestUpdate();
|
|
10540
|
-
}
|
|
10541
|
-
}
|
|
10542
|
-
|
|
10543
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
10544
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
10545
|
-
|
|
10546
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
10547
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
10548
|
-
const isRange = !this.noRange;
|
|
10549
|
-
|
|
10550
|
-
if (isRange) {
|
|
10551
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
10552
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
10553
|
-
} else {
|
|
10554
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
10555
|
-
}
|
|
10556
|
-
}
|
|
10557
|
-
|
|
10558
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
10559
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
10560
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
10561
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
9665
|
+
setTimeout(() => this.requestUpdate());
|
|
10562
9666
|
}
|
|
10563
9667
|
}
|
|
10564
9668
|
|
|
@@ -10567,7 +9671,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10567
9671
|
<${this.bibtemplateTag}
|
|
10568
9672
|
?large="${this.largeFullscreenHeadline}"
|
|
10569
9673
|
?isFullscreen="${this.isFullscreen}"
|
|
10570
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
10571
9674
|
@close-click="${this.utilCal.requestDismiss}">
|
|
10572
9675
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
10573
9676
|
|
|
@@ -10585,26 +9688,24 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10585
9688
|
</div>
|
|
10586
9689
|
</div>
|
|
10587
9690
|
|
|
10588
|
-
<div class="calendarWrapper
|
|
9691
|
+
<div class="calendarWrapper">
|
|
9692
|
+
<div class="calendars">
|
|
9693
|
+
${this.renderAllCalendars()}
|
|
9694
|
+
</div>
|
|
10589
9695
|
<div class="calendarNavButtons">
|
|
10590
9696
|
${this.showPrevMonthBtn ? html$1`
|
|
10591
|
-
<button tabIndex="
|
|
9697
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
10592
9698
|
${this.util.generateIconHtml(chevronLeft)}
|
|
10593
9699
|
</button>
|
|
10594
9700
|
` : undefined}
|
|
10595
9701
|
${this.showNextMonthBtn ? html$1`
|
|
10596
|
-
<button tabIndex="
|
|
9702
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
10597
9703
|
${this.util.generateIconHtml(chevronRight)}
|
|
10598
9704
|
</button>
|
|
10599
9705
|
` : undefined}
|
|
10600
9706
|
</div>
|
|
10601
|
-
<div class="calendars">
|
|
10602
|
-
${this.renderAllCalendars()}
|
|
10603
|
-
</div>
|
|
10604
9707
|
</div>
|
|
10605
9708
|
|
|
10606
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
10607
|
-
|
|
10608
9709
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
10609
9710
|
</${this.bibtemplateTag}>
|
|
10610
9711
|
`;
|
|
@@ -13852,7 +12953,7 @@ function applyKeyboardStrategy$1(component, strategy, options = {}) {
|
|
|
13852
12953
|
});
|
|
13853
12954
|
}
|
|
13854
12955
|
|
|
13855
|
-
var styleCss$2$1 = css`: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(
|
|
12956
|
+
var styleCss$2$1 = css`: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}`;
|
|
13856
12957
|
|
|
13857
12958
|
var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
13858
12959
|
|
|
@@ -14483,7 +13584,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
14483
13584
|
}
|
|
14484
13585
|
};
|
|
14485
13586
|
|
|
14486
|
-
var formkitVersion$1 = '
|
|
13587
|
+
var formkitVersion$1 = '202605201634';
|
|
14487
13588
|
|
|
14488
13589
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
14489
13590
|
static get properties() {
|
|
@@ -14663,7 +13764,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14663
13764
|
_intializeDefaults() {
|
|
14664
13765
|
this.appearance = 'default';
|
|
14665
13766
|
this.chevron = false;
|
|
14666
|
-
this.desktopModal = false;
|
|
14667
13767
|
this.disabled = false;
|
|
14668
13768
|
this.disableKeyboardHandling = false;
|
|
14669
13769
|
this.error = false;
|
|
@@ -14844,14 +13944,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14844
13944
|
reflect: true
|
|
14845
13945
|
},
|
|
14846
13946
|
|
|
14847
|
-
/**
|
|
14848
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
14849
|
-
*/
|
|
14850
|
-
desktopModal: {
|
|
14851
|
-
type: Boolean,
|
|
14852
|
-
reflect: true
|
|
14853
|
-
},
|
|
14854
|
-
|
|
14855
13947
|
/**
|
|
14856
13948
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
14857
13949
|
*/
|
|
@@ -15139,15 +14231,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15139
14231
|
|
|
15140
14232
|
disconnectedCallback() {
|
|
15141
14233
|
super.disconnectedCallback();
|
|
15142
|
-
this._clearPageInert();
|
|
15143
|
-
if (this._bibTabHandler) {
|
|
15144
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
15145
|
-
this._bibTabHandler = undefined;
|
|
15146
|
-
}
|
|
15147
|
-
if (this.focusTrap) {
|
|
15148
|
-
this.focusTrap.disconnect();
|
|
15149
|
-
this.focusTrap = undefined;
|
|
15150
|
-
}
|
|
15151
14234
|
if (this.floater) {
|
|
15152
14235
|
this.floater.hideBib('disconnect');
|
|
15153
14236
|
this.floater.disconnect();
|
|
@@ -15175,45 +14258,19 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15175
14258
|
if (this.isPopoverVisible) {
|
|
15176
14259
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
15177
14260
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
15178
|
-
this.
|
|
15179
|
-
this.
|
|
15180
|
-
|
|
15181
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
15182
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15183
|
-
this._setPageInert();
|
|
15184
|
-
}
|
|
14261
|
+
const useModal = this.isBibFullscreen;
|
|
14262
|
+
this.bibElement.value.open(useModal);
|
|
15185
14263
|
} else {
|
|
15186
14264
|
this.bibElement.value.close();
|
|
15187
|
-
this._clearPageInert();
|
|
15188
14265
|
}
|
|
15189
14266
|
}
|
|
15190
14267
|
|
|
15191
14268
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
15192
14269
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
15193
14270
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
14271
|
+
const useModal = this.isBibFullscreen;
|
|
15194
14272
|
this.bibElement.value.close();
|
|
15195
|
-
this.bibElement.value.open(
|
|
15196
|
-
|
|
15197
|
-
// Re-initialize focus management for the new strategy
|
|
15198
|
-
this.updateFocusTrap();
|
|
15199
|
-
|
|
15200
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
15201
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15202
|
-
this._setPageInert();
|
|
15203
|
-
} else {
|
|
15204
|
-
this._clearPageInert();
|
|
15205
|
-
}
|
|
15206
|
-
}
|
|
15207
|
-
|
|
15208
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
15209
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
15210
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
15211
|
-
this.updateFocusTrap();
|
|
15212
|
-
if (this.desktopModal) {
|
|
15213
|
-
this._setPageInert();
|
|
15214
|
-
} else {
|
|
15215
|
-
this._clearPageInert();
|
|
15216
|
-
}
|
|
14273
|
+
this.bibElement.value.open(useModal);
|
|
15217
14274
|
}
|
|
15218
14275
|
}
|
|
15219
14276
|
|
|
@@ -15223,14 +14280,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15223
14280
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
15224
14281
|
*/
|
|
15225
14282
|
handleDropdownToggle(event) {
|
|
14283
|
+
this.updateFocusTrap();
|
|
15226
14284
|
this.isPopoverVisible = event.detail.expanded;
|
|
15227
|
-
|
|
15228
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
15229
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
15230
|
-
if (!this.isPopoverVisible) {
|
|
15231
|
-
this.updateFocusTrap();
|
|
15232
|
-
}
|
|
15233
|
-
|
|
15234
14285
|
const eventType = event.detail.eventType || "unknown";
|
|
15235
14286
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
15236
14287
|
this.trigger.focus();
|
|
@@ -15329,178 +14380,19 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15329
14380
|
* @private
|
|
15330
14381
|
*/
|
|
15331
14382
|
updateFocusTrap() {
|
|
15332
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
15333
|
-
// to prevent duplicate listeners on repeated calls.
|
|
15334
|
-
if (this._bibTabHandler) {
|
|
15335
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
15336
|
-
this._bibTabHandler = undefined;
|
|
15337
|
-
}
|
|
15338
|
-
|
|
15339
|
-
if (this.focusTrap) {
|
|
15340
|
-
this.focusTrap.disconnect();
|
|
15341
|
-
this.focusTrap = undefined;
|
|
15342
|
-
}
|
|
15343
|
-
|
|
15344
14383
|
if (this.isPopoverVisible) {
|
|
15345
14384
|
if (!this.isBibFullscreen) {
|
|
15346
|
-
|
|
15347
|
-
|
|
15348
|
-
|
|
15349
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
15350
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
15351
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
15352
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
15353
|
-
// within the bib's focusable elements.
|
|
15354
|
-
this._bibTabHandler = (event) => {
|
|
15355
|
-
if (event.key !== 'Tab') {
|
|
15356
|
-
return;
|
|
15357
|
-
}
|
|
15358
|
-
|
|
15359
|
-
// Collect focusable elements from the bib content.
|
|
15360
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
15361
|
-
|
|
15362
|
-
// Fallback: try from slotted content directly
|
|
15363
|
-
if (!focusables.length) {
|
|
15364
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
15365
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
15366
|
-
|
|
15367
|
-
for (const node of assignedNodes) {
|
|
15368
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
15369
|
-
focusables.push(...getFocusableElements(node));
|
|
15370
|
-
}
|
|
15371
|
-
}
|
|
15372
|
-
}
|
|
15373
|
-
|
|
15374
|
-
if (!focusables.length) {
|
|
15375
|
-
return;
|
|
15376
|
-
}
|
|
15377
|
-
|
|
15378
|
-
event.preventDefault();
|
|
15379
|
-
|
|
15380
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
15381
|
-
|
|
15382
|
-
// Walk the active element chain through shadow roots
|
|
15383
|
-
const actives = this._getActiveElements();
|
|
15384
|
-
|
|
15385
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
15386
|
-
|
|
15387
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
15388
|
-
// Focus is not on a known element — move to first/last
|
|
15389
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
15390
|
-
}
|
|
15391
|
-
|
|
15392
|
-
// Try each element in order, skipping any that can't receive focus
|
|
15393
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
15394
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
15395
|
-
let nextIdx = idx + direction;
|
|
15396
|
-
|
|
15397
|
-
// Wrap around
|
|
15398
|
-
if (nextIdx < 0) {
|
|
15399
|
-
nextIdx = focusables.length - 1;
|
|
15400
|
-
} else if (nextIdx >= focusables.length) {
|
|
15401
|
-
nextIdx = 0;
|
|
15402
|
-
}
|
|
15403
|
-
|
|
15404
|
-
focusables[nextIdx].focus();
|
|
15405
|
-
|
|
15406
|
-
// Verify focus actually moved to the target
|
|
15407
|
-
const newActives = this._getActiveElements();
|
|
15408
|
-
|
|
15409
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
15410
|
-
return;
|
|
15411
|
-
}
|
|
15412
|
-
|
|
15413
|
-
// Focus didn't stick — skip this element and try the next
|
|
15414
|
-
idx = nextIdx;
|
|
15415
|
-
}
|
|
15416
|
-
};
|
|
15417
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
15418
|
-
|
|
15419
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
15420
|
-
requestAnimationFrame(() => {
|
|
15421
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
15422
|
-
if (focusables.length) {
|
|
15423
|
-
focusables[0].focus();
|
|
15424
|
-
}
|
|
15425
|
-
});
|
|
15426
|
-
} else {
|
|
15427
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
15428
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
15429
|
-
this.focusTrap.focusFirstElement();
|
|
15430
|
-
}
|
|
14385
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
14386
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
14387
|
+
this.focusTrap.focusFirstElement();
|
|
15431
14388
|
}
|
|
15432
14389
|
// Fullscreen: showModal() provides native focus trapping
|
|
15433
|
-
}
|
|
15434
|
-
}
|
|
15435
|
-
|
|
15436
|
-
/**
|
|
15437
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
15438
|
-
* @private
|
|
15439
|
-
* @returns {Array<HTMLElement>}
|
|
15440
|
-
*/
|
|
15441
|
-
_getActiveElements() {
|
|
15442
|
-
let { activeElement } = document;
|
|
15443
|
-
const actives = [activeElement];
|
|
15444
|
-
|
|
15445
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
15446
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
15447
|
-
actives.push(activeElement);
|
|
15448
|
-
}
|
|
15449
|
-
|
|
15450
|
-
return actives;
|
|
15451
|
-
}
|
|
15452
|
-
|
|
15453
|
-
/**
|
|
15454
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
15455
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
15456
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
15457
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
15458
|
-
* to ensure all page content outside the host subtree is inert.
|
|
15459
|
-
* @private
|
|
15460
|
-
*/
|
|
15461
|
-
_setPageInert() {
|
|
15462
|
-
if (this._inertSiblings) {
|
|
15463
14390
|
return;
|
|
15464
14391
|
}
|
|
15465
14392
|
|
|
15466
|
-
this.
|
|
15467
|
-
|
|
15468
|
-
|
|
15469
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
15470
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
15471
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
15472
|
-
let host = this;
|
|
15473
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
15474
|
-
host = host.getRootNode().host;
|
|
15475
|
-
}
|
|
15476
|
-
|
|
15477
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
15478
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
15479
|
-
let current = host;
|
|
15480
|
-
while (current.parentElement) {
|
|
15481
|
-
const parent = current.parentElement;
|
|
15482
|
-
for (const sibling of parent.children) {
|
|
15483
|
-
if (sibling !== current) {
|
|
15484
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
15485
|
-
sibling.inert = true;
|
|
15486
|
-
}
|
|
15487
|
-
}
|
|
15488
|
-
current = parent;
|
|
15489
|
-
}
|
|
15490
|
-
}
|
|
15491
|
-
|
|
15492
|
-
/**
|
|
15493
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
15494
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
15495
|
-
* not inadvertently re-enabled.
|
|
15496
|
-
* @private
|
|
15497
|
-
*/
|
|
15498
|
-
_clearPageInert() {
|
|
15499
|
-
if (this._inertSiblings) {
|
|
15500
|
-
for (const entry of this._inertSiblings) {
|
|
15501
|
-
entry.element.inert = entry.wasInert;
|
|
15502
|
-
}
|
|
15503
|
-
this._inertSiblings = undefined;
|
|
14393
|
+
if (this.focusTrap) {
|
|
14394
|
+
this.focusTrap.disconnect();
|
|
14395
|
+
this.focusTrap = undefined;
|
|
15504
14396
|
}
|
|
15505
14397
|
}
|
|
15506
14398
|
|
|
@@ -15739,7 +14631,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15739
14631
|
shape="${this.shape}"
|
|
15740
14632
|
?data-show="${this.isPopoverVisible}"
|
|
15741
14633
|
?isfullscreen="${this.isBibFullscreen}"
|
|
15742
|
-
?desktopmodal="${this.desktopModal}"
|
|
15743
14634
|
.dialogLabel="${this.bibDialogLabel}"
|
|
15744
14635
|
${ref(this.bibElement)}
|
|
15745
14636
|
>
|
|
@@ -22438,7 +21329,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
22438
21329
|
}
|
|
22439
21330
|
};
|
|
22440
21331
|
|
|
22441
|
-
var formkitVersion = '
|
|
21332
|
+
var formkitVersion = '202605201634';
|
|
22442
21333
|
|
|
22443
21334
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
22444
21335
|
// See LICENSE in the project root for license information.
|
|
@@ -23693,62 +22584,26 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
23693
22584
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
23694
22585
|
//
|
|
23695
22586
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
22587
|
+
// - The bib opens and closes via pointer/touch interaction only.
|
|
23696
22588
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
23697
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
23698
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
23699
22589
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
22590
|
+
// - Enter and Space do not open or close the bib.
|
|
23700
22591
|
//
|
|
23701
22592
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
23702
22593
|
// added, handlers should go here following the same strategy pattern used by
|
|
23703
22594
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
23704
22595
|
const datepickerKeyboardStrategy = {
|
|
23705
|
-
Escape(component, evt
|
|
23706
|
-
if (!
|
|
22596
|
+
Escape(component, evt) {
|
|
22597
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
23707
22598
|
return;
|
|
23708
22599
|
}
|
|
23709
22600
|
|
|
23710
|
-
//
|
|
23711
|
-
//
|
|
22601
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
|
|
22602
|
+
// Because stopPropagation prevents the document-level floatingUI keydown handler from
|
|
22603
|
+
// seeing this event, we must also close the dropdown explicitly.
|
|
23712
22604
|
evt.stopPropagation();
|
|
23713
|
-
evt.preventDefault();
|
|
23714
|
-
|
|
23715
|
-
component.hideBib();
|
|
23716
|
-
},
|
|
23717
|
-
|
|
23718
|
-
Enter(component, evt, ctx) {
|
|
23719
|
-
if (ctx.isExpanded) {
|
|
23720
|
-
return;
|
|
23721
|
-
}
|
|
23722
|
-
|
|
23723
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
23724
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
23725
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
23726
|
-
const path = evt.composedPath();
|
|
23727
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
23728
|
-
return;
|
|
23729
|
-
}
|
|
23730
|
-
|
|
23731
|
-
evt.preventDefault();
|
|
23732
|
-
|
|
23733
|
-
component.dropdown.show();
|
|
23734
|
-
},
|
|
23735
|
-
|
|
23736
|
-
' '(component, evt, ctx) {
|
|
23737
|
-
if (ctx.isExpanded) {
|
|
23738
|
-
return;
|
|
23739
|
-
}
|
|
23740
|
-
|
|
23741
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
23742
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
23743
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
23744
|
-
const path = evt.composedPath();
|
|
23745
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
23746
|
-
return;
|
|
23747
|
-
}
|
|
23748
|
-
|
|
23749
|
-
evt.preventDefault();
|
|
23750
22605
|
|
|
23751
|
-
component.dropdown.
|
|
22606
|
+
component.dropdown.hide();
|
|
23752
22607
|
},
|
|
23753
22608
|
};
|
|
23754
22609
|
|
|
@@ -23822,15 +22677,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
23822
22677
|
this.required = false;
|
|
23823
22678
|
this.onDark = false;
|
|
23824
22679
|
this.range = false;
|
|
23825
|
-
this.rangeLabelStart = 'range start';
|
|
23826
|
-
this.rangeLabelEnd = 'range end';
|
|
23827
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
23828
|
-
this.rangeLabelInRange = 'in range';
|
|
23829
|
-
this.rangeLabelAfterRange = 'after range';
|
|
23830
|
-
this.blackoutDates = [];
|
|
23831
|
-
this.blackoutLabel = 'unavailable';
|
|
23832
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
23833
|
-
this.navLabelNextMonth = 'Next month';
|
|
23834
22680
|
this.stacked = false;
|
|
23835
22681
|
this.noValidate = false;
|
|
23836
22682
|
this.validity = undefined;
|
|
@@ -24209,78 +23055,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24209
23055
|
reflect: true
|
|
24210
23056
|
},
|
|
24211
23057
|
|
|
24212
|
-
/**
|
|
24213
|
-
* Label announced for the range start date cell.
|
|
24214
|
-
*/
|
|
24215
|
-
rangeLabelStart: {
|
|
24216
|
-
type: String,
|
|
24217
|
-
reflect: true
|
|
24218
|
-
},
|
|
24219
|
-
|
|
24220
|
-
/**
|
|
24221
|
-
* Label announced for the range end date cell.
|
|
24222
|
-
*/
|
|
24223
|
-
rangeLabelEnd: {
|
|
24224
|
-
type: String,
|
|
24225
|
-
reflect: true
|
|
24226
|
-
},
|
|
24227
|
-
|
|
24228
|
-
/**
|
|
24229
|
-
* Label announced for cells before the range start.
|
|
24230
|
-
*/
|
|
24231
|
-
rangeLabelBeforeRange: {
|
|
24232
|
-
type: String,
|
|
24233
|
-
reflect: true
|
|
24234
|
-
},
|
|
24235
|
-
|
|
24236
|
-
/**
|
|
24237
|
-
* Label announced for cells within the selected range.
|
|
24238
|
-
*/
|
|
24239
|
-
rangeLabelInRange: {
|
|
24240
|
-
type: String,
|
|
24241
|
-
reflect: true
|
|
24242
|
-
},
|
|
24243
|
-
|
|
24244
|
-
/**
|
|
24245
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
24246
|
-
*/
|
|
24247
|
-
rangeLabelAfterRange: {
|
|
24248
|
-
type: String,
|
|
24249
|
-
reflect: true
|
|
24250
|
-
},
|
|
24251
|
-
|
|
24252
|
-
/**
|
|
24253
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
24254
|
-
*/
|
|
24255
|
-
blackoutDates: {
|
|
24256
|
-
type: Array,
|
|
24257
|
-
reflect: true
|
|
24258
|
-
},
|
|
24259
|
-
|
|
24260
|
-
/**
|
|
24261
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
24262
|
-
*/
|
|
24263
|
-
blackoutLabel: {
|
|
24264
|
-
type: String,
|
|
24265
|
-
reflect: true
|
|
24266
|
-
},
|
|
24267
|
-
|
|
24268
|
-
/**
|
|
24269
|
-
* Accessible label for the previous month navigation button.
|
|
24270
|
-
*/
|
|
24271
|
-
navLabelPrevMonth: {
|
|
24272
|
-
type: String,
|
|
24273
|
-
reflect: true
|
|
24274
|
-
},
|
|
24275
|
-
|
|
24276
|
-
/**
|
|
24277
|
-
* Accessible label for the next month navigation button.
|
|
24278
|
-
*/
|
|
24279
|
-
navLabelNextMonth: {
|
|
24280
|
-
type: String,
|
|
24281
|
-
reflect: true
|
|
24282
|
-
},
|
|
24283
|
-
|
|
24284
23058
|
/**
|
|
24285
23059
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
24286
23060
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -24307,7 +23081,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24307
23081
|
|
|
24308
23082
|
/**
|
|
24309
23083
|
* Custom help text message to display when validity = `customError`.
|
|
24310
|
-
* Also used as the validation message when a blackout date is typed into the input.
|
|
24311
23084
|
*/
|
|
24312
23085
|
setCustomValidityCustomError: {
|
|
24313
23086
|
type: String
|
|
@@ -24629,66 +23402,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24629
23402
|
}));
|
|
24630
23403
|
}
|
|
24631
23404
|
|
|
24632
|
-
/**
|
|
24633
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
24634
|
-
* Shared by both fullscreen and desktop open paths.
|
|
24635
|
-
* @private
|
|
24636
|
-
* @returns {void}
|
|
24637
|
-
*/
|
|
24638
|
-
focusActiveCellWhenReady() {
|
|
24639
|
-
const MAX_ATTEMPTS = 20;
|
|
24640
|
-
let attempts = 0;
|
|
24641
|
-
|
|
24642
|
-
const tryFocus = () => {
|
|
24643
|
-
attempts += 1;
|
|
24644
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
24645
|
-
|
|
24646
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
24647
|
-
requestAnimationFrame(tryFocus);
|
|
24648
|
-
return;
|
|
24649
|
-
}
|
|
24650
|
-
|
|
24651
|
-
// Compute and mark the active cell
|
|
24652
|
-
if (this.calendar.activeCellDate == null) {
|
|
24653
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
24654
|
-
}
|
|
24655
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
24656
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
24657
|
-
}
|
|
24658
|
-
|
|
24659
|
-
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
24660
|
-
// range on mobile), fall back to the first rendered enabled cell.
|
|
24661
|
-
let activeCell = allCells.find(cell => cell.active);
|
|
24662
|
-
if (!activeCell && allCells.length) {
|
|
24663
|
-
const fallback = allCells[0];
|
|
24664
|
-
if (fallback.day) {
|
|
24665
|
-
this.calendar.activeCellDate = fallback.day.date;
|
|
24666
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
24667
|
-
activeCell = allCells.find(cell => cell.active);
|
|
24668
|
-
}
|
|
24669
|
-
}
|
|
24670
|
-
|
|
24671
|
-
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
24672
|
-
// reflects the active state before we attempt to focus.
|
|
24673
|
-
if (activeCell) {
|
|
24674
|
-
activeCell.updateComplete.then(() => {
|
|
24675
|
-
activeCell.hovered = true;
|
|
24676
|
-
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
24677
|
-
if (btn) {
|
|
24678
|
-
btn.setAttribute('tabindex', '0');
|
|
24679
|
-
btn.focus({ focusVisible: true });
|
|
24680
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
24681
|
-
requestAnimationFrame(tryFocus);
|
|
24682
|
-
}
|
|
24683
|
-
});
|
|
24684
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
24685
|
-
requestAnimationFrame(tryFocus);
|
|
24686
|
-
}
|
|
24687
|
-
};
|
|
24688
|
-
|
|
24689
|
-
requestAnimationFrame(tryFocus);
|
|
24690
|
-
}
|
|
24691
|
-
|
|
24692
23405
|
/**
|
|
24693
23406
|
* Binds all behavior needed to the dropdown after rendering.
|
|
24694
23407
|
* @private
|
|
@@ -24697,12 +23410,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24697
23410
|
configureDropdown() {
|
|
24698
23411
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
24699
23412
|
|
|
24700
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
24701
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
24702
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
24703
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
24704
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
24705
|
-
|
|
24706
23413
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
24707
23414
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
24708
23415
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -24720,23 +23427,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24720
23427
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
24721
23428
|
this.notifyDatepickerToggled();
|
|
24722
23429
|
|
|
24723
|
-
if (this.dropdown.isPopoverVisible) {
|
|
24724
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
24725
|
-
// Without this, reopening after navigating to a month without a selected
|
|
24726
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
24727
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
24728
|
-
this.calendar.activeCellDate = null;
|
|
24729
|
-
|
|
24730
|
-
// Show the month containing the selected date (or today) instead of
|
|
24731
|
-
// whichever month the user last navigated to.
|
|
24732
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
24733
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
24734
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
24735
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
24736
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
24737
|
-
}
|
|
24738
|
-
}
|
|
24739
|
-
|
|
24740
23430
|
// This forces the calendar to render when the dropdown is opened.
|
|
24741
23431
|
// It is not rendered by default
|
|
24742
23432
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -24769,23 +23459,12 @@ class AuroDatePicker extends AuroElement {
|
|
|
24769
23459
|
bibEl.open(true);
|
|
24770
23460
|
|
|
24771
23461
|
doubleRaf(() => {
|
|
24772
|
-
this.
|
|
23462
|
+
this.calendar.focusCloseButton();
|
|
24773
23463
|
});
|
|
24774
23464
|
}
|
|
24775
23465
|
});
|
|
24776
23466
|
|
|
24777
23467
|
guardTouchPassthrough(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
24778
|
-
} else {
|
|
24779
|
-
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
24780
|
-
// cannot interact with the input while the modal bib is open.
|
|
24781
|
-
if (this.dropdown.desktopModal) {
|
|
24782
|
-
this.dropdown.trigger.inert = true;
|
|
24783
|
-
}
|
|
24784
|
-
|
|
24785
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
24786
|
-
this.dropdown.updateComplete.then(() => {
|
|
24787
|
-
this.focusActiveCellWhenReady();
|
|
24788
|
-
});
|
|
24789
23468
|
}
|
|
24790
23469
|
} else {
|
|
24791
23470
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -24831,7 +23510,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24831
23510
|
bibEl.close();
|
|
24832
23511
|
bibEl.open(true);
|
|
24833
23512
|
doubleRaf(() => {
|
|
24834
|
-
this.
|
|
23513
|
+
this.calendar.focusCloseButton();
|
|
24835
23514
|
});
|
|
24836
23515
|
}
|
|
24837
23516
|
});
|
|
@@ -25026,8 +23705,14 @@ class AuroDatePicker extends AuroElement {
|
|
|
25026
23705
|
|
|
25027
23706
|
if (onEndValue) {
|
|
25028
23707
|
this.valueEnd = newDate;
|
|
23708
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23709
|
+
this.focus('startDate');
|
|
23710
|
+
}
|
|
25029
23711
|
} else {
|
|
25030
23712
|
this.value = newDate;
|
|
23713
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23714
|
+
this.focus('endDate');
|
|
23715
|
+
}
|
|
25031
23716
|
}
|
|
25032
23717
|
}
|
|
25033
23718
|
}
|
|
@@ -25067,27 +23752,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25067
23752
|
this.resetInputs();
|
|
25068
23753
|
}
|
|
25069
23754
|
|
|
25070
|
-
/**
|
|
25071
|
-
* Checks whether a formatted date string matches a blackout date.
|
|
25072
|
-
* @private
|
|
25073
|
-
* @param {string} dateStr - A date string in the component's configured format.
|
|
25074
|
-
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
25075
|
-
*/
|
|
25076
|
-
isBlackoutDate(dateStr) {
|
|
25077
|
-
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
25078
|
-
return false;
|
|
25079
|
-
}
|
|
25080
|
-
|
|
25081
|
-
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
25082
|
-
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
25083
|
-
|
|
25084
|
-
const d = new Date(formatted);
|
|
25085
|
-
const yyyy = d.getFullYear();
|
|
25086
|
-
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
25087
|
-
const dd = String(d.getDate()).padStart(2, '0');
|
|
25088
|
-
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
25089
|
-
}
|
|
25090
|
-
|
|
25091
23755
|
/**
|
|
25092
23756
|
* Validates value.
|
|
25093
23757
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -25099,24 +23763,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25099
23763
|
}
|
|
25100
23764
|
|
|
25101
23765
|
this.validation.validate(this, force);
|
|
25102
|
-
|
|
25103
|
-
// After standard validation, check blackout dates for typed input
|
|
25104
|
-
if (this.validity !== 'customError') {
|
|
25105
|
-
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
25106
|
-
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
25107
|
-
this.validity = 'customError';
|
|
25108
|
-
this.errorMessage = msg;
|
|
25109
|
-
|
|
25110
|
-
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
25111
|
-
bubbles: true,
|
|
25112
|
-
composed: true,
|
|
25113
|
-
detail: {
|
|
25114
|
-
validity: this.validity,
|
|
25115
|
-
message: this.errorMessage
|
|
25116
|
-
}
|
|
25117
|
-
}));
|
|
25118
|
-
}
|
|
25119
|
-
}
|
|
25120
23766
|
}
|
|
25121
23767
|
|
|
25122
23768
|
/**
|
|
@@ -25197,9 +23843,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25197
23843
|
|
|
25198
23844
|
if (this.cellClickActive) {
|
|
25199
23845
|
this.cellClickActive = false;
|
|
25200
|
-
this.wasCellClick = true;
|
|
25201
|
-
} else {
|
|
25202
|
-
this.wasCellClick = false;
|
|
25203
23846
|
}
|
|
25204
23847
|
|
|
25205
23848
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -25230,44 +23873,16 @@ class AuroDatePicker extends AuroElement {
|
|
|
25230
23873
|
}
|
|
25231
23874
|
|
|
25232
23875
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
25233
|
-
|
|
25234
|
-
// to prevent the displayed months from shifting
|
|
25235
|
-
if (!(this.wasCellClick && this.range)) {
|
|
25236
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25237
|
-
}
|
|
23876
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25238
23877
|
}
|
|
25239
23878
|
|
|
25240
23879
|
this.setHasValue();
|
|
25241
23880
|
}
|
|
25242
23881
|
|
|
25243
|
-
if (changedProperties.has('blackoutDates')) {
|
|
25244
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
25245
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
25246
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
25247
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
25248
|
-
if (this.calendar) {
|
|
25249
|
-
this.calendar.requestUpdate();
|
|
25250
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
25251
|
-
}
|
|
25252
|
-
|
|
25253
|
-
// Re-run validation so that a previously valid value that now falls on
|
|
25254
|
-
// a blackout date is flagged, and vice versa.
|
|
25255
|
-
if (this.value || this.valueEnd) {
|
|
25256
|
-
this.validate();
|
|
25257
|
-
}
|
|
25258
|
-
}
|
|
25259
|
-
|
|
25260
23882
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
25261
23883
|
|
|
25262
23884
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
25263
23885
|
|
|
25264
|
-
if (this.cellClickActive) {
|
|
25265
|
-
this.cellClickActive = false;
|
|
25266
|
-
this.wasCellClick = true;
|
|
25267
|
-
} else {
|
|
25268
|
-
this.wasCellClick = false;
|
|
25269
|
-
}
|
|
25270
|
-
|
|
25271
23886
|
// update the calendar
|
|
25272
23887
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
25273
23888
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -25295,11 +23910,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
25295
23910
|
}
|
|
25296
23911
|
|
|
25297
23912
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
25298
|
-
|
|
25299
|
-
// to prevent the displayed months from shifting
|
|
25300
|
-
if (!this.wasCellClick) {
|
|
25301
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
25302
|
-
}
|
|
23913
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
25303
23914
|
}
|
|
25304
23915
|
|
|
25305
23916
|
this.validate();
|
|
@@ -25456,7 +24067,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25456
24067
|
}
|
|
25457
24068
|
|
|
25458
24069
|
firstUpdated() {
|
|
25459
|
-
|
|
25460
24070
|
// Add the tag name as an attribute if it is different than the component name
|
|
25461
24071
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
25462
24072
|
|
|
@@ -25886,7 +24496,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
25886
24496
|
// Base HTML render() handles dropdown and calendar bib
|
|
25887
24497
|
return html$1`
|
|
25888
24498
|
<!-- Hidden slot for clear button aria-label -->
|
|
25889
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
24499
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
25890
24500
|
|
|
25891
24501
|
<${this.dropdownTag}
|
|
25892
24502
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -25903,7 +24513,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25903
24513
|
.shape="${this.shape}"
|
|
25904
24514
|
.size="${this.size}"
|
|
25905
24515
|
class="${classMap(dropdownElementClassMap)}"
|
|
25906
|
-
desktopModal
|
|
25907
24516
|
disableEventShow
|
|
25908
24517
|
for="dropdownMenu"
|
|
25909
24518
|
part="dropdown"
|