@aurodesignsystem-dev/auro-formkit 0.0.0-pr1488.2 → 0.0.0-pr1489.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +7 -0
- package/components/bibtemplate/dist/index.js +9 -1
- package/components/bibtemplate/dist/registered.js +9 -1
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/pages.json +1 -1
- package/components/checkbox/demo/why-checkbox.html +57 -0
- package/components/checkbox/demo/why-checkbox.md +86 -0
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +234 -16
- package/components/combobox/demo/getting-started.min.js +234 -16
- package/components/combobox/demo/index.min.js +234 -16
- package/components/combobox/demo/pages.json +1 -1
- package/components/combobox/demo/why-combobox.html +57 -0
- package/components/combobox/demo/why-combobox.md +113 -0
- package/components/combobox/dist/index.js +234 -16
- package/components/combobox/dist/registered.js +234 -16
- package/components/counter/demo/customize.min.js +233 -15
- package/components/counter/demo/index.min.js +233 -15
- package/components/counter/demo/keyboard-behavior.md +1 -0
- package/components/counter/demo/pages.json +1 -1
- package/components/counter/demo/why-counter.html +57 -0
- package/components/counter/demo/why-counter.md +108 -0
- package/components/counter/dist/index.js +22 -241
- package/components/counter/dist/registered.js +10 -2
- package/components/datepicker/demo/accessibility.md +51 -3
- package/components/datepicker/demo/api.md +11 -2
- package/components/datepicker/demo/customize.html +2 -0
- package/components/datepicker/demo/customize.js +19 -0
- package/components/datepicker/demo/customize.md +72 -8
- package/components/datepicker/demo/customize.min.js +26029 -0
- package/components/datepicker/demo/design.md +3 -1
- package/components/datepicker/demo/index.js +5 -1
- package/components/datepicker/demo/index.md +83 -2
- package/components/datepicker/demo/index.min.js +1564 -96
- package/components/datepicker/demo/keyboard-behavior.md +201 -2
- package/components/datepicker/demo/pages.json +1 -1
- package/components/datepicker/demo/voiceover.md +19 -12
- package/components/datepicker/demo/why-datepicker.html +57 -0
- package/components/datepicker/demo/why-datepicker.md +133 -0
- package/components/datepicker/dist/index.js +1489 -97
- package/components/datepicker/dist/registered.js +1489 -97
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +66 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +100 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +88 -0
- package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +5 -3
- package/components/dropdown/demo/accessibility.md +11 -0
- package/components/dropdown/demo/api.md +1 -0
- package/components/dropdown/demo/customize.md +3 -0
- package/components/dropdown/demo/customize.min.js +223 -13
- package/components/dropdown/demo/getting-started.min.js +223 -13
- package/components/dropdown/demo/index.min.js +223 -13
- package/components/dropdown/demo/keyboard-behavior.md +1 -0
- package/components/dropdown/demo/pages.json +1 -1
- package/components/dropdown/demo/why-dropdown.html +57 -0
- package/components/dropdown/demo/why-dropdown.md +97 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +33 -1
- package/components/dropdown/dist/index.js +223 -13
- package/components/dropdown/dist/registered.js +223 -13
- package/components/form/demo/customize.min.js +2461 -415
- package/components/form/demo/getting-started.min.js +2461 -415
- package/components/form/demo/index.min.js +2461 -415
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +2457 -411
- package/components/form/demo/why-form.html +57 -0
- package/components/form/demo/why-form.md +101 -0
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/demo/pages.json +1 -1
- package/components/input/demo/why-input.html +57 -0
- package/components/input/demo/why-input.md +121 -0
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/pages.json +1 -1
- package/components/menu/demo/why-menu.html +57 -0
- package/components/menu/demo/why-menu.md +104 -0
- package/components/radio/demo/customize.min.js +2186 -0
- package/components/radio/demo/demo-support.min.js +55807 -0
- package/components/radio/demo/getting-started.js +1 -1
- package/components/radio/demo/getting-started.md +1 -1
- package/components/radio/demo/getting-started.min.js +2205 -0
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/pages.json +1 -1
- package/components/radio/demo/why-radio.html +57 -0
- package/components/radio/demo/why-radio.md +92 -0
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +233 -15
- package/components/select/demo/getting-started.min.js +233 -15
- package/components/select/demo/index.min.js +233 -15
- package/components/select/demo/keyboard-behavior.md +1 -0
- package/components/select/demo/pages.json +1 -1
- package/components/select/demo/why-select.html +57 -0
- package/components/select/demo/why-select.md +128 -0
- package/components/select/dist/index.js +233 -15
- package/components/select/dist/registered.js +233 -15
- package/custom-elements.json +2183 -1466
- package/package.json +2 -2
|
@@ -6515,9 +6515,9 @@ let l$5 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
6515
6515
|
|
|
6516
6516
|
var buttonVersion$5 = '12.3.2';
|
|
6517
6517
|
|
|
6518
|
-
var colorCss$
|
|
6518
|
+
var colorCss$c = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6519
6519
|
|
|
6520
|
-
var styleCss$b = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6520
|
+
var styleCss$c = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6521
6521
|
|
|
6522
6522
|
var tokensCss$b = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6523
6523
|
|
|
@@ -6528,7 +6528,7 @@ var tokensCss$b = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
6528
6528
|
|
|
6529
6529
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6530
6530
|
|
|
6531
|
-
let AuroLibraryRuntimeUtils$
|
|
6531
|
+
let AuroLibraryRuntimeUtils$c = class AuroLibraryRuntimeUtils {
|
|
6532
6532
|
|
|
6533
6533
|
/* eslint-disable jsdoc/require-param */
|
|
6534
6534
|
|
|
@@ -6621,13 +6621,13 @@ let AuroHelpText$9 = class AuroHelpText extends i$3 {
|
|
|
6621
6621
|
this.onDark = false;
|
|
6622
6622
|
this.hasTextContent = false;
|
|
6623
6623
|
|
|
6624
|
-
AuroLibraryRuntimeUtils$
|
|
6624
|
+
AuroLibraryRuntimeUtils$c.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
6625
6625
|
}
|
|
6626
6626
|
|
|
6627
6627
|
static get styles() {
|
|
6628
6628
|
return [
|
|
6629
|
-
colorCss$
|
|
6630
|
-
styleCss$
|
|
6629
|
+
colorCss$c,
|
|
6630
|
+
styleCss$c,
|
|
6631
6631
|
tokensCss$b
|
|
6632
6632
|
];
|
|
6633
6633
|
}
|
|
@@ -6687,7 +6687,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$3 {
|
|
|
6687
6687
|
*
|
|
6688
6688
|
*/
|
|
6689
6689
|
static register(name = "auro-helptext") {
|
|
6690
|
-
AuroLibraryRuntimeUtils$
|
|
6690
|
+
AuroLibraryRuntimeUtils$c.prototype.registerComponent(name, AuroHelpText);
|
|
6691
6691
|
}
|
|
6692
6692
|
|
|
6693
6693
|
updated() {
|
|
@@ -6743,7 +6743,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$3 {
|
|
|
6743
6743
|
}
|
|
6744
6744
|
};
|
|
6745
6745
|
|
|
6746
|
-
var formkitVersion$9 = '
|
|
6746
|
+
var formkitVersion$9 = '202606011911';
|
|
6747
6747
|
|
|
6748
6748
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6749
6749
|
// See LICENSE in the project root for license information.
|
|
@@ -8798,11 +8798,11 @@ var snowflakeStyle = i$5`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
8798
8798
|
|
|
8799
8799
|
var snowflakeColors = i$5`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
8800
8800
|
|
|
8801
|
-
var styleCss$7$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
|
|
8801
|
+
var styleCss$7$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;z-index:1;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}.calendarWrapper.hasFooter{padding-bottom:var(--desktop-footer-height)}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}`;
|
|
8802
8802
|
|
|
8803
8803
|
var colorCss$7$1 = i$5`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover{--ds-auro-calendar-nav-btn-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}::slotted([slot="bib.fullscreen.fromStr"]),::slotted([slot=mobileDateToStr]){color:var(--ds-auro-datepicker-placeholder-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}}`;
|
|
8804
8804
|
|
|
8805
|
-
var styleCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
8805
|
+
var styleCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.th abbr{text-decoration:none}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
8806
8806
|
|
|
8807
8807
|
var colorCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
8808
8808
|
|
|
@@ -15311,20 +15311,25 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
15311
15311
|
__decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
15312
15312
|
AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
15313
15313
|
|
|
15314
|
-
var styleCss$5$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day.disabled{cursor:default !important;pointer-events:none}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
15314
|
+
var styleCss$5$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day:focus-visible{outline:2px solid var(--ds-basic-color-border-default, #959595);outline-offset:2px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:default}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}.srOnly{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
|
|
15315
15315
|
|
|
15316
|
-
var colorCss$5$1 = i$5`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
|
|
15316
|
+
var colorCss$5$1 = i$5`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day:focus-visible:not(.selected){--ds-auro-calendar-cell-container-color: var(--ds-auro-calendar-cell-in-range-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.blackout{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
|
|
15317
15317
|
|
|
15318
|
-
let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",m$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),u$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var O=Math.max,k$6$1=Math.min,A$3$1=Math.round;function z$6$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function E(){return !/^((?!chrome|android).)*safari/i.test(z$6$1())}function M$6$1(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&A$3$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&A$3$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!E()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function T$3$1(e){var t=M$6$1(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function H$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function C$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||C$3$1(e)}function j(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=j(e);i&&H$3$1(i)&&"static"===L(i).position;)i=j(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6$1());if(/Trident/i.test(z$6$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=R$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function D(e,t,i){return O(e,k$6$1(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function F(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var U$3$1={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),m=[a,n$1$1].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$3$1))}(l.padding,i),g=T$3$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=N$3$1(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,k=u[v],A=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(k,z,A),M=h;i.modifiersData[s]=((t={})[M]=E,t.centerOffset=E-z,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3$1(e){return e.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,m=e.adaptive,u=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof u?u({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),O=p.hasOwnProperty("y"),k=a,z=r$1$1,E=window;if(m){var M=N$3$1(i),T="clientHeight",B="clientWidth";if(M===y$6$1(i)&&"static"!==L(M=C$3$1(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)z=o,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)k=n$1$1,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),j=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3$1(i*r)/r||0,y:A$3$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=j.x,x=j.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[k]=_?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",H)):Object.assign({},R,((t={})[z]=O?x+"px":"",t[k]=_?w+"px":"",t.transform="",t))}var V={passive:true};var G={left:"right",right:"left",bottom:"top",top:"bottom"};function $(e){return e.replace(/left|right|bottom|top/g,function(e){return G[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$6$1(C$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(R$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=C$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=E();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=M$6$1(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=C$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=O(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=O(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=O(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(C$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=O(r.top,t.top),t.right=k$6$1(r.right,t.right),t.bottom=k$6$1(r.bottom,t.bottom),t.left=O(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?q$3$1(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$6$1:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3$1:t[u]=t[u]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,m=void 0===d?"clippingParents":d,u=i.rootBoundary,g=void 0===u?f$6$1:u,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$3$1)),k=y===h$3$1?"reference":h$3$1,A=e.rects.popper,z=e.elements[x?k:y],E=re(w$6$1(z)?z:z.contextElement||C$3$1(e.elements.popper),m,g,p),T=M$6$1(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$3$1?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},j=e.modifiersData.offset;if(y===h$3$1&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";R[e]+=N[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$6$1:l,d=q$3$1(s),f=d?a?m$6$1:m$6$1.filter(function(e){return q$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,u=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,O=_$4$1(S),k=m||(O===S||!b?[$(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),A=[S].concat(k).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:x}):i)},[]),z=t.rects.reference,E=t.rects.popper,M=new Map,T=true,B=A[0],L=0;L<A.length;L++){var H=A[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,j=[r$1$1,o].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$1$1:a:R?o:r$1$1;z[N]>E[N]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=A.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,m=i.rootBoundary,u=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:m,padding:g,altBoundary:u}),S=_$4$1(t.placement),A=q$3$1(t.placement),z=!A,E=P(S),M="x"===E?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,H=t.rects.popper,C="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,R="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),j=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var F,U="y"===E?r$1$1:a,W="y"===E?o:n$1$1,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$6$1?L[X]:H[X],J=A===p$6$1?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[U],ie=ee[W],se=D(0,L[X],Z[X]),re=z?L[X]/2-K-se-te-R.mainAxis:Y-se-te-R.mainAxis,oe=z?-L[X]/2+K+se+ie+R.mainAxis:J+se+ie+R.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==j?void 0:j[E])?F:0,pe=V+oe-ce,de=D(y?k$6$1(G,V+re-ce-le):G,V,y?O($,pe):$);B[E]=de,I[E]=de-V;}if(f){var fe,he="x"===E?r$1$1:a,me="x"===E?o:n$1$1,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==j?void 0:j[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3$1(t.width)/e.offsetWidth||1,s=A$3$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3$1(t),l=M$6$1(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=M$6$1(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function me(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?ue:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ue,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:T$3$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),a&&l.addEventListener("resize",i.update,V),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),a&&l.removeEventListener("resize",i.update,V);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:q$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,de,le,fe,U$3$1,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$5`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
15318
|
+
let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",u$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),m$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var A$3$1=Math.max,O=Math.min,k$6$1=Math.round;function T$3$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6$1(){return !/^((?!chrome|android).)*safari/i.test(T$3$1())}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$1(e)&&(r=e.offsetWidth>0&&k$6$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!z$6$1()&&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$6$1(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$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function R$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function H$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||H$3$1(e)}function D(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=D(e);i&&R$3$1(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3$1());if(/Trident/i.test(T$3$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=C$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3$1(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3$1(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$1(i.placement),h=P(f),u=[a,n$1$1].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$1(e,c$3$1))}(l.padding,i),g=M$6$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,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$1(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$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3$1(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$1$1,z=window;if(u){var E=N$3$1(i),M="clientHeight",B="clientWidth";if(E===y$6$1(i)&&"static"!==L(E=H$3$1(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)T=o,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)O=n$1$1,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6$1(i*r)/r||0,y:k$6$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=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$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(C$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=H$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6$1();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=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$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3$1(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3$1(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$1(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3$1(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3$1(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?U$3$1(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y: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$6$1:t[m]=t[m]-(i[g]/2-s[g]/2);break;case d$3$1: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$6$1:m,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3$1(_,c$3$1)),O=y===h$3$1?"reference":h$3$1,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6$1(T)?T:T.contextElement||H$3$1(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$3$1?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$3$1&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?m$6$1:l,d=U$3$1(s),f=d?a?u$6$1:u$6$1.filter(function(e){return U$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,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$1(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?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$1(R),C=U$3$1(R)===p$6$1,D=[r$1$1,o].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$1$1:a:C?o:r$1$1;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$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,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$1(t.placement),k=U$3$1(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$1$1:a,V="y"===z?o:n$1$1,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===p$6$1?L[W]:R[W],J=k===p$6$1?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$6$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[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$1(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$1(G,pe):G);B[z]=de,I[z]=de-X;}if(f){var fe,he="x"===z?r$1$1:a,ue="x"===z?o:n$1$1,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6$1(t.width)/e.offsetWidth||1,s=k$6$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3$1(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=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$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:M$6$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,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$1(t.placement),variation:U$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,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$1,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$5`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
|
|
15319
15319
|
`,xe=i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host(:not([data-show])) .popover,:host([disabled]) .popover,:host([addSpace]) :host(:not([data-show])) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1 * (var(--ds-size-50, .25rem) + 1px)) 0!important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0!important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, .375rem)}@media screen and (min-width:576px){.popover{max-width:50%}}@media screen and (min-width:768px){.popover{max-width:40%}}@media screen and (min-width:1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1 * var(--ds-size-200, 1rem));left:calc(-1 * var(--ds-size-75, .375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, .25rem);right:calc(-1 * var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100,.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, .75rem);height:var(--ds-size-150, .75rem);content:""}
|
|
15320
15320
|
`,Se=i$5`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15));--ds-auro-popover-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-popover-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
|
|
15321
|
-
`;class _e extends i$3{constructor(){super(),this.placement="top",this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.
|
|
15322
|
-
<div
|
|
15321
|
+
`;class _e extends i$3{constructor(){super(),this.placement="top",this.isPopoverVisible=false,this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.runtimeUtils=new s$3;}static get properties(){return {addSpace:{type:Boolean,reflect:true},boundary:{type:String},disabled:{type:Boolean,reflect:true},for:{type:String,reflect:true},placement:{type:String},removeSpace:{type:Boolean,reflect:true},isPopoverVisible:{type:Boolean,reflect:true,attribute:"data-show",converter:{fromAttribute:e=>null!==e,toAttribute:e=>e?"true":null}}}}static get styles(){return [i$5`${xe}`,i$5`${be}`,i$5`${Se}`]}static register(e="auro-popover"){s$3.prototype.registerComponent(e,_e);}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","none"),this._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){if(super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger){this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focusin",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("focusout",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange);for(const e of this._ariaDescriptionTargets||[this.trigger])e.removeAttribute("aria-description");this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex");}this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),this.trigger&&(this._setupAccessibility(),this._setupEventListeners(),this.isPopoverVisible&&this.popper&&(this.disabled?this.isPopoverVisible=false:(this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover))));}_setupEventListeners(){this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=e=>{let t=e.relatedTarget,i=false;for(;t;){if(this.trigger.contains(t)||this.contains(t)){i=true;break}const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}i||this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();if(this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "===t||"enter"===t){if(e.target!==this.trigger&&!this._addedTabIndex)return;" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle();}},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focusin",this._onTriggerFocus),this.trigger.addEventListener("focusout",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}_setupAccessibility(){const e=this.trigger.tabIndex>=0,t='button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"]), summary, iframe, audio[controls], video[controls]',i=e=>{if(e.tabIndex<0)return false;let t=e;for(;t;){if(t.closest("[hidden], [inert]"))return false;const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}return true};let s=[...this.trigger.querySelectorAll(t)].some(i);if(!s){const e=this.trigger.querySelectorAll("*");for(const r of e)if(r.localName.includes("-")&&(r.tabIndex>=0||r.shadowRoot&&[...r.shadowRoot.querySelectorAll(t)].some(i))){s=true;break}}!s&&this.trigger.localName.includes("-")&&this.trigger.shadowRoot&&(s=[...this.trigger.shadowRoot.querySelectorAll(t)].some(i)),e||s||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const r=this.shadowRoot.querySelector("slot:not([name])"),o=()=>r.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();if(this._ariaDescriptionTargets=[],!e&&s){const e=[...this.trigger.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);const s=this.trigger.querySelectorAll("*");for(const r of s)if(r.localName.includes("-")&&!e.includes(r))if(r.tabIndex>=0)this._ariaDescriptionTargets.push(r);else if(r.shadowRoot){const e=[...r.shadowRoot.querySelectorAll(t)].filter(i);for(const t of e)this._ariaDescriptionTargets.push(t);}if(0===this._ariaDescriptionTargets.length){if(this.trigger.localName.includes("-")&&this.trigger.shadowRoot){const e=[...this.trigger.shadowRoot.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);}0===this._ariaDescriptionTargets.length&&this._ariaDescriptionTargets.push(this.trigger);}}else this._ariaDescriptionTargets.push(this.trigger);const n=o();for(const e of this._ariaDescriptionTargets)e.setAttribute("aria-description",n);this._onSlotChange=()=>{const e=o();for(const t of this._ariaDescriptionTargets)t?.setAttribute("aria-description",e);},r.addEventListener("slotchange",this._onSlotChange);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false;}toggleShow(){this.popper&&!this.disabled&&(this.isPopoverVisible=true);}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){if(e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary)),e.has("isPopoverVisible")&&this.popper)if(this.isPopoverVisible){if(this.disabled)return void(this.isPopoverVisible=false);this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover);}else this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper.hide();e.has("disabled")&&this.disabled&&this.isPopoverVisible&&(this.isPopoverVisible=false);}render(){return b$8`
|
|
15322
|
+
<div
|
|
15323
|
+
id="popover"
|
|
15324
|
+
class="popover util_insetLg body-default"
|
|
15325
|
+
part="popover"
|
|
15326
|
+
role="tooltip"
|
|
15327
|
+
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
15323
15328
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
15324
|
-
<
|
|
15329
|
+
<slot></slot>
|
|
15325
15330
|
</div>
|
|
15326
15331
|
|
|
15327
|
-
<span>
|
|
15332
|
+
<span role="presentation">
|
|
15328
15333
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
15329
15334
|
</span>
|
|
15330
15335
|
`}}
|
|
@@ -15352,6 +15357,8 @@ class AuroCalendarCell extends i$3 {
|
|
|
15352
15357
|
this._locale = null;
|
|
15353
15358
|
this.dateStr = null;
|
|
15354
15359
|
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.
|
|
15360
|
+
this.active = false;
|
|
15361
|
+
this.hasPopoverContent = false;
|
|
15355
15362
|
|
|
15356
15363
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
15357
15364
|
|
|
@@ -15385,7 +15392,12 @@ class AuroCalendarCell extends i$3 {
|
|
|
15385
15392
|
isCurrentDate: { type: Boolean },
|
|
15386
15393
|
locale: { type: Object },
|
|
15387
15394
|
dateStr: { type: String },
|
|
15388
|
-
renderForDateSlot: { type: Boolean }
|
|
15395
|
+
renderForDateSlot: { type: Boolean },
|
|
15396
|
+
active: {
|
|
15397
|
+
type: Boolean,
|
|
15398
|
+
reflect: true
|
|
15399
|
+
},
|
|
15400
|
+
hasPopoverContent: { type: Boolean }
|
|
15389
15401
|
};
|
|
15390
15402
|
}
|
|
15391
15403
|
|
|
@@ -15444,13 +15456,23 @@ class AuroCalendarCell extends i$3 {
|
|
|
15444
15456
|
* @returns {void}
|
|
15445
15457
|
*/
|
|
15446
15458
|
handleTap() {
|
|
15447
|
-
if (!this.disabled) {
|
|
15459
|
+
if (!this.disabled && !this.isBlackout()) {
|
|
15448
15460
|
this.datepicker.handleCellClick(this.day.date);
|
|
15449
15461
|
}
|
|
15462
|
+
|
|
15463
|
+
// Set this cell as the active cell regardless of blackout status
|
|
15464
|
+
if (this.day) {
|
|
15465
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
15466
|
+
bubbles: true,
|
|
15467
|
+
composed: true,
|
|
15468
|
+
detail: { date: this.day.date }
|
|
15469
|
+
}));
|
|
15470
|
+
}
|
|
15450
15471
|
}
|
|
15451
15472
|
|
|
15452
15473
|
/**
|
|
15453
15474
|
* Handles user hover events and dispatches a custom event.
|
|
15475
|
+
* Always dispatches for range pickers so the preview updates correctly.
|
|
15454
15476
|
* @private
|
|
15455
15477
|
* @returns {void}
|
|
15456
15478
|
*/
|
|
@@ -15464,7 +15486,61 @@ class AuroCalendarCell extends i$3 {
|
|
|
15464
15486
|
}
|
|
15465
15487
|
|
|
15466
15488
|
/**
|
|
15467
|
-
* Checks if the current date is
|
|
15489
|
+
* Checks if the current date is outside the valid min/max range.
|
|
15490
|
+
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
15491
|
+
* @private
|
|
15492
|
+
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15493
|
+
* @param {Number} min - The minimum date value.
|
|
15494
|
+
* @param {Number} max - The maximum date value.
|
|
15495
|
+
* @returns {Boolean} - True if the date is out of range.
|
|
15496
|
+
*/
|
|
15497
|
+
isOutOfRange(day, min, max) {
|
|
15498
|
+
if (day && day.date != null) {
|
|
15499
|
+
return day.date < min || day.date > max;
|
|
15500
|
+
}
|
|
15501
|
+
return false;
|
|
15502
|
+
}
|
|
15503
|
+
|
|
15504
|
+
/**
|
|
15505
|
+
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
15506
|
+
* Blackout cells are focusable but not selectable.
|
|
15507
|
+
* @private
|
|
15508
|
+
* @returns {Boolean} - True if the date is a blackout date.
|
|
15509
|
+
*/
|
|
15510
|
+
isBlackout() {
|
|
15511
|
+
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
15512
|
+
return false;
|
|
15513
|
+
}
|
|
15514
|
+
|
|
15515
|
+
// Check against disabledDays timestamps (legacy path)
|
|
15516
|
+
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
15517
|
+
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
15518
|
+
return true;
|
|
15519
|
+
}
|
|
15520
|
+
}
|
|
15521
|
+
|
|
15522
|
+
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
15523
|
+
const blackoutDates = this.datepicker?.blackoutDates;
|
|
15524
|
+
|
|
15525
|
+
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
15526
|
+
const date = new Date(this.day.date * 1000);
|
|
15527
|
+
const yyyy = date.getFullYear();
|
|
15528
|
+
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
15529
|
+
const dd = String(date.getDate()).padStart(2, '0');
|
|
15530
|
+
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
15531
|
+
if (blackoutDates.includes(cellDate)) {
|
|
15532
|
+
return true;
|
|
15533
|
+
}
|
|
15534
|
+
}
|
|
15535
|
+
|
|
15536
|
+
return false;
|
|
15537
|
+
}
|
|
15538
|
+
|
|
15539
|
+
/**
|
|
15540
|
+
* Checks if the current date is disabled based on min/max range or the
|
|
15541
|
+
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
15542
|
+
* host when the date falls outside the allowed range or appears in
|
|
15543
|
+
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
15468
15544
|
* @private
|
|
15469
15545
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
15470
15546
|
* @param {Number} min - The minimum date value.
|
|
@@ -15484,6 +15560,91 @@ class AuroCalendarCell extends i$3 {
|
|
|
15484
15560
|
return false;
|
|
15485
15561
|
}
|
|
15486
15562
|
|
|
15563
|
+
/**
|
|
15564
|
+
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
15565
|
+
* @private
|
|
15566
|
+
* @returns {String} The unique cell ID.
|
|
15567
|
+
*/
|
|
15568
|
+
getCellId() {
|
|
15569
|
+
if (!this.day || !this.day.date) return '';
|
|
15570
|
+
const date = new Date(this.day.date * 1000);
|
|
15571
|
+
const year = date.getFullYear();
|
|
15572
|
+
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
15573
|
+
const day = String(date.getDate()).padStart(2, '0');
|
|
15574
|
+
return `cell-${year}-${month}-${day}`;
|
|
15575
|
+
}
|
|
15576
|
+
|
|
15577
|
+
/**
|
|
15578
|
+
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
15579
|
+
* Includes range position and blackout status.
|
|
15580
|
+
* @private
|
|
15581
|
+
* @returns {String} The aria-label string.
|
|
15582
|
+
*/
|
|
15583
|
+
getAriaLabel() {
|
|
15584
|
+
if (!this.day || this.day.date === undefined) return '';
|
|
15585
|
+
|
|
15586
|
+
const date = new Date(this.day.date * 1000);
|
|
15587
|
+
|
|
15588
|
+
// Generate localized full date string using the configured locale
|
|
15589
|
+
const localeCode = this.locale?.code || undefined;
|
|
15590
|
+
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
15591
|
+
weekday: 'long',
|
|
15592
|
+
year: 'numeric',
|
|
15593
|
+
month: 'long',
|
|
15594
|
+
day: 'numeric'
|
|
15595
|
+
});
|
|
15596
|
+
|
|
15597
|
+
let label = dateFormatter.format(date);
|
|
15598
|
+
|
|
15599
|
+
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
15600
|
+
if (this.hasPopoverContent) {
|
|
15601
|
+
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
15602
|
+
}
|
|
15603
|
+
|
|
15604
|
+
// Append range position if in range mode
|
|
15605
|
+
const rangePosition = this.getRangePosition();
|
|
15606
|
+
if (rangePosition) {
|
|
15607
|
+
label += `, ${rangePosition}`;
|
|
15608
|
+
}
|
|
15609
|
+
|
|
15610
|
+
// Append blackout label for blackout cells
|
|
15611
|
+
if (this.isBlackout()) {
|
|
15612
|
+
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
15613
|
+
}
|
|
15614
|
+
|
|
15615
|
+
return label;
|
|
15616
|
+
}
|
|
15617
|
+
|
|
15618
|
+
/**
|
|
15619
|
+
* Determines the range position of this cell relative to the current selection.
|
|
15620
|
+
* @private
|
|
15621
|
+
* @returns {String|null} Range position label or null if not in range mode.
|
|
15622
|
+
*/
|
|
15623
|
+
getRangePosition() {
|
|
15624
|
+
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
15625
|
+
|
|
15626
|
+
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
15627
|
+
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
15628
|
+
|
|
15629
|
+
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
15630
|
+
const dayDate = this.day.date;
|
|
15631
|
+
|
|
15632
|
+
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
15633
|
+
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
15634
|
+
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
15635
|
+
|
|
15636
|
+
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
15637
|
+
|
|
15638
|
+
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
15639
|
+
|
|
15640
|
+
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
15641
|
+
|
|
15642
|
+
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
15643
|
+
|
|
15644
|
+
// After start date, no end date yet, or after end date
|
|
15645
|
+
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
15646
|
+
}
|
|
15647
|
+
|
|
15487
15648
|
/**
|
|
15488
15649
|
* Checks if the current date is the depart date.
|
|
15489
15650
|
* @private
|
|
@@ -15645,9 +15806,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
15645
15806
|
|
|
15646
15807
|
if (popoverSlotContent) {
|
|
15647
15808
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
15648
|
-
this.
|
|
15809
|
+
this.hasPopoverContent = true;
|
|
15649
15810
|
} else {
|
|
15650
|
-
this.
|
|
15811
|
+
this.hasPopoverContent = false;
|
|
15651
15812
|
}
|
|
15652
15813
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
15653
15814
|
// Error handling goes here
|
|
@@ -15663,13 +15824,41 @@ class AuroCalendarCell extends i$3 {
|
|
|
15663
15824
|
return;
|
|
15664
15825
|
}
|
|
15665
15826
|
this.datepicker = calendar.datepicker;
|
|
15666
|
-
this.
|
|
15827
|
+
this._slotContentHandler = () => {
|
|
15667
15828
|
this.handleSlotContent();
|
|
15668
|
-
|
|
15829
|
+
// Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
|
|
15830
|
+
this.requestUpdate();
|
|
15831
|
+
};
|
|
15832
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
15669
15833
|
|
|
15834
|
+
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
15835
|
+
// cells reflect blackout/slot state that was configured before first render.
|
|
15836
|
+
this.requestUpdate();
|
|
15837
|
+
|
|
15838
|
+
this.calendarMonth = calendarMonth;
|
|
15839
|
+
this.configurePopover();
|
|
15840
|
+
}
|
|
15841
|
+
|
|
15842
|
+
disconnectedCallback() {
|
|
15843
|
+
super.disconnectedCallback();
|
|
15844
|
+
if (this.datepicker && this._slotContentHandler) {
|
|
15845
|
+
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
15846
|
+
}
|
|
15847
|
+
}
|
|
15848
|
+
|
|
15849
|
+
/**
|
|
15850
|
+
* Configures the popover instance with the calendar month boundary.
|
|
15851
|
+
* Called from firstUpdated and updated because the popover element is only
|
|
15852
|
+
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
15853
|
+
* @private
|
|
15854
|
+
* @returns {void}
|
|
15855
|
+
*/
|
|
15856
|
+
configurePopover() {
|
|
15670
15857
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
15671
15858
|
|
|
15672
|
-
this.auroPopover
|
|
15859
|
+
if (this.auroPopover && this.calendarMonth) {
|
|
15860
|
+
this.auroPopover.boundary = this.calendarMonth;
|
|
15861
|
+
}
|
|
15673
15862
|
}
|
|
15674
15863
|
|
|
15675
15864
|
updated(properties) {
|
|
@@ -15677,46 +15866,88 @@ class AuroCalendarCell extends i$3 {
|
|
|
15677
15866
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
15678
15867
|
}
|
|
15679
15868
|
|
|
15680
|
-
this.
|
|
15681
|
-
|
|
15869
|
+
if (this.day) {
|
|
15870
|
+
this.setDateSlotName();
|
|
15871
|
+
this.handleSlotContent();
|
|
15872
|
+
}
|
|
15873
|
+
|
|
15874
|
+
// Configure popover when it first becomes rendered
|
|
15875
|
+
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
15876
|
+
this.updateComplete.then(() => this.configurePopover());
|
|
15877
|
+
}
|
|
15682
15878
|
}
|
|
15683
15879
|
|
|
15684
|
-
|
|
15880
|
+
/**
|
|
15881
|
+
* Programmatically focuses the cell's interactive button element.
|
|
15882
|
+
* @returns {void}
|
|
15883
|
+
*/
|
|
15884
|
+
focusButton() {
|
|
15885
|
+
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
15886
|
+
if (button) {
|
|
15887
|
+
button.focus();
|
|
15888
|
+
}
|
|
15889
|
+
}
|
|
15890
|
+
|
|
15891
|
+
renderCellButton() {
|
|
15892
|
+
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
15893
|
+
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
15894
|
+
const blackout = this.isBlackout();
|
|
15895
|
+
|
|
15685
15896
|
const buttonClasses = {
|
|
15686
15897
|
'day': true,
|
|
15687
15898
|
'body-lg': true,
|
|
15688
|
-
'currentDate': this.
|
|
15899
|
+
'currentDate': this.isCurrentDate,
|
|
15689
15900
|
'selected': this.selected,
|
|
15690
|
-
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15901
|
+
'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
15691
15902
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
15692
|
-
'disabled':
|
|
15693
|
-
'
|
|
15694
|
-
'
|
|
15903
|
+
'disabled': outOfRange,
|
|
15904
|
+
'blackout': blackout,
|
|
15905
|
+
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
15906
|
+
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
15695
15907
|
'reference': this.isReferenceDate(this.dateStr),
|
|
15696
|
-
'sameDateTrip': this.dateFrom === this.dateTo
|
|
15908
|
+
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
15697
15909
|
};
|
|
15698
15910
|
|
|
15699
|
-
let _a, _b;
|
|
15700
15911
|
return u$d`
|
|
15701
|
-
|
|
15702
|
-
|
|
15703
|
-
|
|
15704
|
-
|
|
15705
|
-
|
|
15706
|
-
|
|
15707
|
-
|
|
15708
|
-
|
|
15709
|
-
|
|
15710
|
-
|
|
15711
|
-
|
|
15712
|
-
|
|
15713
|
-
|
|
15714
|
-
|
|
15715
|
-
|
|
15716
|
-
|
|
15717
|
-
</div>
|
|
15718
|
-
</
|
|
15719
|
-
|
|
15912
|
+
<button
|
|
15913
|
+
slot="trigger"
|
|
15914
|
+
id="${this.getCellId()}"
|
|
15915
|
+
role="${role}"
|
|
15916
|
+
@click="${outOfRange ? undefined : this.handleTap}"
|
|
15917
|
+
@mouseover="${outOfRange ? undefined : this.handleHover}"
|
|
15918
|
+
@focus="${outOfRange ? undefined : this.handleHover}"
|
|
15919
|
+
class="${e$3(buttonClasses)}"
|
|
15920
|
+
?disabled="${outOfRange}"
|
|
15921
|
+
aria-disabled="${blackout ? 'true' : A$7}"
|
|
15922
|
+
aria-hidden="${outOfRange ? 'true' : A$7}"
|
|
15923
|
+
aria-selected="${this.selected ? 'true' : 'false'}"
|
|
15924
|
+
aria-current="${this.isCurrentDate ? 'date' : A$7}"
|
|
15925
|
+
tabindex="${this.active ? '0' : '-1'}">
|
|
15926
|
+
<span class="srOnly">${this.getAriaLabel()}</span>
|
|
15927
|
+
<div class="buttonWrapper" aria-hidden="true">
|
|
15928
|
+
<div class="currentDayMarker">${this.day?.title || A$7}</div>
|
|
15929
|
+
</div>
|
|
15930
|
+
<div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
|
|
15931
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
15932
|
+
</div>
|
|
15933
|
+
</button>
|
|
15934
|
+
`;
|
|
15935
|
+
}
|
|
15936
|
+
|
|
15937
|
+
render() {
|
|
15938
|
+
const hasPopoverContent = this.hasPopoverContent;
|
|
15939
|
+
|
|
15940
|
+
if (hasPopoverContent) {
|
|
15941
|
+
return u$d`
|
|
15942
|
+
<${this.popoverTag}>
|
|
15943
|
+
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
15944
|
+
${this.renderCellButton()}
|
|
15945
|
+
</${this.popoverTag}>
|
|
15946
|
+
`;
|
|
15947
|
+
}
|
|
15948
|
+
|
|
15949
|
+
return u$d`
|
|
15950
|
+
${this.renderCellButton()}
|
|
15720
15951
|
`;
|
|
15721
15952
|
}
|
|
15722
15953
|
}
|
|
@@ -15784,16 +16015,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15784
16015
|
return this.monthNames[month - 1];
|
|
15785
16016
|
}
|
|
15786
16017
|
|
|
16018
|
+
/**
|
|
16019
|
+
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16020
|
+
* @private
|
|
16021
|
+
* @returns {String} The heading ID.
|
|
16022
|
+
*/
|
|
16023
|
+
getHeadingId() {
|
|
16024
|
+
return `month-heading-${this.month}-${this.year}`;
|
|
16025
|
+
}
|
|
16026
|
+
|
|
15787
16027
|
/**
|
|
15788
16028
|
* Determines the current month name based on locale.
|
|
16029
|
+
* Also builds parallel arrays of full day names for abbr attributes.
|
|
15789
16030
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
15790
16031
|
* @private
|
|
15791
16032
|
* @returns {void}
|
|
15792
16033
|
*/
|
|
15793
16034
|
localeChanged() {
|
|
15794
16035
|
const dayNamesOfTheWeek = [];
|
|
16036
|
+
const dayFullNames = [];
|
|
15795
16037
|
for (let int = 0; int < 7; int += 1) {
|
|
15796
16038
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16039
|
+
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
15797
16040
|
}
|
|
15798
16041
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
15799
16042
|
? this.locale.options.weekStartsOn
|
|
@@ -15804,6 +16047,125 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15804
16047
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
15805
16048
|
.concat(tmp);
|
|
15806
16049
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16050
|
+
|
|
16051
|
+
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16052
|
+
const newDayFullNames = dayFullNames
|
|
16053
|
+
.slice()
|
|
16054
|
+
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16055
|
+
.concat(tmpFull);
|
|
16056
|
+
this.dayFullNames = newDayFullNames;
|
|
16057
|
+
}
|
|
16058
|
+
|
|
16059
|
+
/**
|
|
16060
|
+
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16061
|
+
* @private
|
|
16062
|
+
* @param {String} dayOfWeek - The short day name.
|
|
16063
|
+
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16064
|
+
* @returns {Object} The header HTML.
|
|
16065
|
+
*/
|
|
16066
|
+
renderDayOfWeek(dayOfWeek, index) {
|
|
16067
|
+
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16068
|
+
return b$8`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16069
|
+
}
|
|
16070
|
+
|
|
16071
|
+
/**
|
|
16072
|
+
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16073
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16074
|
+
*/
|
|
16075
|
+
getFocusableCells() {
|
|
16076
|
+
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16077
|
+
return cells.filter(cell => {
|
|
16078
|
+
if (!cell.day) return false;
|
|
16079
|
+
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16080
|
+
});
|
|
16081
|
+
}
|
|
16082
|
+
|
|
16083
|
+
/**
|
|
16084
|
+
* Handles arrow key navigation within the month grid.
|
|
16085
|
+
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16086
|
+
* @private
|
|
16087
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
16088
|
+
* @returns {void}
|
|
16089
|
+
*/
|
|
16090
|
+
handleGridKeyDown(event) {
|
|
16091
|
+
const { key } = event;
|
|
16092
|
+
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16093
|
+
|
|
16094
|
+
if (!arrowKeys.includes(key)) return;
|
|
16095
|
+
|
|
16096
|
+
event.preventDefault();
|
|
16097
|
+
|
|
16098
|
+
const focusableCells = this.getFocusableCells();
|
|
16099
|
+
if (focusableCells.length === 0) return;
|
|
16100
|
+
|
|
16101
|
+
// Find the currently active cell within this month
|
|
16102
|
+
const activeCell = focusableCells.find(cell => cell.active);
|
|
16103
|
+
if (!activeCell) return;
|
|
16104
|
+
|
|
16105
|
+
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16106
|
+
let targetCell = null;
|
|
16107
|
+
|
|
16108
|
+
if (key === 'ArrowRight') {
|
|
16109
|
+
if (activeIndex < focusableCells.length - 1) {
|
|
16110
|
+
targetCell = focusableCells[activeIndex + 1];
|
|
16111
|
+
} else {
|
|
16112
|
+
// At end of month, request cross-month navigation
|
|
16113
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16114
|
+
bubbles: true,
|
|
16115
|
+
composed: true,
|
|
16116
|
+
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16117
|
+
}));
|
|
16118
|
+
return;
|
|
16119
|
+
}
|
|
16120
|
+
} else if (key === 'ArrowLeft') {
|
|
16121
|
+
if (activeIndex > 0) {
|
|
16122
|
+
targetCell = focusableCells[activeIndex - 1];
|
|
16123
|
+
} else {
|
|
16124
|
+
// At start of month, request cross-month navigation
|
|
16125
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16126
|
+
bubbles: true,
|
|
16127
|
+
composed: true,
|
|
16128
|
+
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16129
|
+
}));
|
|
16130
|
+
return;
|
|
16131
|
+
}
|
|
16132
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16133
|
+
// Find the target day (same day-of-week, +/- 7 days)
|
|
16134
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16135
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16136
|
+
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16137
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
16138
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
16139
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16140
|
+
|
|
16141
|
+
// Look for the target date in this month's focusable cells
|
|
16142
|
+
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16143
|
+
|
|
16144
|
+
if (!targetCell) {
|
|
16145
|
+
// Target is in another month or all cells in that direction are disabled
|
|
16146
|
+
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16147
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16148
|
+
bubbles: true,
|
|
16149
|
+
composed: true,
|
|
16150
|
+
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16151
|
+
}));
|
|
16152
|
+
return;
|
|
16153
|
+
}
|
|
16154
|
+
}
|
|
16155
|
+
|
|
16156
|
+
if (targetCell) {
|
|
16157
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16158
|
+
bubbles: true,
|
|
16159
|
+
composed: true,
|
|
16160
|
+
detail: { date: targetCell.day.date }
|
|
16161
|
+
}));
|
|
16162
|
+
}
|
|
16163
|
+
}
|
|
16164
|
+
|
|
16165
|
+
renderWeek(week) {
|
|
16166
|
+
return b$8`
|
|
16167
|
+
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16168
|
+
`;
|
|
15807
16169
|
}
|
|
15808
16170
|
|
|
15809
16171
|
renderDay(day) {
|
|
@@ -15827,7 +16189,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15827
16189
|
>
|
|
15828
16190
|
</auro-formkit-calendar-cell>
|
|
15829
16191
|
`
|
|
15830
|
-
:
|
|
16192
|
+
: b$8`<div aria-hidden="true" inert></div>`}
|
|
15831
16193
|
</div>
|
|
15832
16194
|
`;
|
|
15833
16195
|
}
|
|
@@ -15838,10 +16200,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15838
16200
|
var _a, _b;
|
|
15839
16201
|
|
|
15840
16202
|
return b$8 `
|
|
15841
|
-
<div>
|
|
16203
|
+
<div aria-labelledby="${this.getHeadingId()}">
|
|
15842
16204
|
<div class="header">
|
|
15843
16205
|
${this.renderPrevButton()}
|
|
15844
|
-
<div class="headerTitle heading-xs">
|
|
16206
|
+
<div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
|
|
15845
16207
|
${this.monthFirst ? b$8`
|
|
15846
16208
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
15847
16209
|
<div>${this.renderYear()}</div>
|
|
@@ -15853,13 +16215,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
15853
16215
|
${this.renderNextButton()}
|
|
15854
16216
|
</div>
|
|
15855
16217
|
|
|
15856
|
-
<div class="table">
|
|
15857
|
-
<div class="thead">
|
|
15858
|
-
<div class="tr">
|
|
15859
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
16218
|
+
<div class="table" role="grid" aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
|
|
16219
|
+
<div class="thead" role="rowgroup">
|
|
16220
|
+
<div class="tr" role="row">
|
|
16221
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
|
|
15860
16222
|
</div>
|
|
15861
16223
|
</div>
|
|
15862
|
-
<div class="tbody">
|
|
16224
|
+
<div class="tbody" role="rowgroup">
|
|
15863
16225
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
15864
16226
|
</div>
|
|
15865
16227
|
</div>
|
|
@@ -16552,6 +16914,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16552
16914
|
large: {
|
|
16553
16915
|
type: Boolean,
|
|
16554
16916
|
reflect: true
|
|
16917
|
+
},
|
|
16918
|
+
|
|
16919
|
+
/**
|
|
16920
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
16921
|
+
*/
|
|
16922
|
+
showFooter: {
|
|
16923
|
+
type: Boolean,
|
|
16924
|
+
reflect: true
|
|
16555
16925
|
}
|
|
16556
16926
|
};
|
|
16557
16927
|
}
|
|
@@ -16654,7 +17024,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16654
17024
|
<slot></slot>
|
|
16655
17025
|
</div>
|
|
16656
17026
|
|
|
16657
|
-
${this.isFullscreen ? u$d`
|
|
17027
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
16658
17028
|
<div id="footerContainer">
|
|
16659
17029
|
<slot name="footer"></slot>
|
|
16660
17030
|
</div>` : null}
|
|
@@ -16663,7 +17033,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
16663
17033
|
}
|
|
16664
17034
|
};
|
|
16665
17035
|
|
|
16666
|
-
var formkitVersion$2$1 = '
|
|
17036
|
+
var formkitVersion$2$1 = '202606011911';
|
|
16667
17037
|
|
|
16668
17038
|
let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$6`${s$8(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$5`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
16669
17039
|
`,u$4$1=i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -16761,6 +17131,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16761
17131
|
this.largeFullscreenHeadline = false;
|
|
16762
17132
|
this.isFullscreen = false;
|
|
16763
17133
|
|
|
17134
|
+
/**
|
|
17135
|
+
* The date of the currently active cell (Unix timestamp).
|
|
17136
|
+
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17137
|
+
* @private
|
|
17138
|
+
*/
|
|
17139
|
+
this.activeCellDate = null;
|
|
17140
|
+
|
|
16764
17141
|
/**
|
|
16765
17142
|
* @private
|
|
16766
17143
|
*/
|
|
@@ -16926,6 +17303,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16926
17303
|
*/
|
|
16927
17304
|
handlePrevMonth() {
|
|
16928
17305
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
17306
|
+
this.updateActiveCellForVisibleMonth();
|
|
17307
|
+
this.announceMonthChange();
|
|
16929
17308
|
}
|
|
16930
17309
|
|
|
16931
17310
|
/**
|
|
@@ -16935,6 +17314,38 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
16935
17314
|
*/
|
|
16936
17315
|
handleNextMonth() {
|
|
16937
17316
|
this.utilCal.handleMonthChange(this, 'next');
|
|
17317
|
+
this.updateActiveCellForVisibleMonth();
|
|
17318
|
+
this.announceMonthChange();
|
|
17319
|
+
}
|
|
17320
|
+
|
|
17321
|
+
/**
|
|
17322
|
+
* Announces the current month and year via the live region after navigation.
|
|
17323
|
+
* @private
|
|
17324
|
+
* @returns {void}
|
|
17325
|
+
*/
|
|
17326
|
+
announceMonthChange() {
|
|
17327
|
+
const date = new Date(this.centralDate);
|
|
17328
|
+
const localeCode = this.locale?.code || undefined;
|
|
17329
|
+
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
17330
|
+
this.announceSelection(formatter.format(date));
|
|
17331
|
+
}
|
|
17332
|
+
|
|
17333
|
+
/**
|
|
17334
|
+
* Recomputes and sets the active cell for the newly visible month after
|
|
17335
|
+
* month navigation. Without this, activeCellDate can point at a date in
|
|
17336
|
+
* the old month, leaving no tabindex="0" cell in the grid.
|
|
17337
|
+
* @private
|
|
17338
|
+
* @returns {void}
|
|
17339
|
+
*/
|
|
17340
|
+
updateActiveCellForVisibleMonth() {
|
|
17341
|
+
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
17342
|
+
// visible month rather than jumping back to the selected date's month.
|
|
17343
|
+
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
17344
|
+
this.updateComplete.then(() => {
|
|
17345
|
+
if (this.activeCellDate != null) {
|
|
17346
|
+
this.setActiveCell(this.activeCellDate);
|
|
17347
|
+
}
|
|
17348
|
+
});
|
|
16938
17349
|
}
|
|
16939
17350
|
|
|
16940
17351
|
/**
|
|
@@ -17042,6 +17453,452 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17042
17453
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17043
17454
|
}
|
|
17044
17455
|
|
|
17456
|
+
/**
|
|
17457
|
+
* Gets all rendered month components.
|
|
17458
|
+
* @private
|
|
17459
|
+
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
17460
|
+
*/
|
|
17461
|
+
getMonthComponents() {
|
|
17462
|
+
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
17463
|
+
}
|
|
17464
|
+
|
|
17465
|
+
/**
|
|
17466
|
+
* Gets all focusable cells across all rendered months.
|
|
17467
|
+
* @private
|
|
17468
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
17469
|
+
*/
|
|
17470
|
+
getAllFocusableCells() {
|
|
17471
|
+
const months = this.getMonthComponents();
|
|
17472
|
+
let cells = [];
|
|
17473
|
+
months.forEach(month => {
|
|
17474
|
+
cells = cells.concat(month.getFocusableCells());
|
|
17475
|
+
});
|
|
17476
|
+
return cells;
|
|
17477
|
+
}
|
|
17478
|
+
|
|
17479
|
+
/**
|
|
17480
|
+
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
17481
|
+
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
17482
|
+
* @returns {void}
|
|
17483
|
+
*/
|
|
17484
|
+
setActiveCell(date) {
|
|
17485
|
+
const allCells = this.getAllFocusableCells();
|
|
17486
|
+
|
|
17487
|
+
allCells.forEach(cell => {
|
|
17488
|
+
cell.active = cell.day && cell.day.date === date;
|
|
17489
|
+
});
|
|
17490
|
+
|
|
17491
|
+
this.activeCellDate = date;
|
|
17492
|
+
}
|
|
17493
|
+
|
|
17494
|
+
/**
|
|
17495
|
+
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
17496
|
+
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
17497
|
+
* to complete so the focused button is the final DOM element.
|
|
17498
|
+
* @returns {void}
|
|
17499
|
+
*/
|
|
17500
|
+
focusActiveCell() {
|
|
17501
|
+
if (this.activeCellDate != null) {
|
|
17502
|
+
this.setActiveCell(this.activeCellDate);
|
|
17503
|
+
}
|
|
17504
|
+
|
|
17505
|
+
const allCells = this.getAllFocusableCells();
|
|
17506
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
17507
|
+
if (activeCell) {
|
|
17508
|
+
activeCell.updateComplete.then(() => {
|
|
17509
|
+
activeCell.focusButton();
|
|
17510
|
+
});
|
|
17511
|
+
}
|
|
17512
|
+
}
|
|
17513
|
+
|
|
17514
|
+
/**
|
|
17515
|
+
* Computes the initial active date from data properties alone — no DOM required.
|
|
17516
|
+
* Priority:
|
|
17517
|
+
* 1. Selected date (dateFrom) if within range
|
|
17518
|
+
* 2. Today's date if not disabled (in-range and not blackout)
|
|
17519
|
+
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
17520
|
+
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
17521
|
+
* 5. First enabled date in finite [min, max] range
|
|
17522
|
+
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
17523
|
+
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
17524
|
+
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
17525
|
+
* 7. undefined — no valid target
|
|
17526
|
+
*
|
|
17527
|
+
* @private
|
|
17528
|
+
* @param {Object} [options] - Optional settings.
|
|
17529
|
+
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
17530
|
+
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
17531
|
+
* newly visible month instead of jumping back to the selected date's month.
|
|
17532
|
+
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
17533
|
+
*/
|
|
17534
|
+
computeActiveDate(options = {}) {
|
|
17535
|
+
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
17536
|
+
|
|
17537
|
+
/**
|
|
17538
|
+
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
17539
|
+
* Returns a local-midnight-aligned timestamp in seconds.
|
|
17540
|
+
*/
|
|
17541
|
+
const addDays = (ts, days) => {
|
|
17542
|
+
const d = new Date(ts * 1000);
|
|
17543
|
+
d.setDate(d.getDate() + days);
|
|
17544
|
+
d.setHours(0, 0, 0, 0);
|
|
17545
|
+
return Math.floor(d.getTime() / 1000);
|
|
17546
|
+
};
|
|
17547
|
+
|
|
17548
|
+
const rawMin = Number(this.min);
|
|
17549
|
+
const rawMax = Number(this.max);
|
|
17550
|
+
|
|
17551
|
+
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
17552
|
+
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
17553
|
+
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
17554
|
+
|
|
17555
|
+
// Build a Set of blackout timestamps for O(1) lookup.
|
|
17556
|
+
const blackoutSet = new Set(
|
|
17557
|
+
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
17558
|
+
);
|
|
17559
|
+
|
|
17560
|
+
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
17561
|
+
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
17562
|
+
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
17563
|
+
if (Array.isArray(isoBlackouts)) {
|
|
17564
|
+
for (const isoStr of isoBlackouts) {
|
|
17565
|
+
const parts = isoStr.split('-');
|
|
17566
|
+
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
17567
|
+
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
17568
|
+
}
|
|
17569
|
+
}
|
|
17570
|
+
|
|
17571
|
+
/**
|
|
17572
|
+
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
17573
|
+
* it is within [min, max] AND not a blackout day.
|
|
17574
|
+
*/
|
|
17575
|
+
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
17576
|
+
|
|
17577
|
+
/**
|
|
17578
|
+
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
17579
|
+
* Blackout dates are focusable but not selectable.
|
|
17580
|
+
*/
|
|
17581
|
+
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
17582
|
+
|
|
17583
|
+
// 1. Selected date — always valid target if within range (user chose it).
|
|
17584
|
+
// Skipped when called from month navigation so the active cell lands in
|
|
17585
|
+
// the newly visible month rather than the (possibly off-screen) selection.
|
|
17586
|
+
if (!options.skipDateFrom && this.dateFrom) {
|
|
17587
|
+
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
17588
|
+
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
17589
|
+
}
|
|
17590
|
+
|
|
17591
|
+
// 2. Today's date (midnight-aligned) if enabled.
|
|
17592
|
+
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
17593
|
+
|
|
17594
|
+
// When centralDate is configured, prefer a date within the month(s) that
|
|
17595
|
+
// will actually be rendered. If today falls outside the visible range, an
|
|
17596
|
+
// active cell set to today would have no matching DOM element and keyboard
|
|
17597
|
+
// focus could not enter the calendar.
|
|
17598
|
+
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
17599
|
+
|
|
17600
|
+
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
17601
|
+
const centralMonth = centralDateValue.getMonth();
|
|
17602
|
+
const centralYear = centralDateValue.getFullYear();
|
|
17603
|
+
const todayDate = new Date(now * 1000);
|
|
17604
|
+
const todayMonth = todayDate.getMonth();
|
|
17605
|
+
const todayYear = todayDate.getFullYear();
|
|
17606
|
+
|
|
17607
|
+
// Today is outside the centralDate's month — scan for an enabled date
|
|
17608
|
+
// within the visible month instead.
|
|
17609
|
+
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
17610
|
+
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
17611
|
+
visibleStart.setHours(0, 0, 0, 0);
|
|
17612
|
+
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
17613
|
+
visibleEnd.setHours(0, 0, 0, 0);
|
|
17614
|
+
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
17615
|
+
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
17616
|
+
const daysInMonth = visibleEnd.getDate();
|
|
17617
|
+
|
|
17618
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
17619
|
+
const ts = addDays(startTs, idx);
|
|
17620
|
+
if (ts > endTs) break;
|
|
17621
|
+
if (isEnabled(ts)) return ts;
|
|
17622
|
+
}
|
|
17623
|
+
|
|
17624
|
+
// No enabled date in the visible month — fall back to first in-range
|
|
17625
|
+
// date in the month so focus still lands on a focusable cell.
|
|
17626
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
17627
|
+
const ts = addDays(startTs, idx);
|
|
17628
|
+
if (ts > endTs) break;
|
|
17629
|
+
if (isInRange(ts)) return ts;
|
|
17630
|
+
}
|
|
17631
|
+
}
|
|
17632
|
+
}
|
|
17633
|
+
|
|
17634
|
+
if (isEnabled(now)) return now;
|
|
17635
|
+
|
|
17636
|
+
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
17637
|
+
// rendered month(s) first so a single-month calendar does not pick a date
|
|
17638
|
+
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
17639
|
+
// the number of rendered months.
|
|
17640
|
+
const renderedMonths = this.numCalendars || 1;
|
|
17641
|
+
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
17642
|
+
? centralDateValue
|
|
17643
|
+
: new Date(now * 1000);
|
|
17644
|
+
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
17645
|
+
visMonthStart.setHours(0, 0, 0, 0);
|
|
17646
|
+
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
17647
|
+
visMonthEnd.setHours(0, 0, 0, 0);
|
|
17648
|
+
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
17649
|
+
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
17650
|
+
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
17651
|
+
|
|
17652
|
+
// Scan visible months for an enabled date.
|
|
17653
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
17654
|
+
const ts = addDays(visStartTs, idx);
|
|
17655
|
+
if (ts > visEndTs) break;
|
|
17656
|
+
if (isEnabled(ts)) return ts;
|
|
17657
|
+
}
|
|
17658
|
+
|
|
17659
|
+
// No enabled date in visible months — try an in-range (focusable) date so
|
|
17660
|
+
// keyboard focus still has a tabindex="0" target.
|
|
17661
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
17662
|
+
const ts = addDays(visStartTs, idx);
|
|
17663
|
+
if (ts > visEndTs) break;
|
|
17664
|
+
if (isInRange(ts)) return ts;
|
|
17665
|
+
}
|
|
17666
|
+
|
|
17667
|
+
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
17668
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17669
|
+
const ts = addDays(now, idx);
|
|
17670
|
+
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
17671
|
+
if (isEnabled(ts)) return ts;
|
|
17672
|
+
}
|
|
17673
|
+
|
|
17674
|
+
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
17675
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17676
|
+
const ts = addDays(now, -idx);
|
|
17677
|
+
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
17678
|
+
if (isEnabled(ts)) return ts;
|
|
17679
|
+
}
|
|
17680
|
+
|
|
17681
|
+
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
17682
|
+
// the first enabled date in the [min, max] range.
|
|
17683
|
+
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17684
|
+
let ts = minTs;
|
|
17685
|
+
for (let idx = 0; ts <= maxTs; idx++) {
|
|
17686
|
+
if (isEnabled(ts)) return ts;
|
|
17687
|
+
ts = addDays(minTs, idx + 1);
|
|
17688
|
+
}
|
|
17689
|
+
}
|
|
17690
|
+
|
|
17691
|
+
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
17692
|
+
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
17693
|
+
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
17694
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17695
|
+
const ts = addDays(minTs, idx);
|
|
17696
|
+
if (isEnabled(ts)) return ts;
|
|
17697
|
+
}
|
|
17698
|
+
}
|
|
17699
|
+
|
|
17700
|
+
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
17701
|
+
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
17702
|
+
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
17703
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
17704
|
+
const ts = addDays(maxTs, -idx);
|
|
17705
|
+
if (isEnabled(ts)) return ts;
|
|
17706
|
+
}
|
|
17707
|
+
}
|
|
17708
|
+
|
|
17709
|
+
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
17710
|
+
// still lands on a focusable (but not selectable) cell.
|
|
17711
|
+
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
17712
|
+
if (isInRange(now)) return now;
|
|
17713
|
+
|
|
17714
|
+
return undefined;
|
|
17715
|
+
}
|
|
17716
|
+
|
|
17717
|
+
/**
|
|
17718
|
+
* Handles cross-month boundary navigation events from month components.
|
|
17719
|
+
* @private
|
|
17720
|
+
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
17721
|
+
* @returns {void}
|
|
17722
|
+
*/
|
|
17723
|
+
handleMonthBoundary(event) {
|
|
17724
|
+
const { direction, fromDate, key } = event.detail;
|
|
17725
|
+
|
|
17726
|
+
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
17727
|
+
// Linear navigation: find adjacent focusable cell across months
|
|
17728
|
+
const allCells = this.getAllFocusableCells();
|
|
17729
|
+
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
17730
|
+
|
|
17731
|
+
if (currentIndex === -1) return;
|
|
17732
|
+
|
|
17733
|
+
let targetIndex;
|
|
17734
|
+
if (direction === 'next') {
|
|
17735
|
+
targetIndex = currentIndex + 1;
|
|
17736
|
+
} else {
|
|
17737
|
+
targetIndex = currentIndex - 1;
|
|
17738
|
+
}
|
|
17739
|
+
|
|
17740
|
+
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
17741
|
+
const targetCell = allCells[targetIndex];
|
|
17742
|
+
this.setActiveCell(targetCell.day.date);
|
|
17743
|
+
this.scrollToActiveCell();
|
|
17744
|
+
this.focusActiveCell();
|
|
17745
|
+
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
17746
|
+
// Navigate to next month and focus the computed next date.
|
|
17747
|
+
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
17748
|
+
// avoids jumping backward in range datepickers where cells[0]
|
|
17749
|
+
// belongs to the previous (still-rendered) month.
|
|
17750
|
+
const nextDate = new Date(fromDate * 1000);
|
|
17751
|
+
nextDate.setDate(nextDate.getDate() + 1);
|
|
17752
|
+
nextDate.setHours(0, 0, 0, 0);
|
|
17753
|
+
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
17754
|
+
|
|
17755
|
+
this.handleNextMonth();
|
|
17756
|
+
requestAnimationFrame(() => {
|
|
17757
|
+
requestAnimationFrame(() => {
|
|
17758
|
+
const cells = this.getAllFocusableCells();
|
|
17759
|
+
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
17760
|
+
if (target) {
|
|
17761
|
+
this.setActiveCell(target.day.date);
|
|
17762
|
+
this.focusActiveCell();
|
|
17763
|
+
} else if (cells.length > 0) {
|
|
17764
|
+
// Fallback: first cell of the last rendered month
|
|
17765
|
+
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
17766
|
+
this.focusActiveCell();
|
|
17767
|
+
}
|
|
17768
|
+
});
|
|
17769
|
+
});
|
|
17770
|
+
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
17771
|
+
// Navigate to previous month and focus the computed previous date.
|
|
17772
|
+
const prevDate = new Date(fromDate * 1000);
|
|
17773
|
+
prevDate.setDate(prevDate.getDate() - 1);
|
|
17774
|
+
prevDate.setHours(0, 0, 0, 0);
|
|
17775
|
+
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
17776
|
+
|
|
17777
|
+
this.handlePrevMonth();
|
|
17778
|
+
requestAnimationFrame(() => {
|
|
17779
|
+
requestAnimationFrame(() => {
|
|
17780
|
+
const cells = this.getAllFocusableCells();
|
|
17781
|
+
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
17782
|
+
if (target) {
|
|
17783
|
+
this.setActiveCell(target.day.date);
|
|
17784
|
+
this.focusActiveCell();
|
|
17785
|
+
} else if (cells.length > 0) {
|
|
17786
|
+
// Fallback: last cell of the first rendered month
|
|
17787
|
+
this.setActiveCell(cells[0].day.date);
|
|
17788
|
+
this.focusActiveCell();
|
|
17789
|
+
}
|
|
17790
|
+
});
|
|
17791
|
+
});
|
|
17792
|
+
}
|
|
17793
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
17794
|
+
// Vertical navigation: find same day-of-week +/- 7 days
|
|
17795
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
17796
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
17797
|
+
const currentDate = new Date(fromDate * 1000);
|
|
17798
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
17799
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
17800
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
17801
|
+
|
|
17802
|
+
const allCells = this.getAllFocusableCells();
|
|
17803
|
+
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17804
|
+
|
|
17805
|
+
if (targetCell) {
|
|
17806
|
+
this.setActiveCell(targetCell.day.date);
|
|
17807
|
+
this.scrollToActiveCell();
|
|
17808
|
+
this.focusActiveCell();
|
|
17809
|
+
} else {
|
|
17810
|
+
// Target might be in an unrendered month, navigate there
|
|
17811
|
+
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
17812
|
+
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
17813
|
+
if (navDirection === 'next') {
|
|
17814
|
+
this.handleNextMonth();
|
|
17815
|
+
} else {
|
|
17816
|
+
this.handlePrevMonth();
|
|
17817
|
+
}
|
|
17818
|
+
requestAnimationFrame(() => {
|
|
17819
|
+
requestAnimationFrame(() => {
|
|
17820
|
+
const cells = this.getAllFocusableCells();
|
|
17821
|
+
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
17822
|
+
if (target) {
|
|
17823
|
+
this.setActiveCell(target.day.date);
|
|
17824
|
+
this.focusActiveCell();
|
|
17825
|
+
} else if (cells.length > 0) {
|
|
17826
|
+
// Clamp to nearest focusable cell
|
|
17827
|
+
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
17828
|
+
this.setActiveCell(nearest.day.date);
|
|
17829
|
+
this.focusActiveCell();
|
|
17830
|
+
}
|
|
17831
|
+
});
|
|
17832
|
+
});
|
|
17833
|
+
}
|
|
17834
|
+
}
|
|
17835
|
+
}
|
|
17836
|
+
}
|
|
17837
|
+
|
|
17838
|
+
/**
|
|
17839
|
+
* Handles cell activation events from month components.
|
|
17840
|
+
* @private
|
|
17841
|
+
* @param {CustomEvent} event - The activation event with target date.
|
|
17842
|
+
* @returns {void}
|
|
17843
|
+
*/
|
|
17844
|
+
handleCellActivate(event) {
|
|
17845
|
+
const { date } = event.detail;
|
|
17846
|
+
this.setActiveCell(date);
|
|
17847
|
+
this.focusActiveCell();
|
|
17848
|
+
}
|
|
17849
|
+
|
|
17850
|
+
/**
|
|
17851
|
+
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
17852
|
+
* @private
|
|
17853
|
+
* @returns {void}
|
|
17854
|
+
*/
|
|
17855
|
+
scrollToActiveCell() {
|
|
17856
|
+
if (this.activeCellDate == null) return;
|
|
17857
|
+
|
|
17858
|
+
const date = new Date(this.activeCellDate * 1000);
|
|
17859
|
+
const month = date.getMonth() + 1;
|
|
17860
|
+
const year = date.getFullYear();
|
|
17861
|
+
const selector = `#month-${month}-${year}`;
|
|
17862
|
+
const monthElem = this.shadowRoot.querySelector(selector);
|
|
17863
|
+
|
|
17864
|
+
if (monthElem) {
|
|
17865
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
17866
|
+
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
17867
|
+
}
|
|
17868
|
+
}
|
|
17869
|
+
|
|
17870
|
+
/**
|
|
17871
|
+
* Announces a date selection via the live region.
|
|
17872
|
+
* @private
|
|
17873
|
+
* @param {String} dateStr - The localized date string to announce.
|
|
17874
|
+
* @returns {void}
|
|
17875
|
+
*/
|
|
17876
|
+
announceSelection(dateStr) {
|
|
17877
|
+
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
17878
|
+
if (liveRegion) {
|
|
17879
|
+
liveRegion.textContent = '';
|
|
17880
|
+
// Use microtask to ensure SR picks up the change
|
|
17881
|
+
Promise.resolve().then(() => {
|
|
17882
|
+
liveRegion.textContent = dateStr;
|
|
17883
|
+
});
|
|
17884
|
+
}
|
|
17885
|
+
}
|
|
17886
|
+
|
|
17887
|
+
/**
|
|
17888
|
+
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
17889
|
+
* @private
|
|
17890
|
+
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
17891
|
+
* @returns {String} Localized date string.
|
|
17892
|
+
*/
|
|
17893
|
+
formatAnnouncementDate(timestamp) {
|
|
17894
|
+
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
17895
|
+
const localeCode = this.locale?.code || undefined;
|
|
17896
|
+
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
17897
|
+
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
17898
|
+
});
|
|
17899
|
+
return formatter.format(date);
|
|
17900
|
+
}
|
|
17901
|
+
|
|
17045
17902
|
firstUpdated() {
|
|
17046
17903
|
this.addEventListener('date-from-changed', () => {
|
|
17047
17904
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17061,6 +17918,16 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17061
17918
|
composed: true,
|
|
17062
17919
|
}));
|
|
17063
17920
|
});
|
|
17921
|
+
|
|
17922
|
+
// Listen for cross-month boundary navigation events
|
|
17923
|
+
this.addEventListener('calendar-month-boundary', (event) => {
|
|
17924
|
+
this.handleMonthBoundary(event);
|
|
17925
|
+
});
|
|
17926
|
+
|
|
17927
|
+
// Listen for cell activation events
|
|
17928
|
+
this.addEventListener('calendar-cell-activate', (event) => {
|
|
17929
|
+
this.handleCellActivate(event);
|
|
17930
|
+
});
|
|
17064
17931
|
}
|
|
17065
17932
|
|
|
17066
17933
|
injectSlot(slotName, nodes) {
|
|
@@ -17085,7 +17952,37 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17085
17952
|
}
|
|
17086
17953
|
|
|
17087
17954
|
if (changedProperties.has('visible')) {
|
|
17088
|
-
|
|
17955
|
+
if (this.visible) {
|
|
17956
|
+
// Compute the active date eagerly from data — no DOM needed.
|
|
17957
|
+
if (this.activeCellDate == null) {
|
|
17958
|
+
this.activeCellDate = this.computeActiveDate();
|
|
17959
|
+
}
|
|
17960
|
+
|
|
17961
|
+
this.requestUpdate();
|
|
17962
|
+
} else {
|
|
17963
|
+
this.requestUpdate();
|
|
17964
|
+
}
|
|
17965
|
+
}
|
|
17966
|
+
|
|
17967
|
+
// Announce date selection to screen readers when user clicks/selects a cell
|
|
17968
|
+
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
17969
|
+
|
|
17970
|
+
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
17971
|
+
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
17972
|
+
const isRange = !this.noRange;
|
|
17973
|
+
|
|
17974
|
+
if (isRange) {
|
|
17975
|
+
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
17976
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17977
|
+
} else {
|
|
17978
|
+
this.announceSelection(`${dateStr}, selected`);
|
|
17979
|
+
}
|
|
17980
|
+
}
|
|
17981
|
+
|
|
17982
|
+
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
17983
|
+
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
17984
|
+
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
17985
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17089
17986
|
}
|
|
17090
17987
|
}
|
|
17091
17988
|
|
|
@@ -17094,6 +17991,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17094
17991
|
<${this.bibtemplateTag}
|
|
17095
17992
|
?large="${this.largeFullscreenHeadline}"
|
|
17096
17993
|
?isFullscreen="${this.isFullscreen}"
|
|
17994
|
+
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17097
17995
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17098
17996
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17099
17997
|
|
|
@@ -17111,24 +18009,26 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17111
18009
|
</div>
|
|
17112
18010
|
</div>
|
|
17113
18011
|
|
|
17114
|
-
<div class="calendarWrapper">
|
|
17115
|
-
<div class="calendars">
|
|
17116
|
-
${this.renderAllCalendars()}
|
|
17117
|
-
</div>
|
|
18012
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
17118
18013
|
<div class="calendarNavButtons">
|
|
17119
18014
|
${this.showPrevMonthBtn ? u$d`
|
|
17120
|
-
<button tabIndex="
|
|
18015
|
+
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
17121
18016
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17122
18017
|
</button>
|
|
17123
18018
|
` : undefined}
|
|
17124
18019
|
${this.showNextMonthBtn ? u$d`
|
|
17125
|
-
<button tabIndex="
|
|
18020
|
+
<button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
|
|
17126
18021
|
${this.util.generateIconHtml(chevronRight)}
|
|
17127
18022
|
</button>
|
|
17128
18023
|
` : undefined}
|
|
17129
18024
|
</div>
|
|
18025
|
+
<div class="calendars">
|
|
18026
|
+
${this.renderAllCalendars()}
|
|
18027
|
+
</div>
|
|
17130
18028
|
</div>
|
|
17131
18029
|
|
|
18030
|
+
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18031
|
+
|
|
17132
18032
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
17133
18033
|
</${this.bibtemplateTag}>
|
|
17134
18034
|
`;
|
|
@@ -20376,7 +21276,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
20376
21276
|
});
|
|
20377
21277
|
}
|
|
20378
21278
|
|
|
20379
|
-
var styleCss$2$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
21279
|
+
var styleCss$2$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
20380
21280
|
|
|
20381
21281
|
var colorCss$2$7 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
20382
21282
|
|
|
@@ -20779,9 +21679,9 @@ var styleEmphasizedCss$4 = i$5`.layout-emphasized .chevron,.layout-emphasized-le
|
|
|
20779
21679
|
|
|
20780
21680
|
var styleSnowflakeCss$4 = i$5`:host([layout*=snowflake]) .leftIndent{width:calc(100% - var(--ds-size-400, 2rem));margin-left:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .rightIndent{width:calc(100% - var(--ds-size-400, 2rem));margin-right:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .trigger,:host([layout*=snowflake]) .helpText{text-align:center}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-right:var(--ds-size-200, 1rem)}`;
|
|
20781
21681
|
|
|
20782
|
-
var colorCss$3$
|
|
21682
|
+
var colorCss$3$2 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
20783
21683
|
|
|
20784
|
-
var styleCss$3$3 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
21684
|
+
var styleCss$3$2 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
20785
21685
|
|
|
20786
21686
|
var tokensCss$3$2 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
20787
21687
|
|
|
@@ -20890,8 +21790,8 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
20890
21790
|
|
|
20891
21791
|
static get styles() {
|
|
20892
21792
|
return [
|
|
20893
|
-
colorCss$3$
|
|
20894
|
-
styleCss$3$
|
|
21793
|
+
colorCss$3$2,
|
|
21794
|
+
styleCss$3$2,
|
|
20895
21795
|
tokensCss$3$2
|
|
20896
21796
|
];
|
|
20897
21797
|
}
|
|
@@ -21007,7 +21907,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
21007
21907
|
}
|
|
21008
21908
|
};
|
|
21009
21909
|
|
|
21010
|
-
var formkitVersion$1$2 = '
|
|
21910
|
+
var formkitVersion$1$2 = '202606011911';
|
|
21011
21911
|
|
|
21012
21912
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
21013
21913
|
static get properties() {
|
|
@@ -21187,6 +22087,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21187
22087
|
_intializeDefaults() {
|
|
21188
22088
|
this.appearance = 'default';
|
|
21189
22089
|
this.chevron = false;
|
|
22090
|
+
this.desktopModal = false;
|
|
21190
22091
|
this.disabled = false;
|
|
21191
22092
|
this.disableKeyboardHandling = false;
|
|
21192
22093
|
this.error = false;
|
|
@@ -21367,6 +22268,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21367
22268
|
reflect: true
|
|
21368
22269
|
},
|
|
21369
22270
|
|
|
22271
|
+
/**
|
|
22272
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22273
|
+
*/
|
|
22274
|
+
desktopModal: {
|
|
22275
|
+
type: Boolean,
|
|
22276
|
+
reflect: true
|
|
22277
|
+
},
|
|
22278
|
+
|
|
21370
22279
|
/**
|
|
21371
22280
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
21372
22281
|
*/
|
|
@@ -21654,6 +22563,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21654
22563
|
|
|
21655
22564
|
disconnectedCallback() {
|
|
21656
22565
|
super.disconnectedCallback();
|
|
22566
|
+
this._clearPageInert();
|
|
22567
|
+
if (this._bibTabHandler) {
|
|
22568
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22569
|
+
this._bibTabHandler = undefined;
|
|
22570
|
+
}
|
|
22571
|
+
if (this.focusTrap) {
|
|
22572
|
+
this.focusTrap.disconnect();
|
|
22573
|
+
this.focusTrap = undefined;
|
|
22574
|
+
}
|
|
21657
22575
|
if (this.floater) {
|
|
21658
22576
|
this.floater.hideBib('disconnect');
|
|
21659
22577
|
this.floater.disconnect();
|
|
@@ -21681,19 +22599,45 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21681
22599
|
if (this.isPopoverVisible) {
|
|
21682
22600
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
21683
22601
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
21684
|
-
|
|
21685
|
-
this.
|
|
22602
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
22603
|
+
this.updateFocusTrap();
|
|
22604
|
+
|
|
22605
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
22606
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22607
|
+
this._setPageInert();
|
|
22608
|
+
}
|
|
21686
22609
|
} else {
|
|
21687
22610
|
this.bibElement.value.close();
|
|
22611
|
+
this._clearPageInert();
|
|
21688
22612
|
}
|
|
21689
22613
|
}
|
|
21690
22614
|
|
|
21691
22615
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
21692
22616
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
21693
22617
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
21694
|
-
const useModal = this.isBibFullscreen;
|
|
21695
22618
|
this.bibElement.value.close();
|
|
21696
|
-
this.bibElement.value.open(
|
|
22619
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
22620
|
+
|
|
22621
|
+
// Re-initialize focus management for the new strategy
|
|
22622
|
+
this.updateFocusTrap();
|
|
22623
|
+
|
|
22624
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
22625
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
22626
|
+
this._setPageInert();
|
|
22627
|
+
} else {
|
|
22628
|
+
this._clearPageInert();
|
|
22629
|
+
}
|
|
22630
|
+
}
|
|
22631
|
+
|
|
22632
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
22633
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
22634
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
22635
|
+
this.updateFocusTrap();
|
|
22636
|
+
if (this.desktopModal) {
|
|
22637
|
+
this._setPageInert();
|
|
22638
|
+
} else {
|
|
22639
|
+
this._clearPageInert();
|
|
22640
|
+
}
|
|
21697
22641
|
}
|
|
21698
22642
|
}
|
|
21699
22643
|
|
|
@@ -21703,8 +22647,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21703
22647
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
21704
22648
|
*/
|
|
21705
22649
|
handleDropdownToggle(event) {
|
|
21706
|
-
this.updateFocusTrap();
|
|
21707
22650
|
this.isPopoverVisible = event.detail.expanded;
|
|
22651
|
+
|
|
22652
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
22653
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
22654
|
+
if (!this.isPopoverVisible) {
|
|
22655
|
+
this.updateFocusTrap();
|
|
22656
|
+
}
|
|
22657
|
+
|
|
21708
22658
|
const eventType = event.detail.eventType || "unknown";
|
|
21709
22659
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
21710
22660
|
this.trigger.focus();
|
|
@@ -21803,19 +22753,178 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21803
22753
|
* @private
|
|
21804
22754
|
*/
|
|
21805
22755
|
updateFocusTrap() {
|
|
22756
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
22757
|
+
// to prevent duplicate listeners on repeated calls.
|
|
22758
|
+
if (this._bibTabHandler) {
|
|
22759
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
22760
|
+
this._bibTabHandler = undefined;
|
|
22761
|
+
}
|
|
22762
|
+
|
|
22763
|
+
if (this.focusTrap) {
|
|
22764
|
+
this.focusTrap.disconnect();
|
|
22765
|
+
this.focusTrap = undefined;
|
|
22766
|
+
}
|
|
22767
|
+
|
|
21806
22768
|
if (this.isPopoverVisible) {
|
|
21807
22769
|
if (!this.isBibFullscreen) {
|
|
21808
|
-
|
|
21809
|
-
|
|
21810
|
-
|
|
22770
|
+
if (this.desktopModal) {
|
|
22771
|
+
// Desktop modal: trap focus only within the bib content.
|
|
22772
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
22773
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
22774
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
22775
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
22776
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
22777
|
+
// within the bib's focusable elements.
|
|
22778
|
+
this._bibTabHandler = (event) => {
|
|
22779
|
+
if (event.key !== 'Tab') {
|
|
22780
|
+
return;
|
|
22781
|
+
}
|
|
22782
|
+
|
|
22783
|
+
// Collect focusable elements from the bib content.
|
|
22784
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
22785
|
+
|
|
22786
|
+
// Fallback: try from slotted content directly
|
|
22787
|
+
if (!focusables.length) {
|
|
22788
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
22789
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
22790
|
+
|
|
22791
|
+
for (const node of assignedNodes) {
|
|
22792
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
22793
|
+
focusables.push(...getFocusableElements$3(node));
|
|
22794
|
+
}
|
|
22795
|
+
}
|
|
22796
|
+
}
|
|
22797
|
+
|
|
22798
|
+
if (!focusables.length) {
|
|
22799
|
+
return;
|
|
22800
|
+
}
|
|
22801
|
+
|
|
22802
|
+
event.preventDefault();
|
|
22803
|
+
|
|
22804
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
22805
|
+
|
|
22806
|
+
// Walk the active element chain through shadow roots
|
|
22807
|
+
const actives = this._getActiveElements();
|
|
22808
|
+
|
|
22809
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
22810
|
+
|
|
22811
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
22812
|
+
// Focus is not on a known element — move to first/last
|
|
22813
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
22814
|
+
}
|
|
22815
|
+
|
|
22816
|
+
// Try each element in order, skipping any that can't receive focus
|
|
22817
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
22818
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
22819
|
+
let nextIdx = idx + direction;
|
|
22820
|
+
|
|
22821
|
+
// Wrap around
|
|
22822
|
+
if (nextIdx < 0) {
|
|
22823
|
+
nextIdx = focusables.length - 1;
|
|
22824
|
+
} else if (nextIdx >= focusables.length) {
|
|
22825
|
+
nextIdx = 0;
|
|
22826
|
+
}
|
|
22827
|
+
|
|
22828
|
+
focusables[nextIdx].focus();
|
|
22829
|
+
|
|
22830
|
+
// Verify focus actually moved to the target
|
|
22831
|
+
const newActives = this._getActiveElements();
|
|
22832
|
+
|
|
22833
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
22834
|
+
return;
|
|
22835
|
+
}
|
|
22836
|
+
|
|
22837
|
+
// Focus didn't stick — skip this element and try the next
|
|
22838
|
+
idx = nextIdx;
|
|
22839
|
+
}
|
|
22840
|
+
};
|
|
22841
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
22842
|
+
|
|
22843
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
22844
|
+
requestAnimationFrame(() => {
|
|
22845
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
22846
|
+
if (focusables.length) {
|
|
22847
|
+
focusables[0].focus();
|
|
22848
|
+
}
|
|
22849
|
+
});
|
|
22850
|
+
} else {
|
|
22851
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
22852
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
22853
|
+
this.focusTrap.focusFirstElement();
|
|
22854
|
+
}
|
|
21811
22855
|
}
|
|
21812
22856
|
// Fullscreen: showModal() provides native focus trapping
|
|
22857
|
+
}
|
|
22858
|
+
}
|
|
22859
|
+
|
|
22860
|
+
/**
|
|
22861
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
22862
|
+
* @private
|
|
22863
|
+
* @returns {Array<HTMLElement>}
|
|
22864
|
+
*/
|
|
22865
|
+
_getActiveElements() {
|
|
22866
|
+
let { activeElement } = document;
|
|
22867
|
+
const actives = [activeElement];
|
|
22868
|
+
|
|
22869
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
22870
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
22871
|
+
actives.push(activeElement);
|
|
22872
|
+
}
|
|
22873
|
+
|
|
22874
|
+
return actives;
|
|
22875
|
+
}
|
|
22876
|
+
|
|
22877
|
+
/**
|
|
22878
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
22879
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
22880
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
22881
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
22882
|
+
* to ensure all page content outside the host subtree is inert.
|
|
22883
|
+
* @private
|
|
22884
|
+
*/
|
|
22885
|
+
_setPageInert() {
|
|
22886
|
+
if (this._inertSiblings) {
|
|
21813
22887
|
return;
|
|
21814
22888
|
}
|
|
21815
22889
|
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
22890
|
+
this._inertSiblings = [];
|
|
22891
|
+
|
|
22892
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
22893
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
22894
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
22895
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
22896
|
+
let host = this;
|
|
22897
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
22898
|
+
host = host.getRootNode().host;
|
|
22899
|
+
}
|
|
22900
|
+
|
|
22901
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
22902
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
22903
|
+
let current = host;
|
|
22904
|
+
while (current.parentElement) {
|
|
22905
|
+
const parent = current.parentElement;
|
|
22906
|
+
for (const sibling of parent.children) {
|
|
22907
|
+
if (sibling !== current) {
|
|
22908
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
22909
|
+
sibling.inert = true;
|
|
22910
|
+
}
|
|
22911
|
+
}
|
|
22912
|
+
current = parent;
|
|
22913
|
+
}
|
|
22914
|
+
}
|
|
22915
|
+
|
|
22916
|
+
/**
|
|
22917
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
22918
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
22919
|
+
* not inadvertently re-enabled.
|
|
22920
|
+
* @private
|
|
22921
|
+
*/
|
|
22922
|
+
_clearPageInert() {
|
|
22923
|
+
if (this._inertSiblings) {
|
|
22924
|
+
for (const entry of this._inertSiblings) {
|
|
22925
|
+
entry.element.inert = entry.wasInert;
|
|
22926
|
+
}
|
|
22927
|
+
this._inertSiblings = undefined;
|
|
21819
22928
|
}
|
|
21820
22929
|
}
|
|
21821
22930
|
|
|
@@ -22054,6 +23163,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22054
23163
|
shape="${this.shape}"
|
|
22055
23164
|
?data-show="${this.isPopoverVisible}"
|
|
22056
23165
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23166
|
+
?desktopmodal="${this.desktopModal}"
|
|
22057
23167
|
.dialogLabel="${this.bibDialogLabel}"
|
|
22058
23168
|
${n$6(this.bibElement)}
|
|
22059
23169
|
>
|
|
@@ -28537,7 +29647,7 @@ var tokensCss$2$2 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-tex
|
|
|
28537
29647
|
|
|
28538
29648
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
28539
29649
|
|
|
28540
|
-
let AuroLibraryRuntimeUtils$2$
|
|
29650
|
+
let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
|
|
28541
29651
|
|
|
28542
29652
|
/* eslint-disable jsdoc/require-param */
|
|
28543
29653
|
|
|
@@ -28630,7 +29740,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
28630
29740
|
this.onDark = false;
|
|
28631
29741
|
this.hasTextContent = false;
|
|
28632
29742
|
|
|
28633
|
-
AuroLibraryRuntimeUtils$2$
|
|
29743
|
+
AuroLibraryRuntimeUtils$2$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
28634
29744
|
}
|
|
28635
29745
|
|
|
28636
29746
|
static get styles() {
|
|
@@ -28696,7 +29806,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
28696
29806
|
*
|
|
28697
29807
|
*/
|
|
28698
29808
|
static register(name = "auro-helptext") {
|
|
28699
|
-
AuroLibraryRuntimeUtils$2$
|
|
29809
|
+
AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroHelpText);
|
|
28700
29810
|
}
|
|
28701
29811
|
|
|
28702
29812
|
updated() {
|
|
@@ -28752,7 +29862,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
28752
29862
|
}
|
|
28753
29863
|
};
|
|
28754
29864
|
|
|
28755
|
-
var formkitVersion$8 = '
|
|
29865
|
+
var formkitVersion$8 = '202606011911';
|
|
28756
29866
|
|
|
28757
29867
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
28758
29868
|
// See LICENSE in the project root for license information.
|
|
@@ -29428,9 +30538,9 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
29428
30538
|
}
|
|
29429
30539
|
};
|
|
29430
30540
|
|
|
29431
|
-
var colorCss$
|
|
30541
|
+
var colorCss$b = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
29432
30542
|
|
|
29433
|
-
var styleCss$a = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
30543
|
+
var styleCss$b = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
29434
30544
|
|
|
29435
30545
|
var tokensCss$a = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
29436
30546
|
|
|
@@ -29441,7 +30551,7 @@ var tokensCss$a = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
29441
30551
|
|
|
29442
30552
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
29443
30553
|
|
|
29444
|
-
let AuroLibraryRuntimeUtils$
|
|
30554
|
+
let AuroLibraryRuntimeUtils$b = class AuroLibraryRuntimeUtils {
|
|
29445
30555
|
|
|
29446
30556
|
/* eslint-disable jsdoc/require-param */
|
|
29447
30557
|
|
|
@@ -29534,13 +30644,13 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
29534
30644
|
this.onDark = false;
|
|
29535
30645
|
this.hasTextContent = false;
|
|
29536
30646
|
|
|
29537
|
-
AuroLibraryRuntimeUtils$
|
|
30647
|
+
AuroLibraryRuntimeUtils$b.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
29538
30648
|
}
|
|
29539
30649
|
|
|
29540
30650
|
static get styles() {
|
|
29541
30651
|
return [
|
|
29542
|
-
colorCss$
|
|
29543
|
-
styleCss$
|
|
30652
|
+
colorCss$b,
|
|
30653
|
+
styleCss$b,
|
|
29544
30654
|
tokensCss$a
|
|
29545
30655
|
];
|
|
29546
30656
|
}
|
|
@@ -29600,7 +30710,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
29600
30710
|
*
|
|
29601
30711
|
*/
|
|
29602
30712
|
static register(name = "auro-helptext") {
|
|
29603
|
-
AuroLibraryRuntimeUtils$
|
|
30713
|
+
AuroLibraryRuntimeUtils$b.prototype.registerComponent(name, AuroHelpText);
|
|
29604
30714
|
}
|
|
29605
30715
|
|
|
29606
30716
|
updated() {
|
|
@@ -30007,26 +31117,62 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
30007
31117
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
30008
31118
|
//
|
|
30009
31119
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30010
|
-
// - The bib opens and closes via pointer/touch interaction only.
|
|
30011
31120
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31121
|
+
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
31122
|
+
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
30012
31123
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30013
|
-
// - Enter and Space do not open or close the bib.
|
|
30014
31124
|
//
|
|
30015
31125
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
30016
31126
|
// added, handlers should go here following the same strategy pattern used by
|
|
30017
31127
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
30018
31128
|
const datepickerKeyboardStrategy = {
|
|
30019
|
-
Escape(component, evt) {
|
|
30020
|
-
if (!
|
|
31129
|
+
Escape(component, evt, ctx) {
|
|
31130
|
+
if (!ctx.isExpanded) {
|
|
30021
31131
|
return;
|
|
30022
31132
|
}
|
|
30023
31133
|
|
|
30024
|
-
//
|
|
30025
|
-
//
|
|
30026
|
-
// seeing this event, we must also close the dropdown explicitly.
|
|
31134
|
+
// Stop propagation so parent containers (auro-dialog, auro-drawer)
|
|
31135
|
+
// don't also react to Escape.
|
|
30027
31136
|
evt.stopPropagation();
|
|
31137
|
+
evt.preventDefault();
|
|
30028
31138
|
|
|
30029
|
-
component.
|
|
31139
|
+
component.hideBib();
|
|
31140
|
+
},
|
|
31141
|
+
|
|
31142
|
+
Enter(component, evt, ctx) {
|
|
31143
|
+
if (ctx.isExpanded) {
|
|
31144
|
+
return;
|
|
31145
|
+
}
|
|
31146
|
+
|
|
31147
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31148
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31149
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31150
|
+
const path = evt.composedPath();
|
|
31151
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31152
|
+
return;
|
|
31153
|
+
}
|
|
31154
|
+
|
|
31155
|
+
evt.preventDefault();
|
|
31156
|
+
|
|
31157
|
+
component.dropdown.show();
|
|
31158
|
+
},
|
|
31159
|
+
|
|
31160
|
+
' '(component, evt, ctx) {
|
|
31161
|
+
if (ctx.isExpanded) {
|
|
31162
|
+
return;
|
|
31163
|
+
}
|
|
31164
|
+
|
|
31165
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31166
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31167
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31168
|
+
const path = evt.composedPath();
|
|
31169
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31170
|
+
return;
|
|
31171
|
+
}
|
|
31172
|
+
|
|
31173
|
+
evt.preventDefault();
|
|
31174
|
+
|
|
31175
|
+
component.dropdown.show();
|
|
30030
31176
|
},
|
|
30031
31177
|
};
|
|
30032
31178
|
|
|
@@ -30100,6 +31246,15 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30100
31246
|
this.required = false;
|
|
30101
31247
|
this.onDark = false;
|
|
30102
31248
|
this.range = false;
|
|
31249
|
+
this.rangeLabelStart = 'range start';
|
|
31250
|
+
this.rangeLabelEnd = 'range end';
|
|
31251
|
+
this.rangeLabelBeforeRange = 'before range';
|
|
31252
|
+
this.rangeLabelInRange = 'in range';
|
|
31253
|
+
this.rangeLabelAfterRange = 'after range';
|
|
31254
|
+
this.blackoutDates = [];
|
|
31255
|
+
this.blackoutLabel = 'unavailable';
|
|
31256
|
+
this.navLabelPrevMonth = 'Previous month';
|
|
31257
|
+
this.navLabelNextMonth = 'Next month';
|
|
30103
31258
|
this.stacked = false;
|
|
30104
31259
|
this.noValidate = false;
|
|
30105
31260
|
this.validity = undefined;
|
|
@@ -30478,6 +31633,78 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30478
31633
|
reflect: true
|
|
30479
31634
|
},
|
|
30480
31635
|
|
|
31636
|
+
/**
|
|
31637
|
+
* Label announced for the range start date cell.
|
|
31638
|
+
*/
|
|
31639
|
+
rangeLabelStart: {
|
|
31640
|
+
type: String,
|
|
31641
|
+
reflect: true
|
|
31642
|
+
},
|
|
31643
|
+
|
|
31644
|
+
/**
|
|
31645
|
+
* Label announced for the range end date cell.
|
|
31646
|
+
*/
|
|
31647
|
+
rangeLabelEnd: {
|
|
31648
|
+
type: String,
|
|
31649
|
+
reflect: true
|
|
31650
|
+
},
|
|
31651
|
+
|
|
31652
|
+
/**
|
|
31653
|
+
* Label announced for cells before the range start.
|
|
31654
|
+
*/
|
|
31655
|
+
rangeLabelBeforeRange: {
|
|
31656
|
+
type: String,
|
|
31657
|
+
reflect: true
|
|
31658
|
+
},
|
|
31659
|
+
|
|
31660
|
+
/**
|
|
31661
|
+
* Label announced for cells within the selected range.
|
|
31662
|
+
*/
|
|
31663
|
+
rangeLabelInRange: {
|
|
31664
|
+
type: String,
|
|
31665
|
+
reflect: true
|
|
31666
|
+
},
|
|
31667
|
+
|
|
31668
|
+
/**
|
|
31669
|
+
* Label announced for cells after the range (or after start when no end is selected).
|
|
31670
|
+
*/
|
|
31671
|
+
rangeLabelAfterRange: {
|
|
31672
|
+
type: String,
|
|
31673
|
+
reflect: true
|
|
31674
|
+
},
|
|
31675
|
+
|
|
31676
|
+
/**
|
|
31677
|
+
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
31678
|
+
*/
|
|
31679
|
+
blackoutDates: {
|
|
31680
|
+
type: Array,
|
|
31681
|
+
reflect: true
|
|
31682
|
+
},
|
|
31683
|
+
|
|
31684
|
+
/**
|
|
31685
|
+
* Label announced for blackout (disabled but in-range) date cells.
|
|
31686
|
+
*/
|
|
31687
|
+
blackoutLabel: {
|
|
31688
|
+
type: String,
|
|
31689
|
+
reflect: true
|
|
31690
|
+
},
|
|
31691
|
+
|
|
31692
|
+
/**
|
|
31693
|
+
* Accessible label for the previous month navigation button.
|
|
31694
|
+
*/
|
|
31695
|
+
navLabelPrevMonth: {
|
|
31696
|
+
type: String,
|
|
31697
|
+
reflect: true
|
|
31698
|
+
},
|
|
31699
|
+
|
|
31700
|
+
/**
|
|
31701
|
+
* Accessible label for the next month navigation button.
|
|
31702
|
+
*/
|
|
31703
|
+
navLabelNextMonth: {
|
|
31704
|
+
type: String,
|
|
31705
|
+
reflect: true
|
|
31706
|
+
},
|
|
31707
|
+
|
|
30481
31708
|
/**
|
|
30482
31709
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
30483
31710
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -30504,6 +31731,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30504
31731
|
|
|
30505
31732
|
/**
|
|
30506
31733
|
* Custom help text message to display when validity = `customError`.
|
|
31734
|
+
* Also used as the validation message when a blackout date is typed into the input.
|
|
30507
31735
|
*/
|
|
30508
31736
|
setCustomValidityCustomError: {
|
|
30509
31737
|
type: String
|
|
@@ -30825,6 +32053,66 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30825
32053
|
}));
|
|
30826
32054
|
}
|
|
30827
32055
|
|
|
32056
|
+
/**
|
|
32057
|
+
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32058
|
+
* Shared by both fullscreen and desktop open paths.
|
|
32059
|
+
* @private
|
|
32060
|
+
* @returns {void}
|
|
32061
|
+
*/
|
|
32062
|
+
focusActiveCellWhenReady() {
|
|
32063
|
+
const MAX_ATTEMPTS = 20;
|
|
32064
|
+
let attempts = 0;
|
|
32065
|
+
|
|
32066
|
+
const tryFocus = () => {
|
|
32067
|
+
attempts += 1;
|
|
32068
|
+
const allCells = this.calendar.getAllFocusableCells();
|
|
32069
|
+
|
|
32070
|
+
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32071
|
+
requestAnimationFrame(tryFocus);
|
|
32072
|
+
return;
|
|
32073
|
+
}
|
|
32074
|
+
|
|
32075
|
+
// Compute and mark the active cell
|
|
32076
|
+
if (this.calendar.activeCellDate == null) {
|
|
32077
|
+
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32078
|
+
}
|
|
32079
|
+
if (this.calendar.activeCellDate !== undefined) {
|
|
32080
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32081
|
+
}
|
|
32082
|
+
|
|
32083
|
+
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
32084
|
+
// range on mobile), fall back to the first rendered enabled cell.
|
|
32085
|
+
let activeCell = allCells.find(cell => cell.active);
|
|
32086
|
+
if (!activeCell && allCells.length) {
|
|
32087
|
+
const fallback = allCells[0];
|
|
32088
|
+
if (fallback.day) {
|
|
32089
|
+
this.calendar.activeCellDate = fallback.day.date;
|
|
32090
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32091
|
+
activeCell = allCells.find(cell => cell.active);
|
|
32092
|
+
}
|
|
32093
|
+
}
|
|
32094
|
+
|
|
32095
|
+
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
32096
|
+
// reflects the active state before we attempt to focus.
|
|
32097
|
+
if (activeCell) {
|
|
32098
|
+
activeCell.updateComplete.then(() => {
|
|
32099
|
+
activeCell.hovered = true;
|
|
32100
|
+
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32101
|
+
if (btn) {
|
|
32102
|
+
btn.setAttribute('tabindex', '0');
|
|
32103
|
+
btn.focus({ focusVisible: true });
|
|
32104
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
32105
|
+
requestAnimationFrame(tryFocus);
|
|
32106
|
+
}
|
|
32107
|
+
});
|
|
32108
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
32109
|
+
requestAnimationFrame(tryFocus);
|
|
32110
|
+
}
|
|
32111
|
+
};
|
|
32112
|
+
|
|
32113
|
+
requestAnimationFrame(tryFocus);
|
|
32114
|
+
}
|
|
32115
|
+
|
|
30828
32116
|
/**
|
|
30829
32117
|
* Binds all behavior needed to the dropdown after rendering.
|
|
30830
32118
|
* @private
|
|
@@ -30833,6 +32121,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30833
32121
|
configureDropdown() {
|
|
30834
32122
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
30835
32123
|
|
|
32124
|
+
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32125
|
+
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32126
|
+
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32127
|
+
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32128
|
+
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32129
|
+
|
|
30836
32130
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
30837
32131
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
30838
32132
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -30850,6 +32144,23 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30850
32144
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
30851
32145
|
this.notifyDatepickerToggled();
|
|
30852
32146
|
|
|
32147
|
+
if (this.dropdown.isPopoverVisible) {
|
|
32148
|
+
// Reset calendar focus state so it recomputes from the current selection.
|
|
32149
|
+
// Without this, reopening after navigating to a month without a selected
|
|
32150
|
+
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32151
|
+
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32152
|
+
this.calendar.activeCellDate = null;
|
|
32153
|
+
|
|
32154
|
+
// Show the month containing the selected date (or today) instead of
|
|
32155
|
+
// whichever month the user last navigated to.
|
|
32156
|
+
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
32157
|
+
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32158
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32159
|
+
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
32160
|
+
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32161
|
+
}
|
|
32162
|
+
}
|
|
32163
|
+
|
|
30853
32164
|
// This forces the calendar to render when the dropdown is opened.
|
|
30854
32165
|
// It is not rendered by default
|
|
30855
32166
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -30882,12 +32193,23 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30882
32193
|
bibEl.open(true);
|
|
30883
32194
|
|
|
30884
32195
|
doubleRaf$3(() => {
|
|
30885
|
-
this.
|
|
32196
|
+
this.focusActiveCellWhenReady();
|
|
30886
32197
|
});
|
|
30887
32198
|
}
|
|
30888
32199
|
});
|
|
30889
32200
|
|
|
30890
32201
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32202
|
+
} else {
|
|
32203
|
+
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
32204
|
+
// cannot interact with the input while the modal bib is open.
|
|
32205
|
+
if (this.dropdown.desktopModal) {
|
|
32206
|
+
this.dropdown.trigger.inert = true;
|
|
32207
|
+
}
|
|
32208
|
+
|
|
32209
|
+
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32210
|
+
this.dropdown.updateComplete.then(() => {
|
|
32211
|
+
this.focusActiveCellWhenReady();
|
|
32212
|
+
});
|
|
30891
32213
|
}
|
|
30892
32214
|
} else {
|
|
30893
32215
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -30933,7 +32255,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30933
32255
|
bibEl.close();
|
|
30934
32256
|
bibEl.open(true);
|
|
30935
32257
|
doubleRaf$3(() => {
|
|
30936
|
-
this.
|
|
32258
|
+
this.focusActiveCellWhenReady();
|
|
30937
32259
|
});
|
|
30938
32260
|
}
|
|
30939
32261
|
});
|
|
@@ -31128,14 +32450,8 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31128
32450
|
|
|
31129
32451
|
if (onEndValue) {
|
|
31130
32452
|
this.valueEnd = newDate;
|
|
31131
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31132
|
-
this.focus('startDate');
|
|
31133
|
-
}
|
|
31134
32453
|
} else {
|
|
31135
32454
|
this.value = newDate;
|
|
31136
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31137
|
-
this.focus('endDate');
|
|
31138
|
-
}
|
|
31139
32455
|
}
|
|
31140
32456
|
}
|
|
31141
32457
|
}
|
|
@@ -31175,6 +32491,27 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31175
32491
|
this.resetInputs();
|
|
31176
32492
|
}
|
|
31177
32493
|
|
|
32494
|
+
/**
|
|
32495
|
+
* Checks whether a formatted date string matches a blackout date.
|
|
32496
|
+
* @private
|
|
32497
|
+
* @param {string} dateStr - A date string in the component's configured format.
|
|
32498
|
+
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
32499
|
+
*/
|
|
32500
|
+
isBlackoutDate(dateStr) {
|
|
32501
|
+
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
32502
|
+
return false;
|
|
32503
|
+
}
|
|
32504
|
+
|
|
32505
|
+
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
32506
|
+
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
32507
|
+
|
|
32508
|
+
const d = new Date(formatted);
|
|
32509
|
+
const yyyy = d.getFullYear();
|
|
32510
|
+
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
32511
|
+
const dd = String(d.getDate()).padStart(2, '0');
|
|
32512
|
+
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
32513
|
+
}
|
|
32514
|
+
|
|
31178
32515
|
/**
|
|
31179
32516
|
* Validates value.
|
|
31180
32517
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -31186,6 +32523,24 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31186
32523
|
}
|
|
31187
32524
|
|
|
31188
32525
|
this.validation.validate(this, force);
|
|
32526
|
+
|
|
32527
|
+
// After standard validation, check blackout dates for typed input
|
|
32528
|
+
if (this.validity !== 'customError') {
|
|
32529
|
+
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
32530
|
+
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
32531
|
+
this.validity = 'customError';
|
|
32532
|
+
this.errorMessage = msg;
|
|
32533
|
+
|
|
32534
|
+
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
32535
|
+
bubbles: true,
|
|
32536
|
+
composed: true,
|
|
32537
|
+
detail: {
|
|
32538
|
+
validity: this.validity,
|
|
32539
|
+
message: this.errorMessage
|
|
32540
|
+
}
|
|
32541
|
+
}));
|
|
32542
|
+
}
|
|
32543
|
+
}
|
|
31189
32544
|
}
|
|
31190
32545
|
|
|
31191
32546
|
/**
|
|
@@ -31266,6 +32621,9 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31266
32621
|
|
|
31267
32622
|
if (this.cellClickActive) {
|
|
31268
32623
|
this.cellClickActive = false;
|
|
32624
|
+
this.wasCellClick = true;
|
|
32625
|
+
} else {
|
|
32626
|
+
this.wasCellClick = false;
|
|
31269
32627
|
}
|
|
31270
32628
|
|
|
31271
32629
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -31296,16 +32654,44 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31296
32654
|
}
|
|
31297
32655
|
|
|
31298
32656
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
31299
|
-
|
|
32657
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
32658
|
+
// to prevent the displayed months from shifting
|
|
32659
|
+
if (!(this.wasCellClick && this.range)) {
|
|
32660
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32661
|
+
}
|
|
31300
32662
|
}
|
|
31301
32663
|
|
|
31302
32664
|
this.setHasValue();
|
|
31303
32665
|
}
|
|
31304
32666
|
|
|
32667
|
+
if (changedProperties.has('blackoutDates')) {
|
|
32668
|
+
// Force calendar cells to re-render with updated blackout state.
|
|
32669
|
+
// requestUpdate on the calendar alone is insufficient because cells
|
|
32670
|
+
// don't receive blackoutDates as a bound property. Dispatching the
|
|
32671
|
+
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
32672
|
+
if (this.calendar) {
|
|
32673
|
+
this.calendar.requestUpdate();
|
|
32674
|
+
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
32675
|
+
}
|
|
32676
|
+
|
|
32677
|
+
// Re-run validation so that a previously valid value that now falls on
|
|
32678
|
+
// a blackout date is flagged, and vice versa.
|
|
32679
|
+
if (this.value || this.valueEnd) {
|
|
32680
|
+
this.validate();
|
|
32681
|
+
}
|
|
32682
|
+
}
|
|
32683
|
+
|
|
31305
32684
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
31306
32685
|
|
|
31307
32686
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
31308
32687
|
|
|
32688
|
+
if (this.cellClickActive) {
|
|
32689
|
+
this.cellClickActive = false;
|
|
32690
|
+
this.wasCellClick = true;
|
|
32691
|
+
} else {
|
|
32692
|
+
this.wasCellClick = false;
|
|
32693
|
+
}
|
|
32694
|
+
|
|
31309
32695
|
// update the calendar
|
|
31310
32696
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
31311
32697
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -31333,7 +32719,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31333
32719
|
}
|
|
31334
32720
|
|
|
31335
32721
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
31336
|
-
|
|
32722
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
32723
|
+
// to prevent the displayed months from shifting
|
|
32724
|
+
if (!this.wasCellClick) {
|
|
32725
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
32726
|
+
}
|
|
31337
32727
|
}
|
|
31338
32728
|
|
|
31339
32729
|
this.validate();
|
|
@@ -31490,6 +32880,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31490
32880
|
}
|
|
31491
32881
|
|
|
31492
32882
|
firstUpdated() {
|
|
32883
|
+
|
|
31493
32884
|
// Add the tag name as an attribute if it is different than the component name
|
|
31494
32885
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
31495
32886
|
|
|
@@ -31919,7 +33310,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31919
33310
|
// Base HTML render() handles dropdown and calendar bib
|
|
31920
33311
|
return u$d`
|
|
31921
33312
|
<!-- Hidden slot for clear button aria-label -->
|
|
31922
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
33313
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
|
|
31923
33314
|
|
|
31924
33315
|
<${this.dropdownTag}
|
|
31925
33316
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -31936,6 +33327,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31936
33327
|
.shape="${this.shape}"
|
|
31937
33328
|
.size="${this.size}"
|
|
31938
33329
|
class="${e$3(dropdownElementClassMap)}"
|
|
33330
|
+
desktopModal
|
|
31939
33331
|
disableEventShow
|
|
31940
33332
|
for="dropdownMenu"
|
|
31941
33333
|
part="dropdown"
|
|
@@ -31955,6 +33347,234 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31955
33347
|
}
|
|
31956
33348
|
}
|
|
31957
33349
|
|
|
33350
|
+
var colorCss$a = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
33351
|
+
|
|
33352
|
+
var styleCss$a = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
33353
|
+
|
|
33354
|
+
var tokensCss$9 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
33355
|
+
|
|
33356
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
33357
|
+
// See LICENSE in the project root for license information.
|
|
33358
|
+
|
|
33359
|
+
// ---------------------------------------------------------------------
|
|
33360
|
+
|
|
33361
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
33362
|
+
|
|
33363
|
+
let AuroLibraryRuntimeUtils$a = class AuroLibraryRuntimeUtils {
|
|
33364
|
+
|
|
33365
|
+
/* eslint-disable jsdoc/require-param */
|
|
33366
|
+
|
|
33367
|
+
/**
|
|
33368
|
+
* This will register a new custom element with the browser.
|
|
33369
|
+
* @param {String} name - The name of the custom element.
|
|
33370
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
33371
|
+
* @returns {void}
|
|
33372
|
+
*/
|
|
33373
|
+
registerComponent(name, componentClass) {
|
|
33374
|
+
if (!customElements.get(name)) {
|
|
33375
|
+
customElements.define(name, class extends componentClass {});
|
|
33376
|
+
}
|
|
33377
|
+
}
|
|
33378
|
+
|
|
33379
|
+
/**
|
|
33380
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
33381
|
+
* @returns {void}
|
|
33382
|
+
*/
|
|
33383
|
+
closestElement(
|
|
33384
|
+
selector, // selector like in .closest()
|
|
33385
|
+
base = this, // extra functionality to skip a parent
|
|
33386
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
33387
|
+
!el || el === document || el === window
|
|
33388
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
33389
|
+
: found
|
|
33390
|
+
? found // found a selector INside this element
|
|
33391
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
33392
|
+
) {
|
|
33393
|
+
return __Closest(base);
|
|
33394
|
+
}
|
|
33395
|
+
/* eslint-enable jsdoc/require-param */
|
|
33396
|
+
|
|
33397
|
+
/**
|
|
33398
|
+
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
33399
|
+
* @param {Object} elem - The element to check.
|
|
33400
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
33401
|
+
* @returns {void}
|
|
33402
|
+
*/
|
|
33403
|
+
handleComponentTagRename(elem, tagName) {
|
|
33404
|
+
const tag = tagName.toLowerCase();
|
|
33405
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
33406
|
+
|
|
33407
|
+
if (elemTag !== tag) {
|
|
33408
|
+
elem.setAttribute(tag, true);
|
|
33409
|
+
}
|
|
33410
|
+
}
|
|
33411
|
+
|
|
33412
|
+
/**
|
|
33413
|
+
* Validates if an element is a specific Auro component.
|
|
33414
|
+
* @param {Object} elem - The element to validate.
|
|
33415
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
33416
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
33417
|
+
*/
|
|
33418
|
+
elementMatch(elem, tagName) {
|
|
33419
|
+
const tag = tagName.toLowerCase();
|
|
33420
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
33421
|
+
|
|
33422
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
33423
|
+
}
|
|
33424
|
+
|
|
33425
|
+
/**
|
|
33426
|
+
* Gets the text content of a named slot.
|
|
33427
|
+
* @returns {String}
|
|
33428
|
+
* @private
|
|
33429
|
+
*/
|
|
33430
|
+
getSlotText(elem, name) {
|
|
33431
|
+
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
33432
|
+
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
33433
|
+
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
33434
|
+
|
|
33435
|
+
return text || null;
|
|
33436
|
+
}
|
|
33437
|
+
};
|
|
33438
|
+
|
|
33439
|
+
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
33440
|
+
// See LICENSE in the project root for license information.
|
|
33441
|
+
|
|
33442
|
+
|
|
33443
|
+
/**
|
|
33444
|
+
* Displays help text or error messages within form elements - Internal Use Only.
|
|
33445
|
+
*/
|
|
33446
|
+
let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
33447
|
+
|
|
33448
|
+
constructor() {
|
|
33449
|
+
super();
|
|
33450
|
+
|
|
33451
|
+
this.error = false;
|
|
33452
|
+
this.appearance = "default";
|
|
33453
|
+
this.onDark = false;
|
|
33454
|
+
this.hasTextContent = false;
|
|
33455
|
+
|
|
33456
|
+
AuroLibraryRuntimeUtils$a.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
33457
|
+
}
|
|
33458
|
+
|
|
33459
|
+
static get styles() {
|
|
33460
|
+
return [
|
|
33461
|
+
colorCss$a,
|
|
33462
|
+
styleCss$a,
|
|
33463
|
+
tokensCss$9
|
|
33464
|
+
];
|
|
33465
|
+
}
|
|
33466
|
+
|
|
33467
|
+
// function to define props used within the scope of this component
|
|
33468
|
+
static get properties() {
|
|
33469
|
+
return {
|
|
33470
|
+
|
|
33471
|
+
/**
|
|
33472
|
+
* Defines whether the component will be on lighter or darker backgrounds.
|
|
33473
|
+
* @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
|
|
33474
|
+
* @default 'default'
|
|
33475
|
+
*/
|
|
33476
|
+
appearance: {
|
|
33477
|
+
type: String,
|
|
33478
|
+
reflect: true
|
|
33479
|
+
},
|
|
33480
|
+
|
|
33481
|
+
/**
|
|
33482
|
+
* @private
|
|
33483
|
+
*/
|
|
33484
|
+
slotNodes: {
|
|
33485
|
+
type: Boolean,
|
|
33486
|
+
},
|
|
33487
|
+
|
|
33488
|
+
/**
|
|
33489
|
+
* @private
|
|
33490
|
+
*/
|
|
33491
|
+
hasTextContent: {
|
|
33492
|
+
type: Boolean,
|
|
33493
|
+
},
|
|
33494
|
+
|
|
33495
|
+
/**
|
|
33496
|
+
* If declared, make font color red.
|
|
33497
|
+
*/
|
|
33498
|
+
error: {
|
|
33499
|
+
type: Boolean,
|
|
33500
|
+
reflect: true,
|
|
33501
|
+
},
|
|
33502
|
+
|
|
33503
|
+
/**
|
|
33504
|
+
* DEPRECATED - use `appearance` instead.
|
|
33505
|
+
*/
|
|
33506
|
+
onDark: {
|
|
33507
|
+
type: Boolean,
|
|
33508
|
+
reflect: true
|
|
33509
|
+
}
|
|
33510
|
+
};
|
|
33511
|
+
}
|
|
33512
|
+
|
|
33513
|
+
/**
|
|
33514
|
+
* This will register this element with the browser.
|
|
33515
|
+
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
33516
|
+
*
|
|
33517
|
+
* @example
|
|
33518
|
+
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
33519
|
+
*
|
|
33520
|
+
*/
|
|
33521
|
+
static register(name = "auro-helptext") {
|
|
33522
|
+
AuroLibraryRuntimeUtils$a.prototype.registerComponent(name, AuroHelpText);
|
|
33523
|
+
}
|
|
33524
|
+
|
|
33525
|
+
updated() {
|
|
33526
|
+
this.handleSlotChange();
|
|
33527
|
+
}
|
|
33528
|
+
|
|
33529
|
+
handleSlotChange(event) {
|
|
33530
|
+
if (event) {
|
|
33531
|
+
this.slotNodes = event.target.assignedNodes();
|
|
33532
|
+
}
|
|
33533
|
+
|
|
33534
|
+
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
33535
|
+
}
|
|
33536
|
+
|
|
33537
|
+
/**
|
|
33538
|
+
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
33539
|
+
*
|
|
33540
|
+
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
33541
|
+
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
33542
|
+
* @private
|
|
33543
|
+
*/
|
|
33544
|
+
checkSlotsForContent(nodes) {
|
|
33545
|
+
if (!nodes) {
|
|
33546
|
+
return false;
|
|
33547
|
+
}
|
|
33548
|
+
|
|
33549
|
+
return nodes.some((node) => {
|
|
33550
|
+
if (node.textContent.trim()) {
|
|
33551
|
+
return true;
|
|
33552
|
+
}
|
|
33553
|
+
|
|
33554
|
+
if (!node.querySelector) {
|
|
33555
|
+
return false;
|
|
33556
|
+
}
|
|
33557
|
+
|
|
33558
|
+
const nestedSlot = node.tagName === 'SLOT' ? node : node.querySelector('slot');
|
|
33559
|
+
if (!nestedSlot) {
|
|
33560
|
+
return false;
|
|
33561
|
+
}
|
|
33562
|
+
|
|
33563
|
+
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
33564
|
+
return this.checkSlotsForContent(nestedSlotNodes);
|
|
33565
|
+
});
|
|
33566
|
+
}
|
|
33567
|
+
|
|
33568
|
+
// function that renders the HTML and CSS into the scope of the component
|
|
33569
|
+
render() {
|
|
33570
|
+
return b$8`
|
|
33571
|
+
<div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
|
|
33572
|
+
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
33573
|
+
</div>
|
|
33574
|
+
`;
|
|
33575
|
+
}
|
|
33576
|
+
};
|
|
33577
|
+
|
|
31958
33578
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
31959
33579
|
// See LICENSE in the project root for license information.
|
|
31960
33580
|
|
|
@@ -35192,7 +36812,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
35192
36812
|
});
|
|
35193
36813
|
}
|
|
35194
36814
|
|
|
35195
|
-
var styleCss$2$6 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
36815
|
+
var styleCss$2$6 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
35196
36816
|
|
|
35197
36817
|
var colorCss$2$6 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
35198
36818
|
|
|
@@ -35599,7 +37219,7 @@ var colorCss$9 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-col
|
|
|
35599
37219
|
|
|
35600
37220
|
var styleCss$9 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
35601
37221
|
|
|
35602
|
-
var tokensCss$
|
|
37222
|
+
var tokensCss$8 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
35603
37223
|
|
|
35604
37224
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
35605
37225
|
// See LICENSE in the project root for license information.
|
|
@@ -35691,7 +37311,7 @@ let AuroLibraryRuntimeUtils$9 = class AuroLibraryRuntimeUtils {
|
|
|
35691
37311
|
/**
|
|
35692
37312
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
35693
37313
|
*/
|
|
35694
|
-
let AuroHelpText$
|
|
37314
|
+
let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
35695
37315
|
|
|
35696
37316
|
constructor() {
|
|
35697
37317
|
super();
|
|
@@ -35708,7 +37328,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
|
35708
37328
|
return [
|
|
35709
37329
|
colorCss$9,
|
|
35710
37330
|
styleCss$9,
|
|
35711
|
-
tokensCss$
|
|
37331
|
+
tokensCss$8
|
|
35712
37332
|
];
|
|
35713
37333
|
}
|
|
35714
37334
|
|
|
@@ -35823,7 +37443,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
|
|
|
35823
37443
|
}
|
|
35824
37444
|
};
|
|
35825
37445
|
|
|
35826
|
-
var formkitVersion$7 = '
|
|
37446
|
+
var formkitVersion$7 = '202606011911';
|
|
35827
37447
|
|
|
35828
37448
|
let AuroElement$5 = class AuroElement extends i$3 {
|
|
35829
37449
|
static get properties() {
|
|
@@ -36003,6 +37623,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36003
37623
|
_intializeDefaults() {
|
|
36004
37624
|
this.appearance = 'default';
|
|
36005
37625
|
this.chevron = false;
|
|
37626
|
+
this.desktopModal = false;
|
|
36006
37627
|
this.disabled = false;
|
|
36007
37628
|
this.disableKeyboardHandling = false;
|
|
36008
37629
|
this.error = false;
|
|
@@ -36059,7 +37680,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36059
37680
|
/**
|
|
36060
37681
|
* @private
|
|
36061
37682
|
*/
|
|
36062
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', formkitVersion$7, AuroHelpText$
|
|
37683
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', formkitVersion$7, AuroHelpText$6);
|
|
36063
37684
|
|
|
36064
37685
|
/**
|
|
36065
37686
|
* @private
|
|
@@ -36183,6 +37804,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36183
37804
|
reflect: true
|
|
36184
37805
|
},
|
|
36185
37806
|
|
|
37807
|
+
/**
|
|
37808
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
37809
|
+
*/
|
|
37810
|
+
desktopModal: {
|
|
37811
|
+
type: Boolean,
|
|
37812
|
+
reflect: true
|
|
37813
|
+
},
|
|
37814
|
+
|
|
36186
37815
|
/**
|
|
36187
37816
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
36188
37817
|
*/
|
|
@@ -36470,6 +38099,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36470
38099
|
|
|
36471
38100
|
disconnectedCallback() {
|
|
36472
38101
|
super.disconnectedCallback();
|
|
38102
|
+
this._clearPageInert();
|
|
38103
|
+
if (this._bibTabHandler) {
|
|
38104
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38105
|
+
this._bibTabHandler = undefined;
|
|
38106
|
+
}
|
|
38107
|
+
if (this.focusTrap) {
|
|
38108
|
+
this.focusTrap.disconnect();
|
|
38109
|
+
this.focusTrap = undefined;
|
|
38110
|
+
}
|
|
36473
38111
|
if (this.floater) {
|
|
36474
38112
|
this.floater.hideBib('disconnect');
|
|
36475
38113
|
this.floater.disconnect();
|
|
@@ -36497,19 +38135,45 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36497
38135
|
if (this.isPopoverVisible) {
|
|
36498
38136
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
36499
38137
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
36500
|
-
|
|
36501
|
-
this.
|
|
38138
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38139
|
+
this.updateFocusTrap();
|
|
38140
|
+
|
|
38141
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
38142
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38143
|
+
this._setPageInert();
|
|
38144
|
+
}
|
|
36502
38145
|
} else {
|
|
36503
38146
|
this.bibElement.value.close();
|
|
38147
|
+
this._clearPageInert();
|
|
36504
38148
|
}
|
|
36505
38149
|
}
|
|
36506
38150
|
|
|
36507
38151
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
36508
38152
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
36509
38153
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
36510
|
-
const useModal = this.isBibFullscreen;
|
|
36511
38154
|
this.bibElement.value.close();
|
|
36512
|
-
this.bibElement.value.open(
|
|
38155
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38156
|
+
|
|
38157
|
+
// Re-initialize focus management for the new strategy
|
|
38158
|
+
this.updateFocusTrap();
|
|
38159
|
+
|
|
38160
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
38161
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38162
|
+
this._setPageInert();
|
|
38163
|
+
} else {
|
|
38164
|
+
this._clearPageInert();
|
|
38165
|
+
}
|
|
38166
|
+
}
|
|
38167
|
+
|
|
38168
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
38169
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
38170
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
38171
|
+
this.updateFocusTrap();
|
|
38172
|
+
if (this.desktopModal) {
|
|
38173
|
+
this._setPageInert();
|
|
38174
|
+
} else {
|
|
38175
|
+
this._clearPageInert();
|
|
38176
|
+
}
|
|
36513
38177
|
}
|
|
36514
38178
|
}
|
|
36515
38179
|
|
|
@@ -36519,8 +38183,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36519
38183
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
36520
38184
|
*/
|
|
36521
38185
|
handleDropdownToggle(event) {
|
|
36522
|
-
this.updateFocusTrap();
|
|
36523
38186
|
this.isPopoverVisible = event.detail.expanded;
|
|
38187
|
+
|
|
38188
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
38189
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
38190
|
+
if (!this.isPopoverVisible) {
|
|
38191
|
+
this.updateFocusTrap();
|
|
38192
|
+
}
|
|
38193
|
+
|
|
36524
38194
|
const eventType = event.detail.eventType || "unknown";
|
|
36525
38195
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
36526
38196
|
this.trigger.focus();
|
|
@@ -36619,19 +38289,178 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36619
38289
|
* @private
|
|
36620
38290
|
*/
|
|
36621
38291
|
updateFocusTrap() {
|
|
38292
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
38293
|
+
// to prevent duplicate listeners on repeated calls.
|
|
38294
|
+
if (this._bibTabHandler) {
|
|
38295
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38296
|
+
this._bibTabHandler = undefined;
|
|
38297
|
+
}
|
|
38298
|
+
|
|
38299
|
+
if (this.focusTrap) {
|
|
38300
|
+
this.focusTrap.disconnect();
|
|
38301
|
+
this.focusTrap = undefined;
|
|
38302
|
+
}
|
|
38303
|
+
|
|
36622
38304
|
if (this.isPopoverVisible) {
|
|
36623
38305
|
if (!this.isBibFullscreen) {
|
|
36624
|
-
|
|
36625
|
-
|
|
36626
|
-
|
|
38306
|
+
if (this.desktopModal) {
|
|
38307
|
+
// Desktop modal: trap focus only within the bib content.
|
|
38308
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
38309
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
38310
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
38311
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
38312
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
38313
|
+
// within the bib's focusable elements.
|
|
38314
|
+
this._bibTabHandler = (event) => {
|
|
38315
|
+
if (event.key !== 'Tab') {
|
|
38316
|
+
return;
|
|
38317
|
+
}
|
|
38318
|
+
|
|
38319
|
+
// Collect focusable elements from the bib content.
|
|
38320
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
38321
|
+
|
|
38322
|
+
// Fallback: try from slotted content directly
|
|
38323
|
+
if (!focusables.length) {
|
|
38324
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
38325
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
38326
|
+
|
|
38327
|
+
for (const node of assignedNodes) {
|
|
38328
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
38329
|
+
focusables.push(...getFocusableElements$2(node));
|
|
38330
|
+
}
|
|
38331
|
+
}
|
|
38332
|
+
}
|
|
38333
|
+
|
|
38334
|
+
if (!focusables.length) {
|
|
38335
|
+
return;
|
|
38336
|
+
}
|
|
38337
|
+
|
|
38338
|
+
event.preventDefault();
|
|
38339
|
+
|
|
38340
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
38341
|
+
|
|
38342
|
+
// Walk the active element chain through shadow roots
|
|
38343
|
+
const actives = this._getActiveElements();
|
|
38344
|
+
|
|
38345
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
38346
|
+
|
|
38347
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
38348
|
+
// Focus is not on a known element — move to first/last
|
|
38349
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
38350
|
+
}
|
|
38351
|
+
|
|
38352
|
+
// Try each element in order, skipping any that can't receive focus
|
|
38353
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
38354
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
38355
|
+
let nextIdx = idx + direction;
|
|
38356
|
+
|
|
38357
|
+
// Wrap around
|
|
38358
|
+
if (nextIdx < 0) {
|
|
38359
|
+
nextIdx = focusables.length - 1;
|
|
38360
|
+
} else if (nextIdx >= focusables.length) {
|
|
38361
|
+
nextIdx = 0;
|
|
38362
|
+
}
|
|
38363
|
+
|
|
38364
|
+
focusables[nextIdx].focus();
|
|
38365
|
+
|
|
38366
|
+
// Verify focus actually moved to the target
|
|
38367
|
+
const newActives = this._getActiveElements();
|
|
38368
|
+
|
|
38369
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
38370
|
+
return;
|
|
38371
|
+
}
|
|
38372
|
+
|
|
38373
|
+
// Focus didn't stick — skip this element and try the next
|
|
38374
|
+
idx = nextIdx;
|
|
38375
|
+
}
|
|
38376
|
+
};
|
|
38377
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
38378
|
+
|
|
38379
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
38380
|
+
requestAnimationFrame(() => {
|
|
38381
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
38382
|
+
if (focusables.length) {
|
|
38383
|
+
focusables[0].focus();
|
|
38384
|
+
}
|
|
38385
|
+
});
|
|
38386
|
+
} else {
|
|
38387
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
38388
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
38389
|
+
this.focusTrap.focusFirstElement();
|
|
38390
|
+
}
|
|
36627
38391
|
}
|
|
36628
38392
|
// Fullscreen: showModal() provides native focus trapping
|
|
38393
|
+
}
|
|
38394
|
+
}
|
|
38395
|
+
|
|
38396
|
+
/**
|
|
38397
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
38398
|
+
* @private
|
|
38399
|
+
* @returns {Array<HTMLElement>}
|
|
38400
|
+
*/
|
|
38401
|
+
_getActiveElements() {
|
|
38402
|
+
let { activeElement } = document;
|
|
38403
|
+
const actives = [activeElement];
|
|
38404
|
+
|
|
38405
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
38406
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
38407
|
+
actives.push(activeElement);
|
|
38408
|
+
}
|
|
38409
|
+
|
|
38410
|
+
return actives;
|
|
38411
|
+
}
|
|
38412
|
+
|
|
38413
|
+
/**
|
|
38414
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
38415
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
38416
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
38417
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
38418
|
+
* to ensure all page content outside the host subtree is inert.
|
|
38419
|
+
* @private
|
|
38420
|
+
*/
|
|
38421
|
+
_setPageInert() {
|
|
38422
|
+
if (this._inertSiblings) {
|
|
36629
38423
|
return;
|
|
36630
38424
|
}
|
|
36631
38425
|
|
|
36632
|
-
|
|
36633
|
-
|
|
36634
|
-
|
|
38426
|
+
this._inertSiblings = [];
|
|
38427
|
+
|
|
38428
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
38429
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
38430
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
38431
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
38432
|
+
let host = this;
|
|
38433
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
38434
|
+
host = host.getRootNode().host;
|
|
38435
|
+
}
|
|
38436
|
+
|
|
38437
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
38438
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
38439
|
+
let current = host;
|
|
38440
|
+
while (current.parentElement) {
|
|
38441
|
+
const parent = current.parentElement;
|
|
38442
|
+
for (const sibling of parent.children) {
|
|
38443
|
+
if (sibling !== current) {
|
|
38444
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
38445
|
+
sibling.inert = true;
|
|
38446
|
+
}
|
|
38447
|
+
}
|
|
38448
|
+
current = parent;
|
|
38449
|
+
}
|
|
38450
|
+
}
|
|
38451
|
+
|
|
38452
|
+
/**
|
|
38453
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
38454
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
38455
|
+
* not inadvertently re-enabled.
|
|
38456
|
+
* @private
|
|
38457
|
+
*/
|
|
38458
|
+
_clearPageInert() {
|
|
38459
|
+
if (this._inertSiblings) {
|
|
38460
|
+
for (const entry of this._inertSiblings) {
|
|
38461
|
+
entry.element.inert = entry.wasInert;
|
|
38462
|
+
}
|
|
38463
|
+
this._inertSiblings = undefined;
|
|
36635
38464
|
}
|
|
36636
38465
|
}
|
|
36637
38466
|
|
|
@@ -36870,6 +38699,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36870
38699
|
shape="${this.shape}"
|
|
36871
38700
|
?data-show="${this.isPopoverVisible}"
|
|
36872
38701
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38702
|
+
?desktopmodal="${this.desktopModal}"
|
|
36873
38703
|
.dialogLabel="${this.bibDialogLabel}"
|
|
36874
38704
|
${n$6(this.bibElement)}
|
|
36875
38705
|
>
|
|
@@ -37029,7 +38859,7 @@ let l$1$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(
|
|
|
37029
38859
|
|
|
37030
38860
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
37031
38861
|
|
|
37032
|
-
let AuroLibraryRuntimeUtils$
|
|
38862
|
+
let AuroLibraryRuntimeUtils$1$6 = class AuroLibraryRuntimeUtils {
|
|
37033
38863
|
|
|
37034
38864
|
/* eslint-disable jsdoc/require-param */
|
|
37035
38865
|
|
|
@@ -37135,7 +38965,7 @@ class AuroCounterButton extends T$1$1 {
|
|
|
37135
38965
|
*
|
|
37136
38966
|
*/
|
|
37137
38967
|
static register(name = "auro-counter-button") {
|
|
37138
|
-
AuroLibraryRuntimeUtils$
|
|
38968
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterButton);
|
|
37139
38969
|
}
|
|
37140
38970
|
}
|
|
37141
38971
|
|
|
@@ -37627,7 +39457,7 @@ const {
|
|
|
37627
39457
|
let AuroFormValidation$5 = class AuroFormValidation {
|
|
37628
39458
|
|
|
37629
39459
|
constructor() {
|
|
37630
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
39460
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$6();
|
|
37631
39461
|
}
|
|
37632
39462
|
|
|
37633
39463
|
/**
|
|
@@ -38192,239 +40022,11 @@ var plusIcon = {"role":"img","color":"currentColor","title":"","desc":"","width"
|
|
|
38192
40022
|
|
|
38193
40023
|
var minusIcon = {"role":"img","color":"currentColor","title":"","desc":"","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"minus-lg","category":"interface","deprecated":true,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><path d=\"M5.75 12.75h12.5a.75.75 0 1 0 0-1.5H5.75a.75.75 0 1 0 0 1.5\"/></svg>"};
|
|
38194
40024
|
|
|
38195
|
-
var colorCss$
|
|
38196
|
-
|
|
38197
|
-
var styleCss$3$2 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;text-align:center}:host{position:relative;text-align:left}:host::part(counterControl){display:flex;border-radius:var(--ds-size-500, 2.5rem);touch-action:manipulation}:host::part(counterControl):focus-visible{outline-offset:0;outline-style:solid;outline-width:var(--ds-size-25, 0.125rem)}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;
|
|
38198
|
-
|
|
38199
|
-
var colorCss$2$5 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
38200
|
-
|
|
38201
|
-
var styleCss$2$5 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{position:relative;display:block}.helptext-wrapper{display:none}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
38202
|
-
|
|
38203
|
-
var tokensCss$8 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
38204
|
-
|
|
38205
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
38206
|
-
// See LICENSE in the project root for license information.
|
|
38207
|
-
|
|
38208
|
-
// ---------------------------------------------------------------------
|
|
38209
|
-
|
|
38210
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
38211
|
-
|
|
38212
|
-
let AuroLibraryRuntimeUtils$1$6 = class AuroLibraryRuntimeUtils {
|
|
38213
|
-
|
|
38214
|
-
/* eslint-disable jsdoc/require-param */
|
|
38215
|
-
|
|
38216
|
-
/**
|
|
38217
|
-
* This will register a new custom element with the browser.
|
|
38218
|
-
* @param {String} name - The name of the custom element.
|
|
38219
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
38220
|
-
* @returns {void}
|
|
38221
|
-
*/
|
|
38222
|
-
registerComponent(name, componentClass) {
|
|
38223
|
-
if (!customElements.get(name)) {
|
|
38224
|
-
customElements.define(name, class extends componentClass {});
|
|
38225
|
-
}
|
|
38226
|
-
}
|
|
38227
|
-
|
|
38228
|
-
/**
|
|
38229
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
38230
|
-
* @returns {void}
|
|
38231
|
-
*/
|
|
38232
|
-
closestElement(
|
|
38233
|
-
selector, // selector like in .closest()
|
|
38234
|
-
base = this, // extra functionality to skip a parent
|
|
38235
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
38236
|
-
!el || el === document || el === window
|
|
38237
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
38238
|
-
: found
|
|
38239
|
-
? found // found a selector INside this element
|
|
38240
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
38241
|
-
) {
|
|
38242
|
-
return __Closest(base);
|
|
38243
|
-
}
|
|
38244
|
-
/* eslint-enable jsdoc/require-param */
|
|
38245
|
-
|
|
38246
|
-
/**
|
|
38247
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
38248
|
-
* @param {Object} elem - The element to check.
|
|
38249
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
38250
|
-
* @returns {void}
|
|
38251
|
-
*/
|
|
38252
|
-
handleComponentTagRename(elem, tagName) {
|
|
38253
|
-
const tag = tagName.toLowerCase();
|
|
38254
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
38255
|
-
|
|
38256
|
-
if (elemTag !== tag) {
|
|
38257
|
-
elem.setAttribute(tag, true);
|
|
38258
|
-
}
|
|
38259
|
-
}
|
|
38260
|
-
|
|
38261
|
-
/**
|
|
38262
|
-
* Validates if an element is a specific Auro component.
|
|
38263
|
-
* @param {Object} elem - The element to validate.
|
|
38264
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
38265
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
38266
|
-
*/
|
|
38267
|
-
elementMatch(elem, tagName) {
|
|
38268
|
-
const tag = tagName.toLowerCase();
|
|
38269
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
38270
|
-
|
|
38271
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
38272
|
-
}
|
|
38273
|
-
|
|
38274
|
-
/**
|
|
38275
|
-
* Gets the text content of a named slot.
|
|
38276
|
-
* @returns {String}
|
|
38277
|
-
* @private
|
|
38278
|
-
*/
|
|
38279
|
-
getSlotText(elem, name) {
|
|
38280
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
38281
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
38282
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
38283
|
-
|
|
38284
|
-
return text || null;
|
|
38285
|
-
}
|
|
38286
|
-
};
|
|
38287
|
-
|
|
38288
|
-
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
38289
|
-
// See LICENSE in the project root for license information.
|
|
38290
|
-
|
|
38291
|
-
|
|
38292
|
-
/**
|
|
38293
|
-
* Displays help text or error messages within form elements - Internal Use Only.
|
|
38294
|
-
*/
|
|
38295
|
-
let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
38296
|
-
|
|
38297
|
-
constructor() {
|
|
38298
|
-
super();
|
|
38299
|
-
|
|
38300
|
-
this.error = false;
|
|
38301
|
-
this.appearance = "default";
|
|
38302
|
-
this.onDark = false;
|
|
38303
|
-
this.hasTextContent = false;
|
|
38304
|
-
|
|
38305
|
-
AuroLibraryRuntimeUtils$1$6.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
38306
|
-
}
|
|
38307
|
-
|
|
38308
|
-
static get styles() {
|
|
38309
|
-
return [
|
|
38310
|
-
colorCss$2$5,
|
|
38311
|
-
styleCss$2$5,
|
|
38312
|
-
tokensCss$8
|
|
38313
|
-
];
|
|
38314
|
-
}
|
|
38315
|
-
|
|
38316
|
-
// function to define props used within the scope of this component
|
|
38317
|
-
static get properties() {
|
|
38318
|
-
return {
|
|
38319
|
-
|
|
38320
|
-
/**
|
|
38321
|
-
* Defines whether the component will be on lighter or darker backgrounds.
|
|
38322
|
-
* @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
|
|
38323
|
-
* @default 'default'
|
|
38324
|
-
*/
|
|
38325
|
-
appearance: {
|
|
38326
|
-
type: String,
|
|
38327
|
-
reflect: true
|
|
38328
|
-
},
|
|
38329
|
-
|
|
38330
|
-
/**
|
|
38331
|
-
* @private
|
|
38332
|
-
*/
|
|
38333
|
-
slotNodes: {
|
|
38334
|
-
type: Boolean,
|
|
38335
|
-
},
|
|
38336
|
-
|
|
38337
|
-
/**
|
|
38338
|
-
* @private
|
|
38339
|
-
*/
|
|
38340
|
-
hasTextContent: {
|
|
38341
|
-
type: Boolean,
|
|
38342
|
-
},
|
|
38343
|
-
|
|
38344
|
-
/**
|
|
38345
|
-
* If declared, make font color red.
|
|
38346
|
-
*/
|
|
38347
|
-
error: {
|
|
38348
|
-
type: Boolean,
|
|
38349
|
-
reflect: true,
|
|
38350
|
-
},
|
|
38351
|
-
|
|
38352
|
-
/**
|
|
38353
|
-
* DEPRECATED - use `appearance` instead.
|
|
38354
|
-
*/
|
|
38355
|
-
onDark: {
|
|
38356
|
-
type: Boolean,
|
|
38357
|
-
reflect: true
|
|
38358
|
-
}
|
|
38359
|
-
};
|
|
38360
|
-
}
|
|
38361
|
-
|
|
38362
|
-
/**
|
|
38363
|
-
* This will register this element with the browser.
|
|
38364
|
-
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
38365
|
-
*
|
|
38366
|
-
* @example
|
|
38367
|
-
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
38368
|
-
*
|
|
38369
|
-
*/
|
|
38370
|
-
static register(name = "auro-helptext") {
|
|
38371
|
-
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroHelpText);
|
|
38372
|
-
}
|
|
38373
|
-
|
|
38374
|
-
updated() {
|
|
38375
|
-
this.handleSlotChange();
|
|
38376
|
-
}
|
|
38377
|
-
|
|
38378
|
-
handleSlotChange(event) {
|
|
38379
|
-
if (event) {
|
|
38380
|
-
this.slotNodes = event.target.assignedNodes();
|
|
38381
|
-
}
|
|
38382
|
-
|
|
38383
|
-
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
38384
|
-
}
|
|
38385
|
-
|
|
38386
|
-
/**
|
|
38387
|
-
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
38388
|
-
*
|
|
38389
|
-
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
38390
|
-
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
38391
|
-
* @private
|
|
38392
|
-
*/
|
|
38393
|
-
checkSlotsForContent(nodes) {
|
|
38394
|
-
if (!nodes) {
|
|
38395
|
-
return false;
|
|
38396
|
-
}
|
|
38397
|
-
|
|
38398
|
-
return nodes.some((node) => {
|
|
38399
|
-
if (node.textContent.trim()) {
|
|
38400
|
-
return true;
|
|
38401
|
-
}
|
|
40025
|
+
var colorCss$2$5 = i$5`.label{color:var(--ds-auro-counter-label-text-color)}[name=description]::slotted(*){color:var(--ds-auro-counter-description-text-color)}.controlIcon{color:var(--ds-auro-counter-icon-color)}.quantityWrapper{background-color:var(--ds-auro-counter-control-background-color);color:var(--ds-auro-counter-quantity-text-color)}:host::part(counterControl):focus-visible{outline-color:var(--ds-auro-counter-control-border-color)}[disabled],:host([disabled]){--ds-auro-counter-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}[onDark],:host([onDark]),[appearance=inverse],:host([appearance=inverse]){--ds-auro-counter-description-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-counter-control-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-counter-control-background-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-counter-icon-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff)}[onDark][disabled],:host([onDark][disabled]),[appearance=inverse][disabled],:host([appearance=inverse][disabled]){--ds-auro-counter-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-counter-quantity-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-counter-icon-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}`;
|
|
38402
40026
|
|
|
38403
|
-
if (!node.querySelector) {
|
|
38404
|
-
return false;
|
|
38405
|
-
}
|
|
40027
|
+
var styleCss$2$5 = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;text-align:center}:host{position:relative;text-align:left}:host::part(counterControl){display:flex;border-radius:var(--ds-size-500, 2.5rem);touch-action:manipulation}:host::part(counterControl):focus-visible{outline-offset:0;outline-style:solid;outline-width:var(--ds-size-25, 0.125rem)}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;
|
|
38406
40028
|
|
|
38407
|
-
|
|
38408
|
-
if (!nestedSlot) {
|
|
38409
|
-
return false;
|
|
38410
|
-
}
|
|
38411
|
-
|
|
38412
|
-
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
38413
|
-
return this.checkSlotsForContent(nestedSlotNodes);
|
|
38414
|
-
});
|
|
38415
|
-
}
|
|
38416
|
-
|
|
38417
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
38418
|
-
render() {
|
|
38419
|
-
return b$8`
|
|
38420
|
-
<div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
|
|
38421
|
-
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
38422
|
-
</div>
|
|
38423
|
-
`;
|
|
38424
|
-
}
|
|
38425
|
-
};
|
|
38426
|
-
|
|
38427
|
-
var formkitVersion$6 = '202606011708';
|
|
40029
|
+
var formkitVersion$6 = '202606011911';
|
|
38428
40030
|
|
|
38429
40031
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
38430
40032
|
// See LICENSE in the project root for license information.
|
|
@@ -38510,12 +40112,12 @@ class AuroCounter extends i$3 {
|
|
|
38510
40112
|
/**
|
|
38511
40113
|
* @private
|
|
38512
40114
|
*/
|
|
38513
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion$6, AuroHelpText$
|
|
40115
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion$6, AuroHelpText$7);
|
|
38514
40116
|
|
|
38515
40117
|
/**
|
|
38516
40118
|
* @private
|
|
38517
40119
|
*/
|
|
38518
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
40120
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$6();
|
|
38519
40121
|
|
|
38520
40122
|
}
|
|
38521
40123
|
|
|
@@ -38657,14 +40259,14 @@ class AuroCounter extends i$3 {
|
|
|
38657
40259
|
* AuroCounter.register("custom-counter") // registers <custom-counter/>
|
|
38658
40260
|
*/
|
|
38659
40261
|
static register(name = "auro-counter") {
|
|
38660
|
-
AuroLibraryRuntimeUtils$
|
|
40262
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounter);
|
|
38661
40263
|
}
|
|
38662
40264
|
|
|
38663
40265
|
static get styles() {
|
|
38664
40266
|
return [
|
|
38665
40267
|
tokens,
|
|
38666
|
-
colorCss$
|
|
38667
|
-
styleCss$
|
|
40268
|
+
colorCss$2$5,
|
|
40269
|
+
styleCss$2$5
|
|
38668
40270
|
];
|
|
38669
40271
|
}
|
|
38670
40272
|
|
|
@@ -39162,6 +40764,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
39162
40764
|
large: {
|
|
39163
40765
|
type: Boolean,
|
|
39164
40766
|
reflect: true
|
|
40767
|
+
},
|
|
40768
|
+
|
|
40769
|
+
/**
|
|
40770
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
40771
|
+
*/
|
|
40772
|
+
showFooter: {
|
|
40773
|
+
type: Boolean,
|
|
40774
|
+
reflect: true
|
|
39165
40775
|
}
|
|
39166
40776
|
};
|
|
39167
40777
|
}
|
|
@@ -39264,7 +40874,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
|
|
|
39264
40874
|
<slot></slot>
|
|
39265
40875
|
</div>
|
|
39266
40876
|
|
|
39267
|
-
${this.isFullscreen ? u$d`
|
|
40877
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
39268
40878
|
<div id="footerContainer">
|
|
39269
40879
|
<slot name="footer"></slot>
|
|
39270
40880
|
</div>` : null}
|
|
@@ -39303,7 +40913,7 @@ class AuroCounterWrapper extends i$3 {
|
|
|
39303
40913
|
* AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
|
|
39304
40914
|
*/
|
|
39305
40915
|
static register(name = "auro-counter-wrapper") {
|
|
39306
|
-
AuroLibraryRuntimeUtils$
|
|
40916
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterWrapper);
|
|
39307
40917
|
}
|
|
39308
40918
|
|
|
39309
40919
|
// function that renders the HTML and CSS into the scope of the component
|
|
@@ -39529,7 +41139,7 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
39529
41139
|
* @private
|
|
39530
41140
|
* @type {string}
|
|
39531
41141
|
*/
|
|
39532
|
-
this.helpTextTag = versioning.generateTag("auro-formkit-counter-helptext", formkitVersion$6, AuroHelpText$
|
|
41142
|
+
this.helpTextTag = versioning.generateTag("auro-formkit-counter-helptext", formkitVersion$6, AuroHelpText$7);
|
|
39533
41143
|
|
|
39534
41144
|
/**
|
|
39535
41145
|
* @private
|
|
@@ -40055,7 +41665,7 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
40055
41665
|
* AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
|
|
40056
41666
|
*/
|
|
40057
41667
|
static register(name = "auro-counter-group") {
|
|
40058
|
-
AuroLibraryRuntimeUtils$
|
|
41668
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterGroup);
|
|
40059
41669
|
}
|
|
40060
41670
|
|
|
40061
41671
|
/**
|
|
@@ -41842,7 +43452,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
41842
43452
|
}
|
|
41843
43453
|
};
|
|
41844
43454
|
|
|
41845
|
-
var formkitVersion$5 = '
|
|
43455
|
+
var formkitVersion$5 = '202606011911';
|
|
41846
43456
|
|
|
41847
43457
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
41848
43458
|
// See LICENSE in the project root for license information.
|
|
@@ -44014,7 +45624,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
44014
45624
|
}
|
|
44015
45625
|
};
|
|
44016
45626
|
|
|
44017
|
-
var formkitVersion$4 = '
|
|
45627
|
+
var formkitVersion$4 = '202606011911';
|
|
44018
45628
|
|
|
44019
45629
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
44020
45630
|
// See LICENSE in the project root for license information.
|
|
@@ -49003,7 +50613,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
49003
50613
|
});
|
|
49004
50614
|
}
|
|
49005
50615
|
|
|
49006
|
-
var styleCss$2$1$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
50616
|
+
var styleCss$2$1$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
49007
50617
|
|
|
49008
50618
|
var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
49009
50619
|
|
|
@@ -49634,7 +51244,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
49634
51244
|
}
|
|
49635
51245
|
};
|
|
49636
51246
|
|
|
49637
|
-
var formkitVersion$2 = '
|
|
51247
|
+
var formkitVersion$2 = '202606011911';
|
|
49638
51248
|
|
|
49639
51249
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
49640
51250
|
static get properties() {
|
|
@@ -49814,6 +51424,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49814
51424
|
_intializeDefaults() {
|
|
49815
51425
|
this.appearance = 'default';
|
|
49816
51426
|
this.chevron = false;
|
|
51427
|
+
this.desktopModal = false;
|
|
49817
51428
|
this.disabled = false;
|
|
49818
51429
|
this.disableKeyboardHandling = false;
|
|
49819
51430
|
this.error = false;
|
|
@@ -49994,6 +51605,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
49994
51605
|
reflect: true
|
|
49995
51606
|
},
|
|
49996
51607
|
|
|
51608
|
+
/**
|
|
51609
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
51610
|
+
*/
|
|
51611
|
+
desktopModal: {
|
|
51612
|
+
type: Boolean,
|
|
51613
|
+
reflect: true
|
|
51614
|
+
},
|
|
51615
|
+
|
|
49997
51616
|
/**
|
|
49998
51617
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
49999
51618
|
*/
|
|
@@ -50281,6 +51900,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50281
51900
|
|
|
50282
51901
|
disconnectedCallback() {
|
|
50283
51902
|
super.disconnectedCallback();
|
|
51903
|
+
this._clearPageInert();
|
|
51904
|
+
if (this._bibTabHandler) {
|
|
51905
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
51906
|
+
this._bibTabHandler = undefined;
|
|
51907
|
+
}
|
|
51908
|
+
if (this.focusTrap) {
|
|
51909
|
+
this.focusTrap.disconnect();
|
|
51910
|
+
this.focusTrap = undefined;
|
|
51911
|
+
}
|
|
50284
51912
|
if (this.floater) {
|
|
50285
51913
|
this.floater.hideBib('disconnect');
|
|
50286
51914
|
this.floater.disconnect();
|
|
@@ -50308,19 +51936,45 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50308
51936
|
if (this.isPopoverVisible) {
|
|
50309
51937
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
50310
51938
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
50311
|
-
|
|
50312
|
-
this.
|
|
51939
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
51940
|
+
this.updateFocusTrap();
|
|
51941
|
+
|
|
51942
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
51943
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51944
|
+
this._setPageInert();
|
|
51945
|
+
}
|
|
50313
51946
|
} else {
|
|
50314
51947
|
this.bibElement.value.close();
|
|
51948
|
+
this._clearPageInert();
|
|
50315
51949
|
}
|
|
50316
51950
|
}
|
|
50317
51951
|
|
|
50318
51952
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
50319
51953
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
50320
51954
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
50321
|
-
const useModal = this.isBibFullscreen;
|
|
50322
51955
|
this.bibElement.value.close();
|
|
50323
|
-
this.bibElement.value.open(
|
|
51956
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
51957
|
+
|
|
51958
|
+
// Re-initialize focus management for the new strategy
|
|
51959
|
+
this.updateFocusTrap();
|
|
51960
|
+
|
|
51961
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
51962
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
51963
|
+
this._setPageInert();
|
|
51964
|
+
} else {
|
|
51965
|
+
this._clearPageInert();
|
|
51966
|
+
}
|
|
51967
|
+
}
|
|
51968
|
+
|
|
51969
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
51970
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
51971
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
51972
|
+
this.updateFocusTrap();
|
|
51973
|
+
if (this.desktopModal) {
|
|
51974
|
+
this._setPageInert();
|
|
51975
|
+
} else {
|
|
51976
|
+
this._clearPageInert();
|
|
51977
|
+
}
|
|
50324
51978
|
}
|
|
50325
51979
|
}
|
|
50326
51980
|
|
|
@@ -50330,8 +51984,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50330
51984
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
50331
51985
|
*/
|
|
50332
51986
|
handleDropdownToggle(event) {
|
|
50333
|
-
this.updateFocusTrap();
|
|
50334
51987
|
this.isPopoverVisible = event.detail.expanded;
|
|
51988
|
+
|
|
51989
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
51990
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
51991
|
+
if (!this.isPopoverVisible) {
|
|
51992
|
+
this.updateFocusTrap();
|
|
51993
|
+
}
|
|
51994
|
+
|
|
50335
51995
|
const eventType = event.detail.eventType || "unknown";
|
|
50336
51996
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
50337
51997
|
this.trigger.focus();
|
|
@@ -50430,19 +52090,178 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50430
52090
|
* @private
|
|
50431
52091
|
*/
|
|
50432
52092
|
updateFocusTrap() {
|
|
52093
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
52094
|
+
// to prevent duplicate listeners on repeated calls.
|
|
52095
|
+
if (this._bibTabHandler) {
|
|
52096
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52097
|
+
this._bibTabHandler = undefined;
|
|
52098
|
+
}
|
|
52099
|
+
|
|
52100
|
+
if (this.focusTrap) {
|
|
52101
|
+
this.focusTrap.disconnect();
|
|
52102
|
+
this.focusTrap = undefined;
|
|
52103
|
+
}
|
|
52104
|
+
|
|
50433
52105
|
if (this.isPopoverVisible) {
|
|
50434
52106
|
if (!this.isBibFullscreen) {
|
|
50435
|
-
|
|
50436
|
-
|
|
50437
|
-
|
|
52107
|
+
if (this.desktopModal) {
|
|
52108
|
+
// Desktop modal: trap focus only within the bib content.
|
|
52109
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
52110
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
52111
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
52112
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
52113
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52114
|
+
// within the bib's focusable elements.
|
|
52115
|
+
this._bibTabHandler = (event) => {
|
|
52116
|
+
if (event.key !== 'Tab') {
|
|
52117
|
+
return;
|
|
52118
|
+
}
|
|
52119
|
+
|
|
52120
|
+
// Collect focusable elements from the bib content.
|
|
52121
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
52122
|
+
|
|
52123
|
+
// Fallback: try from slotted content directly
|
|
52124
|
+
if (!focusables.length) {
|
|
52125
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52126
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52127
|
+
|
|
52128
|
+
for (const node of assignedNodes) {
|
|
52129
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52130
|
+
focusables.push(...getFocusableElements$1(node));
|
|
52131
|
+
}
|
|
52132
|
+
}
|
|
52133
|
+
}
|
|
52134
|
+
|
|
52135
|
+
if (!focusables.length) {
|
|
52136
|
+
return;
|
|
52137
|
+
}
|
|
52138
|
+
|
|
52139
|
+
event.preventDefault();
|
|
52140
|
+
|
|
52141
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52142
|
+
|
|
52143
|
+
// Walk the active element chain through shadow roots
|
|
52144
|
+
const actives = this._getActiveElements();
|
|
52145
|
+
|
|
52146
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52147
|
+
|
|
52148
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52149
|
+
// Focus is not on a known element — move to first/last
|
|
52150
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52151
|
+
}
|
|
52152
|
+
|
|
52153
|
+
// Try each element in order, skipping any that can't receive focus
|
|
52154
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
52155
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52156
|
+
let nextIdx = idx + direction;
|
|
52157
|
+
|
|
52158
|
+
// Wrap around
|
|
52159
|
+
if (nextIdx < 0) {
|
|
52160
|
+
nextIdx = focusables.length - 1;
|
|
52161
|
+
} else if (nextIdx >= focusables.length) {
|
|
52162
|
+
nextIdx = 0;
|
|
52163
|
+
}
|
|
52164
|
+
|
|
52165
|
+
focusables[nextIdx].focus();
|
|
52166
|
+
|
|
52167
|
+
// Verify focus actually moved to the target
|
|
52168
|
+
const newActives = this._getActiveElements();
|
|
52169
|
+
|
|
52170
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
52171
|
+
return;
|
|
52172
|
+
}
|
|
52173
|
+
|
|
52174
|
+
// Focus didn't stick — skip this element and try the next
|
|
52175
|
+
idx = nextIdx;
|
|
52176
|
+
}
|
|
52177
|
+
};
|
|
52178
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
52179
|
+
|
|
52180
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
52181
|
+
requestAnimationFrame(() => {
|
|
52182
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
52183
|
+
if (focusables.length) {
|
|
52184
|
+
focusables[0].focus();
|
|
52185
|
+
}
|
|
52186
|
+
});
|
|
52187
|
+
} else {
|
|
52188
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
52189
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52190
|
+
this.focusTrap.focusFirstElement();
|
|
52191
|
+
}
|
|
50438
52192
|
}
|
|
50439
52193
|
// Fullscreen: showModal() provides native focus trapping
|
|
52194
|
+
}
|
|
52195
|
+
}
|
|
52196
|
+
|
|
52197
|
+
/**
|
|
52198
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
52199
|
+
* @private
|
|
52200
|
+
* @returns {Array<HTMLElement>}
|
|
52201
|
+
*/
|
|
52202
|
+
_getActiveElements() {
|
|
52203
|
+
let { activeElement } = document;
|
|
52204
|
+
const actives = [activeElement];
|
|
52205
|
+
|
|
52206
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
52207
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
52208
|
+
actives.push(activeElement);
|
|
52209
|
+
}
|
|
52210
|
+
|
|
52211
|
+
return actives;
|
|
52212
|
+
}
|
|
52213
|
+
|
|
52214
|
+
/**
|
|
52215
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52216
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52217
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52218
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
52219
|
+
* to ensure all page content outside the host subtree is inert.
|
|
52220
|
+
* @private
|
|
52221
|
+
*/
|
|
52222
|
+
_setPageInert() {
|
|
52223
|
+
if (this._inertSiblings) {
|
|
50440
52224
|
return;
|
|
50441
52225
|
}
|
|
50442
52226
|
|
|
50443
|
-
|
|
50444
|
-
|
|
50445
|
-
|
|
52227
|
+
this._inertSiblings = [];
|
|
52228
|
+
|
|
52229
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
52230
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
52231
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52232
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
52233
|
+
let host = this;
|
|
52234
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52235
|
+
host = host.getRootNode().host;
|
|
52236
|
+
}
|
|
52237
|
+
|
|
52238
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
52239
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
52240
|
+
let current = host;
|
|
52241
|
+
while (current.parentElement) {
|
|
52242
|
+
const parent = current.parentElement;
|
|
52243
|
+
for (const sibling of parent.children) {
|
|
52244
|
+
if (sibling !== current) {
|
|
52245
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
52246
|
+
sibling.inert = true;
|
|
52247
|
+
}
|
|
52248
|
+
}
|
|
52249
|
+
current = parent;
|
|
52250
|
+
}
|
|
52251
|
+
}
|
|
52252
|
+
|
|
52253
|
+
/**
|
|
52254
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
52255
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
52256
|
+
* not inadvertently re-enabled.
|
|
52257
|
+
* @private
|
|
52258
|
+
*/
|
|
52259
|
+
_clearPageInert() {
|
|
52260
|
+
if (this._inertSiblings) {
|
|
52261
|
+
for (const entry of this._inertSiblings) {
|
|
52262
|
+
entry.element.inert = entry.wasInert;
|
|
52263
|
+
}
|
|
52264
|
+
this._inertSiblings = undefined;
|
|
50446
52265
|
}
|
|
50447
52266
|
}
|
|
50448
52267
|
|
|
@@ -50681,6 +52500,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50681
52500
|
shape="${this.shape}"
|
|
50682
52501
|
?data-show="${this.isPopoverVisible}"
|
|
50683
52502
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52503
|
+
?desktopmodal="${this.desktopModal}"
|
|
50684
52504
|
.dialogLabel="${this.bibDialogLabel}"
|
|
50685
52505
|
${n$6(this.bibElement)}
|
|
50686
52506
|
>
|
|
@@ -57379,7 +59199,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
57379
59199
|
}
|
|
57380
59200
|
};
|
|
57381
59201
|
|
|
57382
|
-
var formkitVersion$1$1 = '
|
|
59202
|
+
var formkitVersion$1$1 = '202606011911';
|
|
57383
59203
|
|
|
57384
59204
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
57385
59205
|
// See LICENSE in the project root for license information.
|
|
@@ -58333,6 +60153,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58333
60153
|
large: {
|
|
58334
60154
|
type: Boolean,
|
|
58335
60155
|
reflect: true
|
|
60156
|
+
},
|
|
60157
|
+
|
|
60158
|
+
/**
|
|
60159
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60160
|
+
*/
|
|
60161
|
+
showFooter: {
|
|
60162
|
+
type: Boolean,
|
|
60163
|
+
reflect: true
|
|
58336
60164
|
}
|
|
58337
60165
|
};
|
|
58338
60166
|
}
|
|
@@ -58435,7 +60263,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58435
60263
|
<slot></slot>
|
|
58436
60264
|
</div>
|
|
58437
60265
|
|
|
58438
|
-
${this.isFullscreen ? u$d`
|
|
60266
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
58439
60267
|
<div id="footerContainer">
|
|
58440
60268
|
<slot name="footer"></slot>
|
|
58441
60269
|
</div>` : null}
|
|
@@ -58444,7 +60272,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
58444
60272
|
}
|
|
58445
60273
|
};
|
|
58446
60274
|
|
|
58447
|
-
var formkitVersion$3 = '
|
|
60275
|
+
var formkitVersion$3 = '202606011911';
|
|
58448
60276
|
|
|
58449
60277
|
var styleCss$1$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
58450
60278
|
|
|
@@ -67305,7 +69133,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
67305
69133
|
});
|
|
67306
69134
|
}
|
|
67307
69135
|
|
|
67308
|
-
var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
69136
|
+
var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
|
|
67309
69137
|
|
|
67310
69138
|
var colorCss$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
67311
69139
|
|
|
@@ -67936,7 +69764,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
67936
69764
|
}
|
|
67937
69765
|
};
|
|
67938
69766
|
|
|
67939
|
-
var formkitVersion$1 = '
|
|
69767
|
+
var formkitVersion$1 = '202606011911';
|
|
67940
69768
|
|
|
67941
69769
|
class AuroElement extends i$3 {
|
|
67942
69770
|
static get properties() {
|
|
@@ -68116,6 +69944,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68116
69944
|
_intializeDefaults() {
|
|
68117
69945
|
this.appearance = 'default';
|
|
68118
69946
|
this.chevron = false;
|
|
69947
|
+
this.desktopModal = false;
|
|
68119
69948
|
this.disabled = false;
|
|
68120
69949
|
this.disableKeyboardHandling = false;
|
|
68121
69950
|
this.error = false;
|
|
@@ -68296,6 +70125,14 @@ class AuroDropdown extends AuroElement {
|
|
|
68296
70125
|
reflect: true
|
|
68297
70126
|
},
|
|
68298
70127
|
|
|
70128
|
+
/**
|
|
70129
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70130
|
+
*/
|
|
70131
|
+
desktopModal: {
|
|
70132
|
+
type: Boolean,
|
|
70133
|
+
reflect: true
|
|
70134
|
+
},
|
|
70135
|
+
|
|
68299
70136
|
/**
|
|
68300
70137
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
68301
70138
|
*/
|
|
@@ -68583,6 +70420,15 @@ class AuroDropdown extends AuroElement {
|
|
|
68583
70420
|
|
|
68584
70421
|
disconnectedCallback() {
|
|
68585
70422
|
super.disconnectedCallback();
|
|
70423
|
+
this._clearPageInert();
|
|
70424
|
+
if (this._bibTabHandler) {
|
|
70425
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70426
|
+
this._bibTabHandler = undefined;
|
|
70427
|
+
}
|
|
70428
|
+
if (this.focusTrap) {
|
|
70429
|
+
this.focusTrap.disconnect();
|
|
70430
|
+
this.focusTrap = undefined;
|
|
70431
|
+
}
|
|
68586
70432
|
if (this.floater) {
|
|
68587
70433
|
this.floater.hideBib('disconnect');
|
|
68588
70434
|
this.floater.disconnect();
|
|
@@ -68610,19 +70456,45 @@ class AuroDropdown extends AuroElement {
|
|
|
68610
70456
|
if (this.isPopoverVisible) {
|
|
68611
70457
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
68612
70458
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
68613
|
-
|
|
68614
|
-
this.
|
|
70459
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70460
|
+
this.updateFocusTrap();
|
|
70461
|
+
|
|
70462
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70463
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70464
|
+
this._setPageInert();
|
|
70465
|
+
}
|
|
68615
70466
|
} else {
|
|
68616
70467
|
this.bibElement.value.close();
|
|
70468
|
+
this._clearPageInert();
|
|
68617
70469
|
}
|
|
68618
70470
|
}
|
|
68619
70471
|
|
|
68620
70472
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
68621
70473
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
68622
70474
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
68623
|
-
const useModal = this.isBibFullscreen;
|
|
68624
70475
|
this.bibElement.value.close();
|
|
68625
|
-
this.bibElement.value.open(
|
|
70476
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70477
|
+
|
|
70478
|
+
// Re-initialize focus management for the new strategy
|
|
70479
|
+
this.updateFocusTrap();
|
|
70480
|
+
|
|
70481
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70482
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70483
|
+
this._setPageInert();
|
|
70484
|
+
} else {
|
|
70485
|
+
this._clearPageInert();
|
|
70486
|
+
}
|
|
70487
|
+
}
|
|
70488
|
+
|
|
70489
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
70490
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
70491
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
70492
|
+
this.updateFocusTrap();
|
|
70493
|
+
if (this.desktopModal) {
|
|
70494
|
+
this._setPageInert();
|
|
70495
|
+
} else {
|
|
70496
|
+
this._clearPageInert();
|
|
70497
|
+
}
|
|
68626
70498
|
}
|
|
68627
70499
|
}
|
|
68628
70500
|
|
|
@@ -68632,8 +70504,14 @@ class AuroDropdown extends AuroElement {
|
|
|
68632
70504
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
68633
70505
|
*/
|
|
68634
70506
|
handleDropdownToggle(event) {
|
|
68635
|
-
this.updateFocusTrap();
|
|
68636
70507
|
this.isPopoverVisible = event.detail.expanded;
|
|
70508
|
+
|
|
70509
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70510
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
70511
|
+
if (!this.isPopoverVisible) {
|
|
70512
|
+
this.updateFocusTrap();
|
|
70513
|
+
}
|
|
70514
|
+
|
|
68637
70515
|
const eventType = event.detail.eventType || "unknown";
|
|
68638
70516
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
68639
70517
|
this.trigger.focus();
|
|
@@ -68732,19 +70610,178 @@ class AuroDropdown extends AuroElement {
|
|
|
68732
70610
|
* @private
|
|
68733
70611
|
*/
|
|
68734
70612
|
updateFocusTrap() {
|
|
70613
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
70614
|
+
// to prevent duplicate listeners on repeated calls.
|
|
70615
|
+
if (this._bibTabHandler) {
|
|
70616
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70617
|
+
this._bibTabHandler = undefined;
|
|
70618
|
+
}
|
|
70619
|
+
|
|
70620
|
+
if (this.focusTrap) {
|
|
70621
|
+
this.focusTrap.disconnect();
|
|
70622
|
+
this.focusTrap = undefined;
|
|
70623
|
+
}
|
|
70624
|
+
|
|
68735
70625
|
if (this.isPopoverVisible) {
|
|
68736
70626
|
if (!this.isBibFullscreen) {
|
|
68737
|
-
|
|
68738
|
-
|
|
68739
|
-
|
|
70627
|
+
if (this.desktopModal) {
|
|
70628
|
+
// Desktop modal: trap focus only within the bib content.
|
|
70629
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
70630
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
70631
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
70632
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
70633
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
70634
|
+
// within the bib's focusable elements.
|
|
70635
|
+
this._bibTabHandler = (event) => {
|
|
70636
|
+
if (event.key !== 'Tab') {
|
|
70637
|
+
return;
|
|
70638
|
+
}
|
|
70639
|
+
|
|
70640
|
+
// Collect focusable elements from the bib content.
|
|
70641
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
70642
|
+
|
|
70643
|
+
// Fallback: try from slotted content directly
|
|
70644
|
+
if (!focusables.length) {
|
|
70645
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
70646
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
70647
|
+
|
|
70648
|
+
for (const node of assignedNodes) {
|
|
70649
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
70650
|
+
focusables.push(...getFocusableElements(node));
|
|
70651
|
+
}
|
|
70652
|
+
}
|
|
70653
|
+
}
|
|
70654
|
+
|
|
70655
|
+
if (!focusables.length) {
|
|
70656
|
+
return;
|
|
70657
|
+
}
|
|
70658
|
+
|
|
70659
|
+
event.preventDefault();
|
|
70660
|
+
|
|
70661
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
70662
|
+
|
|
70663
|
+
// Walk the active element chain through shadow roots
|
|
70664
|
+
const actives = this._getActiveElements();
|
|
70665
|
+
|
|
70666
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
70667
|
+
|
|
70668
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
70669
|
+
// Focus is not on a known element — move to first/last
|
|
70670
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
70671
|
+
}
|
|
70672
|
+
|
|
70673
|
+
// Try each element in order, skipping any that can't receive focus
|
|
70674
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
70675
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
70676
|
+
let nextIdx = idx + direction;
|
|
70677
|
+
|
|
70678
|
+
// Wrap around
|
|
70679
|
+
if (nextIdx < 0) {
|
|
70680
|
+
nextIdx = focusables.length - 1;
|
|
70681
|
+
} else if (nextIdx >= focusables.length) {
|
|
70682
|
+
nextIdx = 0;
|
|
70683
|
+
}
|
|
70684
|
+
|
|
70685
|
+
focusables[nextIdx].focus();
|
|
70686
|
+
|
|
70687
|
+
// Verify focus actually moved to the target
|
|
70688
|
+
const newActives = this._getActiveElements();
|
|
70689
|
+
|
|
70690
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
70691
|
+
return;
|
|
70692
|
+
}
|
|
70693
|
+
|
|
70694
|
+
// Focus didn't stick — skip this element and try the next
|
|
70695
|
+
idx = nextIdx;
|
|
70696
|
+
}
|
|
70697
|
+
};
|
|
70698
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
70699
|
+
|
|
70700
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
70701
|
+
requestAnimationFrame(() => {
|
|
70702
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
70703
|
+
if (focusables.length) {
|
|
70704
|
+
focusables[0].focus();
|
|
70705
|
+
}
|
|
70706
|
+
});
|
|
70707
|
+
} else {
|
|
70708
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
70709
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
70710
|
+
this.focusTrap.focusFirstElement();
|
|
70711
|
+
}
|
|
68740
70712
|
}
|
|
68741
70713
|
// Fullscreen: showModal() provides native focus trapping
|
|
70714
|
+
}
|
|
70715
|
+
}
|
|
70716
|
+
|
|
70717
|
+
/**
|
|
70718
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
70719
|
+
* @private
|
|
70720
|
+
* @returns {Array<HTMLElement>}
|
|
70721
|
+
*/
|
|
70722
|
+
_getActiveElements() {
|
|
70723
|
+
let { activeElement } = document;
|
|
70724
|
+
const actives = [activeElement];
|
|
70725
|
+
|
|
70726
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
70727
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
70728
|
+
actives.push(activeElement);
|
|
70729
|
+
}
|
|
70730
|
+
|
|
70731
|
+
return actives;
|
|
70732
|
+
}
|
|
70733
|
+
|
|
70734
|
+
/**
|
|
70735
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
70736
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
70737
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
70738
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
70739
|
+
* to ensure all page content outside the host subtree is inert.
|
|
70740
|
+
* @private
|
|
70741
|
+
*/
|
|
70742
|
+
_setPageInert() {
|
|
70743
|
+
if (this._inertSiblings) {
|
|
68742
70744
|
return;
|
|
68743
70745
|
}
|
|
68744
70746
|
|
|
68745
|
-
|
|
68746
|
-
|
|
68747
|
-
|
|
70747
|
+
this._inertSiblings = [];
|
|
70748
|
+
|
|
70749
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
70750
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
70751
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
70752
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
70753
|
+
let host = this;
|
|
70754
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
70755
|
+
host = host.getRootNode().host;
|
|
70756
|
+
}
|
|
70757
|
+
|
|
70758
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
70759
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
70760
|
+
let current = host;
|
|
70761
|
+
while (current.parentElement) {
|
|
70762
|
+
const parent = current.parentElement;
|
|
70763
|
+
for (const sibling of parent.children) {
|
|
70764
|
+
if (sibling !== current) {
|
|
70765
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
70766
|
+
sibling.inert = true;
|
|
70767
|
+
}
|
|
70768
|
+
}
|
|
70769
|
+
current = parent;
|
|
70770
|
+
}
|
|
70771
|
+
}
|
|
70772
|
+
|
|
70773
|
+
/**
|
|
70774
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
70775
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
70776
|
+
* not inadvertently re-enabled.
|
|
70777
|
+
* @private
|
|
70778
|
+
*/
|
|
70779
|
+
_clearPageInert() {
|
|
70780
|
+
if (this._inertSiblings) {
|
|
70781
|
+
for (const entry of this._inertSiblings) {
|
|
70782
|
+
entry.element.inert = entry.wasInert;
|
|
70783
|
+
}
|
|
70784
|
+
this._inertSiblings = undefined;
|
|
68748
70785
|
}
|
|
68749
70786
|
}
|
|
68750
70787
|
|
|
@@ -68983,6 +71020,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68983
71020
|
shape="${this.shape}"
|
|
68984
71021
|
?data-show="${this.isPopoverVisible}"
|
|
68985
71022
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71023
|
+
?desktopmodal="${this.desktopModal}"
|
|
68986
71024
|
.dialogLabel="${this.bibDialogLabel}"
|
|
68987
71025
|
${n$6(this.bibElement)}
|
|
68988
71026
|
>
|
|
@@ -69350,6 +71388,14 @@ class AuroBibtemplate extends i$3 {
|
|
|
69350
71388
|
large: {
|
|
69351
71389
|
type: Boolean,
|
|
69352
71390
|
reflect: true
|
|
71391
|
+
},
|
|
71392
|
+
|
|
71393
|
+
/**
|
|
71394
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
71395
|
+
*/
|
|
71396
|
+
showFooter: {
|
|
71397
|
+
type: Boolean,
|
|
71398
|
+
reflect: true
|
|
69353
71399
|
}
|
|
69354
71400
|
};
|
|
69355
71401
|
}
|
|
@@ -69452,7 +71498,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
69452
71498
|
<slot></slot>
|
|
69453
71499
|
</div>
|
|
69454
71500
|
|
|
69455
|
-
${this.isFullscreen ? u$d`
|
|
71501
|
+
${this.isFullscreen || this.showFooter ? u$d`
|
|
69456
71502
|
<div id="footerContainer">
|
|
69457
71503
|
<slot name="footer"></slot>
|
|
69458
71504
|
</div>` : null}
|
|
@@ -69689,7 +71735,7 @@ class AuroHelpText extends i$3 {
|
|
|
69689
71735
|
}
|
|
69690
71736
|
}
|
|
69691
71737
|
|
|
69692
|
-
var formkitVersion = '
|
|
71738
|
+
var formkitVersion = '202606011911';
|
|
69693
71739
|
|
|
69694
71740
|
var styleCss = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
69695
71741
|
|