@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.8 → 0.0.0-pr1482.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -7
- package/components/bibtemplate/dist/index.js +1 -9
- package/components/bibtemplate/dist/registered.js +1 -9
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/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.md +7 -3
- package/components/combobox/demo/customize.min.js +1257 -1816
- package/components/combobox/demo/getting-started.min.js +1257 -1816
- package/components/combobox/demo/index.min.js +1257 -1816
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/dist/auro-combobox.d.ts +5 -0
- package/components/combobox/dist/index.js +335 -319
- package/components/combobox/dist/registered.js +335 -319
- 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 +5204 -208
- package/components/counter/dist/registered.js +5204 -208
- package/components/datepicker/demo/accessibility.md +3 -54
- 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 -85
- package/components/datepicker/demo/index.min.js +183 -2260
- package/components/datepicker/demo/keyboard-behavior.md +2 -201
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +12 -21
- package/components/datepicker/dist/index.js +156 -2146
- package/components/datepicker/dist/registered.js +156 -2146
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +11 -111
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +0 -37
- package/components/datepicker/dist/src/auro-calendar.d.ts +0 -236
- 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 +7765 -10717
- package/components/form/demo/getting-started.min.js +7765 -10717
- package/components/form/demo/index.min.js +7765 -10717
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +7764 -10716
- 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/api.md +41 -45
- package/components/menu/demo/customize.md +0 -28
- package/components/menu/demo/index.min.js +779 -1354
- package/components/menu/demo/pages.json +1 -1
- package/components/menu/dist/auro-menu.d.ts +95 -110
- package/components/menu/dist/auro-menuoption.d.ts +32 -138
- package/components/menu/dist/index.js +753 -1308
- package/components/menu/dist/registered.js +765 -1308
- 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.md +7 -3
- package/components/select/demo/customize.min.js +999 -1759
- package/components/select/demo/getting-started.min.js +999 -1759
- package/components/select/demo/index.min.js +999 -1759
- package/components/select/demo/keyboard-behavior.md +54 -9
- package/components/select/demo/pages.json +1 -1
- package/components/select/dist/index.js +76 -261
- package/components/select/dist/registered.js +76 -261
- package/components/select/dist/selectUtils.d.ts +12 -0
- package/custom-elements.json +1379 -3096
- package/package.json +4 -4
- 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 -26627
- 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/menu/dist/auro-menu.context.d.ts +0 -238
- 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
|
@@ -1379,6 +1379,7 @@ class UtilitiesCalendarRender {
|
|
|
1379
1379
|
.max="${elem.max}"
|
|
1380
1380
|
?noRange="${elem.noRange}"
|
|
1381
1381
|
.monthFirst="${elem.monthFirst}"
|
|
1382
|
+
.hoveredDate="${elem.hoveredDate}"
|
|
1382
1383
|
.dateTo="${elem.dateTo}"
|
|
1383
1384
|
.dateFrom="${elem.dateFrom}"
|
|
1384
1385
|
.locale="${elem.locale}"
|
|
@@ -1410,6 +1411,49 @@ var snowflakeStyle = i$3`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
1410
1411
|
|
|
1411
1412
|
var snowflakeColors = i$3`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
1412
1413
|
|
|
1414
|
+
var styleCss$7 = i$3`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
|
|
1415
|
+
|
|
1416
|
+
var colorCss$7 = i$3`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover{--ds-auro-calendar-nav-btn-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}::slotted([slot="bib.fullscreen.fromStr"]),::slotted([slot=mobileDateToStr]){color:var(--ds-auro-datepicker-placeholder-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}}`;
|
|
1417
|
+
|
|
1418
|
+
var styleCss$6 = i$3`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
1419
|
+
|
|
1420
|
+
var colorCss$6 = i$3`:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
1421
|
+
|
|
1422
|
+
/******************************************************************************
|
|
1423
|
+
Copyright (c) Microsoft Corporation.
|
|
1424
|
+
|
|
1425
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
1426
|
+
purpose with or without fee is hereby granted.
|
|
1427
|
+
|
|
1428
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
1429
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
1430
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
1431
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
1432
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
1433
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
1434
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
1435
|
+
***************************************************************************** */
|
|
1436
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
1437
|
+
|
|
1438
|
+
|
|
1439
|
+
function __decorate(decorators, target, key, desc) {
|
|
1440
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
1441
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
1442
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
1443
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1444
|
+
}
|
|
1445
|
+
|
|
1446
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
1447
|
+
var e = new Error(message);
|
|
1448
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
1449
|
+
};
|
|
1450
|
+
|
|
1451
|
+
/**
|
|
1452
|
+
* @license
|
|
1453
|
+
* Copyright 2017 Google LLC
|
|
1454
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1455
|
+
*/const o$4={attribute:true,type:String,converter:u$9,reflect:false,hasChanged:f$8},r$4=(t=o$4,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=true),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t,true,r);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t,true,r);}}throw Error("Unsupported decorator location: "+n)};function n$4(t){return (e,o)=>"object"==typeof o?r$4(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
|
|
1456
|
+
|
|
1413
1457
|
/**
|
|
1414
1458
|
* @module constants
|
|
1415
1459
|
* @summary Useful constants
|
|
@@ -7164,49 +7208,6 @@ function subYears(date, amount, options) {
|
|
|
7164
7208
|
return addYears(date, -1, options);
|
|
7165
7209
|
}
|
|
7166
7210
|
|
|
7167
|
-
var styleCss$7 = i$3`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendars:focus{outline:none}.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}`;
|
|
7168
|
-
|
|
7169
|
-
var colorCss$7 = i$3`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover{--ds-auro-calendar-nav-btn-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}::slotted([slot="bib.fullscreen.fromStr"]),::slotted([slot=mobileDateToStr]){color:var(--ds-auro-datepicker-placeholder-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}}`;
|
|
7170
|
-
|
|
7171
|
-
var styleCss$6 = i$3`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.th abbr{text-decoration:none}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
7172
|
-
|
|
7173
|
-
var colorCss$6 = i$3`:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
7174
|
-
|
|
7175
|
-
/******************************************************************************
|
|
7176
|
-
Copyright (c) Microsoft Corporation.
|
|
7177
|
-
|
|
7178
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
7179
|
-
purpose with or without fee is hereby granted.
|
|
7180
|
-
|
|
7181
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
7182
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
7183
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
7184
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
7185
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
7186
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
7187
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
7188
|
-
***************************************************************************** */
|
|
7189
|
-
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
7190
|
-
|
|
7191
|
-
|
|
7192
|
-
function __decorate(decorators, target, key, desc) {
|
|
7193
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
7194
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
7195
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7196
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7197
|
-
}
|
|
7198
|
-
|
|
7199
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
7200
|
-
var e = new Error(message);
|
|
7201
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
7202
|
-
};
|
|
7203
|
-
|
|
7204
|
-
/**
|
|
7205
|
-
* @license
|
|
7206
|
-
* Copyright 2017 Google LLC
|
|
7207
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
7208
|
-
*/const o$4={attribute:true,type:String,converter:u$9,reflect:false,hasChanged:f$8},r$4=(t=o$4,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=true),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t,true,r);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t,true,r);}}throw Error("Unsupported decorator location: "+n)};function n$4(t){return (e,o)=>"object"==typeof o?r$4(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
|
|
7209
|
-
|
|
7210
7211
|
class RangeDatepickerCell extends i$1 {
|
|
7211
7212
|
constructor() {
|
|
7212
7213
|
super(...arguments);
|
|
@@ -7929,25 +7930,20 @@ __decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
7929
7930
|
__decorate([n$4({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7930
7931
|
AuroLibraryRuntimeUtils$5.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7931
7932
|
|
|
7932
|
-
var styleCss$5 = i$3`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day:focus-visible{outline:none;background-color:unset}.day.visualFocus{outline:2px solid var(--ds-basic-color-border-default, #959595);outline-offset:2px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:default}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}.srOnly{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
7933
|
+
var styleCss$5 = i$3`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day.disabled{cursor:default !important;pointer-events:none}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
7933
7934
|
|
|
7934
|
-
var colorCss$5 = i$3`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.
|
|
7935
|
+
var colorCss$5 = i$3`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
|
|
7935
7936
|
|
|
7936
|
-
let s$2 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$3="top",o$3="bottom",n$3="right",a="left",l$3="auto",c$5=[r$3,o$3,n$3,a],p$7="start",d$3="end",f$7="viewport",h$6="popper",u$8=c$5.reduce(function(e,t){return e.concat([t+"-"+p$7,t+"-"+d$3])},[]),m$7=[].concat(c$5,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$7,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$4(e){return e?(e.nodeName||"").toLowerCase():null}function y$6(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6(e){return e instanceof y$6(e).Element||e instanceof Element}function b$3(e){return e instanceof y$6(e).HTMLElement||e instanceof HTMLElement}function x$3(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6(e).ShadowRoot||e instanceof ShadowRoot)}var S$3={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3(r)&&v$4(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3(s)&&v$4(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4(e){return e.split("-")[0]}var A$3=Math.max,O=Math.min,k$6=Math.round;function T$3(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6(){return !/^((?!chrome|android).)*safari/i.test(T$3())}function E(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3(e)&&(r=e.offsetWidth>0&&k$6(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6(s.height)/e.offsetHeight||1);var n=(w$6(e)?y$6(e):window).visualViewport,a=!z$6()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function M$7(e){var t=E(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6(e).getComputedStyle(e)}function R$3(e){return ["table","td","th"].indexOf(v$4(e))>=0}function H$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3(e){return "html"===v$4(e)?e:e.assignedSlot||e.parentNode||(x$3(e)?e.host:null)||H$3(e)}function D(e){return b$3(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3(e){for(var t=y$6(e),i=D(e);i&&R$3(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$4(i)||"body"===v$4(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3());if(/Trident/i.test(T$3())&&b$3(e)&&"fixed"===L(e).position)return null;var i=C$3(e);for(x$3(i)&&(i=i.host);b$3(i)&&["html","body"].indexOf(v$4(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var F={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4(i.placement),h=P(f),u=[a,n$3].indexOf(f)>=0?"height":"width";if(p&&d){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3(e,c$5))}(l.padding,i),g=M$7(p),v="y"===h?r$3:a,y="y"===h?o$3:n$3,w=i.rects.reference[u]+i.rects.reference[h]-d[h]-i.rects.popper[u],b=d[h]-i.rects.reference[h],x=N$3(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,A=w/2-b/2,O=m[v],k=S-g[u]-m[y],T=S/2-g[u]/2+A,z=j(O,T,k),E=h;i.modifiersData[s]=((t={})[E]=z,t.centerOffset=z-T,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3(e){return e.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,u=e.adaptive,m=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof m?m({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),A=p.hasOwnProperty("y"),O=a,T=r$3,z=window;if(u){var E=N$3(i),M="clientHeight",B="clientWidth";if(E===y$6(i)&&"static"!==L(E=H$3(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$3||(l===a||l===n$3)&&c===d$3)T=o$3,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$3||l===o$3)&&c===d$3)O=n$3,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6(i*r)/r||0,y:k$6(s*r)/r||0}}({x:w,y:x},y$6(i)):{x:w,y:x};return w=D.x,x=D.y,h?Object.assign({},C,((R={})[T]=A?"0":"",R[O]=_?"0":"",R.transform=(z.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",R)):Object.assign({},C,((t={})[T]=A?x+"px":"",t[O]=_?w+"px":"",t.transform="",t))}var X={passive:true};var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,function(e){return $[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$4(e))>=0?e.ownerDocument.body:b$3(e)&&Z(e)?e:ee(C$3(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$7?ie(function(e,t){var i=y$6(e),s=H$3(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6(t)?function(e,t){var i=E(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=H$3(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=A$3(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3(e)?N$3(e):e;return w$6(i)?t.filter(function(e){return w$6(e)&&B$3(e,i)&&"body"!==v$4(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4(l):null,f=l?U$3(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$3:t={x:h,y:i.y-s.height};break;case o$3:t={x:h,y:i.y+i.height};break;case n$3:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case p$7:t[m]=t[m]-(i[g]/2-s[g]/2);break;case d$3:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,u=void 0===d?"clippingParents":d,m=i.rootBoundary,g=void 0===m?f$7:m,v=i.elementContext,y=void 0===v?h$6:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3(_,c$5)),O=y===h$6?"reference":h$6,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6(T)?T:T.contextElement||H$3(e.elements.popper),u,g,p),M=E(e.elements.reference),B=oe({reference:M,element:k,placement:a}),L=ie(Object.assign({},k,B)),R=y===h$6?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$6&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$3,o$3].indexOf(e)>=0?1:-1,i=[r$3,o$3].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?m$7:l,d=U$3(s),f=d?a?u$8:u$8.filter(function(e){return U$3(e)===d}):c$5,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,u=i.fallbackPlacements,m=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,A=_$4(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4(e)===l$3)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4(i)===l$3?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:m,flipVariations:b,allowedAutoPlacements:x}):i)},[]),T=t.rects.reference,z=t.rects.popper,E=new Map,M=true,B=k[0],L=0;L<k.length;L++){var R=k[L],H=_$4(R),C=U$3(R)===p$7,D=[r$3,o$3].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$3:a:C?o$3:r$3;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(d&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$3,n$3,o$3,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$7.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$3].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$3].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,u=i.rootBoundary,m=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:u,padding:g,altBoundary:m}),S=_$4(t.placement),k=U$3(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$3:a,V="y"===z?o$3:n$3,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===p$7?L[W]:R[W],J=k===p$7?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$7(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[F],ie=ee[V],se=j(0,L[W],Z[W]),re=T?L[W]/2-K-se-te-C.mainAxis:Y-se-te-C.mainAxis,oe=T?-L[W]/2+K+se+ie+C.mainAxis:J+se+ie+C.mainAxis,ae=t.elements.arrow&&N$3(t.elements.arrow),le=ae?"y"===z?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(q=null==D?void 0:D[z])?q:0,pe=X+oe-ce,de=j(y?O($,X+re-ce-le):$,X,y?A$3(G,pe):G);B[z]=de,I[z]=de-X;}if(f){var fe,he="x"===z?r$3:a,ue="x"===z?o$3:n$3,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$3,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3(t),n=b$3(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6(t.width)/e.offsetWidth||1,s=k$6(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$4(t)||Z(a))&&(c=(s=t)!==y$6(s)&&b$3(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3(t)?((p=E(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function ue(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var me={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?me:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},me,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3(i),"fixed"===a.options.strategy),popper:M$7(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,X);}),a&&l.addEventListener("resize",i.update,X),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,X);}),a&&l.removeEventListener("resize",i.update,X);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4(t.placement),variation:U$3(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,W(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,W(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3,de,le,fe,F,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$3`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
7937
|
+
let s$2 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$3="top",o$3="bottom",n$3="right",a="left",l$3="auto",c$5=[r$3,o$3,n$3,a],p$7="start",d$3="end",f$7="viewport",h$6="popper",m$7=c$5.reduce(function(e,t){return e.concat([t+"-"+p$7,t+"-"+d$3])},[]),u$8=[].concat(c$5,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$7,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$4(e){return e?(e.nodeName||"").toLowerCase():null}function y$6(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6(e){return e instanceof y$6(e).Element||e instanceof Element}function b$3(e){return e instanceof y$6(e).HTMLElement||e instanceof HTMLElement}function x$3(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6(e).ShadowRoot||e instanceof ShadowRoot)}var S$3={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3(r)&&v$4(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3(s)&&v$4(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4(e){return e.split("-")[0]}var O=Math.max,k$6=Math.min,A$3=Math.round;function z$6(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function E(){return !/^((?!chrome|android).)*safari/i.test(z$6())}function M$7(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3(e)&&(r=e.offsetWidth>0&&A$3(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&A$3(s.height)/e.offsetHeight||1);var n=(w$6(e)?y$6(e):window).visualViewport,a=!E()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function T$3(e){var t=M$7(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6(e).getComputedStyle(e)}function H$3(e){return ["table","td","th"].indexOf(v$4(e))>=0}function C$3(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3(e){return "html"===v$4(e)?e:e.assignedSlot||e.parentNode||(x$3(e)?e.host:null)||C$3(e)}function j(e){return b$3(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3(e){for(var t=y$6(e),i=j(e);i&&H$3(i)&&"static"===L(i).position;)i=j(i);return i&&("html"===v$4(i)||"body"===v$4(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6());if(/Trident/i.test(z$6())&&b$3(e)&&"fixed"===L(e).position)return null;var i=R$3(e);for(x$3(i)&&(i=i.host);b$3(i)&&["html","body"].indexOf(v$4(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function D(e,t,i){return O(e,k$6(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function F(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var U$3={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4(i.placement),h=P(f),m=[a,n$3].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$5))}(l.padding,i),g=T$3(p),v="y"===h?r$3:a,y="y"===h?o$3:n$3,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=N$3(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,k=u[v],A=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(k,z,A),M=h;i.modifiersData[s]=((t={})[M]=E,t.centerOffset=E-z,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3(e){return e.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,m=e.adaptive,u=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof u?u({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),O=p.hasOwnProperty("y"),k=a,z=r$3,E=window;if(m){var M=N$3(i),T="clientHeight",B="clientWidth";if(M===y$6(i)&&"static"!==L(M=C$3(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$3||(l===a||l===n$3)&&c===d$3)z=o$3,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$3||l===o$3)&&c===d$3)k=n$3,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),j=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3(i*r)/r||0,y:A$3(s*r)/r||0}}({x:w,y:x},y$6(i)):{x:w,y:x};return w=j.x,x=j.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[k]=_?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",H)):Object.assign({},R,((t={})[z]=O?x+"px":"",t[k]=_?w+"px":"",t.transform="",t))}var V={passive:true};var G={left:"right",right:"left",bottom:"top",top:"bottom"};function $(e){return e.replace(/left|right|bottom|top/g,function(e){return G[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$7(C$3(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$4(e))>=0?e.ownerDocument.body:b$3(e)&&Z(e)?e:ee(R$3(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$7?ie(function(e,t){var i=y$6(e),s=C$3(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=E();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6(t)?function(e,t){var i=M$7(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=C$3(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=O(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=O(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=O(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(C$3(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3(e)?N$3(e):e;return w$6(i)?t.filter(function(e){return w$6(e)&&B$3(e,i)&&"body"!==v$4(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=O(r.top,t.top),t.right=k$6(r.right,t.right),t.bottom=k$6(r.bottom,t.bottom),t.left=O(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4(l):null,f=l?q$3(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$3:t={x:h,y:i.y-s.height};break;case o$3:t={x:h,y:i.y+i.height};break;case n$3:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$7:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3:t[u]=t[u]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,m=void 0===d?"clippingParents":d,u=i.rootBoundary,g=void 0===u?f$7:u,v=i.elementContext,y=void 0===v?h$6:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$5)),k=y===h$6?"reference":h$6,A=e.rects.popper,z=e.elements[x?k:y],E=re(w$6(z)?z:z.contextElement||C$3(e.elements.popper),m,g,p),T=M$7(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$6?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},j=e.modifiersData.offset;if(y===h$6&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$3,o$3].indexOf(e)>=0?1:-1,i=[r$3,o$3].indexOf(e)>=0?"y":"x";R[e]+=N[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$8:l,d=q$3(s),f=d?a?m$7:m$7.filter(function(e){return q$3(e)===d}):c$5,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,u=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,O=_$4(S),k=m||(O===S||!b?[$(S)]:function(e){if(_$4(e)===l$3)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),A=[S].concat(k).reduce(function(e,i){return e.concat(_$4(i)===l$3?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:x}):i)},[]),z=t.rects.reference,E=t.rects.popper,M=new Map,T=true,B=A[0],L=0;L<A.length;L++){var H=A[L],C=_$4(H),R=q$3(H)===p$7,j=[r$3,o$3].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$3:a:R?o$3:r$3;z[N]>E[N]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=A.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$3,n$3,o$3,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$8.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4(e),o=[a,r$3].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$3].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,m=i.rootBoundary,u=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:m,padding:g,altBoundary:u}),S=_$4(t.placement),A=q$3(t.placement),z=!A,E=P(S),M="x"===E?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,H=t.rects.popper,C="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,R="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),j=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var F,U="y"===E?r$3:a,W="y"===E?o$3:n$3,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$7?L[X]:H[X],J=A===p$7?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[U],ie=ee[W],se=D(0,L[X],Z[X]),re=z?L[X]/2-K-se-te-R.mainAxis:Y-se-te-R.mainAxis,oe=z?-L[X]/2+K+se+ie+R.mainAxis:J+se+ie+R.mainAxis,ae=t.elements.arrow&&N$3(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==j?void 0:j[E])?F:0,pe=V+oe-ce,de=D(y?k$6(G,V+re-ce-le):G,V,y?O($,pe):$);B[E]=de,I[E]=de-V;}if(f){var fe,he="x"===E?r$3:a,me="x"===E?o$3:n$3,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$3,a].indexOf(S),be=null!=(fe=null==j?void 0:j[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3(t),n=b$3(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3(t.width)/e.offsetWidth||1,s=A$3(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3(t),l=M$7(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$4(t)||Z(a))&&(c=(s=t)!==y$6(s)&&b$3(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3(t)?((p=M$7(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function me(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?ue:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ue,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3(i),"fixed"===a.options.strategy),popper:T$3(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),a&&l.addEventListener("resize",i.update,V),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),a&&l.removeEventListener("resize",i.update,V);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4(t.placement),variation:q$3(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3,de,le,fe,U$3,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$3`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
7937
7938
|
`,xe=i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host(:not([data-show])) .popover,:host([disabled]) .popover,:host([addSpace]) :host(:not([data-show])) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1 * (var(--ds-size-50, .25rem) + 1px)) 0!important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0!important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, .375rem)}@media screen and (min-width:576px){.popover{max-width:50%}}@media screen and (min-width:768px){.popover{max-width:40%}}@media screen and (min-width:1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1 * var(--ds-size-200, 1rem));left:calc(-1 * var(--ds-size-75, .375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, .25rem);right:calc(-1 * var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100,.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, .75rem);height:var(--ds-size-150, .75rem);content:""}
|
|
7938
7939
|
`,Se=i$3`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15));--ds-auro-popover-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-popover-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
|
|
7939
|
-
`;class _e extends i$1{constructor(){super(),this.placement="top",this.
|
|
7940
|
-
<div
|
|
7941
|
-
id="popover"
|
|
7942
|
-
class="popover util_insetLg body-default"
|
|
7943
|
-
part="popover"
|
|
7944
|
-
role="tooltip"
|
|
7945
|
-
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
7940
|
+
`;class _e extends i$1{constructor(){super(),this.placement="top",this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.isPopoverVisible=false,this.runtimeUtils=new s$2;}static get properties(){return {addSpace:{type:Boolean,reflect:true},boundary:{type:String},disabled:{type:Boolean,reflect:true},for:{type:String,reflect:true},placement:{type:String},removeSpace:{type:Boolean,reflect:true}}}static get styles(){return [i$3`${xe}`,i$3`${be}`,i$3`${Se}`]}static register(e="auro-popover"){s$2.prototype.registerComponent(e,_e);}connectedCallback(){super.connectedCallback(),this._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger&&(this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focus",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("blur",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange),this.trigger.removeAttribute("aria-description"),this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex")),this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){if(this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),!this.trigger)return;const e=this.trigger.tabIndex>=0,t=!!this.trigger.shadowRoot&&Boolean(this.trigger.shadowRoot.querySelector('button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'));e||t||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const i=this.shadowRoot.querySelector("slot:not([name])"),s=()=>i.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();this.trigger.setAttribute("aria-description",s()),this._onSlotChange=()=>{this.trigger?.setAttribute("aria-description",s());},i.addEventListener("slotchange",this._onSlotChange),this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=()=>{this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "!==t&&"enter"!==t||(" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle());},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focus",this._onTriggerFocus),this.trigger.addEventListener("blur",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false,this.removeAttribute("data-show"),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper&&this.popper.hide();}toggleShow(){this.popper&&(this.popper.show(),this.isPopoverVisible=true,this.setAttribute("data-show","true"),document.body.addEventListener("mouseover",this._onBodyMouseover));}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary));}render(){return b$5`
|
|
7941
|
+
<div id="popover" class="popover util_insetLg body-default" part="popover">
|
|
7946
7942
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
7947
|
-
<slot></slot>
|
|
7943
|
+
<span role="tooltip"><slot></slot></span>
|
|
7948
7944
|
</div>
|
|
7949
7945
|
|
|
7950
|
-
<span
|
|
7946
|
+
<span>
|
|
7951
7947
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
7952
7948
|
</span>
|
|
7953
7949
|
`}}
|
|
@@ -7962,6 +7958,7 @@ class AuroCalendarCell extends i$1 {
|
|
|
7962
7958
|
|
|
7963
7959
|
this.day = null;
|
|
7964
7960
|
this.selected = false;
|
|
7961
|
+
this.hovered = false;
|
|
7965
7962
|
this.dateTo = null;
|
|
7966
7963
|
this.dateFrom = null;
|
|
7967
7964
|
this.month = null;
|
|
@@ -7969,12 +7966,11 @@ class AuroCalendarCell extends i$1 {
|
|
|
7969
7966
|
this.max = null;
|
|
7970
7967
|
this.disabled = false;
|
|
7971
7968
|
this.disabledDays = [];
|
|
7969
|
+
this.hoveredDate = null;
|
|
7972
7970
|
this.isCurrentDate = false;
|
|
7973
7971
|
this._locale = null;
|
|
7974
7972
|
this.dateStr = null;
|
|
7975
7973
|
this.renderForDateSlot = false; // When false, the numerical date will render vertically centered. When true, the date will render off-center to the top and leave room below for the slot content.
|
|
7976
|
-
this.active = false;
|
|
7977
|
-
this.hasPopoverContent = false;
|
|
7978
7974
|
|
|
7979
7975
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
|
|
7980
7976
|
|
|
@@ -7993,6 +7989,7 @@ class AuroCalendarCell extends i$1 {
|
|
|
7993
7989
|
// ...super.properties,
|
|
7994
7990
|
day: { type: Object },
|
|
7995
7991
|
selected: { type: Boolean },
|
|
7992
|
+
hovered: { type: Boolean },
|
|
7996
7993
|
dateTo: { type: String },
|
|
7997
7994
|
dateFrom: { type: String },
|
|
7998
7995
|
month: { type: String },
|
|
@@ -8003,11 +8000,11 @@ class AuroCalendarCell extends i$1 {
|
|
|
8003
8000
|
reflect: true
|
|
8004
8001
|
},
|
|
8005
8002
|
disabledDays: { type: Array },
|
|
8003
|
+
hoveredDate: { type: String },
|
|
8006
8004
|
isCurrentDate: { type: Boolean },
|
|
8007
8005
|
locale: { type: Object },
|
|
8008
8006
|
dateStr: { type: String },
|
|
8009
|
-
renderForDateSlot: { type: Boolean }
|
|
8010
|
-
hasPopoverContent: { type: Boolean }
|
|
8007
|
+
renderForDateSlot: { type: Boolean }
|
|
8011
8008
|
};
|
|
8012
8009
|
}
|
|
8013
8010
|
|
|
@@ -8031,17 +8028,17 @@ class AuroCalendarCell extends i$1 {
|
|
|
8031
8028
|
}
|
|
8032
8029
|
|
|
8033
8030
|
/**
|
|
8034
|
-
* Handles selected
|
|
8035
|
-
* Also clears any imperative range preview classes so classMap is the
|
|
8036
|
-
* sole source of truth after a selection update.
|
|
8031
|
+
* Handles selected and hovered states of the calendar cell when the date changes.
|
|
8037
8032
|
* @private
|
|
8038
8033
|
* @param {Number} dateFrom - Depart date.
|
|
8039
8034
|
* @param {Number} dateTo - Return date.
|
|
8035
|
+
* @param {Number} hoveredDate - Hovered date.
|
|
8040
8036
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8041
8037
|
* @returns {void}
|
|
8042
8038
|
*/
|
|
8043
|
-
dateChanged(dateFrom, dateTo, day) {
|
|
8039
|
+
dateChanged(dateFrom, dateTo, hoveredDate, day) {
|
|
8044
8040
|
this.selected = false;
|
|
8041
|
+
this.hovered = false;
|
|
8045
8042
|
|
|
8046
8043
|
const parsedDateFrom = parseInt(dateFrom, 10);
|
|
8047
8044
|
const parsedDateTo = parseInt(dateTo, 10);
|
|
@@ -8053,6 +8050,10 @@ class AuroCalendarCell extends i$1 {
|
|
|
8053
8050
|
if (day.date === departTimestamp || day.date === returnTimestamp) {
|
|
8054
8051
|
this.selected = true;
|
|
8055
8052
|
}
|
|
8053
|
+
|
|
8054
|
+
if (((hoveredDate === day.date || day.date < hoveredDate) && day.date > parsedDateFrom && !parsedDateTo && !Number.isNaN(parsedDateFrom) && parsedDateFrom !== undefined && !this.selected) || (day.date > parsedDateFrom && day.date < parsedDateTo)) {
|
|
8055
|
+
this.hovered = true;
|
|
8056
|
+
}
|
|
8056
8057
|
}
|
|
8057
8058
|
}
|
|
8058
8059
|
|
|
@@ -8062,105 +8063,27 @@ class AuroCalendarCell extends i$1 {
|
|
|
8062
8063
|
* @returns {void}
|
|
8063
8064
|
*/
|
|
8064
8065
|
handleTap() {
|
|
8065
|
-
if (!this.disabled
|
|
8066
|
+
if (!this.disabled) {
|
|
8066
8067
|
this.datepicker.handleCellClick(this.day.date);
|
|
8067
8068
|
}
|
|
8068
|
-
|
|
8069
|
-
// Set this cell as the active cell regardless of blackout status
|
|
8070
|
-
if (this.day) {
|
|
8071
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8072
|
-
bubbles: true,
|
|
8073
|
-
composed: true,
|
|
8074
|
-
detail: { date: this.day.date }
|
|
8075
|
-
}));
|
|
8076
|
-
}
|
|
8077
8069
|
}
|
|
8078
8070
|
|
|
8079
8071
|
/**
|
|
8080
8072
|
* Handles user hover events and dispatches a custom event.
|
|
8081
|
-
* Does NOT set any reactive properties — the range preview is handled
|
|
8082
|
-
* imperatively by the calendar component to avoid O(N) re-renders.
|
|
8083
8073
|
* @private
|
|
8084
8074
|
* @returns {void}
|
|
8085
8075
|
*/
|
|
8086
8076
|
handleHover() {
|
|
8087
|
-
this.
|
|
8088
|
-
detail: { date: this.day?.date },
|
|
8089
|
-
}));
|
|
8090
|
-
}
|
|
8077
|
+
this.hovered = true;
|
|
8091
8078
|
|
|
8092
|
-
|
|
8093
|
-
|
|
8094
|
-
|
|
8095
|
-
* announcements and range preview updates without triggering
|
|
8096
|
-
* any Lit lifecycle updates.
|
|
8097
|
-
* @private
|
|
8098
|
-
* @returns {void}
|
|
8099
|
-
*/
|
|
8100
|
-
handleFocus() {
|
|
8101
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-focused', {
|
|
8102
|
-
bubbles: true,
|
|
8103
|
-
composed: true,
|
|
8104
|
-
detail: { date: this.day?.date },
|
|
8079
|
+
let _a;
|
|
8080
|
+
this.dispatchEvent(new CustomEvent('date-is-hovered', {
|
|
8081
|
+
detail: { date: (_a = this.day) === null || _a === void 0 ? void 0 : _a.date },
|
|
8105
8082
|
}));
|
|
8106
8083
|
}
|
|
8107
8084
|
|
|
8108
8085
|
/**
|
|
8109
|
-
* Checks if the current date is
|
|
8110
|
-
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
8111
|
-
* @private
|
|
8112
|
-
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8113
|
-
* @param {Number} min - The minimum date value.
|
|
8114
|
-
* @param {Number} max - The maximum date value.
|
|
8115
|
-
* @returns {Boolean} - True if the date is out of range.
|
|
8116
|
-
*/
|
|
8117
|
-
isOutOfRange(day, min, max) {
|
|
8118
|
-
if (day && day.date != null) {
|
|
8119
|
-
return day.date < min || day.date > max;
|
|
8120
|
-
}
|
|
8121
|
-
return false;
|
|
8122
|
-
}
|
|
8123
|
-
|
|
8124
|
-
/**
|
|
8125
|
-
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
8126
|
-
* Blackout cells are focusable but not selectable.
|
|
8127
|
-
* @private
|
|
8128
|
-
* @returns {Boolean} - True if the date is a blackout date.
|
|
8129
|
-
*/
|
|
8130
|
-
isBlackout() {
|
|
8131
|
-
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
8132
|
-
return false;
|
|
8133
|
-
}
|
|
8134
|
-
|
|
8135
|
-
// Check against disabledDays timestamps (legacy path)
|
|
8136
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
8137
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
8138
|
-
return true;
|
|
8139
|
-
}
|
|
8140
|
-
}
|
|
8141
|
-
|
|
8142
|
-
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
8143
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
8144
|
-
|
|
8145
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
8146
|
-
const date = new Date(this.day.date * 1000);
|
|
8147
|
-
const yyyy = date.getFullYear();
|
|
8148
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
8149
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
8150
|
-
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
8151
|
-
if (blackoutDates.includes(cellDate)) {
|
|
8152
|
-
return true;
|
|
8153
|
-
}
|
|
8154
|
-
}
|
|
8155
|
-
|
|
8156
|
-
return false;
|
|
8157
|
-
}
|
|
8158
|
-
|
|
8159
|
-
/**
|
|
8160
|
-
* Checks if the current date is disabled based on min/max range or the
|
|
8161
|
-
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
8162
|
-
* host when the date falls outside the allowed range or appears in
|
|
8163
|
-
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
8086
|
+
* Checks if the current date is a valid date depending on the min and max values.
|
|
8164
8087
|
* @private
|
|
8165
8088
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
8166
8089
|
* @param {Number} min - The minimum date value.
|
|
@@ -8180,105 +8103,6 @@ class AuroCalendarCell extends i$1 {
|
|
|
8180
8103
|
return false;
|
|
8181
8104
|
}
|
|
8182
8105
|
|
|
8183
|
-
/**
|
|
8184
|
-
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
8185
|
-
* @private
|
|
8186
|
-
* @returns {String} The unique cell ID.
|
|
8187
|
-
*/
|
|
8188
|
-
getCellId() {
|
|
8189
|
-
if (!this.day || !this.day.date) return '';
|
|
8190
|
-
const date = new Date(this.day.date * 1000);
|
|
8191
|
-
const year = date.getFullYear();
|
|
8192
|
-
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
8193
|
-
const day = String(date.getDate()).padStart(2, '0');
|
|
8194
|
-
return `cell-${year}-${month}-${day}`;
|
|
8195
|
-
}
|
|
8196
|
-
|
|
8197
|
-
/**
|
|
8198
|
-
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
8199
|
-
* Includes range position and blackout status.
|
|
8200
|
-
* @private
|
|
8201
|
-
* @returns {String} The aria-label string.
|
|
8202
|
-
*/
|
|
8203
|
-
getAriaLabel() {
|
|
8204
|
-
if (!this.day || this.day.date === undefined) return '';
|
|
8205
|
-
|
|
8206
|
-
const date = new Date(this.day.date * 1000);
|
|
8207
|
-
|
|
8208
|
-
// Generate localized full date string using the configured locale
|
|
8209
|
-
const localeCode = this.locale?.code || undefined;
|
|
8210
|
-
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
8211
|
-
weekday: 'long',
|
|
8212
|
-
year: 'numeric',
|
|
8213
|
-
month: 'long',
|
|
8214
|
-
day: 'numeric'
|
|
8215
|
-
});
|
|
8216
|
-
|
|
8217
|
-
let label = dateFormatter.format(date);
|
|
8218
|
-
|
|
8219
|
-
// Append date slot content (e.g. prices) so it is announced with the date.
|
|
8220
|
-
if (this.renderForDateSlot) {
|
|
8221
|
-
const dateSlotEl = this.querySelector(`[slot="date_${this.dateStr}"]`);
|
|
8222
|
-
if (dateSlotEl) {
|
|
8223
|
-
const text = dateSlotEl.innerText?.trim();
|
|
8224
|
-
if (text) {
|
|
8225
|
-
label += `, ${text}`;
|
|
8226
|
-
}
|
|
8227
|
-
}
|
|
8228
|
-
}
|
|
8229
|
-
|
|
8230
|
-
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
8231
|
-
if (this.hasPopoverContent) {
|
|
8232
|
-
const popoverEl = this.querySelector(`[slot="popover_${this.dateStr}"]`);
|
|
8233
|
-
if (popoverEl) {
|
|
8234
|
-
label += `, ${popoverEl.innerText.trim()}`;
|
|
8235
|
-
}
|
|
8236
|
-
}
|
|
8237
|
-
|
|
8238
|
-
// Append range position label for range datepickers
|
|
8239
|
-
const rangePosition = this.getRangePosition();
|
|
8240
|
-
if (rangePosition) {
|
|
8241
|
-
label += `, ${rangePosition}`;
|
|
8242
|
-
}
|
|
8243
|
-
|
|
8244
|
-
// Append blackout label for blackout cells
|
|
8245
|
-
if (this.isBlackout()) {
|
|
8246
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
8247
|
-
}
|
|
8248
|
-
|
|
8249
|
-
return label;
|
|
8250
|
-
}
|
|
8251
|
-
|
|
8252
|
-
/**
|
|
8253
|
-
* Determines the range position of this cell relative to the current selection.
|
|
8254
|
-
* @private
|
|
8255
|
-
* @returns {String|null} Range position label or null if not in range mode.
|
|
8256
|
-
*/
|
|
8257
|
-
getRangePosition() {
|
|
8258
|
-
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
8259
|
-
|
|
8260
|
-
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
8261
|
-
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
8262
|
-
|
|
8263
|
-
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
8264
|
-
const dayDate = this.day.date;
|
|
8265
|
-
|
|
8266
|
-
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
8267
|
-
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
8268
|
-
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
8269
|
-
|
|
8270
|
-
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
8271
|
-
|
|
8272
|
-
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
8273
|
-
|
|
8274
|
-
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
8275
|
-
|
|
8276
|
-
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
8277
|
-
|
|
8278
|
-
// After start date, no end date yet, or after end date
|
|
8279
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
8280
|
-
}
|
|
8281
|
-
|
|
8282
8106
|
/**
|
|
8283
8107
|
* Checks if the current date is the depart date.
|
|
8284
8108
|
* @private
|
|
@@ -8440,9 +8264,9 @@ class AuroCalendarCell extends i$1 {
|
|
|
8440
8264
|
|
|
8441
8265
|
if (popoverSlotContent) {
|
|
8442
8266
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
8443
|
-
this.
|
|
8267
|
+
this.auroPopover.removeAttribute('disabled');
|
|
8444
8268
|
} else {
|
|
8445
|
-
this.
|
|
8269
|
+
this.auroPopover.setAttribute('disabled', true);
|
|
8446
8270
|
}
|
|
8447
8271
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
8448
8272
|
// Error handling goes here
|
|
@@ -8458,265 +8282,84 @@ class AuroCalendarCell extends i$1 {
|
|
|
8458
8282
|
return;
|
|
8459
8283
|
}
|
|
8460
8284
|
this.datepicker = calendar.datepicker;
|
|
8461
|
-
this.
|
|
8285
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
|
|
8462
8286
|
this.handleSlotContent();
|
|
8463
|
-
// Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
|
|
8464
|
-
this.requestUpdate();
|
|
8465
|
-
};
|
|
8466
|
-
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8467
|
-
|
|
8468
|
-
// Cache button reference for imperative class manipulation.
|
|
8469
|
-
this.updateComplete.then(() => {
|
|
8470
|
-
this._cachedButton = this.shadowRoot.querySelector('button.day');
|
|
8471
8287
|
});
|
|
8472
8288
|
|
|
8473
|
-
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
8474
|
-
// cells reflect blackout/slot state that was configured before first render.
|
|
8475
|
-
this.requestUpdate();
|
|
8476
|
-
|
|
8477
|
-
this.calendarMonth = calendarMonth;
|
|
8478
|
-
this.configurePopover();
|
|
8479
|
-
}
|
|
8480
|
-
|
|
8481
|
-
disconnectedCallback() {
|
|
8482
|
-
super.disconnectedCallback();
|
|
8483
|
-
if (this.datepicker && this._slotContentHandler) {
|
|
8484
|
-
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
8485
|
-
}
|
|
8486
|
-
}
|
|
8487
|
-
|
|
8488
|
-
/**
|
|
8489
|
-
* Configures the popover instance with the calendar month boundary.
|
|
8490
|
-
* Called from firstUpdated and updated because the popover element is only
|
|
8491
|
-
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
8492
|
-
* @private
|
|
8493
|
-
* @returns {void}
|
|
8494
|
-
*/
|
|
8495
|
-
configurePopover() {
|
|
8496
8289
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
8497
8290
|
|
|
8498
|
-
|
|
8499
|
-
this.auroPopover.boundary = this.calendarMonth;
|
|
8500
|
-
}
|
|
8291
|
+
this.auroPopover.boundary = calendarMonth;
|
|
8501
8292
|
}
|
|
8502
8293
|
|
|
8503
8294
|
updated(properties) {
|
|
8504
|
-
if (properties.has('dateFrom') || properties.has('dateTo') || properties.has('day')) {
|
|
8505
|
-
this.dateChanged(this.dateFrom, this.dateTo, this.day);
|
|
8295
|
+
if (properties.has('dateFrom') || properties.has('dateTo') || properties.has('hoveredDate') || properties.has('day')) {
|
|
8296
|
+
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
8506
8297
|
}
|
|
8507
8298
|
|
|
8508
|
-
|
|
8509
|
-
|
|
8510
|
-
|
|
8511
|
-
|
|
8512
|
-
// Re-cache button reference when the day changes (cell may have re-rendered).
|
|
8513
|
-
this.updateComplete.then(() => {
|
|
8514
|
-
this._cachedButton = this.shadowRoot.querySelector('button.day');
|
|
8515
|
-
});
|
|
8516
|
-
|
|
8517
|
-
// Update host-level aria attributes for ariaActiveDescendantElement.
|
|
8518
|
-
this.updateHostAria();
|
|
8519
|
-
}
|
|
8299
|
+
this.setDateSlotName();
|
|
8300
|
+
this.handleSlotContent();
|
|
8301
|
+
}
|
|
8520
8302
|
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
|
|
8303
|
+
render() {
|
|
8304
|
+
const buttonClasses = {
|
|
8305
|
+
'day': true,
|
|
8306
|
+
'body-lg': true,
|
|
8307
|
+
'currentDate': this.currentDate,
|
|
8308
|
+
'selected': this.selected,
|
|
8309
|
+
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
8310
|
+
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
8311
|
+
'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
|
|
8312
|
+
'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
8313
|
+
'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
8314
|
+
'reference': this.isReferenceDate(this.dateStr),
|
|
8315
|
+
'sameDateTrip': this.dateFrom === this.dateTo
|
|
8316
|
+
};
|
|
8525
8317
|
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
this.
|
|
8529
|
-
|
|
8318
|
+
let _a, _b;
|
|
8319
|
+
return u$a`
|
|
8320
|
+
<${this.popoverTag}>
|
|
8321
|
+
<slot name="popover_${this.dateStr}"></slot>
|
|
8322
|
+
<button
|
|
8323
|
+
slot="trigger"
|
|
8324
|
+
@click="${this.handleTap}"
|
|
8325
|
+
@mouseover="${this.handleHover}"
|
|
8326
|
+
@focus="${this.handleHover}"
|
|
8327
|
+
class="${e$4(buttonClasses)}"
|
|
8328
|
+
?disabled="${this.disabled}"
|
|
8329
|
+
title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
|
|
8330
|
+
tabindex="-1">
|
|
8331
|
+
<div class="buttonWrapper">
|
|
8332
|
+
<div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
|
|
8333
|
+
<div class="dateSlot body-2xs" part="dateSlot">
|
|
8334
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
8335
|
+
</div>
|
|
8336
|
+
</div>
|
|
8337
|
+
</button>
|
|
8338
|
+
</${this.popoverTag}>
|
|
8339
|
+
`;
|
|
8530
8340
|
}
|
|
8341
|
+
}
|
|
8531
8342
|
|
|
8532
|
-
|
|
8533
|
-
|
|
8534
|
-
|
|
8535
|
-
* @private
|
|
8536
|
-
* @returns {void}
|
|
8537
|
-
*/
|
|
8538
|
-
updateHostAria() {
|
|
8539
|
-
if (!this.day || this.day.date === undefined) return;
|
|
8343
|
+
if (!customElements.get('auro-formkit-calendar-cell')) {
|
|
8344
|
+
customElements.define('auro-formkit-calendar-cell', AuroCalendarCell);
|
|
8345
|
+
}
|
|
8540
8346
|
|
|
8541
|
-
|
|
8542
|
-
if (outOfRange) {
|
|
8543
|
-
this.removeAttribute('role');
|
|
8544
|
-
this.removeAttribute('aria-label');
|
|
8545
|
-
return;
|
|
8546
|
-
}
|
|
8347
|
+
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
8547
8348
|
|
|
8548
|
-
|
|
8549
|
-
this.setAttribute('role', 'gridcell');
|
|
8550
|
-
this.setAttribute('aria-label', this.getAriaLabel());
|
|
8551
|
-
this.setAttribute('aria-selected', this.selected ? 'true' : 'false');
|
|
8349
|
+
/* eslint-disable no-magic-numbers, dot-location */
|
|
8552
8350
|
|
|
8553
|
-
|
|
8554
|
-
|
|
8555
|
-
|
|
8556
|
-
|
|
8557
|
-
|
|
8351
|
+
class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
8352
|
+
static get styles() {
|
|
8353
|
+
return [
|
|
8354
|
+
// ...super.styles,
|
|
8355
|
+
styleCss$6,
|
|
8356
|
+
colorCss$6,
|
|
8357
|
+
tokensCss$4
|
|
8358
|
+
];
|
|
8558
8359
|
}
|
|
8559
8360
|
|
|
8560
|
-
|
|
8561
|
-
|
|
8562
|
-
* Uses focusVisible: true so the :focus-visible ring appears even when
|
|
8563
|
-
* the bib was opened via mouse click (which sets mouse input modality).
|
|
8564
|
-
* @returns {void}
|
|
8565
|
-
*/
|
|
8566
|
-
focusButton() {
|
|
8567
|
-
const button = this._cachedButton || this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
8568
|
-
if (button) {
|
|
8569
|
-
button.focus({ focusVisible: true });
|
|
8570
|
-
}
|
|
8571
|
-
}
|
|
8572
|
-
|
|
8573
|
-
/**
|
|
8574
|
-
* Imperatively marks this cell as active without triggering a Lit re-render.
|
|
8575
|
-
* Note: buttons stay tabindex="-1" because the grid uses aria-activedescendant.
|
|
8576
|
-
* @returns {void}
|
|
8577
|
-
*/
|
|
8578
|
-
setActive() {
|
|
8579
|
-
this.active = true;
|
|
8580
|
-
|
|
8581
|
-
// Show the popover when this cell becomes active via keyboard navigation.
|
|
8582
|
-
if (this.auroPopover) {
|
|
8583
|
-
this.auroPopover.toggleShow();
|
|
8584
|
-
}
|
|
8585
|
-
}
|
|
8586
|
-
|
|
8587
|
-
/**
|
|
8588
|
-
* Imperatively marks this cell as inactive without triggering a Lit re-render.
|
|
8589
|
-
* @returns {void}
|
|
8590
|
-
*/
|
|
8591
|
-
clearActive() {
|
|
8592
|
-
this.active = false;
|
|
8593
|
-
const btn = this._cachedButton || this.shadowRoot.querySelector('button.day');
|
|
8594
|
-
if (btn) {
|
|
8595
|
-
btn.classList.remove('visualFocus');
|
|
8596
|
-
}
|
|
8597
|
-
|
|
8598
|
-
// Hide the popover when this cell loses active state.
|
|
8599
|
-
if (this.auroPopover) {
|
|
8600
|
-
this.auroPopover.toggleHide();
|
|
8601
|
-
}
|
|
8602
|
-
}
|
|
8603
|
-
|
|
8604
|
-
/**
|
|
8605
|
-
* Updates range preview classes imperatively (no Lit re-render).
|
|
8606
|
-
* Called by the calendar component when the hovered date changes
|
|
8607
|
-
* during range selection (dateFrom set, dateTo not yet set).
|
|
8608
|
-
* @param {Number} hoveredDate - Unix timestamp of the currently hovered/focused date.
|
|
8609
|
-
* @param {Number} dateFrom - Unix timestamp of the selected departure date.
|
|
8610
|
-
* @returns {void}
|
|
8611
|
-
*/
|
|
8612
|
-
updateRangePreviewClasses(hoveredDate, dateFrom) {
|
|
8613
|
-
const btn = this._cachedButton;
|
|
8614
|
-
if (!btn || !this.day) return;
|
|
8615
|
-
|
|
8616
|
-
const dayDate = this.day.date;
|
|
8617
|
-
const departTimestamp = startOfDay(dateFrom * 1000) / 1000;
|
|
8618
|
-
const isInRange = dayDate > departTimestamp && dayDate < hoveredDate;
|
|
8619
|
-
const isLastHovered = dayDate === hoveredDate && hoveredDate > departTimestamp;
|
|
8620
|
-
const isDepartWithPreview = dayDate === departTimestamp && hoveredDate > departTimestamp;
|
|
8621
|
-
|
|
8622
|
-
btn.classList.toggle('inRange', isInRange);
|
|
8623
|
-
btn.classList.toggle('lastHoveredDate', isLastHovered);
|
|
8624
|
-
btn.classList.toggle('rangeDepartDate', isDepartWithPreview);
|
|
8625
|
-
}
|
|
8626
|
-
|
|
8627
|
-
/**
|
|
8628
|
-
* Clears all imperative range preview classes from the cell button.
|
|
8629
|
-
* Called when a selection occurs so classMap becomes the sole source of truth.
|
|
8630
|
-
* @returns {void}
|
|
8631
|
-
*/
|
|
8632
|
-
clearRangePreviewClasses() {
|
|
8633
|
-
const btn = this._cachedButton;
|
|
8634
|
-
if (!btn) return;
|
|
8635
|
-
|
|
8636
|
-
btn.classList.remove('inRange', 'lastHoveredDate', 'rangeDepartDate');
|
|
8637
|
-
}
|
|
8638
|
-
|
|
8639
|
-
renderCellButton() {
|
|
8640
|
-
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
8641
|
-
const blackout = this.isBlackout();
|
|
8642
|
-
|
|
8643
|
-
// Static and selection-driven classes only. Hover-driven classes
|
|
8644
|
-
// (inRange, lastHoveredDate, rangeDepartDate during preview) are
|
|
8645
|
-
// managed imperatively via updateRangePreviewClasses() to avoid
|
|
8646
|
-
// O(N) Lit re-renders on every focus/hover event.
|
|
8647
|
-
const buttonClasses = {
|
|
8648
|
-
'day': true,
|
|
8649
|
-
'body-lg': true,
|
|
8650
|
-
'currentDate': this.isCurrentDate,
|
|
8651
|
-
'selected': this.selected,
|
|
8652
|
-
'inRange': this.datepicker?.hasAttribute('range') && this.dateTo && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
8653
|
-
'disabled': outOfRange,
|
|
8654
|
-
'blackout': blackout,
|
|
8655
|
-
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && this.dateTo,
|
|
8656
|
-
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
8657
|
-
'reference': this.isReferenceDate(this.dateStr),
|
|
8658
|
-
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
8659
|
-
};
|
|
8660
|
-
|
|
8661
|
-
return u$a`
|
|
8662
|
-
<button
|
|
8663
|
-
slot="trigger"
|
|
8664
|
-
id="${this.getCellId()}"
|
|
8665
|
-
@click="${outOfRange ? undefined : this.handleTap}"
|
|
8666
|
-
@mouseover="${outOfRange ? undefined : this.handleHover}"
|
|
8667
|
-
@focus="${outOfRange ? undefined : this.handleFocus}"
|
|
8668
|
-
class="${e$4(buttonClasses)}"
|
|
8669
|
-
?disabled="${outOfRange}"
|
|
8670
|
-
aria-hidden="${outOfRange ? 'true' : A$4}"
|
|
8671
|
-
tabindex="-1">
|
|
8672
|
-
<div class="buttonWrapper" aria-hidden="true">
|
|
8673
|
-
<div class="currentDayMarker">${this.day?.title || A$4}</div>
|
|
8674
|
-
</div>
|
|
8675
|
-
<div class="dateSlot body-2xs" part="dateSlot" aria-hidden="true" ?hidden="${!this.renderForDateSlot}">
|
|
8676
|
-
<slot name="date_${this.dateStr}"></slot>
|
|
8677
|
-
</div>
|
|
8678
|
-
</button>
|
|
8679
|
-
`;
|
|
8680
|
-
}
|
|
8681
|
-
|
|
8682
|
-
render() {
|
|
8683
|
-
const hasPopoverContent = this.hasPopoverContent;
|
|
8684
|
-
|
|
8685
|
-
if (hasPopoverContent) {
|
|
8686
|
-
return u$a`
|
|
8687
|
-
<${this.popoverTag}>
|
|
8688
|
-
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
8689
|
-
${this.renderCellButton()}
|
|
8690
|
-
</${this.popoverTag}>
|
|
8691
|
-
`;
|
|
8692
|
-
}
|
|
8693
|
-
|
|
8694
|
-
return u$a`
|
|
8695
|
-
${this.renderCellButton()}
|
|
8696
|
-
`;
|
|
8697
|
-
}
|
|
8698
|
-
}
|
|
8699
|
-
|
|
8700
|
-
if (!customElements.get('auro-formkit-calendar-cell')) {
|
|
8701
|
-
customElements.define('auro-formkit-calendar-cell', AuroCalendarCell);
|
|
8702
|
-
}
|
|
8703
|
-
|
|
8704
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
8705
|
-
|
|
8706
|
-
/* eslint-disable no-magic-numbers, dot-location */
|
|
8707
|
-
|
|
8708
|
-
class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
8709
|
-
static get styles() {
|
|
8710
|
-
return [
|
|
8711
|
-
// ...super.styles,
|
|
8712
|
-
styleCss$6,
|
|
8713
|
-
colorCss$6,
|
|
8714
|
-
tokensCss$4
|
|
8715
|
-
];
|
|
8716
|
-
}
|
|
8717
|
-
|
|
8718
|
-
static get properties() {
|
|
8719
|
-
return {
|
|
8361
|
+
static get properties() {
|
|
8362
|
+
return {
|
|
8720
8363
|
|
|
8721
8364
|
/**
|
|
8722
8365
|
* @private
|
|
@@ -8760,28 +8403,16 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8760
8403
|
return this.monthNames[month - 1];
|
|
8761
8404
|
}
|
|
8762
8405
|
|
|
8763
|
-
/**
|
|
8764
|
-
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
8765
|
-
* @private
|
|
8766
|
-
* @returns {String} The heading ID.
|
|
8767
|
-
*/
|
|
8768
|
-
getHeadingId() {
|
|
8769
|
-
return `month-heading-${this.month}-${this.year}`;
|
|
8770
|
-
}
|
|
8771
|
-
|
|
8772
8406
|
/**
|
|
8773
8407
|
* Determines the current month name based on locale.
|
|
8774
|
-
* Also builds parallel arrays of full day names for abbr attributes.
|
|
8775
8408
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
8776
8409
|
* @private
|
|
8777
8410
|
* @returns {void}
|
|
8778
8411
|
*/
|
|
8779
8412
|
localeChanged() {
|
|
8780
8413
|
const dayNamesOfTheWeek = [];
|
|
8781
|
-
const dayFullNames = [];
|
|
8782
8414
|
for (let int = 0; int < 7; int += 1) {
|
|
8783
8415
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
8784
|
-
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
8785
8416
|
}
|
|
8786
8417
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
8787
8418
|
? this.locale.options.weekStartsOn
|
|
@@ -8792,139 +8423,6 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8792
8423
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
8793
8424
|
.concat(tmp);
|
|
8794
8425
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
8795
|
-
|
|
8796
|
-
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
8797
|
-
const newDayFullNames = dayFullNames
|
|
8798
|
-
.slice()
|
|
8799
|
-
.splice(firstDayOfWeek, dayFullNames.length)
|
|
8800
|
-
.concat(tmpFull);
|
|
8801
|
-
this.dayFullNames = newDayFullNames;
|
|
8802
|
-
}
|
|
8803
|
-
|
|
8804
|
-
/**
|
|
8805
|
-
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
8806
|
-
* @private
|
|
8807
|
-
* @param {String} dayOfWeek - The short day name.
|
|
8808
|
-
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
8809
|
-
* @returns {Object} The header HTML.
|
|
8810
|
-
*/
|
|
8811
|
-
renderDayOfWeek(dayOfWeek, index) {
|
|
8812
|
-
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
8813
|
-
return b$5`<div class="th body-default"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
8814
|
-
}
|
|
8815
|
-
|
|
8816
|
-
/**
|
|
8817
|
-
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
8818
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
8819
|
-
*/
|
|
8820
|
-
getFocusableCells() {
|
|
8821
|
-
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
8822
|
-
return cells.filter(cell => {
|
|
8823
|
-
if (!cell.day) return false;
|
|
8824
|
-
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
8825
|
-
});
|
|
8826
|
-
}
|
|
8827
|
-
|
|
8828
|
-
/**
|
|
8829
|
-
* Overrides the base class handler to prevent setting `this.hoveredDate`
|
|
8830
|
-
* as a reactive property. Instead, just dispatches the event upward so
|
|
8831
|
-
* the calendar can handle range preview imperatively.
|
|
8832
|
-
* @private
|
|
8833
|
-
* @param {CustomEvent} event - The date-is-hovered event from a cell.
|
|
8834
|
-
* @returns {void}
|
|
8835
|
-
*/
|
|
8836
|
-
handleDateHovered(event) {
|
|
8837
|
-
this.dispatchEvent(new CustomEvent('hovered-date-changed', {
|
|
8838
|
-
detail: { value: event.detail.date },
|
|
8839
|
-
}));
|
|
8840
|
-
}
|
|
8841
|
-
|
|
8842
|
-
/**
|
|
8843
|
-
* Handles arrow key navigation within the month grid.
|
|
8844
|
-
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
8845
|
-
* @private
|
|
8846
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
8847
|
-
* @returns {void}
|
|
8848
|
-
*/
|
|
8849
|
-
handleGridKeyDown(event) {
|
|
8850
|
-
const { key } = event;
|
|
8851
|
-
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
8852
|
-
|
|
8853
|
-
if (!arrowKeys.includes(key)) return;
|
|
8854
|
-
|
|
8855
|
-
event.preventDefault();
|
|
8856
|
-
|
|
8857
|
-
const focusableCells = this.getFocusableCells();
|
|
8858
|
-
if (focusableCells.length === 0) return;
|
|
8859
|
-
|
|
8860
|
-
// Find the currently active cell within this month
|
|
8861
|
-
const activeCell = focusableCells.find(cell => cell.active);
|
|
8862
|
-
if (!activeCell) return;
|
|
8863
|
-
|
|
8864
|
-
const activeIndex = focusableCells.indexOf(activeCell);
|
|
8865
|
-
let targetCell = null;
|
|
8866
|
-
|
|
8867
|
-
if (key === 'ArrowRight') {
|
|
8868
|
-
if (activeIndex < focusableCells.length - 1) {
|
|
8869
|
-
targetCell = focusableCells[activeIndex + 1];
|
|
8870
|
-
} else {
|
|
8871
|
-
// At end of month, request cross-month navigation
|
|
8872
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8873
|
-
bubbles: true,
|
|
8874
|
-
composed: true,
|
|
8875
|
-
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
8876
|
-
}));
|
|
8877
|
-
return;
|
|
8878
|
-
}
|
|
8879
|
-
} else if (key === 'ArrowLeft') {
|
|
8880
|
-
if (activeIndex > 0) {
|
|
8881
|
-
targetCell = focusableCells[activeIndex - 1];
|
|
8882
|
-
} else {
|
|
8883
|
-
// At start of month, request cross-month navigation
|
|
8884
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8885
|
-
bubbles: true,
|
|
8886
|
-
composed: true,
|
|
8887
|
-
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
8888
|
-
}));
|
|
8889
|
-
return;
|
|
8890
|
-
}
|
|
8891
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
8892
|
-
// Find the target day (same day-of-week, +/- 7 days)
|
|
8893
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
8894
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
8895
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
8896
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
8897
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
8898
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
8899
|
-
|
|
8900
|
-
// Look for the target date in this month's focusable cells
|
|
8901
|
-
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
8902
|
-
|
|
8903
|
-
if (!targetCell) {
|
|
8904
|
-
// Target is in another month or all cells in that direction are disabled
|
|
8905
|
-
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
8906
|
-
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
8907
|
-
bubbles: true,
|
|
8908
|
-
composed: true,
|
|
8909
|
-
detail: { direction, fromDate: activeCell.day.date, key }
|
|
8910
|
-
}));
|
|
8911
|
-
return;
|
|
8912
|
-
}
|
|
8913
|
-
}
|
|
8914
|
-
|
|
8915
|
-
if (targetCell) {
|
|
8916
|
-
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
8917
|
-
bubbles: true,
|
|
8918
|
-
composed: true,
|
|
8919
|
-
detail: { date: targetCell.day.date }
|
|
8920
|
-
}));
|
|
8921
|
-
}
|
|
8922
|
-
}
|
|
8923
|
-
|
|
8924
|
-
renderWeek(week) {
|
|
8925
|
-
return b$5`
|
|
8926
|
-
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
8927
|
-
`;
|
|
8928
8426
|
}
|
|
8929
8427
|
|
|
8930
8428
|
renderDay(day) {
|
|
@@ -8937,6 +8435,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8937
8435
|
.min="${this.min}"
|
|
8938
8436
|
.max="${this.max}"
|
|
8939
8437
|
.month="${this.month}"
|
|
8438
|
+
.hoveredDate="${this.hoveredDate}"
|
|
8940
8439
|
.dateTo="${this.dateTo}"
|
|
8941
8440
|
.dateFrom="${this.dateFrom}"
|
|
8942
8441
|
.locale="${this.locale}"
|
|
@@ -8947,7 +8446,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8947
8446
|
>
|
|
8948
8447
|
</auro-formkit-calendar-cell>
|
|
8949
8448
|
`
|
|
8950
|
-
:
|
|
8449
|
+
: null}
|
|
8951
8450
|
</div>
|
|
8952
8451
|
`;
|
|
8953
8452
|
}
|
|
@@ -8958,10 +8457,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8958
8457
|
var _a, _b;
|
|
8959
8458
|
|
|
8960
8459
|
return b$5 `
|
|
8961
|
-
<div
|
|
8460
|
+
<div>
|
|
8962
8461
|
<div class="header">
|
|
8963
8462
|
${this.renderPrevButton()}
|
|
8964
|
-
<div class="headerTitle heading-xs"
|
|
8463
|
+
<div class="headerTitle heading-xs">
|
|
8965
8464
|
${this.monthFirst ? b$5`
|
|
8966
8465
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
8967
8466
|
<div>${this.renderYear()}</div>
|
|
@@ -8973,13 +8472,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
8973
8472
|
${this.renderNextButton()}
|
|
8974
8473
|
</div>
|
|
8975
8474
|
|
|
8976
|
-
<div class="table"
|
|
8977
|
-
<div class="thead"
|
|
8475
|
+
<div class="table">
|
|
8476
|
+
<div class="thead">
|
|
8978
8477
|
<div class="tr">
|
|
8979
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(
|
|
8478
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
8980
8479
|
</div>
|
|
8981
8480
|
</div>
|
|
8982
|
-
<div class="tbody"
|
|
8481
|
+
<div class="tbody">
|
|
8983
8482
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
8984
8483
|
</div>
|
|
8985
8484
|
</div>
|
|
@@ -9678,14 +9177,6 @@ class AuroBibtemplate extends i$1 {
|
|
|
9678
9177
|
large: {
|
|
9679
9178
|
type: Boolean,
|
|
9680
9179
|
reflect: true
|
|
9681
|
-
},
|
|
9682
|
-
|
|
9683
|
-
/**
|
|
9684
|
-
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
9685
|
-
*/
|
|
9686
|
-
showFooter: {
|
|
9687
|
-
type: Boolean,
|
|
9688
|
-
reflect: true
|
|
9689
9180
|
}
|
|
9690
9181
|
};
|
|
9691
9182
|
}
|
|
@@ -9788,7 +9279,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9788
9279
|
<slot></slot>
|
|
9789
9280
|
</div>
|
|
9790
9281
|
|
|
9791
|
-
${this.isFullscreen
|
|
9282
|
+
${this.isFullscreen ? u$a`
|
|
9792
9283
|
<div id="footerContainer">
|
|
9793
9284
|
<slot name="footer"></slot>
|
|
9794
9285
|
</div>` : null}
|
|
@@ -9797,7 +9288,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9797
9288
|
}
|
|
9798
9289
|
}
|
|
9799
9290
|
|
|
9800
|
-
var formkitVersion$2 = '
|
|
9291
|
+
var formkitVersion$2 = '202606082059';
|
|
9801
9292
|
|
|
9802
9293
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$4 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$3=i$3`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
9803
9294
|
`,u$6=i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -9895,20 +9386,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
9895
9386
|
this.largeFullscreenHeadline = false;
|
|
9896
9387
|
this.isFullscreen = false;
|
|
9897
9388
|
|
|
9898
|
-
/**
|
|
9899
|
-
* The date of the currently active cell (Unix timestamp).
|
|
9900
|
-
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
9901
|
-
* @private
|
|
9902
|
-
*/
|
|
9903
|
-
this.activeCellDate = null;
|
|
9904
|
-
|
|
9905
|
-
/**
|
|
9906
|
-
* Whether the #calendarGrid wrapper currently has focus.
|
|
9907
|
-
* Used to determine whether the visualFocus ring should be shown.
|
|
9908
|
-
* @private
|
|
9909
|
-
*/
|
|
9910
|
-
this._gridHasFocus = false;
|
|
9911
|
-
|
|
9912
9389
|
/**
|
|
9913
9390
|
* @private
|
|
9914
9391
|
*/
|
|
@@ -10070,76 +9547,19 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10070
9547
|
/**
|
|
10071
9548
|
* Updates the month and year when the user navigates to the previous calendar month.
|
|
10072
9549
|
* @private
|
|
10073
|
-
* @param {Object} [options] - Optional settings.
|
|
10074
|
-
* @param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell
|
|
10075
|
-
* recomputation. Used by arrow key handlers that manage the active cell themselves.
|
|
10076
9550
|
* @returns {void}
|
|
10077
9551
|
*/
|
|
10078
|
-
handlePrevMonth(
|
|
10079
|
-
const opts = options instanceof Event ? {} : (options || {});
|
|
9552
|
+
handlePrevMonth() {
|
|
10080
9553
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
10081
|
-
if (!opts.skipActiveUpdate) {
|
|
10082
|
-
this.updateActiveCellForVisibleMonth();
|
|
10083
|
-
}
|
|
10084
|
-
this.announceMonthChange();
|
|
10085
9554
|
}
|
|
10086
9555
|
|
|
10087
9556
|
/**
|
|
10088
9557
|
* Updates the month and year when the user navigates to the next calendar month.
|
|
10089
9558
|
* @private
|
|
10090
|
-
* @param {Object} [options] - Optional settings.
|
|
10091
|
-
* @param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell
|
|
10092
|
-
* recomputation. Used by arrow key handlers that manage the active cell themselves.
|
|
10093
9559
|
* @returns {void}
|
|
10094
9560
|
*/
|
|
10095
|
-
handleNextMonth(
|
|
10096
|
-
const opts = options instanceof Event ? {} : (options || {});
|
|
9561
|
+
handleNextMonth() {
|
|
10097
9562
|
this.utilCal.handleMonthChange(this, 'next');
|
|
10098
|
-
if (!opts.skipActiveUpdate) {
|
|
10099
|
-
this.updateActiveCellForVisibleMonth();
|
|
10100
|
-
}
|
|
10101
|
-
this.announceMonthChange();
|
|
10102
|
-
}
|
|
10103
|
-
|
|
10104
|
-
/**
|
|
10105
|
-
* Announces the current month and year via the live region after navigation.
|
|
10106
|
-
* @private
|
|
10107
|
-
* @returns {void}
|
|
10108
|
-
*/
|
|
10109
|
-
announceMonthChange() {
|
|
10110
|
-
// Cancel any pending debounced cell announcement so it does not
|
|
10111
|
-
// overwrite this month navigation announcement.
|
|
10112
|
-
if (this._focusAnnounceTimer) {
|
|
10113
|
-
clearTimeout(this._focusAnnounceTimer);
|
|
10114
|
-
this._focusAnnounceTimer = null;
|
|
10115
|
-
}
|
|
10116
|
-
|
|
10117
|
-
const date = new Date(this.centralDate);
|
|
10118
|
-
const localeCode = this.locale?.code || undefined;
|
|
10119
|
-
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
10120
|
-
this.announceSelection(formatter.format(date));
|
|
10121
|
-
}
|
|
10122
|
-
|
|
10123
|
-
/**
|
|
10124
|
-
* Updates the active cell after month navigation (prev/next buttons).
|
|
10125
|
-
* Always moves the active cell to the first enabled date in the newly
|
|
10126
|
-
* visible months so that tabbing back to the grid lands on an enabled cell.
|
|
10127
|
-
* @private
|
|
10128
|
-
* @returns {void}
|
|
10129
|
-
*/
|
|
10130
|
-
updateActiveCellForVisibleMonth() {
|
|
10131
|
-
// Use double-rAF to ensure child month/cell components have fully
|
|
10132
|
-
// rendered and cached their button references before we set tabindex.
|
|
10133
|
-
requestAnimationFrame(() => {
|
|
10134
|
-
requestAnimationFrame(() => {
|
|
10135
|
-
const newDate = this.computeActiveDate({ skipDateFrom: true });
|
|
10136
|
-
|
|
10137
|
-
if (newDate != null) {
|
|
10138
|
-
this.activeCellDate = newDate;
|
|
10139
|
-
this.setActiveCell(this.activeCellDate);
|
|
10140
|
-
}
|
|
10141
|
-
});
|
|
10142
|
-
});
|
|
10143
9563
|
}
|
|
10144
9564
|
|
|
10145
9565
|
/**
|
|
@@ -10247,876 +9667,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10247
9667
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
10248
9668
|
}
|
|
10249
9669
|
|
|
10250
|
-
/**
|
|
10251
|
-
* Gets all rendered month components.
|
|
10252
|
-
* @private
|
|
10253
|
-
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
10254
|
-
*/
|
|
10255
|
-
getMonthComponents() {
|
|
10256
|
-
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
10257
|
-
}
|
|
10258
|
-
|
|
10259
|
-
/**
|
|
10260
|
-
* Gets all focusable cells across all rendered months.
|
|
10261
|
-
* @private
|
|
10262
|
-
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
10263
|
-
*/
|
|
10264
|
-
getAllFocusableCells() {
|
|
10265
|
-
const months = this.getMonthComponents();
|
|
10266
|
-
let cells = [];
|
|
10267
|
-
months.forEach(month => {
|
|
10268
|
-
cells = cells.concat(month.getFocusableCells());
|
|
10269
|
-
});
|
|
10270
|
-
return cells;
|
|
10271
|
-
}
|
|
10272
|
-
|
|
10273
|
-
/**
|
|
10274
|
-
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
10275
|
-
* Uses imperative DOM manipulation — no Lit re-render triggered.
|
|
10276
|
-
* Also updates ariaActiveDescendantElement on the grid wrapper so
|
|
10277
|
-
* screen readers announce the active cell without moving DOM focus.
|
|
10278
|
-
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
10279
|
-
* @returns {void}
|
|
10280
|
-
*/
|
|
10281
|
-
setActiveCell(date) {
|
|
10282
|
-
const allCells = this.getAllFocusableCells();
|
|
10283
|
-
|
|
10284
|
-
let newActiveCell = null;
|
|
10285
|
-
allCells.forEach(cell => {
|
|
10286
|
-
if (cell.day && cell.day.date === date) {
|
|
10287
|
-
cell.setActive();
|
|
10288
|
-
newActiveCell = cell;
|
|
10289
|
-
} else if (cell.active) {
|
|
10290
|
-
cell.clearActive();
|
|
10291
|
-
}
|
|
10292
|
-
});
|
|
10293
|
-
|
|
10294
|
-
this.activeCellDate = date;
|
|
10295
|
-
|
|
10296
|
-
// Apply visualFocus only when the grid currently has focus.
|
|
10297
|
-
if (newActiveCell && this._gridHasFocus) {
|
|
10298
|
-
const btn = newActiveCell._cachedButton || newActiveCell.shadowRoot.querySelector('button.day');
|
|
10299
|
-
if (btn) btn.classList.add('visualFocus');
|
|
10300
|
-
}
|
|
10301
|
-
}
|
|
10302
|
-
|
|
10303
|
-
/**
|
|
10304
|
-
* Focuses the calendar grid wrapper and sets the active cell.
|
|
10305
|
-
* DOM focus stays on the grid wrapper; the aria-live region
|
|
10306
|
-
* tells the screen reader which cell is "active".
|
|
10307
|
-
* @returns {void}
|
|
10308
|
-
*/
|
|
10309
|
-
focusActiveCell() {
|
|
10310
|
-
if (this.activeCellDate != null) {
|
|
10311
|
-
this.setActiveCell(this.activeCellDate);
|
|
10312
|
-
}
|
|
10313
|
-
|
|
10314
|
-
const gridWrapper = this.shadowRoot.querySelector('#calendarGrid');
|
|
10315
|
-
if (gridWrapper) {
|
|
10316
|
-
gridWrapper.focus({ preventScroll: true, focusVisible: true });
|
|
10317
|
-
}
|
|
10318
|
-
}
|
|
10319
|
-
|
|
10320
|
-
/**
|
|
10321
|
-
* Shows the visualFocus ring on the active cell when the grid gains focus.
|
|
10322
|
-
* @private
|
|
10323
|
-
* @returns {void}
|
|
10324
|
-
*/
|
|
10325
|
-
handleGridFocusIn() {
|
|
10326
|
-
this._gridHasFocus = true;
|
|
10327
|
-
const activeCell = this.getAllFocusableCells().find((c) => c.active);
|
|
10328
|
-
if (activeCell) {
|
|
10329
|
-
const btn = activeCell._cachedButton || activeCell.shadowRoot.querySelector('button.day');
|
|
10330
|
-
if (btn) btn.classList.add('visualFocus');
|
|
10331
|
-
}
|
|
10332
|
-
}
|
|
10333
|
-
|
|
10334
|
-
/**
|
|
10335
|
-
* Hides the visualFocus ring on the active cell when the grid loses focus.
|
|
10336
|
-
* @private
|
|
10337
|
-
* @returns {void}
|
|
10338
|
-
*/
|
|
10339
|
-
handleGridFocusOut() {
|
|
10340
|
-
this._gridHasFocus = false;
|
|
10341
|
-
// Remove visualFocus from ALL cells to prevent stale rings.
|
|
10342
|
-
const allCells = this.getAllFocusableCells();
|
|
10343
|
-
for (const cell of allCells) {
|
|
10344
|
-
const btn = cell._cachedButton || cell.shadowRoot.querySelector('button.day');
|
|
10345
|
-
if (btn) btn.classList.remove('visualFocus');
|
|
10346
|
-
}
|
|
10347
|
-
}
|
|
10348
|
-
|
|
10349
|
-
/**
|
|
10350
|
-
* Computes the initial active date from data properties alone — no DOM required.
|
|
10351
|
-
* Priority:
|
|
10352
|
-
* 1. Selected date (dateFrom) if within range
|
|
10353
|
-
* 2. Today's date if not disabled (in-range and not blackout)
|
|
10354
|
-
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
10355
|
-
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
10356
|
-
* 5. First enabled date in finite [min, max] range
|
|
10357
|
-
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
10358
|
-
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
10359
|
-
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
10360
|
-
* 7. undefined — no valid target
|
|
10361
|
-
*
|
|
10362
|
-
* @private
|
|
10363
|
-
* @param {Object} [options] - Optional settings.
|
|
10364
|
-
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
10365
|
-
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
10366
|
-
* newly visible month instead of jumping back to the selected date's month.
|
|
10367
|
-
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
10368
|
-
*/
|
|
10369
|
-
computeActiveDate(options = {}) {
|
|
10370
|
-
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
10371
|
-
|
|
10372
|
-
/**
|
|
10373
|
-
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
10374
|
-
* Returns a local-midnight-aligned timestamp in seconds.
|
|
10375
|
-
*/
|
|
10376
|
-
const addDays = (ts, days) => {
|
|
10377
|
-
const d = new Date(ts * 1000);
|
|
10378
|
-
d.setDate(d.getDate() + days);
|
|
10379
|
-
d.setHours(0, 0, 0, 0);
|
|
10380
|
-
return Math.floor(d.getTime() / 1000);
|
|
10381
|
-
};
|
|
10382
|
-
|
|
10383
|
-
const rawMin = Number(this.min);
|
|
10384
|
-
const rawMax = Number(this.max);
|
|
10385
|
-
|
|
10386
|
-
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
10387
|
-
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
10388
|
-
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
10389
|
-
|
|
10390
|
-
// Build a Set of blackout timestamps for O(1) lookup.
|
|
10391
|
-
const blackoutSet = new Set(
|
|
10392
|
-
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
10393
|
-
);
|
|
10394
|
-
|
|
10395
|
-
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
10396
|
-
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
10397
|
-
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
10398
|
-
if (Array.isArray(isoBlackouts)) {
|
|
10399
|
-
for (const isoStr of isoBlackouts) {
|
|
10400
|
-
const parts = isoStr.split('-');
|
|
10401
|
-
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
10402
|
-
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
10403
|
-
}
|
|
10404
|
-
}
|
|
10405
|
-
|
|
10406
|
-
/**
|
|
10407
|
-
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
10408
|
-
* it is within [min, max] AND not a blackout day.
|
|
10409
|
-
*/
|
|
10410
|
-
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
10411
|
-
|
|
10412
|
-
/**
|
|
10413
|
-
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
10414
|
-
* Blackout dates are focusable but not selectable.
|
|
10415
|
-
*/
|
|
10416
|
-
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
10417
|
-
|
|
10418
|
-
// 1. Selected date — always valid target if within range (user chose it).
|
|
10419
|
-
// Skipped when called from month navigation so the active cell lands in
|
|
10420
|
-
// the newly visible month rather than the (possibly off-screen) selection.
|
|
10421
|
-
if (!options.skipDateFrom && this.dateFrom) {
|
|
10422
|
-
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
10423
|
-
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
10424
|
-
}
|
|
10425
|
-
|
|
10426
|
-
// 2. Today's date (midnight-aligned) if enabled.
|
|
10427
|
-
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
10428
|
-
|
|
10429
|
-
// When centralDate is configured, prefer a date within the month(s) that
|
|
10430
|
-
// will actually be rendered. If today falls outside the visible range, an
|
|
10431
|
-
// active cell set to today would have no matching DOM element and keyboard
|
|
10432
|
-
// focus could not enter the calendar.
|
|
10433
|
-
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
10434
|
-
|
|
10435
|
-
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
10436
|
-
const centralMonth = centralDateValue.getMonth();
|
|
10437
|
-
const centralYear = centralDateValue.getFullYear();
|
|
10438
|
-
const todayDate = new Date(now * 1000);
|
|
10439
|
-
const todayMonth = todayDate.getMonth();
|
|
10440
|
-
const todayYear = todayDate.getFullYear();
|
|
10441
|
-
|
|
10442
|
-
// Today is outside the centralDate's month — scan for an enabled date
|
|
10443
|
-
// within the visible month instead.
|
|
10444
|
-
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
10445
|
-
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
10446
|
-
visibleStart.setHours(0, 0, 0, 0);
|
|
10447
|
-
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
10448
|
-
visibleEnd.setHours(0, 0, 0, 0);
|
|
10449
|
-
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
10450
|
-
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
10451
|
-
const daysInMonth = visibleEnd.getDate();
|
|
10452
|
-
|
|
10453
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10454
|
-
const ts = addDays(startTs, idx);
|
|
10455
|
-
if (ts > endTs) break;
|
|
10456
|
-
if (isEnabled(ts)) return ts;
|
|
10457
|
-
}
|
|
10458
|
-
|
|
10459
|
-
// No enabled date in the visible month — fall back to first in-range
|
|
10460
|
-
// date in the month so focus still lands on a focusable cell.
|
|
10461
|
-
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
10462
|
-
const ts = addDays(startTs, idx);
|
|
10463
|
-
if (ts > endTs) break;
|
|
10464
|
-
if (isInRange(ts)) return ts;
|
|
10465
|
-
}
|
|
10466
|
-
}
|
|
10467
|
-
}
|
|
10468
|
-
|
|
10469
|
-
if (isEnabled(now)) return now;
|
|
10470
|
-
|
|
10471
|
-
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
10472
|
-
// rendered month(s) first so a single-month calendar does not pick a date
|
|
10473
|
-
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
10474
|
-
// the number of rendered months.
|
|
10475
|
-
const renderedMonths = this.numCalendars || 1;
|
|
10476
|
-
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
10477
|
-
? centralDateValue
|
|
10478
|
-
: new Date(now * 1000);
|
|
10479
|
-
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
10480
|
-
visMonthStart.setHours(0, 0, 0, 0);
|
|
10481
|
-
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
10482
|
-
visMonthEnd.setHours(0, 0, 0, 0);
|
|
10483
|
-
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
10484
|
-
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
10485
|
-
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
10486
|
-
|
|
10487
|
-
// Scan visible months for an enabled date.
|
|
10488
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
10489
|
-
const ts = addDays(visStartTs, idx);
|
|
10490
|
-
if (ts > visEndTs) break;
|
|
10491
|
-
if (isEnabled(ts)) return ts;
|
|
10492
|
-
}
|
|
10493
|
-
|
|
10494
|
-
// No enabled date in visible months — try an in-range (focusable) date so
|
|
10495
|
-
// keyboard focus still has a tabindex="0" target.
|
|
10496
|
-
for (let idx = 0; idx < visDays; idx++) {
|
|
10497
|
-
const ts = addDays(visStartTs, idx);
|
|
10498
|
-
if (ts > visEndTs) break;
|
|
10499
|
-
if (isInRange(ts)) return ts;
|
|
10500
|
-
}
|
|
10501
|
-
|
|
10502
|
-
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
10503
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10504
|
-
const ts = addDays(now, idx);
|
|
10505
|
-
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
10506
|
-
if (isEnabled(ts)) return ts;
|
|
10507
|
-
}
|
|
10508
|
-
|
|
10509
|
-
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
10510
|
-
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10511
|
-
const ts = addDays(now, -idx);
|
|
10512
|
-
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
10513
|
-
if (isEnabled(ts)) return ts;
|
|
10514
|
-
}
|
|
10515
|
-
|
|
10516
|
-
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
10517
|
-
// the first enabled date in the [min, max] range.
|
|
10518
|
-
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10519
|
-
let ts = minTs;
|
|
10520
|
-
for (let idx = 0; ts <= maxTs; idx++) {
|
|
10521
|
-
if (isEnabled(ts)) return ts;
|
|
10522
|
-
ts = addDays(minTs, idx + 1);
|
|
10523
|
-
}
|
|
10524
|
-
}
|
|
10525
|
-
|
|
10526
|
-
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
10527
|
-
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
10528
|
-
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
10529
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10530
|
-
const ts = addDays(minTs, idx);
|
|
10531
|
-
if (isEnabled(ts)) return ts;
|
|
10532
|
-
}
|
|
10533
|
-
}
|
|
10534
|
-
|
|
10535
|
-
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
10536
|
-
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
10537
|
-
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
10538
|
-
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
10539
|
-
const ts = addDays(maxTs, -idx);
|
|
10540
|
-
if (isEnabled(ts)) return ts;
|
|
10541
|
-
}
|
|
10542
|
-
}
|
|
10543
|
-
|
|
10544
|
-
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
10545
|
-
// still lands on a focusable (but not selectable) cell.
|
|
10546
|
-
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
10547
|
-
if (isInRange(now)) return now;
|
|
10548
|
-
|
|
10549
|
-
return undefined;
|
|
10550
|
-
}
|
|
10551
|
-
|
|
10552
|
-
/**
|
|
10553
|
-
* Checks if a target date (unix seconds) is within the configured [min, max] range.
|
|
10554
|
-
* Returns false if the date falls outside the range, preventing navigation
|
|
10555
|
-
* to months where all dates are disabled.
|
|
10556
|
-
* @private
|
|
10557
|
-
* @param {Number} targetTs - Unix timestamp in seconds.
|
|
10558
|
-
* @returns {Boolean} True if the date is within range.
|
|
10559
|
-
*/
|
|
10560
|
-
isDateInRange(targetTs) {
|
|
10561
|
-
const rawMin = Number(this.min);
|
|
10562
|
-
const rawMax = Number(this.max);
|
|
10563
|
-
if (Number.isFinite(rawMin) && targetTs < rawMin) return false;
|
|
10564
|
-
if (Number.isFinite(rawMax) && targetTs > rawMax) return false;
|
|
10565
|
-
return true;
|
|
10566
|
-
}
|
|
10567
|
-
|
|
10568
|
-
/**
|
|
10569
|
-
* Handles arrow key navigation on the calendar grid wrapper.
|
|
10570
|
-
* Focus stays on the grid wrapper; only ariaActiveDescendantElement
|
|
10571
|
-
* and the visual active-cell indicator change.
|
|
10572
|
-
* @private
|
|
10573
|
-
* @param {KeyboardEvent} event - The keyboard event.
|
|
10574
|
-
* @returns {void}
|
|
10575
|
-
*/
|
|
10576
|
-
handleGridKeyDown(event) {
|
|
10577
|
-
const { key } = event;
|
|
10578
|
-
const actionKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp', 'Enter', ' '];
|
|
10579
|
-
|
|
10580
|
-
if (!actionKeys.includes(key)) return;
|
|
10581
|
-
|
|
10582
|
-
event.preventDefault();
|
|
10583
|
-
|
|
10584
|
-
const allCells = this.getAllFocusableCells();
|
|
10585
|
-
if (allCells.length === 0) return;
|
|
10586
|
-
|
|
10587
|
-
const activeCell = allCells.find(cell => cell.active);
|
|
10588
|
-
if (!activeCell) return;
|
|
10589
|
-
|
|
10590
|
-
// Handle Enter/Space to select the active cell
|
|
10591
|
-
if (key === 'Enter' || key === ' ') {
|
|
10592
|
-
activeCell.handleTap();
|
|
10593
|
-
return;
|
|
10594
|
-
}
|
|
10595
|
-
|
|
10596
|
-
const activeIndex = allCells.indexOf(activeCell);
|
|
10597
|
-
|
|
10598
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
10599
|
-
const direction = key === 'ArrowRight' ? 1 : -1;
|
|
10600
|
-
const targetIndex = activeIndex + direction;
|
|
10601
|
-
|
|
10602
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
10603
|
-
// Target cell exists in rendered months
|
|
10604
|
-
this.setActiveCell(allCells[targetIndex].day.date);
|
|
10605
|
-
this.scrollToActiveCell();
|
|
10606
|
-
// Dispatch focus event for the cell so live region + range preview update
|
|
10607
|
-
this.handleCellFocused({ detail: { date: allCells[targetIndex].day.date } });
|
|
10608
|
-
} else {
|
|
10609
|
-
// At boundary — need to navigate to next/prev month
|
|
10610
|
-
const navDir = direction === 1 ? 'next' : 'prev';
|
|
10611
|
-
const targetDate = new Date(activeCell.day.date * 1000);
|
|
10612
|
-
targetDate.setDate(targetDate.getDate() + direction);
|
|
10613
|
-
targetDate.setHours(0, 0, 0, 0);
|
|
10614
|
-
const targetTs = Math.floor(targetDate.getTime() / 1000);
|
|
10615
|
-
|
|
10616
|
-
if (this.isDateInRange(targetTs) && ((navDir === 'next' && this.showNextMonthBtn) || (navDir === 'prev' && this.showPrevMonthBtn))) {
|
|
10617
|
-
|
|
10618
|
-
if (navDir === 'next') {
|
|
10619
|
-
this.handleNextMonth({ skipActiveUpdate: true });
|
|
10620
|
-
} else {
|
|
10621
|
-
this.handlePrevMonth({ skipActiveUpdate: true });
|
|
10622
|
-
}
|
|
10623
|
-
requestAnimationFrame(() => {
|
|
10624
|
-
requestAnimationFrame(() => {
|
|
10625
|
-
const cells = this.getAllFocusableCells();
|
|
10626
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetTs);
|
|
10627
|
-
if (target) {
|
|
10628
|
-
this.setActiveCell(target.day.date);
|
|
10629
|
-
this.handleCellFocused({ detail: { date: target.day.date } });
|
|
10630
|
-
} else if (cells.length > 0) {
|
|
10631
|
-
const fallback = navDir === 'next' ? cells[cells.length - 1] : cells[0];
|
|
10632
|
-
this.setActiveCell(fallback.day.date);
|
|
10633
|
-
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
10634
|
-
}
|
|
10635
|
-
// Re-focus grid wrapper after month change re-render
|
|
10636
|
-
this.focusActiveCell();
|
|
10637
|
-
});
|
|
10638
|
-
});
|
|
10639
|
-
}
|
|
10640
|
-
}
|
|
10641
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
10642
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
10643
|
-
const currentDate = new Date(activeCell.day.date * 1000);
|
|
10644
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
10645
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
10646
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
10647
|
-
|
|
10648
|
-
const targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10649
|
-
|
|
10650
|
-
if (targetCell) {
|
|
10651
|
-
this.setActiveCell(targetCell.day.date);
|
|
10652
|
-
this.scrollToActiveCell();
|
|
10653
|
-
this.handleCellFocused({ detail: { date: targetCell.day.date } });
|
|
10654
|
-
} else if (this.isDateInRange(targetDate)) {
|
|
10655
|
-
// Target might be in an unrendered month
|
|
10656
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
10657
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
10658
|
-
if (navDirection === 'next') {
|
|
10659
|
-
this.handleNextMonth({ skipActiveUpdate: true });
|
|
10660
|
-
} else {
|
|
10661
|
-
this.handlePrevMonth({ skipActiveUpdate: true });
|
|
10662
|
-
}
|
|
10663
|
-
requestAnimationFrame(() => {
|
|
10664
|
-
requestAnimationFrame(() => {
|
|
10665
|
-
const cells = this.getAllFocusableCells();
|
|
10666
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10667
|
-
if (target) {
|
|
10668
|
-
this.setActiveCell(target.day.date);
|
|
10669
|
-
this.handleCellFocused({ detail: { date: target.day.date } });
|
|
10670
|
-
} else if (cells.length > 0) {
|
|
10671
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
10672
|
-
this.setActiveCell(nearest.day.date);
|
|
10673
|
-
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
10674
|
-
}
|
|
10675
|
-
this.focusActiveCell();
|
|
10676
|
-
});
|
|
10677
|
-
});
|
|
10678
|
-
}
|
|
10679
|
-
}
|
|
10680
|
-
}
|
|
10681
|
-
}
|
|
10682
|
-
|
|
10683
|
-
/**
|
|
10684
|
-
* Handles cross-month boundary navigation events from month components.
|
|
10685
|
-
* @private
|
|
10686
|
-
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
10687
|
-
* @returns {void}
|
|
10688
|
-
*/
|
|
10689
|
-
handleMonthBoundary(event) {
|
|
10690
|
-
const { direction, fromDate, key } = event.detail;
|
|
10691
|
-
|
|
10692
|
-
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
10693
|
-
// Linear navigation: find adjacent focusable cell across months
|
|
10694
|
-
const allCells = this.getAllFocusableCells();
|
|
10695
|
-
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
10696
|
-
|
|
10697
|
-
if (currentIndex === -1) return;
|
|
10698
|
-
|
|
10699
|
-
let targetIndex;
|
|
10700
|
-
if (direction === 'next') {
|
|
10701
|
-
targetIndex = currentIndex + 1;
|
|
10702
|
-
} else {
|
|
10703
|
-
targetIndex = currentIndex - 1;
|
|
10704
|
-
}
|
|
10705
|
-
|
|
10706
|
-
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
10707
|
-
const targetCell = allCells[targetIndex];
|
|
10708
|
-
this.setActiveCell(targetCell.day.date);
|
|
10709
|
-
this.scrollToActiveCell();
|
|
10710
|
-
this.focusActiveCell();
|
|
10711
|
-
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
10712
|
-
// Navigate to next month and focus the computed next date.
|
|
10713
|
-
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
10714
|
-
// avoids jumping backward in range datepickers where cells[0]
|
|
10715
|
-
// belongs to the previous (still-rendered) month.
|
|
10716
|
-
const nextDate = new Date(fromDate * 1000);
|
|
10717
|
-
nextDate.setDate(nextDate.getDate() + 1);
|
|
10718
|
-
nextDate.setHours(0, 0, 0, 0);
|
|
10719
|
-
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
10720
|
-
|
|
10721
|
-
if (!this.isDateInRange(nextTs)) return;
|
|
10722
|
-
|
|
10723
|
-
this.handleNextMonth({ skipActiveUpdate: true });
|
|
10724
|
-
requestAnimationFrame(() => {
|
|
10725
|
-
requestAnimationFrame(() => {
|
|
10726
|
-
const cells = this.getAllFocusableCells();
|
|
10727
|
-
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
10728
|
-
if (target) {
|
|
10729
|
-
this.setActiveCell(target.day.date);
|
|
10730
|
-
this.focusActiveCell();
|
|
10731
|
-
} else if (cells.length > 0) {
|
|
10732
|
-
// Fallback: first cell of the last rendered month
|
|
10733
|
-
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
10734
|
-
this.focusActiveCell();
|
|
10735
|
-
}
|
|
10736
|
-
});
|
|
10737
|
-
});
|
|
10738
|
-
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
10739
|
-
// Navigate to previous month and focus the computed previous date.
|
|
10740
|
-
const prevDate = new Date(fromDate * 1000);
|
|
10741
|
-
prevDate.setDate(prevDate.getDate() - 1);
|
|
10742
|
-
prevDate.setHours(0, 0, 0, 0);
|
|
10743
|
-
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
10744
|
-
|
|
10745
|
-
if (!this.isDateInRange(prevTs)) return;
|
|
10746
|
-
|
|
10747
|
-
this.handlePrevMonth({ skipActiveUpdate: true });
|
|
10748
|
-
requestAnimationFrame(() => {
|
|
10749
|
-
requestAnimationFrame(() => {
|
|
10750
|
-
const cells = this.getAllFocusableCells();
|
|
10751
|
-
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
10752
|
-
if (target) {
|
|
10753
|
-
this.setActiveCell(target.day.date);
|
|
10754
|
-
this.focusActiveCell();
|
|
10755
|
-
} else if (cells.length > 0) {
|
|
10756
|
-
// Fallback: last cell of the first rendered month
|
|
10757
|
-
this.setActiveCell(cells[0].day.date);
|
|
10758
|
-
this.focusActiveCell();
|
|
10759
|
-
}
|
|
10760
|
-
});
|
|
10761
|
-
});
|
|
10762
|
-
}
|
|
10763
|
-
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
10764
|
-
// Vertical navigation: find same day-of-week +/- 7 days
|
|
10765
|
-
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
10766
|
-
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
10767
|
-
const currentDate = new Date(fromDate * 1000);
|
|
10768
|
-
currentDate.setDate(currentDate.getDate() + increment);
|
|
10769
|
-
currentDate.setHours(0, 0, 0, 0);
|
|
10770
|
-
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
10771
|
-
|
|
10772
|
-
const allCells = this.getAllFocusableCells();
|
|
10773
|
-
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10774
|
-
|
|
10775
|
-
if (targetCell) {
|
|
10776
|
-
this.setActiveCell(targetCell.day.date);
|
|
10777
|
-
this.scrollToActiveCell();
|
|
10778
|
-
this.focusActiveCell();
|
|
10779
|
-
} else if (this.isDateInRange(targetDate)) {
|
|
10780
|
-
// Target might be in an unrendered month, navigate there
|
|
10781
|
-
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
10782
|
-
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
10783
|
-
if (navDirection === 'next') {
|
|
10784
|
-
this.handleNextMonth({ skipActiveUpdate: true });
|
|
10785
|
-
} else {
|
|
10786
|
-
this.handlePrevMonth({ skipActiveUpdate: true });
|
|
10787
|
-
}
|
|
10788
|
-
requestAnimationFrame(() => {
|
|
10789
|
-
requestAnimationFrame(() => {
|
|
10790
|
-
const cells = this.getAllFocusableCells();
|
|
10791
|
-
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
10792
|
-
if (target) {
|
|
10793
|
-
this.setActiveCell(target.day.date);
|
|
10794
|
-
this.focusActiveCell();
|
|
10795
|
-
} else if (cells.length > 0) {
|
|
10796
|
-
// Clamp to nearest focusable cell
|
|
10797
|
-
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
10798
|
-
this.setActiveCell(nearest.day.date);
|
|
10799
|
-
this.focusActiveCell();
|
|
10800
|
-
}
|
|
10801
|
-
});
|
|
10802
|
-
});
|
|
10803
|
-
}
|
|
10804
|
-
}
|
|
10805
|
-
}
|
|
10806
|
-
}
|
|
10807
|
-
|
|
10808
|
-
/**
|
|
10809
|
-
* Handles cell activation events from month components.
|
|
10810
|
-
* @private
|
|
10811
|
-
* @param {CustomEvent} event - The activation event with target date.
|
|
10812
|
-
* @returns {void}
|
|
10813
|
-
*/
|
|
10814
|
-
handleCellActivate(event) {
|
|
10815
|
-
const { date } = event.detail;
|
|
10816
|
-
this.setActiveCell(date);
|
|
10817
|
-
|
|
10818
|
-
// Don't call focusActiveCell() here. The tap/click already placed
|
|
10819
|
-
// focus on the cell button, and moving it to #calendarGrid would
|
|
10820
|
-
// trigger focusout on the button, closing any open popover on the
|
|
10821
|
-
// cell. Keyboard events are composed and still bubble through
|
|
10822
|
-
// shadow DOM boundaries to the grid's @keydown handler, so
|
|
10823
|
-
// subsequent keyboard navigation continues to work.
|
|
10824
|
-
}
|
|
10825
|
-
|
|
10826
|
-
/**
|
|
10827
|
-
* Handles focus events from calendar cells.
|
|
10828
|
-
* Updates the live region with an SR announcement and triggers
|
|
10829
|
-
* the imperative range preview if applicable.
|
|
10830
|
-
* @private
|
|
10831
|
-
* @param {CustomEvent} event - The calendar-cell-focused event.
|
|
10832
|
-
* @returns {void}
|
|
10833
|
-
*/
|
|
10834
|
-
handleCellFocused(event) {
|
|
10835
|
-
const { date } = event.detail;
|
|
10836
|
-
if (date == null) return;
|
|
10837
|
-
|
|
10838
|
-
// With aria-activedescendant, the button no longer receives native focus,
|
|
10839
|
-
// so we use the debounced live region for the full context announcement.
|
|
10840
|
-
const announcement = this.buildFocusAnnouncement(date);
|
|
10841
|
-
this.announceFocusDebounced(announcement);
|
|
10842
|
-
|
|
10843
|
-
// Update the range preview imperatively if in range-preview mode.
|
|
10844
|
-
this.updateRangePreview(date);
|
|
10845
|
-
}
|
|
10846
|
-
|
|
10847
|
-
/**
|
|
10848
|
-
* Builds a full SR announcement string for a focused cell date.
|
|
10849
|
-
* Includes the localized date, range position, popover content,
|
|
10850
|
-
* and blackout status.
|
|
10851
|
-
* @private
|
|
10852
|
-
* @param {Number} date - Unix timestamp (seconds) of the focused cell.
|
|
10853
|
-
* @returns {String} The announcement string.
|
|
10854
|
-
*/
|
|
10855
|
-
buildFocusAnnouncement(date) {
|
|
10856
|
-
let label = this.formatAnnouncementDate(date);
|
|
10857
|
-
|
|
10858
|
-
// Append date slot content (e.g. prices) if present.
|
|
10859
|
-
const dateObj = new Date(date * 1000);
|
|
10860
|
-
const mm = String(dateObj.getMonth() + 1).padStart(2, '0');
|
|
10861
|
-
const dd = String(dateObj.getDate()).padStart(2, '0');
|
|
10862
|
-
const yyyy = dateObj.getFullYear();
|
|
10863
|
-
const dateStr = `${mm}_${dd}_${yyyy}`;
|
|
10864
|
-
const dateSlotEl = this.datepicker?.querySelector(`[slot="date_${dateStr}"]`);
|
|
10865
|
-
if (dateSlotEl) {
|
|
10866
|
-
const text = dateSlotEl.innerText?.trim();
|
|
10867
|
-
if (text) {
|
|
10868
|
-
label += `, ${text}`;
|
|
10869
|
-
}
|
|
10870
|
-
}
|
|
10871
|
-
|
|
10872
|
-
// Append popover content if present.
|
|
10873
|
-
const popoverEl = this.datepicker?.querySelector(`[slot="popover_${dateStr}"]`);
|
|
10874
|
-
if (popoverEl) {
|
|
10875
|
-
const text = popoverEl.innerText?.trim();
|
|
10876
|
-
if (text) {
|
|
10877
|
-
label += `, ${text}`;
|
|
10878
|
-
}
|
|
10879
|
-
}
|
|
10880
|
-
|
|
10881
|
-
// Append range position context.
|
|
10882
|
-
if (this.datepicker?.hasAttribute('range')) {
|
|
10883
|
-
const rangeLabel = this.getRangePositionLabel(date);
|
|
10884
|
-
if (rangeLabel) {
|
|
10885
|
-
label += `, ${rangeLabel}`;
|
|
10886
|
-
}
|
|
10887
|
-
}
|
|
10888
|
-
|
|
10889
|
-
// Append blackout label.
|
|
10890
|
-
if (this.isDateBlackout(date)) {
|
|
10891
|
-
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
10892
|
-
}
|
|
10893
|
-
|
|
10894
|
-
return label;
|
|
10895
|
-
}
|
|
10896
|
-
|
|
10897
|
-
/**
|
|
10898
|
-
* Determines the range position label for a given date.
|
|
10899
|
-
* @private
|
|
10900
|
-
* @param {Number} date - Unix timestamp (seconds).
|
|
10901
|
-
* @returns {String|null} The range position label, or null.
|
|
10902
|
-
*/
|
|
10903
|
-
getRangePositionLabel(date) {
|
|
10904
|
-
const parsedFrom = Number.parseInt(this.dateFrom, 10);
|
|
10905
|
-
if (!Number.isFinite(parsedFrom)) return null;
|
|
10906
|
-
|
|
10907
|
-
const departTs = startOfDay(parsedFrom * 1000) / 1000;
|
|
10908
|
-
const parsedTo = Number.parseInt(this.dateTo, 10);
|
|
10909
|
-
const hasTo = Number.isFinite(parsedTo);
|
|
10910
|
-
const returnTs = hasTo ? startOfDay(parsedTo * 1000) / 1000 : null;
|
|
10911
|
-
|
|
10912
|
-
if (date === departTs) return this.datepicker.rangeLabelStart || 'range start';
|
|
10913
|
-
if (hasTo && date === returnTs) return this.datepicker.rangeLabelEnd || 'range end';
|
|
10914
|
-
if (date < departTs) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
10915
|
-
if (hasTo && date > departTs && date < returnTs) return this.datepicker.rangeLabelInRange || 'in range';
|
|
10916
|
-
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
10917
|
-
}
|
|
10918
|
-
|
|
10919
|
-
/**
|
|
10920
|
-
* Checks whether a given date is a blackout date.
|
|
10921
|
-
* @private
|
|
10922
|
-
* @param {Number} dateTs - Unix timestamp (seconds).
|
|
10923
|
-
* @returns {Boolean} True if the date is blacked out.
|
|
10924
|
-
*/
|
|
10925
|
-
isDateBlackout(dateTs) {
|
|
10926
|
-
// Check legacy disabledDays.
|
|
10927
|
-
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
10928
|
-
if (this.disabledDays.findIndex(d => parseInt(d, 10) === dateTs) !== -1) {
|
|
10929
|
-
return true;
|
|
10930
|
-
}
|
|
10931
|
-
}
|
|
10932
|
-
|
|
10933
|
-
// Check ISO blackoutDates.
|
|
10934
|
-
const blackoutDates = this.datepicker?.blackoutDates;
|
|
10935
|
-
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
10936
|
-
const date = new Date(dateTs * 1000);
|
|
10937
|
-
const yyyy = date.getFullYear();
|
|
10938
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
10939
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
10940
|
-
if (blackoutDates.includes(`${yyyy}-${mm}-${dd}`)) {
|
|
10941
|
-
return true;
|
|
10942
|
-
}
|
|
10943
|
-
}
|
|
10944
|
-
|
|
10945
|
-
return false;
|
|
10946
|
-
}
|
|
10947
|
-
|
|
10948
|
-
/**
|
|
10949
|
-
* Updates the range preview classes imperatively across all cells.
|
|
10950
|
-
* Only active when in range mode with dateFrom set and dateTo not yet set.
|
|
10951
|
-
* @private
|
|
10952
|
-
* @param {Number} hoveredDate - Unix timestamp of the hovered/focused date.
|
|
10953
|
-
* @returns {void}
|
|
10954
|
-
*/
|
|
10955
|
-
updateRangePreview(hoveredDate) {
|
|
10956
|
-
if (this.noRange || !this.dateFrom || this.dateTo) {
|
|
10957
|
-
return;
|
|
10958
|
-
}
|
|
10959
|
-
|
|
10960
|
-
const parsedDateFrom = parseInt(this.dateFrom, 10);
|
|
10961
|
-
const allCells = this.getAllFocusableCells();
|
|
10962
|
-
|
|
10963
|
-
allCells.forEach(cell => {
|
|
10964
|
-
cell.updateRangePreviewClasses(hoveredDate, parsedDateFrom);
|
|
10965
|
-
});
|
|
10966
|
-
}
|
|
10967
|
-
|
|
10968
|
-
/**
|
|
10969
|
-
* Clears range preview classes from all cells.
|
|
10970
|
-
* @private
|
|
10971
|
-
* @returns {void}
|
|
10972
|
-
*/
|
|
10973
|
-
clearRangePreview() {
|
|
10974
|
-
const allCells = this.getAllFocusableCells();
|
|
10975
|
-
allCells.forEach(cell => {
|
|
10976
|
-
cell.clearRangePreviewClasses();
|
|
10977
|
-
});
|
|
10978
|
-
}
|
|
10979
|
-
|
|
10980
|
-
/**
|
|
10981
|
-
* Overrides the base class handler to prevent setting `this.hoveredDate`
|
|
10982
|
-
* as a reactive property. Instead, handles the range preview imperatively.
|
|
10983
|
-
* @private
|
|
10984
|
-
* @param {CustomEvent} event - The hovered-date-changed event from a month.
|
|
10985
|
-
* @returns {void}
|
|
10986
|
-
*/
|
|
10987
|
-
hoveredDateChanged(event) {
|
|
10988
|
-
const hoveredDate = event.detail.value;
|
|
10989
|
-
this.updateRangePreview(hoveredDate);
|
|
10990
|
-
}
|
|
10991
|
-
|
|
10992
|
-
/**
|
|
10993
|
-
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
10994
|
-
* @private
|
|
10995
|
-
* @returns {void}
|
|
10996
|
-
*/
|
|
10997
|
-
scrollToActiveCell() {
|
|
10998
|
-
if (this.activeCellDate == null) return;
|
|
10999
|
-
|
|
11000
|
-
const date = new Date(this.activeCellDate * 1000);
|
|
11001
|
-
const month = date.getMonth() + 1;
|
|
11002
|
-
const year = date.getFullYear();
|
|
11003
|
-
const selector = `#month-${month}-${year}`;
|
|
11004
|
-
const monthElem = this.shadowRoot.querySelector(selector);
|
|
11005
|
-
|
|
11006
|
-
if (monthElem) {
|
|
11007
|
-
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
11008
|
-
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
11009
|
-
}
|
|
11010
|
-
}
|
|
11011
|
-
|
|
11012
|
-
/**
|
|
11013
|
-
* Returns (and lazily creates) a document-level aria-live region.
|
|
11014
|
-
* Chrome does not reliably observe aria-live regions inside shadow DOM,
|
|
11015
|
-
* so this element is appended to document.body where all browsers and
|
|
11016
|
-
* screen readers can observe it.
|
|
11017
|
-
* @private
|
|
11018
|
-
* @returns {HTMLElement} The live region element.
|
|
11019
|
-
*/
|
|
11020
|
-
getOrCreateLiveRegion() {
|
|
11021
|
-
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11022
|
-
return this._liveRegion;
|
|
11023
|
-
}
|
|
11024
|
-
|
|
11025
|
-
// Reuse an existing shared region if another calendar instance created one.
|
|
11026
|
-
const existing = document.getElementById('auro-calendar-live-region');
|
|
11027
|
-
if (existing) {
|
|
11028
|
-
this._liveRegion = existing;
|
|
11029
|
-
return existing;
|
|
11030
|
-
}
|
|
11031
|
-
|
|
11032
|
-
const el = document.createElement('div');
|
|
11033
|
-
el.id = 'auro-calendar-live-region';
|
|
11034
|
-
el.setAttribute('aria-live', 'assertive');
|
|
11035
|
-
el.setAttribute('aria-atomic', 'true');
|
|
11036
|
-
el.setAttribute('role', 'status');
|
|
11037
|
-
// Visually hidden but available to screen readers
|
|
11038
|
-
el.style.cssText = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;';
|
|
11039
|
-
document.body.appendChild(el);
|
|
11040
|
-
this._liveRegion = el;
|
|
11041
|
-
return el;
|
|
11042
|
-
}
|
|
11043
|
-
|
|
11044
|
-
/**
|
|
11045
|
-
* Removes the document-level live region when this calendar is disconnected.
|
|
11046
|
-
* @private
|
|
11047
|
-
* @returns {void}
|
|
11048
|
-
*/
|
|
11049
|
-
disconnectedCallback() {
|
|
11050
|
-
super.disconnectedCallback();
|
|
11051
|
-
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11052
|
-
// Only remove if no other calendar instances are still using it.
|
|
11053
|
-
const otherCalendars = document.querySelectorAll('auro-formkit-calendar');
|
|
11054
|
-
if (otherCalendars.length === 0) {
|
|
11055
|
-
this._liveRegion.remove();
|
|
11056
|
-
}
|
|
11057
|
-
}
|
|
11058
|
-
this._liveRegion = null;
|
|
11059
|
-
}
|
|
11060
|
-
|
|
11061
|
-
/**
|
|
11062
|
-
* Announces a date selection or focus change via the live region.
|
|
11063
|
-
* Uses requestAnimationFrame to ensure the clear and set happen in
|
|
11064
|
-
* separate rendering frames — Chrome may coalesce synchronous or
|
|
11065
|
-
* microtask-deferred mutations into a single accessibility tree update.
|
|
11066
|
-
* @private
|
|
11067
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
11068
|
-
* @returns {void}
|
|
11069
|
-
*/
|
|
11070
|
-
announceSelection(dateStr) {
|
|
11071
|
-
// Cancel any previously queued rAF announcement so a rapid
|
|
11072
|
-
// sequence of calls (e.g. bib open → month nav) only announces
|
|
11073
|
-
// the last one.
|
|
11074
|
-
if (this._announceRafId) {
|
|
11075
|
-
cancelAnimationFrame(this._announceRafId);
|
|
11076
|
-
}
|
|
11077
|
-
|
|
11078
|
-
const liveRegion = this.getOrCreateLiveRegion();
|
|
11079
|
-
liveRegion.textContent = '';
|
|
11080
|
-
this._announceRafId = requestAnimationFrame(() => {
|
|
11081
|
-
liveRegion.textContent = dateStr;
|
|
11082
|
-
this._announceRafId = null;
|
|
11083
|
-
});
|
|
11084
|
-
}
|
|
11085
|
-
|
|
11086
|
-
/**
|
|
11087
|
-
* Debounced version of announceSelection for focus navigation.
|
|
11088
|
-
* Only announces the last focused date after rapid navigation pauses,
|
|
11089
|
-
* preventing the screen reader from queueing up stale announcements
|
|
11090
|
-
* that can't keep pace with arrow-key traversal.
|
|
11091
|
-
* @private
|
|
11092
|
-
* @param {String} dateStr - The localized date string to announce.
|
|
11093
|
-
* @returns {void}
|
|
11094
|
-
*/
|
|
11095
|
-
announceFocusDebounced(dateStr) {
|
|
11096
|
-
if (this._focusAnnounceTimer) {
|
|
11097
|
-
clearTimeout(this._focusAnnounceTimer);
|
|
11098
|
-
}
|
|
11099
|
-
this._focusAnnounceTimer = setTimeout(() => {
|
|
11100
|
-
this.announceSelection(dateStr);
|
|
11101
|
-
this._focusAnnounceTimer = null;
|
|
11102
|
-
}, 150);
|
|
11103
|
-
}
|
|
11104
|
-
|
|
11105
|
-
/**
|
|
11106
|
-
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
11107
|
-
* @private
|
|
11108
|
-
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
11109
|
-
* @returns {String} Localized date string.
|
|
11110
|
-
*/
|
|
11111
|
-
formatAnnouncementDate(timestamp) {
|
|
11112
|
-
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
11113
|
-
const localeCode = this.locale?.code || undefined;
|
|
11114
|
-
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
11115
|
-
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
11116
|
-
});
|
|
11117
|
-
return formatter.format(date);
|
|
11118
|
-
}
|
|
11119
|
-
|
|
11120
9670
|
firstUpdated() {
|
|
11121
9671
|
this.addEventListener('date-from-changed', () => {
|
|
11122
9672
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -11136,21 +9686,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11136
9686
|
composed: true,
|
|
11137
9687
|
}));
|
|
11138
9688
|
});
|
|
11139
|
-
|
|
11140
|
-
// Listen for cross-month boundary navigation events
|
|
11141
|
-
this.addEventListener('calendar-month-boundary', (event) => {
|
|
11142
|
-
this.handleMonthBoundary(event);
|
|
11143
|
-
});
|
|
11144
|
-
|
|
11145
|
-
// Listen for cell activation events
|
|
11146
|
-
this.addEventListener('calendar-cell-activate', (event) => {
|
|
11147
|
-
this.handleCellActivate(event);
|
|
11148
|
-
});
|
|
11149
|
-
|
|
11150
|
-
// Listen for cell focus events (SR announcements + range preview)
|
|
11151
|
-
this.addEventListener('calendar-cell-focused', (event) => {
|
|
11152
|
-
this.handleCellFocused(event);
|
|
11153
|
-
});
|
|
11154
9689
|
}
|
|
11155
9690
|
|
|
11156
9691
|
injectSlot(slotName, nodes) {
|
|
@@ -11175,37 +9710,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11175
9710
|
}
|
|
11176
9711
|
|
|
11177
9712
|
if (changedProperties.has('visible')) {
|
|
11178
|
-
|
|
11179
|
-
// Compute the active date eagerly from data — no DOM needed.
|
|
11180
|
-
if (this.activeCellDate == null) {
|
|
11181
|
-
this.activeCellDate = this.computeActiveDate();
|
|
11182
|
-
}
|
|
11183
|
-
|
|
11184
|
-
this.requestUpdate();
|
|
11185
|
-
} else {
|
|
11186
|
-
this.requestUpdate();
|
|
11187
|
-
}
|
|
11188
|
-
}
|
|
11189
|
-
|
|
11190
|
-
// Announce date selection to screen readers when user clicks/selects a cell
|
|
11191
|
-
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
11192
|
-
|
|
11193
|
-
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
11194
|
-
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
11195
|
-
const isRange = !this.noRange;
|
|
11196
|
-
|
|
11197
|
-
if (isRange) {
|
|
11198
|
-
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
11199
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
11200
|
-
} else {
|
|
11201
|
-
this.announceSelection(`${dateStr}, selected`);
|
|
11202
|
-
}
|
|
11203
|
-
}
|
|
11204
|
-
|
|
11205
|
-
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
11206
|
-
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
11207
|
-
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
11208
|
-
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
9713
|
+
setTimeout(() => this.requestUpdate());
|
|
11209
9714
|
}
|
|
11210
9715
|
}
|
|
11211
9716
|
|
|
@@ -11214,7 +9719,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11214
9719
|
<${this.bibtemplateTag}
|
|
11215
9720
|
?large="${this.largeFullscreenHeadline}"
|
|
11216
9721
|
?isFullscreen="${this.isFullscreen}"
|
|
11217
|
-
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
11218
9722
|
@close-click="${this.utilCal.requestDismiss}">
|
|
11219
9723
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
11220
9724
|
|
|
@@ -11232,22 +9736,22 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11232
9736
|
</div>
|
|
11233
9737
|
</div>
|
|
11234
9738
|
|
|
11235
|
-
<div class="calendarWrapper
|
|
9739
|
+
<div class="calendarWrapper">
|
|
9740
|
+
<div class="calendars">
|
|
9741
|
+
${this.renderAllCalendars()}
|
|
9742
|
+
</div>
|
|
11236
9743
|
<div class="calendarNavButtons">
|
|
11237
9744
|
${this.showPrevMonthBtn ? u$a`
|
|
11238
|
-
<button tabIndex="
|
|
9745
|
+
<button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
|
|
11239
9746
|
${this.util.generateIconHtml(chevronLeft)}
|
|
11240
9747
|
</button>
|
|
11241
9748
|
` : undefined}
|
|
11242
9749
|
${this.showNextMonthBtn ? u$a`
|
|
11243
|
-
<button tabIndex="
|
|
9750
|
+
<button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
|
|
11244
9751
|
${this.util.generateIconHtml(chevronRight)}
|
|
11245
9752
|
</button>
|
|
11246
9753
|
` : undefined}
|
|
11247
9754
|
</div>
|
|
11248
|
-
<div id="calendarGrid" class="calendars" role="group" tabindex="0" @keydown="${this.handleGridKeyDown}" @focusin="${this.handleGridFocusIn}" @focusout="${this.handleGridFocusOut}">
|
|
11249
|
-
${this.renderAllCalendars()}
|
|
11250
|
-
</div>
|
|
11251
9755
|
</div>
|
|
11252
9756
|
|
|
11253
9757
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
@@ -14521,7 +13025,7 @@ function applyKeyboardStrategy$1(component, strategy, options = {}) {
|
|
|
14521
13025
|
});
|
|
14522
13026
|
}
|
|
14523
13027
|
|
|
14524
|
-
var styleCss$2$1 = i$3`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(
|
|
13028
|
+
var styleCss$2$1 = i$3`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
14525
13029
|
|
|
14526
13030
|
var colorCss$2 = i$3`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
14527
13031
|
|
|
@@ -15152,7 +13656,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
15152
13656
|
}
|
|
15153
13657
|
};
|
|
15154
13658
|
|
|
15155
|
-
var formkitVersion$1 = '
|
|
13659
|
+
var formkitVersion$1 = '202606082059';
|
|
15156
13660
|
|
|
15157
13661
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
15158
13662
|
static get properties() {
|
|
@@ -15332,7 +13836,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15332
13836
|
_intializeDefaults() {
|
|
15333
13837
|
this.appearance = 'default';
|
|
15334
13838
|
this.chevron = false;
|
|
15335
|
-
this.desktopModal = false;
|
|
15336
13839
|
this.disabled = false;
|
|
15337
13840
|
this.disableKeyboardHandling = false;
|
|
15338
13841
|
this.error = false;
|
|
@@ -15513,14 +14016,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15513
14016
|
reflect: true
|
|
15514
14017
|
},
|
|
15515
14018
|
|
|
15516
|
-
/**
|
|
15517
|
-
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
15518
|
-
*/
|
|
15519
|
-
desktopModal: {
|
|
15520
|
-
type: Boolean,
|
|
15521
|
-
reflect: true
|
|
15522
|
-
},
|
|
15523
|
-
|
|
15524
14019
|
/**
|
|
15525
14020
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
15526
14021
|
*/
|
|
@@ -15808,15 +14303,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15808
14303
|
|
|
15809
14304
|
disconnectedCallback() {
|
|
15810
14305
|
super.disconnectedCallback();
|
|
15811
|
-
this._clearPageInert();
|
|
15812
|
-
if (this._bibTabHandler) {
|
|
15813
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
15814
|
-
this._bibTabHandler = undefined;
|
|
15815
|
-
}
|
|
15816
|
-
if (this.focusTrap) {
|
|
15817
|
-
this.focusTrap.disconnect();
|
|
15818
|
-
this.focusTrap = undefined;
|
|
15819
|
-
}
|
|
15820
14306
|
if (this.floater) {
|
|
15821
14307
|
this.floater.hideBib('disconnect');
|
|
15822
14308
|
this.floater.disconnect();
|
|
@@ -15844,45 +14330,19 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15844
14330
|
if (this.isPopoverVisible) {
|
|
15845
14331
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
15846
14332
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
15847
|
-
this.
|
|
15848
|
-
this.
|
|
15849
|
-
|
|
15850
|
-
// Desktop modal: make siblings inert so content outside is not interactive
|
|
15851
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15852
|
-
this._setPageInert();
|
|
15853
|
-
}
|
|
14333
|
+
const useModal = this.isBibFullscreen;
|
|
14334
|
+
this.bibElement.value.open(useModal);
|
|
15854
14335
|
} else {
|
|
15855
14336
|
this.bibElement.value.close();
|
|
15856
|
-
this._clearPageInert();
|
|
15857
14337
|
}
|
|
15858
14338
|
}
|
|
15859
14339
|
|
|
15860
14340
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
15861
14341
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
15862
14342
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
14343
|
+
const useModal = this.isBibFullscreen;
|
|
15863
14344
|
this.bibElement.value.close();
|
|
15864
|
-
this.bibElement.value.open(
|
|
15865
|
-
|
|
15866
|
-
// Re-initialize focus management for the new strategy
|
|
15867
|
-
this.updateFocusTrap();
|
|
15868
|
-
|
|
15869
|
-
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
15870
|
-
if (this.desktopModal && !this.isBibFullscreen) {
|
|
15871
|
-
this._setPageInert();
|
|
15872
|
-
} else {
|
|
15873
|
-
this._clearPageInert();
|
|
15874
|
-
}
|
|
15875
|
-
}
|
|
15876
|
-
|
|
15877
|
-
// Handle desktopModal toggled while the dropdown is already open.
|
|
15878
|
-
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
15879
|
-
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
15880
|
-
this.updateFocusTrap();
|
|
15881
|
-
if (this.desktopModal) {
|
|
15882
|
-
this._setPageInert();
|
|
15883
|
-
} else {
|
|
15884
|
-
this._clearPageInert();
|
|
15885
|
-
}
|
|
14345
|
+
this.bibElement.value.open(useModal);
|
|
15886
14346
|
}
|
|
15887
14347
|
}
|
|
15888
14348
|
|
|
@@ -15892,14 +14352,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15892
14352
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
15893
14353
|
*/
|
|
15894
14354
|
handleDropdownToggle(event) {
|
|
14355
|
+
this.updateFocusTrap();
|
|
15895
14356
|
this.isPopoverVisible = event.detail.expanded;
|
|
15896
|
-
|
|
15897
|
-
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
15898
|
-
// after the dialog is open so getFocusableElements can find content.
|
|
15899
|
-
if (!this.isPopoverVisible) {
|
|
15900
|
-
this.updateFocusTrap();
|
|
15901
|
-
}
|
|
15902
|
-
|
|
15903
14357
|
const eventType = event.detail.eventType || "unknown";
|
|
15904
14358
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
15905
14359
|
this.trigger.focus();
|
|
@@ -15998,178 +14452,19 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15998
14452
|
* @private
|
|
15999
14453
|
*/
|
|
16000
14454
|
updateFocusTrap() {
|
|
16001
|
-
// Always clean up existing handlers/traps before setting up new ones
|
|
16002
|
-
// to prevent duplicate listeners on repeated calls.
|
|
16003
|
-
if (this._bibTabHandler) {
|
|
16004
|
-
this.removeEventListener('keydown', this._bibTabHandler);
|
|
16005
|
-
this._bibTabHandler = undefined;
|
|
16006
|
-
}
|
|
16007
|
-
|
|
16008
|
-
if (this.focusTrap) {
|
|
16009
|
-
this.focusTrap.disconnect();
|
|
16010
|
-
this.focusTrap = undefined;
|
|
16011
|
-
}
|
|
16012
|
-
|
|
16013
14455
|
if (this.isPopoverVisible) {
|
|
16014
14456
|
if (!this.isBibFullscreen) {
|
|
16015
|
-
|
|
16016
|
-
|
|
16017
|
-
|
|
16018
|
-
// from slotted content bubble through the dropdown host (light DOM),
|
|
16019
|
-
// not through the bib (shadow projection target). Using FocusTrap
|
|
16020
|
-
// on the dropdown would include the trigger in the tab cycle.
|
|
16021
|
-
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
16022
|
-
// within the bib's focusable elements.
|
|
16023
|
-
this._bibTabHandler = (event) => {
|
|
16024
|
-
if (event.key !== 'Tab') {
|
|
16025
|
-
return;
|
|
16026
|
-
}
|
|
16027
|
-
|
|
16028
|
-
// Collect focusable elements from the bib content.
|
|
16029
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
16030
|
-
|
|
16031
|
-
// Fallback: try from slotted content directly
|
|
16032
|
-
if (!focusables.length) {
|
|
16033
|
-
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
16034
|
-
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
16035
|
-
|
|
16036
|
-
for (const node of assignedNodes) {
|
|
16037
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
16038
|
-
focusables.push(...getFocusableElements(node));
|
|
16039
|
-
}
|
|
16040
|
-
}
|
|
16041
|
-
}
|
|
16042
|
-
|
|
16043
|
-
if (!focusables.length) {
|
|
16044
|
-
return;
|
|
16045
|
-
}
|
|
16046
|
-
|
|
16047
|
-
event.preventDefault();
|
|
16048
|
-
|
|
16049
|
-
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
16050
|
-
|
|
16051
|
-
// Walk the active element chain through shadow roots
|
|
16052
|
-
const actives = this._getActiveElements();
|
|
16053
|
-
|
|
16054
|
-
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
16055
|
-
|
|
16056
|
-
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
16057
|
-
// Focus is not on a known element — move to first/last
|
|
16058
|
-
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
16059
|
-
}
|
|
16060
|
-
|
|
16061
|
-
// Try each element in order, skipping any that can't receive focus
|
|
16062
|
-
// (e.g. hidden elements, elements in collapsed sections)
|
|
16063
|
-
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
16064
|
-
let nextIdx = idx + direction;
|
|
16065
|
-
|
|
16066
|
-
// Wrap around
|
|
16067
|
-
if (nextIdx < 0) {
|
|
16068
|
-
nextIdx = focusables.length - 1;
|
|
16069
|
-
} else if (nextIdx >= focusables.length) {
|
|
16070
|
-
nextIdx = 0;
|
|
16071
|
-
}
|
|
16072
|
-
|
|
16073
|
-
focusables[nextIdx].focus();
|
|
16074
|
-
|
|
16075
|
-
// Verify focus actually moved to the target
|
|
16076
|
-
const newActives = this._getActiveElements();
|
|
16077
|
-
|
|
16078
|
-
if (newActives.includes(focusables[nextIdx])) {
|
|
16079
|
-
return;
|
|
16080
|
-
}
|
|
16081
|
-
|
|
16082
|
-
// Focus didn't stick — skip this element and try the next
|
|
16083
|
-
idx = nextIdx;
|
|
16084
|
-
}
|
|
16085
|
-
};
|
|
16086
|
-
this.addEventListener('keydown', this._bibTabHandler);
|
|
16087
|
-
|
|
16088
|
-
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
16089
|
-
requestAnimationFrame(() => {
|
|
16090
|
-
const focusables = getFocusableElements(this.bibContent);
|
|
16091
|
-
if (focusables.length) {
|
|
16092
|
-
focusables[0].focus();
|
|
16093
|
-
}
|
|
16094
|
-
});
|
|
16095
|
-
} else {
|
|
16096
|
-
// Normal desktop: use FocusTrap on the bib element
|
|
16097
|
-
this.focusTrap = new FocusTrap(this.bibContent);
|
|
16098
|
-
this.focusTrap.focusFirstElement();
|
|
16099
|
-
}
|
|
14457
|
+
// Desktop: show() doesn't trap focus, so use FocusTrap
|
|
14458
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
14459
|
+
this.focusTrap.focusFirstElement();
|
|
16100
14460
|
}
|
|
16101
14461
|
// Fullscreen: showModal() provides native focus trapping
|
|
16102
|
-
}
|
|
16103
|
-
}
|
|
16104
|
-
|
|
16105
|
-
/**
|
|
16106
|
-
* Returns the chain of active (focused) elements through shadow roots.
|
|
16107
|
-
* @private
|
|
16108
|
-
* @returns {Array<HTMLElement>}
|
|
16109
|
-
*/
|
|
16110
|
-
_getActiveElements() {
|
|
16111
|
-
let { activeElement } = document;
|
|
16112
|
-
const actives = [activeElement];
|
|
16113
|
-
|
|
16114
|
-
while (activeElement?.shadowRoot?.activeElement) {
|
|
16115
|
-
activeElement = activeElement.shadowRoot.activeElement;
|
|
16116
|
-
actives.push(activeElement);
|
|
16117
|
-
}
|
|
16118
|
-
|
|
16119
|
-
return actives;
|
|
16120
|
-
}
|
|
16121
|
-
|
|
16122
|
-
/**
|
|
16123
|
-
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
16124
|
-
* so that content outside the dropdown is not interactive while the modal is open.
|
|
16125
|
-
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
16126
|
-
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
16127
|
-
* to ensure all page content outside the host subtree is inert.
|
|
16128
|
-
* @private
|
|
16129
|
-
*/
|
|
16130
|
-
_setPageInert() {
|
|
16131
|
-
if (this._inertSiblings) {
|
|
16132
14462
|
return;
|
|
16133
14463
|
}
|
|
16134
14464
|
|
|
16135
|
-
this.
|
|
16136
|
-
|
|
16137
|
-
|
|
16138
|
-
// element in the light DOM. For example, if this dropdown is inside
|
|
16139
|
-
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
16140
|
-
// so we set inert on its siblings — not on the datepicker itself.
|
|
16141
|
-
let host = this;
|
|
16142
|
-
while (host.getRootNode() instanceof ShadowRoot) {
|
|
16143
|
-
host = host.getRootNode().host;
|
|
16144
|
-
}
|
|
16145
|
-
|
|
16146
|
-
// Walk up the ancestor chain, inerting siblings at each level
|
|
16147
|
-
// to ensure the entire page outside the host subtree is inert.
|
|
16148
|
-
let current = host;
|
|
16149
|
-
while (current.parentElement) {
|
|
16150
|
-
const parent = current.parentElement;
|
|
16151
|
-
for (const sibling of parent.children) {
|
|
16152
|
-
if (sibling !== current) {
|
|
16153
|
-
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
16154
|
-
sibling.inert = true;
|
|
16155
|
-
}
|
|
16156
|
-
}
|
|
16157
|
-
current = parent;
|
|
16158
|
-
}
|
|
16159
|
-
}
|
|
16160
|
-
|
|
16161
|
-
/**
|
|
16162
|
-
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
16163
|
-
* Preserves the previous inert state so externally-inerted elements are
|
|
16164
|
-
* not inadvertently re-enabled.
|
|
16165
|
-
* @private
|
|
16166
|
-
*/
|
|
16167
|
-
_clearPageInert() {
|
|
16168
|
-
if (this._inertSiblings) {
|
|
16169
|
-
for (const entry of this._inertSiblings) {
|
|
16170
|
-
entry.element.inert = entry.wasInert;
|
|
16171
|
-
}
|
|
16172
|
-
this._inertSiblings = undefined;
|
|
14465
|
+
if (this.focusTrap) {
|
|
14466
|
+
this.focusTrap.disconnect();
|
|
14467
|
+
this.focusTrap = undefined;
|
|
16173
14468
|
}
|
|
16174
14469
|
}
|
|
16175
14470
|
|
|
@@ -16408,7 +14703,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
16408
14703
|
shape="${this.shape}"
|
|
16409
14704
|
?data-show="${this.isPopoverVisible}"
|
|
16410
14705
|
?isfullscreen="${this.isBibFullscreen}"
|
|
16411
|
-
?desktopmodal="${this.desktopModal}"
|
|
16412
14706
|
.dialogLabel="${this.bibDialogLabel}"
|
|
16413
14707
|
${n(this.bibElement)}
|
|
16414
14708
|
>
|
|
@@ -23114,7 +21408,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
23114
21408
|
}
|
|
23115
21409
|
};
|
|
23116
21410
|
|
|
23117
|
-
var formkitVersion = '
|
|
21411
|
+
var formkitVersion = '202606082059';
|
|
23118
21412
|
|
|
23119
21413
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
23120
21414
|
// See LICENSE in the project root for license information.
|
|
@@ -24369,62 +22663,26 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
24369
22663
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
24370
22664
|
//
|
|
24371
22665
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
22666
|
+
// - The bib opens and closes via pointer/touch interaction only.
|
|
24372
22667
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
24373
|
-
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
24374
|
-
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
24375
22668
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
22669
|
+
// - Enter and Space do not open or close the bib.
|
|
24376
22670
|
//
|
|
24377
22671
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
24378
22672
|
// added, handlers should go here following the same strategy pattern used by
|
|
24379
22673
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
24380
22674
|
const datepickerKeyboardStrategy = {
|
|
24381
|
-
Escape(component, evt
|
|
24382
|
-
if (!
|
|
22675
|
+
Escape(component, evt) {
|
|
22676
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
24383
22677
|
return;
|
|
24384
22678
|
}
|
|
24385
22679
|
|
|
24386
|
-
//
|
|
24387
|
-
//
|
|
22680
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
|
|
22681
|
+
// Because stopPropagation prevents the document-level floatingUI keydown handler from
|
|
22682
|
+
// seeing this event, we must also close the dropdown explicitly.
|
|
24388
22683
|
evt.stopPropagation();
|
|
24389
|
-
evt.preventDefault();
|
|
24390
|
-
|
|
24391
|
-
component.hideBib();
|
|
24392
|
-
},
|
|
24393
|
-
|
|
24394
|
-
Enter(component, evt, ctx) {
|
|
24395
|
-
if (ctx.isExpanded) {
|
|
24396
|
-
return;
|
|
24397
|
-
}
|
|
24398
|
-
|
|
24399
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
24400
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
24401
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
24402
|
-
const path = evt.composedPath();
|
|
24403
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
24404
|
-
return;
|
|
24405
|
-
}
|
|
24406
|
-
|
|
24407
|
-
evt.preventDefault();
|
|
24408
22684
|
|
|
24409
|
-
component.dropdown.
|
|
24410
|
-
},
|
|
24411
|
-
|
|
24412
|
-
' '(component, evt, ctx) {
|
|
24413
|
-
if (ctx.isExpanded) {
|
|
24414
|
-
return;
|
|
24415
|
-
}
|
|
24416
|
-
|
|
24417
|
-
// Only open from the trigger input, not the clear button or other internal elements.
|
|
24418
|
-
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
24419
|
-
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
24420
|
-
const path = evt.composedPath();
|
|
24421
|
-
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
24422
|
-
return;
|
|
24423
|
-
}
|
|
24424
|
-
|
|
24425
|
-
evt.preventDefault();
|
|
24426
|
-
|
|
24427
|
-
component.dropdown.show();
|
|
22685
|
+
component.dropdown.hide();
|
|
24428
22686
|
},
|
|
24429
22687
|
};
|
|
24430
22688
|
|
|
@@ -24498,15 +22756,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24498
22756
|
this.required = false;
|
|
24499
22757
|
this.onDark = false;
|
|
24500
22758
|
this.range = false;
|
|
24501
|
-
this.rangeLabelStart = 'range start';
|
|
24502
|
-
this.rangeLabelEnd = 'range end';
|
|
24503
|
-
this.rangeLabelBeforeRange = 'before range';
|
|
24504
|
-
this.rangeLabelInRange = 'in range';
|
|
24505
|
-
this.rangeLabelAfterRange = 'after range';
|
|
24506
|
-
this.blackoutDates = [];
|
|
24507
|
-
this.blackoutLabel = 'unavailable';
|
|
24508
|
-
this.navLabelPrevMonth = 'Previous month';
|
|
24509
|
-
this.navLabelNextMonth = 'Next month';
|
|
24510
22759
|
this.stacked = false;
|
|
24511
22760
|
this.noValidate = false;
|
|
24512
22761
|
this.validity = undefined;
|
|
@@ -24885,78 +23134,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24885
23134
|
reflect: true
|
|
24886
23135
|
},
|
|
24887
23136
|
|
|
24888
|
-
/**
|
|
24889
|
-
* Label announced for the range start date cell.
|
|
24890
|
-
*/
|
|
24891
|
-
rangeLabelStart: {
|
|
24892
|
-
type: String,
|
|
24893
|
-
reflect: true
|
|
24894
|
-
},
|
|
24895
|
-
|
|
24896
|
-
/**
|
|
24897
|
-
* Label announced for the range end date cell.
|
|
24898
|
-
*/
|
|
24899
|
-
rangeLabelEnd: {
|
|
24900
|
-
type: String,
|
|
24901
|
-
reflect: true
|
|
24902
|
-
},
|
|
24903
|
-
|
|
24904
|
-
/**
|
|
24905
|
-
* Label announced for cells before the range start.
|
|
24906
|
-
*/
|
|
24907
|
-
rangeLabelBeforeRange: {
|
|
24908
|
-
type: String,
|
|
24909
|
-
reflect: true
|
|
24910
|
-
},
|
|
24911
|
-
|
|
24912
|
-
/**
|
|
24913
|
-
* Label announced for cells within the selected range.
|
|
24914
|
-
*/
|
|
24915
|
-
rangeLabelInRange: {
|
|
24916
|
-
type: String,
|
|
24917
|
-
reflect: true
|
|
24918
|
-
},
|
|
24919
|
-
|
|
24920
|
-
/**
|
|
24921
|
-
* Label announced for cells after the range (or after start when no end is selected).
|
|
24922
|
-
*/
|
|
24923
|
-
rangeLabelAfterRange: {
|
|
24924
|
-
type: String,
|
|
24925
|
-
reflect: true
|
|
24926
|
-
},
|
|
24927
|
-
|
|
24928
|
-
/**
|
|
24929
|
-
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
24930
|
-
*/
|
|
24931
|
-
blackoutDates: {
|
|
24932
|
-
type: Array,
|
|
24933
|
-
reflect: true
|
|
24934
|
-
},
|
|
24935
|
-
|
|
24936
|
-
/**
|
|
24937
|
-
* Label announced for blackout (disabled but in-range) date cells.
|
|
24938
|
-
*/
|
|
24939
|
-
blackoutLabel: {
|
|
24940
|
-
type: String,
|
|
24941
|
-
reflect: true
|
|
24942
|
-
},
|
|
24943
|
-
|
|
24944
|
-
/**
|
|
24945
|
-
* Accessible label for the previous month navigation button.
|
|
24946
|
-
*/
|
|
24947
|
-
navLabelPrevMonth: {
|
|
24948
|
-
type: String,
|
|
24949
|
-
reflect: true
|
|
24950
|
-
},
|
|
24951
|
-
|
|
24952
|
-
/**
|
|
24953
|
-
* Accessible label for the next month navigation button.
|
|
24954
|
-
*/
|
|
24955
|
-
navLabelNextMonth: {
|
|
24956
|
-
type: String,
|
|
24957
|
-
reflect: true
|
|
24958
|
-
},
|
|
24959
|
-
|
|
24960
23137
|
/**
|
|
24961
23138
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
24962
23139
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -24983,7 +23160,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24983
23160
|
|
|
24984
23161
|
/**
|
|
24985
23162
|
* Custom help text message to display when validity = `customError`.
|
|
24986
|
-
* Also used as the validation message when a blackout date is typed into the input.
|
|
24987
23163
|
*/
|
|
24988
23164
|
setCustomValidityCustomError: {
|
|
24989
23165
|
type: String
|
|
@@ -25305,68 +23481,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25305
23481
|
}));
|
|
25306
23482
|
}
|
|
25307
23483
|
|
|
25308
|
-
/**
|
|
25309
|
-
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
25310
|
-
* Shared by both fullscreen and desktop open paths.
|
|
25311
|
-
* @private
|
|
25312
|
-
* @returns {void}
|
|
25313
|
-
*/
|
|
25314
|
-
focusActiveCellWhenReady() {
|
|
25315
|
-
const MAX_ATTEMPTS = 20;
|
|
25316
|
-
let attempts = 0;
|
|
25317
|
-
|
|
25318
|
-
const tryFocus = () => {
|
|
25319
|
-
attempts += 1;
|
|
25320
|
-
const allCells = this.calendar.getAllFocusableCells();
|
|
25321
|
-
|
|
25322
|
-
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
25323
|
-
requestAnimationFrame(tryFocus);
|
|
25324
|
-
return;
|
|
25325
|
-
}
|
|
25326
|
-
|
|
25327
|
-
// Compute and mark the active cell
|
|
25328
|
-
if (this.calendar.activeCellDate == null) {
|
|
25329
|
-
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
25330
|
-
}
|
|
25331
|
-
if (this.calendar.activeCellDate !== undefined) {
|
|
25332
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
25333
|
-
}
|
|
25334
|
-
|
|
25335
|
-
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
25336
|
-
// range on mobile), fall back to the first rendered enabled cell.
|
|
25337
|
-
let activeCell = allCells.find(cell => cell.active);
|
|
25338
|
-
if (!activeCell && allCells.length) {
|
|
25339
|
-
const fallback = allCells[0];
|
|
25340
|
-
if (fallback.day) {
|
|
25341
|
-
this.calendar.activeCellDate = fallback.day.date;
|
|
25342
|
-
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
25343
|
-
activeCell = allCells.find(cell => cell.active);
|
|
25344
|
-
}
|
|
25345
|
-
}
|
|
25346
|
-
|
|
25347
|
-
// Focus the calendar grid wrapper (aria-activedescendant handles
|
|
25348
|
-
// the SR announcement for the active cell).
|
|
25349
|
-
if (activeCell) {
|
|
25350
|
-
// Announce the initial active cell via the live region
|
|
25351
|
-
const announcement = this.calendar.buildFocusAnnouncement(activeCell.day.date);
|
|
25352
|
-
this.calendar.announceSelection(announcement);
|
|
25353
|
-
|
|
25354
|
-
this.calendar.focusActiveCell();
|
|
25355
|
-
|
|
25356
|
-
// On mobile fullscreen, scroll the month list so the active cell's
|
|
25357
|
-
// month is visible. Without this, the list stays scrolled to the
|
|
25358
|
-
// calendarStartDate month which may be far from the active cell.
|
|
25359
|
-
if (this.dropdown.isBibFullscreen) {
|
|
25360
|
-
this.calendar.scrollToActiveCell();
|
|
25361
|
-
}
|
|
25362
|
-
} else if (attempts < MAX_ATTEMPTS) {
|
|
25363
|
-
requestAnimationFrame(tryFocus);
|
|
25364
|
-
}
|
|
25365
|
-
};
|
|
25366
|
-
|
|
25367
|
-
requestAnimationFrame(tryFocus);
|
|
25368
|
-
}
|
|
25369
|
-
|
|
25370
23484
|
/**
|
|
25371
23485
|
* Binds all behavior needed to the dropdown after rendering.
|
|
25372
23486
|
* @private
|
|
@@ -25375,12 +23489,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25375
23489
|
configureDropdown() {
|
|
25376
23490
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
25377
23491
|
|
|
25378
|
-
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
25379
|
-
// Prevent the floater's document-level focusin handler from closing the bib
|
|
25380
|
-
// when focus moves from the trigger into the calendar cells (which live inside
|
|
25381
|
-
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
25382
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
25383
|
-
|
|
25384
23492
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
25385
23493
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
25386
23494
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -25398,23 +23506,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25398
23506
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
25399
23507
|
this.notifyDatepickerToggled();
|
|
25400
23508
|
|
|
25401
|
-
if (this.dropdown.isPopoverVisible) {
|
|
25402
|
-
// Reset calendar focus state so it recomputes from the current selection.
|
|
25403
|
-
// Without this, reopening after navigating to a month without a selected
|
|
25404
|
-
// date leaves activeCellDate pointing at a cell in a different month than
|
|
25405
|
-
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
25406
|
-
this.calendar.activeCellDate = null;
|
|
25407
|
-
|
|
25408
|
-
// Show the month containing the selected date (or today) instead of
|
|
25409
|
-
// whichever month the user last navigated to.
|
|
25410
|
-
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
25411
|
-
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
25412
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25413
|
-
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
25414
|
-
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
25415
|
-
}
|
|
25416
|
-
}
|
|
25417
|
-
|
|
25418
23509
|
// This forces the calendar to render when the dropdown is opened.
|
|
25419
23510
|
// It is not rendered by default
|
|
25420
23511
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -25447,23 +23538,12 @@ class AuroDatePicker extends AuroElement {
|
|
|
25447
23538
|
bibEl.open(true);
|
|
25448
23539
|
|
|
25449
23540
|
doubleRaf(() => {
|
|
25450
|
-
this.
|
|
23541
|
+
this.calendar.focusCloseButton();
|
|
25451
23542
|
});
|
|
25452
23543
|
}
|
|
25453
23544
|
});
|
|
25454
23545
|
|
|
25455
23546
|
guardTouchPassthrough(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
25456
|
-
} else {
|
|
25457
|
-
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
25458
|
-
// cannot interact with the input while the modal bib is open.
|
|
25459
|
-
if (this.dropdown.desktopModal) {
|
|
25460
|
-
this.dropdown.trigger.inert = true;
|
|
25461
|
-
}
|
|
25462
|
-
|
|
25463
|
-
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
25464
|
-
this.dropdown.updateComplete.then(() => {
|
|
25465
|
-
this.focusActiveCellWhenReady();
|
|
25466
|
-
});
|
|
25467
23547
|
}
|
|
25468
23548
|
} else {
|
|
25469
23549
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -25509,7 +23589,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
25509
23589
|
bibEl.close();
|
|
25510
23590
|
bibEl.open(true);
|
|
25511
23591
|
doubleRaf(() => {
|
|
25512
|
-
this.
|
|
23592
|
+
this.calendar.focusCloseButton();
|
|
25513
23593
|
});
|
|
25514
23594
|
}
|
|
25515
23595
|
});
|
|
@@ -25704,8 +23784,14 @@ class AuroDatePicker extends AuroElement {
|
|
|
25704
23784
|
|
|
25705
23785
|
if (onEndValue) {
|
|
25706
23786
|
this.valueEnd = newDate;
|
|
23787
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23788
|
+
this.focus('startDate');
|
|
23789
|
+
}
|
|
25707
23790
|
} else {
|
|
25708
23791
|
this.value = newDate;
|
|
23792
|
+
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
23793
|
+
this.focus('endDate');
|
|
23794
|
+
}
|
|
25709
23795
|
}
|
|
25710
23796
|
}
|
|
25711
23797
|
}
|
|
@@ -25745,27 +23831,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25745
23831
|
this.resetInputs();
|
|
25746
23832
|
}
|
|
25747
23833
|
|
|
25748
|
-
/**
|
|
25749
|
-
* Checks whether a formatted date string matches a blackout date.
|
|
25750
|
-
* @private
|
|
25751
|
-
* @param {string} dateStr - A date string in the component's configured format.
|
|
25752
|
-
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
25753
|
-
*/
|
|
25754
|
-
isBlackoutDate(dateStr) {
|
|
25755
|
-
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
25756
|
-
return false;
|
|
25757
|
-
}
|
|
25758
|
-
|
|
25759
|
-
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
25760
|
-
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
25761
|
-
|
|
25762
|
-
const d = new Date(formatted);
|
|
25763
|
-
const yyyy = d.getFullYear();
|
|
25764
|
-
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
25765
|
-
const dd = String(d.getDate()).padStart(2, '0');
|
|
25766
|
-
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
25767
|
-
}
|
|
25768
|
-
|
|
25769
23834
|
/**
|
|
25770
23835
|
* Validates value.
|
|
25771
23836
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -25777,24 +23842,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25777
23842
|
}
|
|
25778
23843
|
|
|
25779
23844
|
this.validation.validate(this, force);
|
|
25780
|
-
|
|
25781
|
-
// After standard validation, check blackout dates for typed input
|
|
25782
|
-
if (this.validity !== 'customError') {
|
|
25783
|
-
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
25784
|
-
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
25785
|
-
this.validity = 'customError';
|
|
25786
|
-
this.errorMessage = msg;
|
|
25787
|
-
|
|
25788
|
-
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
25789
|
-
bubbles: true,
|
|
25790
|
-
composed: true,
|
|
25791
|
-
detail: {
|
|
25792
|
-
validity: this.validity,
|
|
25793
|
-
message: this.errorMessage
|
|
25794
|
-
}
|
|
25795
|
-
}));
|
|
25796
|
-
}
|
|
25797
|
-
}
|
|
25798
23845
|
}
|
|
25799
23846
|
|
|
25800
23847
|
/**
|
|
@@ -25875,9 +23922,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
25875
23922
|
|
|
25876
23923
|
if (this.cellClickActive) {
|
|
25877
23924
|
this.cellClickActive = false;
|
|
25878
|
-
this.wasCellClick = true;
|
|
25879
|
-
} else {
|
|
25880
|
-
this.wasCellClick = false;
|
|
25881
23925
|
}
|
|
25882
23926
|
|
|
25883
23927
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -25908,44 +23952,16 @@ class AuroDatePicker extends AuroElement {
|
|
|
25908
23952
|
}
|
|
25909
23953
|
|
|
25910
23954
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
25911
|
-
|
|
25912
|
-
// to prevent the displayed months from shifting
|
|
25913
|
-
if (!(this.wasCellClick && this.range)) {
|
|
25914
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25915
|
-
}
|
|
23955
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
25916
23956
|
}
|
|
25917
23957
|
|
|
25918
23958
|
this.setHasValue();
|
|
25919
23959
|
}
|
|
25920
23960
|
|
|
25921
|
-
if (changedProperties.has('blackoutDates')) {
|
|
25922
|
-
// Force calendar cells to re-render with updated blackout state.
|
|
25923
|
-
// requestUpdate on the calendar alone is insufficient because cells
|
|
25924
|
-
// don't receive blackoutDates as a bound property. Dispatching the
|
|
25925
|
-
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
25926
|
-
if (this.calendar) {
|
|
25927
|
-
this.calendar.requestUpdate();
|
|
25928
|
-
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
25929
|
-
}
|
|
25930
|
-
|
|
25931
|
-
// Re-run validation so that a previously valid value that now falls on
|
|
25932
|
-
// a blackout date is flagged, and vice versa.
|
|
25933
|
-
if (this.value || this.valueEnd) {
|
|
25934
|
-
this.validate();
|
|
25935
|
-
}
|
|
25936
|
-
}
|
|
25937
|
-
|
|
25938
23961
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
25939
23962
|
|
|
25940
23963
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
25941
23964
|
|
|
25942
|
-
if (this.cellClickActive) {
|
|
25943
|
-
this.cellClickActive = false;
|
|
25944
|
-
this.wasCellClick = true;
|
|
25945
|
-
} else {
|
|
25946
|
-
this.wasCellClick = false;
|
|
25947
|
-
}
|
|
25948
|
-
|
|
25949
23965
|
// update the calendar
|
|
25950
23966
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
25951
23967
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -25973,11 +23989,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
25973
23989
|
}
|
|
25974
23990
|
|
|
25975
23991
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
25976
|
-
|
|
25977
|
-
// to prevent the displayed months from shifting
|
|
25978
|
-
if (!this.wasCellClick) {
|
|
25979
|
-
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
25980
|
-
}
|
|
23992
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
25981
23993
|
}
|
|
25982
23994
|
|
|
25983
23995
|
this.validate();
|
|
@@ -26134,7 +24146,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
26134
24146
|
}
|
|
26135
24147
|
|
|
26136
24148
|
firstUpdated() {
|
|
26137
|
-
|
|
26138
24149
|
// Add the tag name as an attribute if it is different than the component name
|
|
26139
24150
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
26140
24151
|
|
|
@@ -26564,7 +24575,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
26564
24575
|
// Base HTML render() handles dropdown and calendar bib
|
|
26565
24576
|
return u$a`
|
|
26566
24577
|
<!-- Hidden slot for clear button aria-label -->
|
|
26567
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${
|
|
24578
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
26568
24579
|
|
|
26569
24580
|
<${this.dropdownTag}
|
|
26570
24581
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -26581,7 +24592,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
26581
24592
|
.shape="${this.shape}"
|
|
26582
24593
|
.size="${this.size}"
|
|
26583
24594
|
class="${e$4(dropdownElementClassMap)}"
|
|
26584
|
-
desktopModal
|
|
26585
24595
|
disableEventShow
|
|
26586
24596
|
for="dropdownMenu"
|
|
26587
24597
|
part="dropdown"
|
|
@@ -26601,97 +24611,10 @@ class AuroDatePicker extends AuroElement {
|
|
|
26601
24611
|
}
|
|
26602
24612
|
}
|
|
26603
24613
|
|
|
26604
|
-
function blackoutLabelExample() {
|
|
26605
|
-
const blackoutDP = document.querySelector('#blackoutLabelExample');
|
|
26606
|
-
|
|
26607
|
-
function formatMMDDYYYY(date) {
|
|
26608
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
26609
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
26610
|
-
return `${mm}/${dd}/${date.getFullYear()}`;
|
|
26611
|
-
}
|
|
26612
|
-
|
|
26613
|
-
function setup() {
|
|
26614
|
-
const today = new Date();
|
|
26615
|
-
today.setHours(0, 0, 0, 0);
|
|
26616
|
-
|
|
26617
|
-
// Calendar starts 6 months in the future
|
|
26618
|
-
const startDate = new Date(today);
|
|
26619
|
-
startDate.setMonth(today.getMonth() + 6);
|
|
26620
|
-
|
|
26621
|
-
// Calendar ends 6 months in the future
|
|
26622
|
-
const endDate = new Date(today);
|
|
26623
|
-
endDate.setMonth(today.getMonth() + 12);
|
|
26624
|
-
|
|
26625
|
-
// Min date is 2 months after the start date
|
|
26626
|
-
const minDate = new Date(startDate);
|
|
26627
|
-
minDate.setMonth(startDate.getMonth() + 2);
|
|
26628
|
-
|
|
26629
|
-
// Max date is 1 week after min date
|
|
26630
|
-
const maxDate = new Date(minDate);
|
|
26631
|
-
maxDate.setDate(minDate.getDate() + 75);
|
|
26632
|
-
|
|
26633
|
-
blackoutDP.setAttribute('calendarStartDate', formatMMDDYYYY(startDate));
|
|
26634
|
-
blackoutDP.setAttribute('calendarEndDate', formatMMDDYYYY(endDate));
|
|
26635
|
-
blackoutDP.setAttribute('minDate', formatMMDDYYYY(minDate));
|
|
26636
|
-
blackoutDP.setAttribute('maxDate', formatMMDDYYYY(maxDate));
|
|
26637
|
-
|
|
26638
|
-
// Generate all dates within the min/max range
|
|
26639
|
-
const blackoutDates = [];
|
|
26640
|
-
|
|
26641
|
-
for (let d = new Date(minDate); d <= maxDate; d.setDate(d.getDate() + 1)) {
|
|
26642
|
-
const current = new Date(d);
|
|
26643
|
-
const mm = String(current.getMonth() + 1).padStart(2, '0');
|
|
26644
|
-
const dd = String(current.getDate()).padStart(2, '0');
|
|
26645
|
-
const yyyy = current.getFullYear();
|
|
26646
|
-
const slotDateStr = `${mm}_${dd}_${yyyy}`;
|
|
26647
|
-
|
|
26648
|
-
// Mark every 3rd date as blackout (deterministic pattern)
|
|
26649
|
-
const dayOfMonth = current.getDate();
|
|
26650
|
-
const isSoldOut = dayOfMonth % 3 === 0;
|
|
26651
|
-
|
|
26652
|
-
if (isSoldOut) {
|
|
26653
|
-
blackoutDates.push(`${yyyy}-${mm}-${dd}`);
|
|
26654
|
-
|
|
26655
|
-
const popover = document.createElement('span');
|
|
26656
|
-
popover.setAttribute('slot', `popover_${slotDateStr}`);
|
|
26657
|
-
popover.textContent = 'There are no tickets available for this date.';
|
|
26658
|
-
blackoutDP.appendChild(popover);
|
|
26659
|
-
} else {
|
|
26660
|
-
// Use a fixed price based on day of month for deterministic output
|
|
26661
|
-
const price = 150 + (dayOfMonth * 17) % 400;
|
|
26662
|
-
|
|
26663
|
-
const dateSlot = document.createElement('span');
|
|
26664
|
-
dateSlot.setAttribute('slot', `date_${slotDateStr}`);
|
|
26665
|
-
dateSlot.textContent = `$${price}`;
|
|
26666
|
-
blackoutDP.appendChild(dateSlot);
|
|
26667
|
-
}
|
|
26668
|
-
}
|
|
26669
|
-
|
|
26670
|
-
blackoutDP.blackoutDates = blackoutDates;
|
|
26671
|
-
}
|
|
26672
|
-
|
|
26673
|
-
setup();
|
|
26674
|
-
}
|
|
26675
|
-
|
|
26676
24614
|
AuroDatePicker.register(); // registering to auro-datepicker
|
|
26677
24615
|
AuroDatePicker.register('custom-datepicker');
|
|
26678
24616
|
|
|
26679
24617
|
function initExamples(initCount) {
|
|
26680
|
-
initCount = initCount || 0;
|
|
26681
|
-
|
|
26682
|
-
try {
|
|
26683
|
-
// Only run when the demo element exists on the current page
|
|
26684
|
-
if (document.querySelector('#blackoutLabelExample')) {
|
|
26685
|
-
blackoutLabelExample();
|
|
26686
|
-
}
|
|
26687
|
-
} catch {
|
|
26688
|
-
if (initCount <= 20) {
|
|
26689
|
-
// setTimeout handles issue where content is sometimes loaded after the functions get called
|
|
26690
|
-
setTimeout(() => {
|
|
26691
|
-
initExamples(initCount + 1);
|
|
26692
|
-
}, 100);
|
|
26693
|
-
}
|
|
26694
|
-
}
|
|
26695
24618
|
}
|
|
26696
24619
|
|
|
26697
24620
|
export { initExamples };
|