@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
|
@@ -24,7 +24,7 @@ const t$2=globalThis,i$5=t=>t,s$8=t$2.trustedTypes,e$5=s$8?s$8.createPolicy("lit
|
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
25
|
*/const s$7=globalThis;let i$4 = class i extends y$b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D$1(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E$1}};i$4._$litElement$=true,i$4["finalized"]=true,s$7.litElementHydrateSupport?.({LitElement:i$4});const o$6=s$7.litElementPolyfillSupport;o$6?.({LitElement:i$4});(s$7.litElementVersions??=[]).push("4.2.2");
|
|
26
26
|
|
|
27
|
-
var styleCss$
|
|
27
|
+
var styleCss$d = i$7``;
|
|
28
28
|
|
|
29
29
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
30
30
|
// See LICENSE in the project root for license information.
|
|
@@ -33,7 +33,7 @@ var styleCss$c = i$7``;
|
|
|
33
33
|
|
|
34
34
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
35
35
|
|
|
36
|
-
let AuroLibraryRuntimeUtils$
|
|
36
|
+
let AuroLibraryRuntimeUtils$d = class AuroLibraryRuntimeUtils {
|
|
37
37
|
|
|
38
38
|
/* eslint-disable jsdoc/require-param */
|
|
39
39
|
|
|
@@ -299,7 +299,7 @@ class AuroForm extends i$4 {
|
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
static get styles() {
|
|
302
|
-
return [styleCss$
|
|
302
|
+
return [styleCss$d];
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
/**
|
|
@@ -563,7 +563,7 @@ class AuroForm extends i$4 {
|
|
|
563
563
|
* AuroForm.register("custom-form") // registers as <custom-form>
|
|
564
564
|
*/
|
|
565
565
|
static register(name = "auro-form") {
|
|
566
|
-
AuroLibraryRuntimeUtils$
|
|
566
|
+
AuroLibraryRuntimeUtils$d.prototype.registerComponent(name, AuroForm);
|
|
567
567
|
}
|
|
568
568
|
|
|
569
569
|
/**
|
|
@@ -7230,9 +7230,9 @@ let l$5 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
7230
7230
|
|
|
7231
7231
|
var buttonVersion$5 = '12.3.2';
|
|
7232
7232
|
|
|
7233
|
-
var colorCss$
|
|
7233
|
+
var colorCss$c = i$7`: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)}`;
|
|
7234
7234
|
|
|
7235
|
-
var styleCss$b = i$7`.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}`;
|
|
7235
|
+
var styleCss$c = i$7`.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}`;
|
|
7236
7236
|
|
|
7237
7237
|
var tokensCss$b = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
7238
7238
|
|
|
@@ -7243,7 +7243,7 @@ var tokensCss$b = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
7243
7243
|
|
|
7244
7244
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
7245
7245
|
|
|
7246
|
-
let AuroLibraryRuntimeUtils$
|
|
7246
|
+
let AuroLibraryRuntimeUtils$c = class AuroLibraryRuntimeUtils {
|
|
7247
7247
|
|
|
7248
7248
|
/* eslint-disable jsdoc/require-param */
|
|
7249
7249
|
|
|
@@ -7336,13 +7336,13 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
|
|
|
7336
7336
|
this.onDark = false;
|
|
7337
7337
|
this.hasTextContent = false;
|
|
7338
7338
|
|
|
7339
|
-
AuroLibraryRuntimeUtils$
|
|
7339
|
+
AuroLibraryRuntimeUtils$c.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
7340
7340
|
}
|
|
7341
7341
|
|
|
7342
7342
|
static get styles() {
|
|
7343
7343
|
return [
|
|
7344
|
-
colorCss$
|
|
7345
|
-
styleCss$
|
|
7344
|
+
colorCss$c,
|
|
7345
|
+
styleCss$c,
|
|
7346
7346
|
tokensCss$b
|
|
7347
7347
|
];
|
|
7348
7348
|
}
|
|
@@ -7402,7 +7402,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
|
|
|
7402
7402
|
*
|
|
7403
7403
|
*/
|
|
7404
7404
|
static register(name = "auro-helptext") {
|
|
7405
|
-
AuroLibraryRuntimeUtils$
|
|
7405
|
+
AuroLibraryRuntimeUtils$c.prototype.registerComponent(name, AuroHelpText);
|
|
7406
7406
|
}
|
|
7407
7407
|
|
|
7408
7408
|
updated() {
|
|
@@ -7458,7 +7458,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
|
|
|
7458
7458
|
}
|
|
7459
7459
|
};
|
|
7460
7460
|
|
|
7461
|
-
var formkitVersion$9 = '
|
|
7461
|
+
var formkitVersion$9 = '202606011911';
|
|
7462
7462
|
|
|
7463
7463
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7464
7464
|
// See LICENSE in the project root for license information.
|
|
@@ -9513,11 +9513,11 @@ var snowflakeStyle = i$7`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
9513
9513
|
|
|
9514
9514
|
var snowflakeColors = i$7`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
9515
9515
|
|
|
9516
|
-
var styleCss$7$1 = i$7`.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:""}`;
|
|
9516
|
+
var styleCss$7$1 = i$7`.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}`;
|
|
9517
9517
|
|
|
9518
9518
|
var colorCss$7$1 = i$7`.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)}}`;
|
|
9519
9519
|
|
|
9520
|
-
var styleCss$6$1 = i$7`: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%}`;
|
|
9520
|
+
var styleCss$6$1 = i$7`: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%}`;
|
|
9521
9521
|
|
|
9522
9522
|
var colorCss$6$1 = i$7`: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)}`;
|
|
9523
9523
|
|
|
@@ -16026,20 +16026,25 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
16026
16026
|
__decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
16027
16027
|
AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
16028
16028
|
|
|
16029
|
-
var styleCss$5$1 = i$7`.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}}`;
|
|
16029
|
+
var styleCss$5$1 = i$7`.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}}`;
|
|
16030
16030
|
|
|
16031
|
-
var colorCss$5$1 = i$7`: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}`;
|
|
16031
|
+
var colorCss$5$1 = i$7`: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}`;
|
|
16032
16032
|
|
|
16033
|
-
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$7`::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)}
|
|
16033
|
+
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$7`::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)}
|
|
16034
16034
|
`,xe=i$7`.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:""}
|
|
16035
16035
|
`,Se=i$7`: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)}
|
|
16036
|
-
`;class _e extends i$4{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.
|
|
16037
|
-
<div
|
|
16036
|
+
`;class _e extends i$4{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$7`${xe}`,i$7`${be}`,i$7`${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$7`
|
|
16037
|
+
<div
|
|
16038
|
+
id="popover"
|
|
16039
|
+
class="popover util_insetLg body-default"
|
|
16040
|
+
part="popover"
|
|
16041
|
+
role="tooltip"
|
|
16042
|
+
aria-hidden="${this.isPopoverVisible?"false":"true"}">
|
|
16038
16043
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
16039
|
-
<
|
|
16044
|
+
<slot></slot>
|
|
16040
16045
|
</div>
|
|
16041
16046
|
|
|
16042
|
-
<span>
|
|
16047
|
+
<span role="presentation">
|
|
16043
16048
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
16044
16049
|
</span>
|
|
16045
16050
|
`}}
|
|
@@ -16067,6 +16072,8 @@ class AuroCalendarCell extends i$4 {
|
|
|
16067
16072
|
this._locale = null;
|
|
16068
16073
|
this.dateStr = null;
|
|
16069
16074
|
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.
|
|
16075
|
+
this.active = false;
|
|
16076
|
+
this.hasPopoverContent = false;
|
|
16070
16077
|
|
|
16071
16078
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
16072
16079
|
|
|
@@ -16100,7 +16107,12 @@ class AuroCalendarCell extends i$4 {
|
|
|
16100
16107
|
isCurrentDate: { type: Boolean },
|
|
16101
16108
|
locale: { type: Object },
|
|
16102
16109
|
dateStr: { type: String },
|
|
16103
|
-
renderForDateSlot: { type: Boolean }
|
|
16110
|
+
renderForDateSlot: { type: Boolean },
|
|
16111
|
+
active: {
|
|
16112
|
+
type: Boolean,
|
|
16113
|
+
reflect: true
|
|
16114
|
+
},
|
|
16115
|
+
hasPopoverContent: { type: Boolean }
|
|
16104
16116
|
};
|
|
16105
16117
|
}
|
|
16106
16118
|
|
|
@@ -16159,13 +16171,23 @@ class AuroCalendarCell extends i$4 {
|
|
|
16159
16171
|
* @returns {void}
|
|
16160
16172
|
*/
|
|
16161
16173
|
handleTap() {
|
|
16162
|
-
if (!this.disabled) {
|
|
16174
|
+
if (!this.disabled && !this.isBlackout()) {
|
|
16163
16175
|
this.datepicker.handleCellClick(this.day.date);
|
|
16164
16176
|
}
|
|
16177
|
+
|
|
16178
|
+
// Set this cell as the active cell regardless of blackout status
|
|
16179
|
+
if (this.day) {
|
|
16180
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16181
|
+
bubbles: true,
|
|
16182
|
+
composed: true,
|
|
16183
|
+
detail: { date: this.day.date }
|
|
16184
|
+
}));
|
|
16185
|
+
}
|
|
16165
16186
|
}
|
|
16166
16187
|
|
|
16167
16188
|
/**
|
|
16168
16189
|
* Handles user hover events and dispatches a custom event.
|
|
16190
|
+
* Always dispatches for range pickers so the preview updates correctly.
|
|
16169
16191
|
* @private
|
|
16170
16192
|
* @returns {void}
|
|
16171
16193
|
*/
|
|
@@ -16179,7 +16201,61 @@ class AuroCalendarCell extends i$4 {
|
|
|
16179
16201
|
}
|
|
16180
16202
|
|
|
16181
16203
|
/**
|
|
16182
|
-
* Checks if the current date is
|
|
16204
|
+
* Checks if the current date is outside the valid min/max range.
|
|
16205
|
+
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
16206
|
+
* @private
|
|
16207
|
+
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16208
|
+
* @param {Number} min - The minimum date value.
|
|
16209
|
+
* @param {Number} max - The maximum date value.
|
|
16210
|
+
* @returns {Boolean} - True if the date is out of range.
|
|
16211
|
+
*/
|
|
16212
|
+
isOutOfRange(day, min, max) {
|
|
16213
|
+
if (day && day.date != null) {
|
|
16214
|
+
return day.date < min || day.date > max;
|
|
16215
|
+
}
|
|
16216
|
+
return false;
|
|
16217
|
+
}
|
|
16218
|
+
|
|
16219
|
+
/**
|
|
16220
|
+
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
16221
|
+
* Blackout cells are focusable but not selectable.
|
|
16222
|
+
* @private
|
|
16223
|
+
* @returns {Boolean} - True if the date is a blackout date.
|
|
16224
|
+
*/
|
|
16225
|
+
isBlackout() {
|
|
16226
|
+
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
16227
|
+
return false;
|
|
16228
|
+
}
|
|
16229
|
+
|
|
16230
|
+
// Check against disabledDays timestamps (legacy path)
|
|
16231
|
+
if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
|
|
16232
|
+
if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
|
|
16233
|
+
return true;
|
|
16234
|
+
}
|
|
16235
|
+
}
|
|
16236
|
+
|
|
16237
|
+
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
16238
|
+
const blackoutDates = this.datepicker?.blackoutDates;
|
|
16239
|
+
|
|
16240
|
+
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
16241
|
+
const date = new Date(this.day.date * 1000);
|
|
16242
|
+
const yyyy = date.getFullYear();
|
|
16243
|
+
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
16244
|
+
const dd = String(date.getDate()).padStart(2, '0');
|
|
16245
|
+
const cellDate = `${yyyy}-${mm}-${dd}`;
|
|
16246
|
+
if (blackoutDates.includes(cellDate)) {
|
|
16247
|
+
return true;
|
|
16248
|
+
}
|
|
16249
|
+
}
|
|
16250
|
+
|
|
16251
|
+
return false;
|
|
16252
|
+
}
|
|
16253
|
+
|
|
16254
|
+
/**
|
|
16255
|
+
* Checks if the current date is disabled based on min/max range or the
|
|
16256
|
+
* legacy disabledDays timestamp list. Sets the `disabled` attribute on the
|
|
16257
|
+
* host when the date falls outside the allowed range or appears in
|
|
16258
|
+
* disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
|
|
16183
16259
|
* @private
|
|
16184
16260
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16185
16261
|
* @param {Number} min - The minimum date value.
|
|
@@ -16199,6 +16275,91 @@ class AuroCalendarCell extends i$4 {
|
|
|
16199
16275
|
return false;
|
|
16200
16276
|
}
|
|
16201
16277
|
|
|
16278
|
+
/**
|
|
16279
|
+
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
16280
|
+
* @private
|
|
16281
|
+
* @returns {String} The unique cell ID.
|
|
16282
|
+
*/
|
|
16283
|
+
getCellId() {
|
|
16284
|
+
if (!this.day || !this.day.date) return '';
|
|
16285
|
+
const date = new Date(this.day.date * 1000);
|
|
16286
|
+
const year = date.getFullYear();
|
|
16287
|
+
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
16288
|
+
const day = String(date.getDate()).padStart(2, '0');
|
|
16289
|
+
return `cell-${year}-${month}-${day}`;
|
|
16290
|
+
}
|
|
16291
|
+
|
|
16292
|
+
/**
|
|
16293
|
+
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
16294
|
+
* Includes range position and blackout status.
|
|
16295
|
+
* @private
|
|
16296
|
+
* @returns {String} The aria-label string.
|
|
16297
|
+
*/
|
|
16298
|
+
getAriaLabel() {
|
|
16299
|
+
if (!this.day || this.day.date === undefined) return '';
|
|
16300
|
+
|
|
16301
|
+
const date = new Date(this.day.date * 1000);
|
|
16302
|
+
|
|
16303
|
+
// Generate localized full date string using the configured locale
|
|
16304
|
+
const localeCode = this.locale?.code || undefined;
|
|
16305
|
+
const dateFormatter = new Intl.DateTimeFormat(localeCode, {
|
|
16306
|
+
weekday: 'long',
|
|
16307
|
+
year: 'numeric',
|
|
16308
|
+
month: 'long',
|
|
16309
|
+
day: 'numeric'
|
|
16310
|
+
});
|
|
16311
|
+
|
|
16312
|
+
let label = dateFormatter.format(date);
|
|
16313
|
+
|
|
16314
|
+
// appending popover content here so that it gets read in a logical order with the other date content.
|
|
16315
|
+
if (this.hasPopoverContent) {
|
|
16316
|
+
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
16317
|
+
}
|
|
16318
|
+
|
|
16319
|
+
// Append range position if in range mode
|
|
16320
|
+
const rangePosition = this.getRangePosition();
|
|
16321
|
+
if (rangePosition) {
|
|
16322
|
+
label += `, ${rangePosition}`;
|
|
16323
|
+
}
|
|
16324
|
+
|
|
16325
|
+
// Append blackout label for blackout cells
|
|
16326
|
+
if (this.isBlackout()) {
|
|
16327
|
+
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
16328
|
+
}
|
|
16329
|
+
|
|
16330
|
+
return label;
|
|
16331
|
+
}
|
|
16332
|
+
|
|
16333
|
+
/**
|
|
16334
|
+
* Determines the range position of this cell relative to the current selection.
|
|
16335
|
+
* @private
|
|
16336
|
+
* @returns {String|null} Range position label or null if not in range mode.
|
|
16337
|
+
*/
|
|
16338
|
+
getRangePosition() {
|
|
16339
|
+
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
16340
|
+
|
|
16341
|
+
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
16342
|
+
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
16343
|
+
|
|
16344
|
+
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
16345
|
+
const dayDate = this.day.date;
|
|
16346
|
+
|
|
16347
|
+
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
16348
|
+
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
16349
|
+
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
16350
|
+
|
|
16351
|
+
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
16352
|
+
|
|
16353
|
+
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
16354
|
+
|
|
16355
|
+
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
16356
|
+
|
|
16357
|
+
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
16358
|
+
|
|
16359
|
+
// After start date, no end date yet, or after end date
|
|
16360
|
+
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
16361
|
+
}
|
|
16362
|
+
|
|
16202
16363
|
/**
|
|
16203
16364
|
* Checks if the current date is the depart date.
|
|
16204
16365
|
* @private
|
|
@@ -16360,9 +16521,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16360
16521
|
|
|
16361
16522
|
if (popoverSlotContent) {
|
|
16362
16523
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
16363
|
-
this.
|
|
16524
|
+
this.hasPopoverContent = true;
|
|
16364
16525
|
} else {
|
|
16365
|
-
this.
|
|
16526
|
+
this.hasPopoverContent = false;
|
|
16366
16527
|
}
|
|
16367
16528
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
16368
16529
|
// Error handling goes here
|
|
@@ -16378,13 +16539,41 @@ class AuroCalendarCell extends i$4 {
|
|
|
16378
16539
|
return;
|
|
16379
16540
|
}
|
|
16380
16541
|
this.datepicker = calendar.datepicker;
|
|
16381
|
-
this.
|
|
16542
|
+
this._slotContentHandler = () => {
|
|
16382
16543
|
this.handleSlotContent();
|
|
16383
|
-
|
|
16544
|
+
// Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
|
|
16545
|
+
this.requestUpdate();
|
|
16546
|
+
};
|
|
16547
|
+
this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
16384
16548
|
|
|
16549
|
+
// Trigger an initial update now that `this.datepicker` is assigned so
|
|
16550
|
+
// cells reflect blackout/slot state that was configured before first render.
|
|
16551
|
+
this.requestUpdate();
|
|
16552
|
+
|
|
16553
|
+
this.calendarMonth = calendarMonth;
|
|
16554
|
+
this.configurePopover();
|
|
16555
|
+
}
|
|
16556
|
+
|
|
16557
|
+
disconnectedCallback() {
|
|
16558
|
+
super.disconnectedCallback();
|
|
16559
|
+
if (this.datepicker && this._slotContentHandler) {
|
|
16560
|
+
this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
|
|
16561
|
+
}
|
|
16562
|
+
}
|
|
16563
|
+
|
|
16564
|
+
/**
|
|
16565
|
+
* Configures the popover instance with the calendar month boundary.
|
|
16566
|
+
* Called from firstUpdated and updated because the popover element is only
|
|
16567
|
+
* rendered after hasPopoverContent becomes true (set by handleSlotContent).
|
|
16568
|
+
* @private
|
|
16569
|
+
* @returns {void}
|
|
16570
|
+
*/
|
|
16571
|
+
configurePopover() {
|
|
16385
16572
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
16386
16573
|
|
|
16387
|
-
this.auroPopover
|
|
16574
|
+
if (this.auroPopover && this.calendarMonth) {
|
|
16575
|
+
this.auroPopover.boundary = this.calendarMonth;
|
|
16576
|
+
}
|
|
16388
16577
|
}
|
|
16389
16578
|
|
|
16390
16579
|
updated(properties) {
|
|
@@ -16392,46 +16581,88 @@ class AuroCalendarCell extends i$4 {
|
|
|
16392
16581
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
16393
16582
|
}
|
|
16394
16583
|
|
|
16395
|
-
this.
|
|
16396
|
-
|
|
16584
|
+
if (this.day) {
|
|
16585
|
+
this.setDateSlotName();
|
|
16586
|
+
this.handleSlotContent();
|
|
16587
|
+
}
|
|
16588
|
+
|
|
16589
|
+
// Configure popover when it first becomes rendered
|
|
16590
|
+
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
16591
|
+
this.updateComplete.then(() => this.configurePopover());
|
|
16592
|
+
}
|
|
16397
16593
|
}
|
|
16398
16594
|
|
|
16399
|
-
|
|
16595
|
+
/**
|
|
16596
|
+
* Programmatically focuses the cell's interactive button element.
|
|
16597
|
+
* @returns {void}
|
|
16598
|
+
*/
|
|
16599
|
+
focusButton() {
|
|
16600
|
+
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
16601
|
+
if (button) {
|
|
16602
|
+
button.focus();
|
|
16603
|
+
}
|
|
16604
|
+
}
|
|
16605
|
+
|
|
16606
|
+
renderCellButton() {
|
|
16607
|
+
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
16608
|
+
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
16609
|
+
const blackout = this.isBlackout();
|
|
16610
|
+
|
|
16400
16611
|
const buttonClasses = {
|
|
16401
16612
|
'day': true,
|
|
16402
16613
|
'body-lg': true,
|
|
16403
|
-
'currentDate': this.
|
|
16614
|
+
'currentDate': this.isCurrentDate,
|
|
16404
16615
|
'selected': this.selected,
|
|
16405
|
-
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16616
|
+
'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16406
16617
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
16407
|
-
'disabled':
|
|
16408
|
-
'
|
|
16409
|
-
'
|
|
16618
|
+
'disabled': outOfRange,
|
|
16619
|
+
'blackout': blackout,
|
|
16620
|
+
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
16621
|
+
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
16410
16622
|
'reference': this.isReferenceDate(this.dateStr),
|
|
16411
|
-
'sameDateTrip': this.dateFrom === this.dateTo
|
|
16623
|
+
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
16412
16624
|
};
|
|
16413
16625
|
|
|
16414
|
-
let _a, _b;
|
|
16415
16626
|
return u$c`
|
|
16416
|
-
|
|
16417
|
-
|
|
16418
|
-
|
|
16419
|
-
|
|
16420
|
-
|
|
16421
|
-
|
|
16422
|
-
|
|
16423
|
-
|
|
16424
|
-
|
|
16425
|
-
|
|
16426
|
-
|
|
16427
|
-
|
|
16428
|
-
|
|
16429
|
-
|
|
16430
|
-
|
|
16431
|
-
|
|
16432
|
-
</div>
|
|
16433
|
-
</
|
|
16434
|
-
|
|
16627
|
+
<button
|
|
16628
|
+
slot="trigger"
|
|
16629
|
+
id="${this.getCellId()}"
|
|
16630
|
+
role="${role}"
|
|
16631
|
+
@click="${outOfRange ? undefined : this.handleTap}"
|
|
16632
|
+
@mouseover="${outOfRange ? undefined : this.handleHover}"
|
|
16633
|
+
@focus="${outOfRange ? undefined : this.handleHover}"
|
|
16634
|
+
class="${e$3(buttonClasses)}"
|
|
16635
|
+
?disabled="${outOfRange}"
|
|
16636
|
+
aria-disabled="${blackout ? 'true' : A$7}"
|
|
16637
|
+
aria-hidden="${outOfRange ? 'true' : A$7}"
|
|
16638
|
+
aria-selected="${this.selected ? 'true' : 'false'}"
|
|
16639
|
+
aria-current="${this.isCurrentDate ? 'date' : A$7}"
|
|
16640
|
+
tabindex="${this.active ? '0' : '-1'}">
|
|
16641
|
+
<span class="srOnly">${this.getAriaLabel()}</span>
|
|
16642
|
+
<div class="buttonWrapper" aria-hidden="true">
|
|
16643
|
+
<div class="currentDayMarker">${this.day?.title || A$7}</div>
|
|
16644
|
+
</div>
|
|
16645
|
+
<div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
|
|
16646
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
16647
|
+
</div>
|
|
16648
|
+
</button>
|
|
16649
|
+
`;
|
|
16650
|
+
}
|
|
16651
|
+
|
|
16652
|
+
render() {
|
|
16653
|
+
const hasPopoverContent = this.hasPopoverContent;
|
|
16654
|
+
|
|
16655
|
+
if (hasPopoverContent) {
|
|
16656
|
+
return u$c`
|
|
16657
|
+
<${this.popoverTag}>
|
|
16658
|
+
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
16659
|
+
${this.renderCellButton()}
|
|
16660
|
+
</${this.popoverTag}>
|
|
16661
|
+
`;
|
|
16662
|
+
}
|
|
16663
|
+
|
|
16664
|
+
return u$c`
|
|
16665
|
+
${this.renderCellButton()}
|
|
16435
16666
|
`;
|
|
16436
16667
|
}
|
|
16437
16668
|
}
|
|
@@ -16499,16 +16730,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16499
16730
|
return this.monthNames[month - 1];
|
|
16500
16731
|
}
|
|
16501
16732
|
|
|
16733
|
+
/**
|
|
16734
|
+
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16735
|
+
* @private
|
|
16736
|
+
* @returns {String} The heading ID.
|
|
16737
|
+
*/
|
|
16738
|
+
getHeadingId() {
|
|
16739
|
+
return `month-heading-${this.month}-${this.year}`;
|
|
16740
|
+
}
|
|
16741
|
+
|
|
16502
16742
|
/**
|
|
16503
16743
|
* Determines the current month name based on locale.
|
|
16744
|
+
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16504
16745
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16505
16746
|
* @private
|
|
16506
16747
|
* @returns {void}
|
|
16507
16748
|
*/
|
|
16508
16749
|
localeChanged() {
|
|
16509
16750
|
const dayNamesOfTheWeek = [];
|
|
16751
|
+
const dayFullNames = [];
|
|
16510
16752
|
for (let int = 0; int < 7; int += 1) {
|
|
16511
16753
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16754
|
+
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16512
16755
|
}
|
|
16513
16756
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16514
16757
|
? this.locale.options.weekStartsOn
|
|
@@ -16519,6 +16762,125 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16519
16762
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16520
16763
|
.concat(tmp);
|
|
16521
16764
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16765
|
+
|
|
16766
|
+
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16767
|
+
const newDayFullNames = dayFullNames
|
|
16768
|
+
.slice()
|
|
16769
|
+
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16770
|
+
.concat(tmpFull);
|
|
16771
|
+
this.dayFullNames = newDayFullNames;
|
|
16772
|
+
}
|
|
16773
|
+
|
|
16774
|
+
/**
|
|
16775
|
+
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16776
|
+
* @private
|
|
16777
|
+
* @param {String} dayOfWeek - The short day name.
|
|
16778
|
+
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16779
|
+
* @returns {Object} The header HTML.
|
|
16780
|
+
*/
|
|
16781
|
+
renderDayOfWeek(dayOfWeek, index) {
|
|
16782
|
+
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16783
|
+
return b$7`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16784
|
+
}
|
|
16785
|
+
|
|
16786
|
+
/**
|
|
16787
|
+
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16788
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16789
|
+
*/
|
|
16790
|
+
getFocusableCells() {
|
|
16791
|
+
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16792
|
+
return cells.filter(cell => {
|
|
16793
|
+
if (!cell.day) return false;
|
|
16794
|
+
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16795
|
+
});
|
|
16796
|
+
}
|
|
16797
|
+
|
|
16798
|
+
/**
|
|
16799
|
+
* Handles arrow key navigation within the month grid.
|
|
16800
|
+
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16801
|
+
* @private
|
|
16802
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
16803
|
+
* @returns {void}
|
|
16804
|
+
*/
|
|
16805
|
+
handleGridKeyDown(event) {
|
|
16806
|
+
const { key } = event;
|
|
16807
|
+
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16808
|
+
|
|
16809
|
+
if (!arrowKeys.includes(key)) return;
|
|
16810
|
+
|
|
16811
|
+
event.preventDefault();
|
|
16812
|
+
|
|
16813
|
+
const focusableCells = this.getFocusableCells();
|
|
16814
|
+
if (focusableCells.length === 0) return;
|
|
16815
|
+
|
|
16816
|
+
// Find the currently active cell within this month
|
|
16817
|
+
const activeCell = focusableCells.find(cell => cell.active);
|
|
16818
|
+
if (!activeCell) return;
|
|
16819
|
+
|
|
16820
|
+
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16821
|
+
let targetCell = null;
|
|
16822
|
+
|
|
16823
|
+
if (key === 'ArrowRight') {
|
|
16824
|
+
if (activeIndex < focusableCells.length - 1) {
|
|
16825
|
+
targetCell = focusableCells[activeIndex + 1];
|
|
16826
|
+
} else {
|
|
16827
|
+
// At end of month, request cross-month navigation
|
|
16828
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16829
|
+
bubbles: true,
|
|
16830
|
+
composed: true,
|
|
16831
|
+
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16832
|
+
}));
|
|
16833
|
+
return;
|
|
16834
|
+
}
|
|
16835
|
+
} else if (key === 'ArrowLeft') {
|
|
16836
|
+
if (activeIndex > 0) {
|
|
16837
|
+
targetCell = focusableCells[activeIndex - 1];
|
|
16838
|
+
} else {
|
|
16839
|
+
// At start of month, request cross-month navigation
|
|
16840
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16841
|
+
bubbles: true,
|
|
16842
|
+
composed: true,
|
|
16843
|
+
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16844
|
+
}));
|
|
16845
|
+
return;
|
|
16846
|
+
}
|
|
16847
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16848
|
+
// Find the target day (same day-of-week, +/- 7 days)
|
|
16849
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
16850
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16851
|
+
const currentDate = new Date(activeCell.day.date * 1000);
|
|
16852
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
16853
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
16854
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
16855
|
+
|
|
16856
|
+
// Look for the target date in this month's focusable cells
|
|
16857
|
+
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16858
|
+
|
|
16859
|
+
if (!targetCell) {
|
|
16860
|
+
// Target is in another month or all cells in that direction are disabled
|
|
16861
|
+
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16862
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16863
|
+
bubbles: true,
|
|
16864
|
+
composed: true,
|
|
16865
|
+
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16866
|
+
}));
|
|
16867
|
+
return;
|
|
16868
|
+
}
|
|
16869
|
+
}
|
|
16870
|
+
|
|
16871
|
+
if (targetCell) {
|
|
16872
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16873
|
+
bubbles: true,
|
|
16874
|
+
composed: true,
|
|
16875
|
+
detail: { date: targetCell.day.date }
|
|
16876
|
+
}));
|
|
16877
|
+
}
|
|
16878
|
+
}
|
|
16879
|
+
|
|
16880
|
+
renderWeek(week) {
|
|
16881
|
+
return b$7`
|
|
16882
|
+
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16883
|
+
`;
|
|
16522
16884
|
}
|
|
16523
16885
|
|
|
16524
16886
|
renderDay(day) {
|
|
@@ -16542,7 +16904,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16542
16904
|
>
|
|
16543
16905
|
</auro-formkit-calendar-cell>
|
|
16544
16906
|
`
|
|
16545
|
-
:
|
|
16907
|
+
: b$7`<div aria-hidden="true" inert></div>`}
|
|
16546
16908
|
</div>
|
|
16547
16909
|
`;
|
|
16548
16910
|
}
|
|
@@ -16553,10 +16915,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16553
16915
|
var _a, _b;
|
|
16554
16916
|
|
|
16555
16917
|
return b$7 `
|
|
16556
|
-
<div>
|
|
16918
|
+
<div aria-labelledby="${this.getHeadingId()}">
|
|
16557
16919
|
<div class="header">
|
|
16558
16920
|
${this.renderPrevButton()}
|
|
16559
|
-
<div class="headerTitle heading-xs">
|
|
16921
|
+
<div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
|
|
16560
16922
|
${this.monthFirst ? b$7`
|
|
16561
16923
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16562
16924
|
<div>${this.renderYear()}</div>
|
|
@@ -16568,13 +16930,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16568
16930
|
${this.renderNextButton()}
|
|
16569
16931
|
</div>
|
|
16570
16932
|
|
|
16571
|
-
<div class="table">
|
|
16572
|
-
<div class="thead">
|
|
16573
|
-
<div class="tr">
|
|
16574
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
16933
|
+
<div class="table" role="grid" aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
|
|
16934
|
+
<div class="thead" role="rowgroup">
|
|
16935
|
+
<div class="tr" role="row">
|
|
16936
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
|
|
16575
16937
|
</div>
|
|
16576
16938
|
</div>
|
|
16577
|
-
<div class="tbody">
|
|
16939
|
+
<div class="tbody" role="rowgroup">
|
|
16578
16940
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16579
16941
|
</div>
|
|
16580
16942
|
</div>
|
|
@@ -17267,6 +17629,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17267
17629
|
large: {
|
|
17268
17630
|
type: Boolean,
|
|
17269
17631
|
reflect: true
|
|
17632
|
+
},
|
|
17633
|
+
|
|
17634
|
+
/**
|
|
17635
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
17636
|
+
*/
|
|
17637
|
+
showFooter: {
|
|
17638
|
+
type: Boolean,
|
|
17639
|
+
reflect: true
|
|
17270
17640
|
}
|
|
17271
17641
|
};
|
|
17272
17642
|
}
|
|
@@ -17369,7 +17739,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17369
17739
|
<slot></slot>
|
|
17370
17740
|
</div>
|
|
17371
17741
|
|
|
17372
|
-
${this.isFullscreen ? u$c`
|
|
17742
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
17373
17743
|
<div id="footerContainer">
|
|
17374
17744
|
<slot name="footer"></slot>
|
|
17375
17745
|
</div>` : null}
|
|
@@ -17378,7 +17748,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17378
17748
|
}
|
|
17379
17749
|
};
|
|
17380
17750
|
|
|
17381
|
-
var formkitVersion$2$1 = '
|
|
17751
|
+
var formkitVersion$2$1 = '202606011911';
|
|
17382
17752
|
|
|
17383
17753
|
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$3`${s$6(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$7`: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}
|
|
17384
17754
|
`,u$4$1=i$7`.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}}
|
|
@@ -17476,6 +17846,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17476
17846
|
this.largeFullscreenHeadline = false;
|
|
17477
17847
|
this.isFullscreen = false;
|
|
17478
17848
|
|
|
17849
|
+
/**
|
|
17850
|
+
* The date of the currently active cell (Unix timestamp).
|
|
17851
|
+
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17852
|
+
* @private
|
|
17853
|
+
*/
|
|
17854
|
+
this.activeCellDate = null;
|
|
17855
|
+
|
|
17479
17856
|
/**
|
|
17480
17857
|
* @private
|
|
17481
17858
|
*/
|
|
@@ -17641,6 +18018,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17641
18018
|
*/
|
|
17642
18019
|
handlePrevMonth() {
|
|
17643
18020
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
18021
|
+
this.updateActiveCellForVisibleMonth();
|
|
18022
|
+
this.announceMonthChange();
|
|
17644
18023
|
}
|
|
17645
18024
|
|
|
17646
18025
|
/**
|
|
@@ -17650,6 +18029,38 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17650
18029
|
*/
|
|
17651
18030
|
handleNextMonth() {
|
|
17652
18031
|
this.utilCal.handleMonthChange(this, 'next');
|
|
18032
|
+
this.updateActiveCellForVisibleMonth();
|
|
18033
|
+
this.announceMonthChange();
|
|
18034
|
+
}
|
|
18035
|
+
|
|
18036
|
+
/**
|
|
18037
|
+
* Announces the current month and year via the live region after navigation.
|
|
18038
|
+
* @private
|
|
18039
|
+
* @returns {void}
|
|
18040
|
+
*/
|
|
18041
|
+
announceMonthChange() {
|
|
18042
|
+
const date = new Date(this.centralDate);
|
|
18043
|
+
const localeCode = this.locale?.code || undefined;
|
|
18044
|
+
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
18045
|
+
this.announceSelection(formatter.format(date));
|
|
18046
|
+
}
|
|
18047
|
+
|
|
18048
|
+
/**
|
|
18049
|
+
* Recomputes and sets the active cell for the newly visible month after
|
|
18050
|
+
* month navigation. Without this, activeCellDate can point at a date in
|
|
18051
|
+
* the old month, leaving no tabindex="0" cell in the grid.
|
|
18052
|
+
* @private
|
|
18053
|
+
* @returns {void}
|
|
18054
|
+
*/
|
|
18055
|
+
updateActiveCellForVisibleMonth() {
|
|
18056
|
+
// Skip the dateFrom shortcut so the active cell lands in the newly
|
|
18057
|
+
// visible month rather than jumping back to the selected date's month.
|
|
18058
|
+
this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
|
|
18059
|
+
this.updateComplete.then(() => {
|
|
18060
|
+
if (this.activeCellDate != null) {
|
|
18061
|
+
this.setActiveCell(this.activeCellDate);
|
|
18062
|
+
}
|
|
18063
|
+
});
|
|
17653
18064
|
}
|
|
17654
18065
|
|
|
17655
18066
|
/**
|
|
@@ -17757,6 +18168,452 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17757
18168
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17758
18169
|
}
|
|
17759
18170
|
|
|
18171
|
+
/**
|
|
18172
|
+
* Gets all rendered month components.
|
|
18173
|
+
* @private
|
|
18174
|
+
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
18175
|
+
*/
|
|
18176
|
+
getMonthComponents() {
|
|
18177
|
+
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
18178
|
+
}
|
|
18179
|
+
|
|
18180
|
+
/**
|
|
18181
|
+
* Gets all focusable cells across all rendered months.
|
|
18182
|
+
* @private
|
|
18183
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
18184
|
+
*/
|
|
18185
|
+
getAllFocusableCells() {
|
|
18186
|
+
const months = this.getMonthComponents();
|
|
18187
|
+
let cells = [];
|
|
18188
|
+
months.forEach(month => {
|
|
18189
|
+
cells = cells.concat(month.getFocusableCells());
|
|
18190
|
+
});
|
|
18191
|
+
return cells;
|
|
18192
|
+
}
|
|
18193
|
+
|
|
18194
|
+
/**
|
|
18195
|
+
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
18196
|
+
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
18197
|
+
* @returns {void}
|
|
18198
|
+
*/
|
|
18199
|
+
setActiveCell(date) {
|
|
18200
|
+
const allCells = this.getAllFocusableCells();
|
|
18201
|
+
|
|
18202
|
+
allCells.forEach(cell => {
|
|
18203
|
+
cell.active = cell.day && cell.day.date === date;
|
|
18204
|
+
});
|
|
18205
|
+
|
|
18206
|
+
this.activeCellDate = date;
|
|
18207
|
+
}
|
|
18208
|
+
|
|
18209
|
+
/**
|
|
18210
|
+
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
18211
|
+
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
18212
|
+
* to complete so the focused button is the final DOM element.
|
|
18213
|
+
* @returns {void}
|
|
18214
|
+
*/
|
|
18215
|
+
focusActiveCell() {
|
|
18216
|
+
if (this.activeCellDate != null) {
|
|
18217
|
+
this.setActiveCell(this.activeCellDate);
|
|
18218
|
+
}
|
|
18219
|
+
|
|
18220
|
+
const allCells = this.getAllFocusableCells();
|
|
18221
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
18222
|
+
if (activeCell) {
|
|
18223
|
+
activeCell.updateComplete.then(() => {
|
|
18224
|
+
activeCell.focusButton();
|
|
18225
|
+
});
|
|
18226
|
+
}
|
|
18227
|
+
}
|
|
18228
|
+
|
|
18229
|
+
/**
|
|
18230
|
+
* Computes the initial active date from data properties alone — no DOM required.
|
|
18231
|
+
* Priority:
|
|
18232
|
+
* 1. Selected date (dateFrom) if within range
|
|
18233
|
+
* 2. Today's date if not disabled (in-range and not blackout)
|
|
18234
|
+
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
18235
|
+
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
18236
|
+
* 5. First enabled date in finite [min, max] range
|
|
18237
|
+
* 5b. First enabled date scanning forward from finite min (unbounded max)
|
|
18238
|
+
* 5c. First enabled date scanning backward from finite max (unbounded min)
|
|
18239
|
+
* 6. First in-range date (even if blackout) so focus can land somewhere
|
|
18240
|
+
* 7. undefined — no valid target
|
|
18241
|
+
*
|
|
18242
|
+
* @private
|
|
18243
|
+
* @param {Object} [options] - Optional settings.
|
|
18244
|
+
* @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
|
|
18245
|
+
* shortcut (step 1). Used after month navigation so the active cell lands in the
|
|
18246
|
+
* newly visible month instead of jumping back to the selected date's month.
|
|
18247
|
+
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
18248
|
+
*/
|
|
18249
|
+
computeActiveDate(options = {}) {
|
|
18250
|
+
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
18251
|
+
|
|
18252
|
+
/**
|
|
18253
|
+
* Adds days to a timestamp using Date arithmetic to handle DST correctly.
|
|
18254
|
+
* Returns a local-midnight-aligned timestamp in seconds.
|
|
18255
|
+
*/
|
|
18256
|
+
const addDays = (ts, days) => {
|
|
18257
|
+
const d = new Date(ts * 1000);
|
|
18258
|
+
d.setDate(d.getDate() + days);
|
|
18259
|
+
d.setHours(0, 0, 0, 0);
|
|
18260
|
+
return Math.floor(d.getTime() / 1000);
|
|
18261
|
+
};
|
|
18262
|
+
|
|
18263
|
+
const rawMin = Number(this.min);
|
|
18264
|
+
const rawMax = Number(this.max);
|
|
18265
|
+
|
|
18266
|
+
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
18267
|
+
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
18268
|
+
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
18269
|
+
|
|
18270
|
+
// Build a Set of blackout timestamps for O(1) lookup.
|
|
18271
|
+
const blackoutSet = new Set(
|
|
18272
|
+
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
18273
|
+
);
|
|
18274
|
+
|
|
18275
|
+
// Also include ISO-format blackoutDates from the datepicker if available.
|
|
18276
|
+
// Parse YYYY-MM-DD as local date to avoid UTC shift issues.
|
|
18277
|
+
const isoBlackouts = this.datepicker?.blackoutDates;
|
|
18278
|
+
if (Array.isArray(isoBlackouts)) {
|
|
18279
|
+
for (const isoStr of isoBlackouts) {
|
|
18280
|
+
const parts = isoStr.split('-');
|
|
18281
|
+
const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
|
|
18282
|
+
if (Number.isFinite(ts)) blackoutSet.add(ts);
|
|
18283
|
+
}
|
|
18284
|
+
}
|
|
18285
|
+
|
|
18286
|
+
/**
|
|
18287
|
+
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
18288
|
+
* it is within [min, max] AND not a blackout day.
|
|
18289
|
+
*/
|
|
18290
|
+
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
18291
|
+
|
|
18292
|
+
/**
|
|
18293
|
+
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
18294
|
+
* Blackout dates are focusable but not selectable.
|
|
18295
|
+
*/
|
|
18296
|
+
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
18297
|
+
|
|
18298
|
+
// 1. Selected date — always valid target if within range (user chose it).
|
|
18299
|
+
// Skipped when called from month navigation so the active cell lands in
|
|
18300
|
+
// the newly visible month rather than the (possibly off-screen) selection.
|
|
18301
|
+
if (!options.skipDateFrom && this.dateFrom) {
|
|
18302
|
+
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
18303
|
+
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
18304
|
+
}
|
|
18305
|
+
|
|
18306
|
+
// 2. Today's date (midnight-aligned) if enabled.
|
|
18307
|
+
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
18308
|
+
|
|
18309
|
+
// When centralDate is configured, prefer a date within the month(s) that
|
|
18310
|
+
// will actually be rendered. If today falls outside the visible range, an
|
|
18311
|
+
// active cell set to today would have no matching DOM element and keyboard
|
|
18312
|
+
// focus could not enter the calendar.
|
|
18313
|
+
const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
|
|
18314
|
+
|
|
18315
|
+
if (centralDateValue && !isNaN(centralDateValue.getTime())) {
|
|
18316
|
+
const centralMonth = centralDateValue.getMonth();
|
|
18317
|
+
const centralYear = centralDateValue.getFullYear();
|
|
18318
|
+
const todayDate = new Date(now * 1000);
|
|
18319
|
+
const todayMonth = todayDate.getMonth();
|
|
18320
|
+
const todayYear = todayDate.getFullYear();
|
|
18321
|
+
|
|
18322
|
+
// Today is outside the centralDate's month — scan for an enabled date
|
|
18323
|
+
// within the visible month instead.
|
|
18324
|
+
if (todayMonth !== centralMonth || todayYear !== centralYear) {
|
|
18325
|
+
const visibleStart = new Date(centralYear, centralMonth, 1);
|
|
18326
|
+
visibleStart.setHours(0, 0, 0, 0);
|
|
18327
|
+
const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
|
|
18328
|
+
visibleEnd.setHours(0, 0, 0, 0);
|
|
18329
|
+
const startTs = Math.floor(visibleStart.getTime() / 1000);
|
|
18330
|
+
const endTs = Math.floor(visibleEnd.getTime() / 1000);
|
|
18331
|
+
const daysInMonth = visibleEnd.getDate();
|
|
18332
|
+
|
|
18333
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
18334
|
+
const ts = addDays(startTs, idx);
|
|
18335
|
+
if (ts > endTs) break;
|
|
18336
|
+
if (isEnabled(ts)) return ts;
|
|
18337
|
+
}
|
|
18338
|
+
|
|
18339
|
+
// No enabled date in the visible month — fall back to first in-range
|
|
18340
|
+
// date in the month so focus still lands on a focusable cell.
|
|
18341
|
+
for (let idx = 0; idx < daysInMonth; idx++) {
|
|
18342
|
+
const ts = addDays(startTs, idx);
|
|
18343
|
+
if (ts > endTs) break;
|
|
18344
|
+
if (isInRange(ts)) return ts;
|
|
18345
|
+
}
|
|
18346
|
+
}
|
|
18347
|
+
}
|
|
18348
|
+
|
|
18349
|
+
if (isEnabled(now)) return now;
|
|
18350
|
+
|
|
18351
|
+
// When a centralDate is configured (or inferred), constrain the scan to the
|
|
18352
|
+
// rendered month(s) first so a single-month calendar does not pick a date
|
|
18353
|
+
// that has no DOM cell. Determine the visible range based on centralDate and
|
|
18354
|
+
// the number of rendered months.
|
|
18355
|
+
const renderedMonths = this.numCalendars || 1;
|
|
18356
|
+
const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
|
|
18357
|
+
? centralDateValue
|
|
18358
|
+
: new Date(now * 1000);
|
|
18359
|
+
const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
|
|
18360
|
+
visMonthStart.setHours(0, 0, 0, 0);
|
|
18361
|
+
const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
|
|
18362
|
+
visMonthEnd.setHours(0, 0, 0, 0);
|
|
18363
|
+
const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
|
|
18364
|
+
const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
|
|
18365
|
+
const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
|
|
18366
|
+
|
|
18367
|
+
// Scan visible months for an enabled date.
|
|
18368
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
18369
|
+
const ts = addDays(visStartTs, idx);
|
|
18370
|
+
if (ts > visEndTs) break;
|
|
18371
|
+
if (isEnabled(ts)) return ts;
|
|
18372
|
+
}
|
|
18373
|
+
|
|
18374
|
+
// No enabled date in visible months — try an in-range (focusable) date so
|
|
18375
|
+
// keyboard focus still has a tabindex="0" target.
|
|
18376
|
+
for (let idx = 0; idx < visDays; idx++) {
|
|
18377
|
+
const ts = addDays(visStartTs, idx);
|
|
18378
|
+
if (ts > visEndTs) break;
|
|
18379
|
+
if (isInRange(ts)) return ts;
|
|
18380
|
+
}
|
|
18381
|
+
|
|
18382
|
+
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
18383
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18384
|
+
const ts = addDays(now, idx);
|
|
18385
|
+
if (Number.isFinite(maxTs) && ts > maxTs) break;
|
|
18386
|
+
if (isEnabled(ts)) return ts;
|
|
18387
|
+
}
|
|
18388
|
+
|
|
18389
|
+
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
18390
|
+
for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18391
|
+
const ts = addDays(now, -idx);
|
|
18392
|
+
if (Number.isFinite(minTs) && ts < minTs) break;
|
|
18393
|
+
if (isEnabled(ts)) return ts;
|
|
18394
|
+
}
|
|
18395
|
+
|
|
18396
|
+
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
18397
|
+
// the first enabled date in the [min, max] range.
|
|
18398
|
+
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18399
|
+
let ts = minTs;
|
|
18400
|
+
for (let idx = 0; ts <= maxTs; idx++) {
|
|
18401
|
+
if (isEnabled(ts)) return ts;
|
|
18402
|
+
ts = addDays(minTs, idx + 1);
|
|
18403
|
+
}
|
|
18404
|
+
}
|
|
18405
|
+
|
|
18406
|
+
// 5b. Finite min with unbounded max (e.g. minDate far in the future):
|
|
18407
|
+
// scan forward from min for up to MAX_SCAN_DAYS.
|
|
18408
|
+
if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
|
|
18409
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18410
|
+
const ts = addDays(minTs, idx);
|
|
18411
|
+
if (isEnabled(ts)) return ts;
|
|
18412
|
+
}
|
|
18413
|
+
}
|
|
18414
|
+
|
|
18415
|
+
// 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
|
|
18416
|
+
// scan backward from max for up to MAX_SCAN_DAYS.
|
|
18417
|
+
if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18418
|
+
for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
|
|
18419
|
+
const ts = addDays(maxTs, -idx);
|
|
18420
|
+
if (isEnabled(ts)) return ts;
|
|
18421
|
+
}
|
|
18422
|
+
}
|
|
18423
|
+
|
|
18424
|
+
// 6. All dates are blackout — fall back to the first in-range date so focus
|
|
18425
|
+
// still lands on a focusable (but not selectable) cell.
|
|
18426
|
+
if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
|
|
18427
|
+
if (isInRange(now)) return now;
|
|
18428
|
+
|
|
18429
|
+
return undefined;
|
|
18430
|
+
}
|
|
18431
|
+
|
|
18432
|
+
/**
|
|
18433
|
+
* Handles cross-month boundary navigation events from month components.
|
|
18434
|
+
* @private
|
|
18435
|
+
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
18436
|
+
* @returns {void}
|
|
18437
|
+
*/
|
|
18438
|
+
handleMonthBoundary(event) {
|
|
18439
|
+
const { direction, fromDate, key } = event.detail;
|
|
18440
|
+
|
|
18441
|
+
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
18442
|
+
// Linear navigation: find adjacent focusable cell across months
|
|
18443
|
+
const allCells = this.getAllFocusableCells();
|
|
18444
|
+
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
18445
|
+
|
|
18446
|
+
if (currentIndex === -1) return;
|
|
18447
|
+
|
|
18448
|
+
let targetIndex;
|
|
18449
|
+
if (direction === 'next') {
|
|
18450
|
+
targetIndex = currentIndex + 1;
|
|
18451
|
+
} else {
|
|
18452
|
+
targetIndex = currentIndex - 1;
|
|
18453
|
+
}
|
|
18454
|
+
|
|
18455
|
+
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
18456
|
+
const targetCell = allCells[targetIndex];
|
|
18457
|
+
this.setActiveCell(targetCell.day.date);
|
|
18458
|
+
this.scrollToActiveCell();
|
|
18459
|
+
this.focusActiveCell();
|
|
18460
|
+
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
18461
|
+
// Navigate to next month and focus the computed next date.
|
|
18462
|
+
// Using the target date (fromDate + 1 day) instead of cells[0]
|
|
18463
|
+
// avoids jumping backward in range datepickers where cells[0]
|
|
18464
|
+
// belongs to the previous (still-rendered) month.
|
|
18465
|
+
const nextDate = new Date(fromDate * 1000);
|
|
18466
|
+
nextDate.setDate(nextDate.getDate() + 1);
|
|
18467
|
+
nextDate.setHours(0, 0, 0, 0);
|
|
18468
|
+
const nextTs = Math.floor(nextDate.getTime() / 1000);
|
|
18469
|
+
|
|
18470
|
+
this.handleNextMonth();
|
|
18471
|
+
requestAnimationFrame(() => {
|
|
18472
|
+
requestAnimationFrame(() => {
|
|
18473
|
+
const cells = this.getAllFocusableCells();
|
|
18474
|
+
const target = cells.find(cell => cell.day && cell.day.date === nextTs);
|
|
18475
|
+
if (target) {
|
|
18476
|
+
this.setActiveCell(target.day.date);
|
|
18477
|
+
this.focusActiveCell();
|
|
18478
|
+
} else if (cells.length > 0) {
|
|
18479
|
+
// Fallback: first cell of the last rendered month
|
|
18480
|
+
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
18481
|
+
this.focusActiveCell();
|
|
18482
|
+
}
|
|
18483
|
+
});
|
|
18484
|
+
});
|
|
18485
|
+
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
18486
|
+
// Navigate to previous month and focus the computed previous date.
|
|
18487
|
+
const prevDate = new Date(fromDate * 1000);
|
|
18488
|
+
prevDate.setDate(prevDate.getDate() - 1);
|
|
18489
|
+
prevDate.setHours(0, 0, 0, 0);
|
|
18490
|
+
const prevTs = Math.floor(prevDate.getTime() / 1000);
|
|
18491
|
+
|
|
18492
|
+
this.handlePrevMonth();
|
|
18493
|
+
requestAnimationFrame(() => {
|
|
18494
|
+
requestAnimationFrame(() => {
|
|
18495
|
+
const cells = this.getAllFocusableCells();
|
|
18496
|
+
const target = cells.find(cell => cell.day && cell.day.date === prevTs);
|
|
18497
|
+
if (target) {
|
|
18498
|
+
this.setActiveCell(target.day.date);
|
|
18499
|
+
this.focusActiveCell();
|
|
18500
|
+
} else if (cells.length > 0) {
|
|
18501
|
+
// Fallback: last cell of the first rendered month
|
|
18502
|
+
this.setActiveCell(cells[0].day.date);
|
|
18503
|
+
this.focusActiveCell();
|
|
18504
|
+
}
|
|
18505
|
+
});
|
|
18506
|
+
});
|
|
18507
|
+
}
|
|
18508
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
18509
|
+
// Vertical navigation: find same day-of-week +/- 7 days
|
|
18510
|
+
// Use Date arithmetic instead of fixed seconds to handle DST correctly
|
|
18511
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
18512
|
+
const currentDate = new Date(fromDate * 1000);
|
|
18513
|
+
currentDate.setDate(currentDate.getDate() + increment);
|
|
18514
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
18515
|
+
const targetDate = Math.floor(currentDate.getTime() / 1000);
|
|
18516
|
+
|
|
18517
|
+
const allCells = this.getAllFocusableCells();
|
|
18518
|
+
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18519
|
+
|
|
18520
|
+
if (targetCell) {
|
|
18521
|
+
this.setActiveCell(targetCell.day.date);
|
|
18522
|
+
this.scrollToActiveCell();
|
|
18523
|
+
this.focusActiveCell();
|
|
18524
|
+
} else {
|
|
18525
|
+
// Target might be in an unrendered month, navigate there
|
|
18526
|
+
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
18527
|
+
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
18528
|
+
if (navDirection === 'next') {
|
|
18529
|
+
this.handleNextMonth();
|
|
18530
|
+
} else {
|
|
18531
|
+
this.handlePrevMonth();
|
|
18532
|
+
}
|
|
18533
|
+
requestAnimationFrame(() => {
|
|
18534
|
+
requestAnimationFrame(() => {
|
|
18535
|
+
const cells = this.getAllFocusableCells();
|
|
18536
|
+
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18537
|
+
if (target) {
|
|
18538
|
+
this.setActiveCell(target.day.date);
|
|
18539
|
+
this.focusActiveCell();
|
|
18540
|
+
} else if (cells.length > 0) {
|
|
18541
|
+
// Clamp to nearest focusable cell
|
|
18542
|
+
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
18543
|
+
this.setActiveCell(nearest.day.date);
|
|
18544
|
+
this.focusActiveCell();
|
|
18545
|
+
}
|
|
18546
|
+
});
|
|
18547
|
+
});
|
|
18548
|
+
}
|
|
18549
|
+
}
|
|
18550
|
+
}
|
|
18551
|
+
}
|
|
18552
|
+
|
|
18553
|
+
/**
|
|
18554
|
+
* Handles cell activation events from month components.
|
|
18555
|
+
* @private
|
|
18556
|
+
* @param {CustomEvent} event - The activation event with target date.
|
|
18557
|
+
* @returns {void}
|
|
18558
|
+
*/
|
|
18559
|
+
handleCellActivate(event) {
|
|
18560
|
+
const { date } = event.detail;
|
|
18561
|
+
this.setActiveCell(date);
|
|
18562
|
+
this.focusActiveCell();
|
|
18563
|
+
}
|
|
18564
|
+
|
|
18565
|
+
/**
|
|
18566
|
+
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
18567
|
+
* @private
|
|
18568
|
+
* @returns {void}
|
|
18569
|
+
*/
|
|
18570
|
+
scrollToActiveCell() {
|
|
18571
|
+
if (this.activeCellDate == null) return;
|
|
18572
|
+
|
|
18573
|
+
const date = new Date(this.activeCellDate * 1000);
|
|
18574
|
+
const month = date.getMonth() + 1;
|
|
18575
|
+
const year = date.getFullYear();
|
|
18576
|
+
const selector = `#month-${month}-${year}`;
|
|
18577
|
+
const monthElem = this.shadowRoot.querySelector(selector);
|
|
18578
|
+
|
|
18579
|
+
if (monthElem) {
|
|
18580
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
18581
|
+
monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
|
|
18582
|
+
}
|
|
18583
|
+
}
|
|
18584
|
+
|
|
18585
|
+
/**
|
|
18586
|
+
* Announces a date selection via the live region.
|
|
18587
|
+
* @private
|
|
18588
|
+
* @param {String} dateStr - The localized date string to announce.
|
|
18589
|
+
* @returns {void}
|
|
18590
|
+
*/
|
|
18591
|
+
announceSelection(dateStr) {
|
|
18592
|
+
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
18593
|
+
if (liveRegion) {
|
|
18594
|
+
liveRegion.textContent = '';
|
|
18595
|
+
// Use microtask to ensure SR picks up the change
|
|
18596
|
+
Promise.resolve().then(() => {
|
|
18597
|
+
liveRegion.textContent = dateStr;
|
|
18598
|
+
});
|
|
18599
|
+
}
|
|
18600
|
+
}
|
|
18601
|
+
|
|
18602
|
+
/**
|
|
18603
|
+
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
18604
|
+
* @private
|
|
18605
|
+
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
18606
|
+
* @returns {String} Localized date string.
|
|
18607
|
+
*/
|
|
18608
|
+
formatAnnouncementDate(timestamp) {
|
|
18609
|
+
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
18610
|
+
const localeCode = this.locale?.code || undefined;
|
|
18611
|
+
const formatter = new Intl.DateTimeFormat(localeCode, {
|
|
18612
|
+
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
18613
|
+
});
|
|
18614
|
+
return formatter.format(date);
|
|
18615
|
+
}
|
|
18616
|
+
|
|
17760
18617
|
firstUpdated() {
|
|
17761
18618
|
this.addEventListener('date-from-changed', () => {
|
|
17762
18619
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17776,6 +18633,16 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17776
18633
|
composed: true,
|
|
17777
18634
|
}));
|
|
17778
18635
|
});
|
|
18636
|
+
|
|
18637
|
+
// Listen for cross-month boundary navigation events
|
|
18638
|
+
this.addEventListener('calendar-month-boundary', (event) => {
|
|
18639
|
+
this.handleMonthBoundary(event);
|
|
18640
|
+
});
|
|
18641
|
+
|
|
18642
|
+
// Listen for cell activation events
|
|
18643
|
+
this.addEventListener('calendar-cell-activate', (event) => {
|
|
18644
|
+
this.handleCellActivate(event);
|
|
18645
|
+
});
|
|
17779
18646
|
}
|
|
17780
18647
|
|
|
17781
18648
|
injectSlot(slotName, nodes) {
|
|
@@ -17800,7 +18667,37 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17800
18667
|
}
|
|
17801
18668
|
|
|
17802
18669
|
if (changedProperties.has('visible')) {
|
|
17803
|
-
|
|
18670
|
+
if (this.visible) {
|
|
18671
|
+
// Compute the active date eagerly from data — no DOM needed.
|
|
18672
|
+
if (this.activeCellDate == null) {
|
|
18673
|
+
this.activeCellDate = this.computeActiveDate();
|
|
18674
|
+
}
|
|
18675
|
+
|
|
18676
|
+
this.requestUpdate();
|
|
18677
|
+
} else {
|
|
18678
|
+
this.requestUpdate();
|
|
18679
|
+
}
|
|
18680
|
+
}
|
|
18681
|
+
|
|
18682
|
+
// Announce date selection to screen readers when user clicks/selects a cell
|
|
18683
|
+
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
18684
|
+
|
|
18685
|
+
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
18686
|
+
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
18687
|
+
const isRange = !this.noRange;
|
|
18688
|
+
|
|
18689
|
+
if (isRange) {
|
|
18690
|
+
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
18691
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
18692
|
+
} else {
|
|
18693
|
+
this.announceSelection(`${dateStr}, selected`);
|
|
18694
|
+
}
|
|
18695
|
+
}
|
|
18696
|
+
|
|
18697
|
+
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
18698
|
+
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
18699
|
+
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
18700
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17804
18701
|
}
|
|
17805
18702
|
}
|
|
17806
18703
|
|
|
@@ -17809,6 +18706,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17809
18706
|
<${this.bibtemplateTag}
|
|
17810
18707
|
?large="${this.largeFullscreenHeadline}"
|
|
17811
18708
|
?isFullscreen="${this.isFullscreen}"
|
|
18709
|
+
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17812
18710
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17813
18711
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17814
18712
|
|
|
@@ -17826,24 +18724,26 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17826
18724
|
</div>
|
|
17827
18725
|
</div>
|
|
17828
18726
|
|
|
17829
|
-
<div class="calendarWrapper">
|
|
17830
|
-
<div class="calendars">
|
|
17831
|
-
${this.renderAllCalendars()}
|
|
17832
|
-
</div>
|
|
18727
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
17833
18728
|
<div class="calendarNavButtons">
|
|
17834
18729
|
${this.showPrevMonthBtn ? u$c`
|
|
17835
|
-
<button tabIndex="
|
|
18730
|
+
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
17836
18731
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17837
18732
|
</button>
|
|
17838
18733
|
` : undefined}
|
|
17839
18734
|
${this.showNextMonthBtn ? u$c`
|
|
17840
|
-
<button tabIndex="
|
|
18735
|
+
<button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
|
|
17841
18736
|
${this.util.generateIconHtml(chevronRight)}
|
|
17842
18737
|
</button>
|
|
17843
18738
|
` : undefined}
|
|
17844
18739
|
</div>
|
|
18740
|
+
<div class="calendars">
|
|
18741
|
+
${this.renderAllCalendars()}
|
|
18742
|
+
</div>
|
|
17845
18743
|
</div>
|
|
17846
18744
|
|
|
18745
|
+
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18746
|
+
|
|
17847
18747
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
17848
18748
|
</${this.bibtemplateTag}>
|
|
17849
18749
|
`;
|
|
@@ -21091,7 +21991,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21091
21991
|
});
|
|
21092
21992
|
}
|
|
21093
21993
|
|
|
21094
|
-
var styleCss$2$1$2 = i$7`: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}`;
|
|
21994
|
+
var styleCss$2$1$2 = i$7`: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}`;
|
|
21095
21995
|
|
|
21096
21996
|
var colorCss$2$7 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
21097
21997
|
|
|
@@ -21494,9 +22394,9 @@ var styleEmphasizedCss$4 = i$7`.layout-emphasized .chevron,.layout-emphasized-le
|
|
|
21494
22394
|
|
|
21495
22395
|
var styleSnowflakeCss$4 = i$7`: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)}`;
|
|
21496
22396
|
|
|
21497
|
-
var colorCss$3$
|
|
22397
|
+
var colorCss$3$2 = i$7`: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)}`;
|
|
21498
22398
|
|
|
21499
|
-
var styleCss$3$3 = i$7`.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}`;
|
|
22399
|
+
var styleCss$3$2 = i$7`.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}`;
|
|
21500
22400
|
|
|
21501
22401
|
var tokensCss$3$2 = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
21502
22402
|
|
|
@@ -21605,8 +22505,8 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
21605
22505
|
|
|
21606
22506
|
static get styles() {
|
|
21607
22507
|
return [
|
|
21608
|
-
colorCss$3$
|
|
21609
|
-
styleCss$3$
|
|
22508
|
+
colorCss$3$2,
|
|
22509
|
+
styleCss$3$2,
|
|
21610
22510
|
tokensCss$3$2
|
|
21611
22511
|
];
|
|
21612
22512
|
}
|
|
@@ -21722,7 +22622,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
21722
22622
|
}
|
|
21723
22623
|
};
|
|
21724
22624
|
|
|
21725
|
-
var formkitVersion$1$2 = '
|
|
22625
|
+
var formkitVersion$1$2 = '202606011911';
|
|
21726
22626
|
|
|
21727
22627
|
let AuroElement$2$2 = class AuroElement extends i$4 {
|
|
21728
22628
|
static get properties() {
|
|
@@ -21902,6 +22802,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
21902
22802
|
_intializeDefaults() {
|
|
21903
22803
|
this.appearance = 'default';
|
|
21904
22804
|
this.chevron = false;
|
|
22805
|
+
this.desktopModal = false;
|
|
21905
22806
|
this.disabled = false;
|
|
21906
22807
|
this.disableKeyboardHandling = false;
|
|
21907
22808
|
this.error = false;
|
|
@@ -22082,6 +22983,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22082
22983
|
reflect: true
|
|
22083
22984
|
},
|
|
22084
22985
|
|
|
22986
|
+
/**
|
|
22987
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22988
|
+
*/
|
|
22989
|
+
desktopModal: {
|
|
22990
|
+
type: Boolean,
|
|
22991
|
+
reflect: true
|
|
22992
|
+
},
|
|
22993
|
+
|
|
22085
22994
|
/**
|
|
22086
22995
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22087
22996
|
*/
|
|
@@ -22369,6 +23278,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22369
23278
|
|
|
22370
23279
|
disconnectedCallback() {
|
|
22371
23280
|
super.disconnectedCallback();
|
|
23281
|
+
this._clearPageInert();
|
|
23282
|
+
if (this._bibTabHandler) {
|
|
23283
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23284
|
+
this._bibTabHandler = undefined;
|
|
23285
|
+
}
|
|
23286
|
+
if (this.focusTrap) {
|
|
23287
|
+
this.focusTrap.disconnect();
|
|
23288
|
+
this.focusTrap = undefined;
|
|
23289
|
+
}
|
|
22372
23290
|
if (this.floater) {
|
|
22373
23291
|
this.floater.hideBib('disconnect');
|
|
22374
23292
|
this.floater.disconnect();
|
|
@@ -22396,19 +23314,45 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22396
23314
|
if (this.isPopoverVisible) {
|
|
22397
23315
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
22398
23316
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
22399
|
-
|
|
22400
|
-
this.
|
|
23317
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
23318
|
+
this.updateFocusTrap();
|
|
23319
|
+
|
|
23320
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
23321
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23322
|
+
this._setPageInert();
|
|
23323
|
+
}
|
|
22401
23324
|
} else {
|
|
22402
23325
|
this.bibElement.value.close();
|
|
23326
|
+
this._clearPageInert();
|
|
22403
23327
|
}
|
|
22404
23328
|
}
|
|
22405
23329
|
|
|
22406
23330
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
22407
23331
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
22408
23332
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
22409
|
-
const useModal = this.isBibFullscreen;
|
|
22410
23333
|
this.bibElement.value.close();
|
|
22411
|
-
this.bibElement.value.open(
|
|
23334
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
23335
|
+
|
|
23336
|
+
// Re-initialize focus management for the new strategy
|
|
23337
|
+
this.updateFocusTrap();
|
|
23338
|
+
|
|
23339
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
23340
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23341
|
+
this._setPageInert();
|
|
23342
|
+
} else {
|
|
23343
|
+
this._clearPageInert();
|
|
23344
|
+
}
|
|
23345
|
+
}
|
|
23346
|
+
|
|
23347
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
23348
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
23349
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
23350
|
+
this.updateFocusTrap();
|
|
23351
|
+
if (this.desktopModal) {
|
|
23352
|
+
this._setPageInert();
|
|
23353
|
+
} else {
|
|
23354
|
+
this._clearPageInert();
|
|
23355
|
+
}
|
|
22412
23356
|
}
|
|
22413
23357
|
}
|
|
22414
23358
|
|
|
@@ -22418,8 +23362,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22418
23362
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
22419
23363
|
*/
|
|
22420
23364
|
handleDropdownToggle(event) {
|
|
22421
|
-
this.updateFocusTrap();
|
|
22422
23365
|
this.isPopoverVisible = event.detail.expanded;
|
|
23366
|
+
|
|
23367
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
23368
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
23369
|
+
if (!this.isPopoverVisible) {
|
|
23370
|
+
this.updateFocusTrap();
|
|
23371
|
+
}
|
|
23372
|
+
|
|
22423
23373
|
const eventType = event.detail.eventType || "unknown";
|
|
22424
23374
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
22425
23375
|
this.trigger.focus();
|
|
@@ -22518,19 +23468,178 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22518
23468
|
* @private
|
|
22519
23469
|
*/
|
|
22520
23470
|
updateFocusTrap() {
|
|
23471
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
23472
|
+
// to prevent duplicate listeners on repeated calls.
|
|
23473
|
+
if (this._bibTabHandler) {
|
|
23474
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23475
|
+
this._bibTabHandler = undefined;
|
|
23476
|
+
}
|
|
23477
|
+
|
|
23478
|
+
if (this.focusTrap) {
|
|
23479
|
+
this.focusTrap.disconnect();
|
|
23480
|
+
this.focusTrap = undefined;
|
|
23481
|
+
}
|
|
23482
|
+
|
|
22521
23483
|
if (this.isPopoverVisible) {
|
|
22522
23484
|
if (!this.isBibFullscreen) {
|
|
22523
|
-
|
|
22524
|
-
|
|
22525
|
-
|
|
23485
|
+
if (this.desktopModal) {
|
|
23486
|
+
// Desktop modal: trap focus only within the bib content.
|
|
23487
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
23488
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
23489
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
23490
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
23491
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
23492
|
+
// within the bib's focusable elements.
|
|
23493
|
+
this._bibTabHandler = (event) => {
|
|
23494
|
+
if (event.key !== 'Tab') {
|
|
23495
|
+
return;
|
|
23496
|
+
}
|
|
23497
|
+
|
|
23498
|
+
// Collect focusable elements from the bib content.
|
|
23499
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
23500
|
+
|
|
23501
|
+
// Fallback: try from slotted content directly
|
|
23502
|
+
if (!focusables.length) {
|
|
23503
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
23504
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
23505
|
+
|
|
23506
|
+
for (const node of assignedNodes) {
|
|
23507
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
23508
|
+
focusables.push(...getFocusableElements$3(node));
|
|
23509
|
+
}
|
|
23510
|
+
}
|
|
23511
|
+
}
|
|
23512
|
+
|
|
23513
|
+
if (!focusables.length) {
|
|
23514
|
+
return;
|
|
23515
|
+
}
|
|
23516
|
+
|
|
23517
|
+
event.preventDefault();
|
|
23518
|
+
|
|
23519
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
23520
|
+
|
|
23521
|
+
// Walk the active element chain through shadow roots
|
|
23522
|
+
const actives = this._getActiveElements();
|
|
23523
|
+
|
|
23524
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
23525
|
+
|
|
23526
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
23527
|
+
// Focus is not on a known element — move to first/last
|
|
23528
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
23529
|
+
}
|
|
23530
|
+
|
|
23531
|
+
// Try each element in order, skipping any that can't receive focus
|
|
23532
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
23533
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
23534
|
+
let nextIdx = idx + direction;
|
|
23535
|
+
|
|
23536
|
+
// Wrap around
|
|
23537
|
+
if (nextIdx < 0) {
|
|
23538
|
+
nextIdx = focusables.length - 1;
|
|
23539
|
+
} else if (nextIdx >= focusables.length) {
|
|
23540
|
+
nextIdx = 0;
|
|
23541
|
+
}
|
|
23542
|
+
|
|
23543
|
+
focusables[nextIdx].focus();
|
|
23544
|
+
|
|
23545
|
+
// Verify focus actually moved to the target
|
|
23546
|
+
const newActives = this._getActiveElements();
|
|
23547
|
+
|
|
23548
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
23549
|
+
return;
|
|
23550
|
+
}
|
|
23551
|
+
|
|
23552
|
+
// Focus didn't stick — skip this element and try the next
|
|
23553
|
+
idx = nextIdx;
|
|
23554
|
+
}
|
|
23555
|
+
};
|
|
23556
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
23557
|
+
|
|
23558
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
23559
|
+
requestAnimationFrame(() => {
|
|
23560
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
23561
|
+
if (focusables.length) {
|
|
23562
|
+
focusables[0].focus();
|
|
23563
|
+
}
|
|
23564
|
+
});
|
|
23565
|
+
} else {
|
|
23566
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
23567
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
23568
|
+
this.focusTrap.focusFirstElement();
|
|
23569
|
+
}
|
|
22526
23570
|
}
|
|
22527
23571
|
// Fullscreen: showModal() provides native focus trapping
|
|
23572
|
+
}
|
|
23573
|
+
}
|
|
23574
|
+
|
|
23575
|
+
/**
|
|
23576
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
23577
|
+
* @private
|
|
23578
|
+
* @returns {Array<HTMLElement>}
|
|
23579
|
+
*/
|
|
23580
|
+
_getActiveElements() {
|
|
23581
|
+
let { activeElement } = document;
|
|
23582
|
+
const actives = [activeElement];
|
|
23583
|
+
|
|
23584
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
23585
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
23586
|
+
actives.push(activeElement);
|
|
23587
|
+
}
|
|
23588
|
+
|
|
23589
|
+
return actives;
|
|
23590
|
+
}
|
|
23591
|
+
|
|
23592
|
+
/**
|
|
23593
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
23594
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
23595
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
23596
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
23597
|
+
* to ensure all page content outside the host subtree is inert.
|
|
23598
|
+
* @private
|
|
23599
|
+
*/
|
|
23600
|
+
_setPageInert() {
|
|
23601
|
+
if (this._inertSiblings) {
|
|
22528
23602
|
return;
|
|
22529
23603
|
}
|
|
22530
23604
|
|
|
22531
|
-
|
|
22532
|
-
|
|
22533
|
-
|
|
23605
|
+
this._inertSiblings = [];
|
|
23606
|
+
|
|
23607
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
23608
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
23609
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
23610
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
23611
|
+
let host = this;
|
|
23612
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
23613
|
+
host = host.getRootNode().host;
|
|
23614
|
+
}
|
|
23615
|
+
|
|
23616
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
23617
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
23618
|
+
let current = host;
|
|
23619
|
+
while (current.parentElement) {
|
|
23620
|
+
const parent = current.parentElement;
|
|
23621
|
+
for (const sibling of parent.children) {
|
|
23622
|
+
if (sibling !== current) {
|
|
23623
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
23624
|
+
sibling.inert = true;
|
|
23625
|
+
}
|
|
23626
|
+
}
|
|
23627
|
+
current = parent;
|
|
23628
|
+
}
|
|
23629
|
+
}
|
|
23630
|
+
|
|
23631
|
+
/**
|
|
23632
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
23633
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
23634
|
+
* not inadvertently re-enabled.
|
|
23635
|
+
* @private
|
|
23636
|
+
*/
|
|
23637
|
+
_clearPageInert() {
|
|
23638
|
+
if (this._inertSiblings) {
|
|
23639
|
+
for (const entry of this._inertSiblings) {
|
|
23640
|
+
entry.element.inert = entry.wasInert;
|
|
23641
|
+
}
|
|
23642
|
+
this._inertSiblings = undefined;
|
|
22534
23643
|
}
|
|
22535
23644
|
}
|
|
22536
23645
|
|
|
@@ -22769,6 +23878,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22769
23878
|
shape="${this.shape}"
|
|
22770
23879
|
?data-show="${this.isPopoverVisible}"
|
|
22771
23880
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23881
|
+
?desktopmodal="${this.desktopModal}"
|
|
22772
23882
|
.dialogLabel="${this.bibDialogLabel}"
|
|
22773
23883
|
${n$6(this.bibElement)}
|
|
22774
23884
|
>
|
|
@@ -29252,7 +30362,7 @@ var tokensCss$2$2 = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-tex
|
|
|
29252
30362
|
|
|
29253
30363
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
29254
30364
|
|
|
29255
|
-
let AuroLibraryRuntimeUtils$2$
|
|
30365
|
+
let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
|
|
29256
30366
|
|
|
29257
30367
|
/* eslint-disable jsdoc/require-param */
|
|
29258
30368
|
|
|
@@ -29345,7 +30455,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
29345
30455
|
this.onDark = false;
|
|
29346
30456
|
this.hasTextContent = false;
|
|
29347
30457
|
|
|
29348
|
-
AuroLibraryRuntimeUtils$2$
|
|
30458
|
+
AuroLibraryRuntimeUtils$2$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
29349
30459
|
}
|
|
29350
30460
|
|
|
29351
30461
|
static get styles() {
|
|
@@ -29411,7 +30521,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
29411
30521
|
*
|
|
29412
30522
|
*/
|
|
29413
30523
|
static register(name = "auro-helptext") {
|
|
29414
|
-
AuroLibraryRuntimeUtils$2$
|
|
30524
|
+
AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroHelpText);
|
|
29415
30525
|
}
|
|
29416
30526
|
|
|
29417
30527
|
updated() {
|
|
@@ -29467,7 +30577,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
29467
30577
|
}
|
|
29468
30578
|
};
|
|
29469
30579
|
|
|
29470
|
-
var formkitVersion$8 = '
|
|
30580
|
+
var formkitVersion$8 = '202606011911';
|
|
29471
30581
|
|
|
29472
30582
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
29473
30583
|
// See LICENSE in the project root for license information.
|
|
@@ -30143,9 +31253,9 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
30143
31253
|
}
|
|
30144
31254
|
};
|
|
30145
31255
|
|
|
30146
|
-
var colorCss$
|
|
31256
|
+
var colorCss$b = i$7`: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)}`;
|
|
30147
31257
|
|
|
30148
|
-
var styleCss$a = i$7`.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}`;
|
|
31258
|
+
var styleCss$b = i$7`.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}`;
|
|
30149
31259
|
|
|
30150
31260
|
var tokensCss$a = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
30151
31261
|
|
|
@@ -30156,7 +31266,7 @@ var tokensCss$a = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
30156
31266
|
|
|
30157
31267
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
30158
31268
|
|
|
30159
|
-
let AuroLibraryRuntimeUtils$
|
|
31269
|
+
let AuroLibraryRuntimeUtils$b = class AuroLibraryRuntimeUtils {
|
|
30160
31270
|
|
|
30161
31271
|
/* eslint-disable jsdoc/require-param */
|
|
30162
31272
|
|
|
@@ -30249,13 +31359,13 @@ let AuroHelpText$8 = class AuroHelpText extends i$4 {
|
|
|
30249
31359
|
this.onDark = false;
|
|
30250
31360
|
this.hasTextContent = false;
|
|
30251
31361
|
|
|
30252
|
-
AuroLibraryRuntimeUtils$
|
|
31362
|
+
AuroLibraryRuntimeUtils$b.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
30253
31363
|
}
|
|
30254
31364
|
|
|
30255
31365
|
static get styles() {
|
|
30256
31366
|
return [
|
|
30257
|
-
colorCss$
|
|
30258
|
-
styleCss$
|
|
31367
|
+
colorCss$b,
|
|
31368
|
+
styleCss$b,
|
|
30259
31369
|
tokensCss$a
|
|
30260
31370
|
];
|
|
30261
31371
|
}
|
|
@@ -30315,7 +31425,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$4 {
|
|
|
30315
31425
|
*
|
|
30316
31426
|
*/
|
|
30317
31427
|
static register(name = "auro-helptext") {
|
|
30318
|
-
AuroLibraryRuntimeUtils$
|
|
31428
|
+
AuroLibraryRuntimeUtils$b.prototype.registerComponent(name, AuroHelpText);
|
|
30319
31429
|
}
|
|
30320
31430
|
|
|
30321
31431
|
updated() {
|
|
@@ -30722,26 +31832,62 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
30722
31832
|
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
30723
31833
|
//
|
|
30724
31834
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30725
|
-
// - The bib opens and closes via pointer/touch interaction only.
|
|
30726
31835
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31836
|
+
// - Enter opens the bib when it is closed (trigger input only, not clear button).
|
|
31837
|
+
// - Space opens the bib when it is closed (trigger input only, not clear button).
|
|
30727
31838
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30728
|
-
// - Enter and Space do not open or close the bib.
|
|
30729
31839
|
//
|
|
30730
31840
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
30731
31841
|
// added, handlers should go here following the same strategy pattern used by
|
|
30732
31842
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
30733
31843
|
const datepickerKeyboardStrategy = {
|
|
30734
|
-
Escape(component, evt) {
|
|
30735
|
-
if (!
|
|
31844
|
+
Escape(component, evt, ctx) {
|
|
31845
|
+
if (!ctx.isExpanded) {
|
|
30736
31846
|
return;
|
|
30737
31847
|
}
|
|
30738
31848
|
|
|
30739
|
-
//
|
|
30740
|
-
//
|
|
30741
|
-
// seeing this event, we must also close the dropdown explicitly.
|
|
31849
|
+
// Stop propagation so parent containers (auro-dialog, auro-drawer)
|
|
31850
|
+
// don't also react to Escape.
|
|
30742
31851
|
evt.stopPropagation();
|
|
31852
|
+
evt.preventDefault();
|
|
30743
31853
|
|
|
30744
|
-
component.
|
|
31854
|
+
component.hideBib();
|
|
31855
|
+
},
|
|
31856
|
+
|
|
31857
|
+
Enter(component, evt, ctx) {
|
|
31858
|
+
if (ctx.isExpanded) {
|
|
31859
|
+
return;
|
|
31860
|
+
}
|
|
31861
|
+
|
|
31862
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31863
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31864
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31865
|
+
const path = evt.composedPath();
|
|
31866
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31867
|
+
return;
|
|
31868
|
+
}
|
|
31869
|
+
|
|
31870
|
+
evt.preventDefault();
|
|
31871
|
+
|
|
31872
|
+
component.dropdown.show();
|
|
31873
|
+
},
|
|
31874
|
+
|
|
31875
|
+
' '(component, evt, ctx) {
|
|
31876
|
+
if (ctx.isExpanded) {
|
|
31877
|
+
return;
|
|
31878
|
+
}
|
|
31879
|
+
|
|
31880
|
+
// Only open from the trigger input, not the clear button or other internal elements.
|
|
31881
|
+
// evt.target is retargeted to the host in shadow DOM, so use composedPath()
|
|
31882
|
+
// to find the real origin. The clear button is rendered with class "clearBtn".
|
|
31883
|
+
const path = evt.composedPath();
|
|
31884
|
+
if (path.some(el => el.classList?.contains('clearBtn'))) {
|
|
31885
|
+
return;
|
|
31886
|
+
}
|
|
31887
|
+
|
|
31888
|
+
evt.preventDefault();
|
|
31889
|
+
|
|
31890
|
+
component.dropdown.show();
|
|
30745
31891
|
},
|
|
30746
31892
|
};
|
|
30747
31893
|
|
|
@@ -30815,6 +31961,15 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30815
31961
|
this.required = false;
|
|
30816
31962
|
this.onDark = false;
|
|
30817
31963
|
this.range = false;
|
|
31964
|
+
this.rangeLabelStart = 'range start';
|
|
31965
|
+
this.rangeLabelEnd = 'range end';
|
|
31966
|
+
this.rangeLabelBeforeRange = 'before range';
|
|
31967
|
+
this.rangeLabelInRange = 'in range';
|
|
31968
|
+
this.rangeLabelAfterRange = 'after range';
|
|
31969
|
+
this.blackoutDates = [];
|
|
31970
|
+
this.blackoutLabel = 'unavailable';
|
|
31971
|
+
this.navLabelPrevMonth = 'Previous month';
|
|
31972
|
+
this.navLabelNextMonth = 'Next month';
|
|
30818
31973
|
this.stacked = false;
|
|
30819
31974
|
this.noValidate = false;
|
|
30820
31975
|
this.validity = undefined;
|
|
@@ -31193,6 +32348,78 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31193
32348
|
reflect: true
|
|
31194
32349
|
},
|
|
31195
32350
|
|
|
32351
|
+
/**
|
|
32352
|
+
* Label announced for the range start date cell.
|
|
32353
|
+
*/
|
|
32354
|
+
rangeLabelStart: {
|
|
32355
|
+
type: String,
|
|
32356
|
+
reflect: true
|
|
32357
|
+
},
|
|
32358
|
+
|
|
32359
|
+
/**
|
|
32360
|
+
* Label announced for the range end date cell.
|
|
32361
|
+
*/
|
|
32362
|
+
rangeLabelEnd: {
|
|
32363
|
+
type: String,
|
|
32364
|
+
reflect: true
|
|
32365
|
+
},
|
|
32366
|
+
|
|
32367
|
+
/**
|
|
32368
|
+
* Label announced for cells before the range start.
|
|
32369
|
+
*/
|
|
32370
|
+
rangeLabelBeforeRange: {
|
|
32371
|
+
type: String,
|
|
32372
|
+
reflect: true
|
|
32373
|
+
},
|
|
32374
|
+
|
|
32375
|
+
/**
|
|
32376
|
+
* Label announced for cells within the selected range.
|
|
32377
|
+
*/
|
|
32378
|
+
rangeLabelInRange: {
|
|
32379
|
+
type: String,
|
|
32380
|
+
reflect: true
|
|
32381
|
+
},
|
|
32382
|
+
|
|
32383
|
+
/**
|
|
32384
|
+
* Label announced for cells after the range (or after start when no end is selected).
|
|
32385
|
+
*/
|
|
32386
|
+
rangeLabelAfterRange: {
|
|
32387
|
+
type: String,
|
|
32388
|
+
reflect: true
|
|
32389
|
+
},
|
|
32390
|
+
|
|
32391
|
+
/**
|
|
32392
|
+
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
32393
|
+
*/
|
|
32394
|
+
blackoutDates: {
|
|
32395
|
+
type: Array,
|
|
32396
|
+
reflect: true
|
|
32397
|
+
},
|
|
32398
|
+
|
|
32399
|
+
/**
|
|
32400
|
+
* Label announced for blackout (disabled but in-range) date cells.
|
|
32401
|
+
*/
|
|
32402
|
+
blackoutLabel: {
|
|
32403
|
+
type: String,
|
|
32404
|
+
reflect: true
|
|
32405
|
+
},
|
|
32406
|
+
|
|
32407
|
+
/**
|
|
32408
|
+
* Accessible label for the previous month navigation button.
|
|
32409
|
+
*/
|
|
32410
|
+
navLabelPrevMonth: {
|
|
32411
|
+
type: String,
|
|
32412
|
+
reflect: true
|
|
32413
|
+
},
|
|
32414
|
+
|
|
32415
|
+
/**
|
|
32416
|
+
* Accessible label for the next month navigation button.
|
|
32417
|
+
*/
|
|
32418
|
+
navLabelNextMonth: {
|
|
32419
|
+
type: String,
|
|
32420
|
+
reflect: true
|
|
32421
|
+
},
|
|
32422
|
+
|
|
31196
32423
|
/**
|
|
31197
32424
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
31198
32425
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -31219,6 +32446,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31219
32446
|
|
|
31220
32447
|
/**
|
|
31221
32448
|
* Custom help text message to display when validity = `customError`.
|
|
32449
|
+
* Also used as the validation message when a blackout date is typed into the input.
|
|
31222
32450
|
*/
|
|
31223
32451
|
setCustomValidityCustomError: {
|
|
31224
32452
|
type: String
|
|
@@ -31540,6 +32768,66 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31540
32768
|
}));
|
|
31541
32769
|
}
|
|
31542
32770
|
|
|
32771
|
+
/**
|
|
32772
|
+
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32773
|
+
* Shared by both fullscreen and desktop open paths.
|
|
32774
|
+
* @private
|
|
32775
|
+
* @returns {void}
|
|
32776
|
+
*/
|
|
32777
|
+
focusActiveCellWhenReady() {
|
|
32778
|
+
const MAX_ATTEMPTS = 20;
|
|
32779
|
+
let attempts = 0;
|
|
32780
|
+
|
|
32781
|
+
const tryFocus = () => {
|
|
32782
|
+
attempts += 1;
|
|
32783
|
+
const allCells = this.calendar.getAllFocusableCells();
|
|
32784
|
+
|
|
32785
|
+
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32786
|
+
requestAnimationFrame(tryFocus);
|
|
32787
|
+
return;
|
|
32788
|
+
}
|
|
32789
|
+
|
|
32790
|
+
// Compute and mark the active cell
|
|
32791
|
+
if (this.calendar.activeCellDate == null) {
|
|
32792
|
+
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32793
|
+
}
|
|
32794
|
+
if (this.calendar.activeCellDate !== undefined) {
|
|
32795
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32796
|
+
}
|
|
32797
|
+
|
|
32798
|
+
// If no cell matched (e.g. centralDate month differs from the rendered
|
|
32799
|
+
// range on mobile), fall back to the first rendered enabled cell.
|
|
32800
|
+
let activeCell = allCells.find(cell => cell.active);
|
|
32801
|
+
if (!activeCell && allCells.length) {
|
|
32802
|
+
const fallback = allCells[0];
|
|
32803
|
+
if (fallback.day) {
|
|
32804
|
+
this.calendar.activeCellDate = fallback.day.date;
|
|
32805
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32806
|
+
activeCell = allCells.find(cell => cell.active);
|
|
32807
|
+
}
|
|
32808
|
+
}
|
|
32809
|
+
|
|
32810
|
+
// Wait for the cell's Lit render to complete so the button's tabindex
|
|
32811
|
+
// reflects the active state before we attempt to focus.
|
|
32812
|
+
if (activeCell) {
|
|
32813
|
+
activeCell.updateComplete.then(() => {
|
|
32814
|
+
activeCell.hovered = true;
|
|
32815
|
+
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32816
|
+
if (btn) {
|
|
32817
|
+
btn.setAttribute('tabindex', '0');
|
|
32818
|
+
btn.focus({ focusVisible: true });
|
|
32819
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
32820
|
+
requestAnimationFrame(tryFocus);
|
|
32821
|
+
}
|
|
32822
|
+
});
|
|
32823
|
+
} else if (attempts < MAX_ATTEMPTS) {
|
|
32824
|
+
requestAnimationFrame(tryFocus);
|
|
32825
|
+
}
|
|
32826
|
+
};
|
|
32827
|
+
|
|
32828
|
+
requestAnimationFrame(tryFocus);
|
|
32829
|
+
}
|
|
32830
|
+
|
|
31543
32831
|
/**
|
|
31544
32832
|
* Binds all behavior needed to the dropdown after rendering.
|
|
31545
32833
|
* @private
|
|
@@ -31548,6 +32836,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31548
32836
|
configureDropdown() {
|
|
31549
32837
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
31550
32838
|
|
|
32839
|
+
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32840
|
+
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32841
|
+
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32842
|
+
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32843
|
+
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32844
|
+
|
|
31551
32845
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
31552
32846
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
31553
32847
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -31565,6 +32859,23 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31565
32859
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
31566
32860
|
this.notifyDatepickerToggled();
|
|
31567
32861
|
|
|
32862
|
+
if (this.dropdown.isPopoverVisible) {
|
|
32863
|
+
// Reset calendar focus state so it recomputes from the current selection.
|
|
32864
|
+
// Without this, reopening after navigating to a month without a selected
|
|
32865
|
+
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32866
|
+
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32867
|
+
this.calendar.activeCellDate = null;
|
|
32868
|
+
|
|
32869
|
+
// Show the month containing the selected date (or today) instead of
|
|
32870
|
+
// whichever month the user last navigated to.
|
|
32871
|
+
// Respect consumer-provided centralDate/calendarStartDate if no value is set.
|
|
32872
|
+
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32873
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32874
|
+
} else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
|
|
32875
|
+
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32876
|
+
}
|
|
32877
|
+
}
|
|
32878
|
+
|
|
31568
32879
|
// This forces the calendar to render when the dropdown is opened.
|
|
31569
32880
|
// It is not rendered by default
|
|
31570
32881
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -31597,12 +32908,23 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31597
32908
|
bibEl.open(true);
|
|
31598
32909
|
|
|
31599
32910
|
doubleRaf$3(() => {
|
|
31600
|
-
this.
|
|
32911
|
+
this.focusActiveCellWhenReady();
|
|
31601
32912
|
});
|
|
31602
32913
|
}
|
|
31603
32914
|
});
|
|
31604
32915
|
|
|
31605
32916
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32917
|
+
} else {
|
|
32918
|
+
// Desktop (non-fullscreen) modal: make the trigger inert so users
|
|
32919
|
+
// cannot interact with the input while the modal bib is open.
|
|
32920
|
+
if (this.dropdown.desktopModal) {
|
|
32921
|
+
this.dropdown.trigger.inert = true;
|
|
32922
|
+
}
|
|
32923
|
+
|
|
32924
|
+
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32925
|
+
this.dropdown.updateComplete.then(() => {
|
|
32926
|
+
this.focusActiveCellWhenReady();
|
|
32927
|
+
});
|
|
31606
32928
|
}
|
|
31607
32929
|
} else {
|
|
31608
32930
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -31648,7 +32970,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31648
32970
|
bibEl.close();
|
|
31649
32971
|
bibEl.open(true);
|
|
31650
32972
|
doubleRaf$3(() => {
|
|
31651
|
-
this.
|
|
32973
|
+
this.focusActiveCellWhenReady();
|
|
31652
32974
|
});
|
|
31653
32975
|
}
|
|
31654
32976
|
});
|
|
@@ -31843,14 +33165,8 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31843
33165
|
|
|
31844
33166
|
if (onEndValue) {
|
|
31845
33167
|
this.valueEnd = newDate;
|
|
31846
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31847
|
-
this.focus('startDate');
|
|
31848
|
-
}
|
|
31849
33168
|
} else {
|
|
31850
33169
|
this.value = newDate;
|
|
31851
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31852
|
-
this.focus('endDate');
|
|
31853
|
-
}
|
|
31854
33170
|
}
|
|
31855
33171
|
}
|
|
31856
33172
|
}
|
|
@@ -31890,6 +33206,27 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31890
33206
|
this.resetInputs();
|
|
31891
33207
|
}
|
|
31892
33208
|
|
|
33209
|
+
/**
|
|
33210
|
+
* Checks whether a formatted date string matches a blackout date.
|
|
33211
|
+
* @private
|
|
33212
|
+
* @param {string} dateStr - A date string in the component's configured format.
|
|
33213
|
+
* @returns {boolean} True if the date is in the blackoutDates list.
|
|
33214
|
+
*/
|
|
33215
|
+
isBlackoutDate(dateStr) {
|
|
33216
|
+
if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
|
|
33217
|
+
return false;
|
|
33218
|
+
}
|
|
33219
|
+
|
|
33220
|
+
const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
|
|
33221
|
+
if (!this.util.validDateStr(dateStr, this.format)) return false;
|
|
33222
|
+
|
|
33223
|
+
const d = new Date(formatted);
|
|
33224
|
+
const yyyy = d.getFullYear();
|
|
33225
|
+
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
33226
|
+
const dd = String(d.getDate()).padStart(2, '0');
|
|
33227
|
+
return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
|
|
33228
|
+
}
|
|
33229
|
+
|
|
31893
33230
|
/**
|
|
31894
33231
|
* Validates value.
|
|
31895
33232
|
* @param {boolean} [force=false] - Whether to force validation.
|
|
@@ -31901,6 +33238,24 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31901
33238
|
}
|
|
31902
33239
|
|
|
31903
33240
|
this.validation.validate(this, force);
|
|
33241
|
+
|
|
33242
|
+
// After standard validation, check blackout dates for typed input
|
|
33243
|
+
if (this.validity !== 'customError') {
|
|
33244
|
+
if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
|
|
33245
|
+
const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
|
|
33246
|
+
this.validity = 'customError';
|
|
33247
|
+
this.errorMessage = msg;
|
|
33248
|
+
|
|
33249
|
+
this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
33250
|
+
bubbles: true,
|
|
33251
|
+
composed: true,
|
|
33252
|
+
detail: {
|
|
33253
|
+
validity: this.validity,
|
|
33254
|
+
message: this.errorMessage
|
|
33255
|
+
}
|
|
33256
|
+
}));
|
|
33257
|
+
}
|
|
33258
|
+
}
|
|
31904
33259
|
}
|
|
31905
33260
|
|
|
31906
33261
|
/**
|
|
@@ -31981,6 +33336,9 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31981
33336
|
|
|
31982
33337
|
if (this.cellClickActive) {
|
|
31983
33338
|
this.cellClickActive = false;
|
|
33339
|
+
this.wasCellClick = true;
|
|
33340
|
+
} else {
|
|
33341
|
+
this.wasCellClick = false;
|
|
31984
33342
|
}
|
|
31985
33343
|
|
|
31986
33344
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -32011,16 +33369,44 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32011
33369
|
}
|
|
32012
33370
|
|
|
32013
33371
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
32014
|
-
|
|
33372
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
33373
|
+
// to prevent the displayed months from shifting
|
|
33374
|
+
if (!(this.wasCellClick && this.range)) {
|
|
33375
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33376
|
+
}
|
|
32015
33377
|
}
|
|
32016
33378
|
|
|
32017
33379
|
this.setHasValue();
|
|
32018
33380
|
}
|
|
32019
33381
|
|
|
33382
|
+
if (changedProperties.has('blackoutDates')) {
|
|
33383
|
+
// Force calendar cells to re-render with updated blackout state.
|
|
33384
|
+
// requestUpdate on the calendar alone is insufficient because cells
|
|
33385
|
+
// don't receive blackoutDates as a bound property. Dispatching the
|
|
33386
|
+
// slot content event triggers handleSlotContent → requestUpdate on each cell.
|
|
33387
|
+
if (this.calendar) {
|
|
33388
|
+
this.calendar.requestUpdate();
|
|
33389
|
+
this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
|
|
33390
|
+
}
|
|
33391
|
+
|
|
33392
|
+
// Re-run validation so that a previously valid value that now falls on
|
|
33393
|
+
// a blackout date is flagged, and vice versa.
|
|
33394
|
+
if (this.value || this.valueEnd) {
|
|
33395
|
+
this.validate();
|
|
33396
|
+
}
|
|
33397
|
+
}
|
|
33398
|
+
|
|
32020
33399
|
if (changedProperties.has('valueEnd') && this.inputList[1]) {
|
|
32021
33400
|
|
|
32022
33401
|
this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
|
|
32023
33402
|
|
|
33403
|
+
if (this.cellClickActive) {
|
|
33404
|
+
this.cellClickActive = false;
|
|
33405
|
+
this.wasCellClick = true;
|
|
33406
|
+
} else {
|
|
33407
|
+
this.wasCellClick = false;
|
|
33408
|
+
}
|
|
33409
|
+
|
|
32024
33410
|
// update the calendar
|
|
32025
33411
|
if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
|
|
32026
33412
|
this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
|
|
@@ -32048,7 +33434,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32048
33434
|
}
|
|
32049
33435
|
|
|
32050
33436
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
32051
|
-
|
|
33437
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
33438
|
+
// to prevent the displayed months from shifting
|
|
33439
|
+
if (!this.wasCellClick) {
|
|
33440
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33441
|
+
}
|
|
32052
33442
|
}
|
|
32053
33443
|
|
|
32054
33444
|
this.validate();
|
|
@@ -32205,6 +33595,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32205
33595
|
}
|
|
32206
33596
|
|
|
32207
33597
|
firstUpdated() {
|
|
33598
|
+
|
|
32208
33599
|
// Add the tag name as an attribute if it is different than the component name
|
|
32209
33600
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
32210
33601
|
|
|
@@ -32634,7 +34025,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32634
34025
|
// Base HTML render() handles dropdown and calendar bib
|
|
32635
34026
|
return u$c`
|
|
32636
34027
|
<!-- Hidden slot for clear button aria-label -->
|
|
32637
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
34028
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
|
|
32638
34029
|
|
|
32639
34030
|
<${this.dropdownTag}
|
|
32640
34031
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -32651,6 +34042,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32651
34042
|
.shape="${this.shape}"
|
|
32652
34043
|
.size="${this.size}"
|
|
32653
34044
|
class="${e$3(dropdownElementClassMap)}"
|
|
34045
|
+
desktopModal
|
|
32654
34046
|
disableEventShow
|
|
32655
34047
|
for="dropdownMenu"
|
|
32656
34048
|
part="dropdown"
|
|
@@ -32670,6 +34062,234 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32670
34062
|
}
|
|
32671
34063
|
}
|
|
32672
34064
|
|
|
34065
|
+
var colorCss$a = i$7`: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)}`;
|
|
34066
|
+
|
|
34067
|
+
var styleCss$a = i$7`.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}`;
|
|
34068
|
+
|
|
34069
|
+
var tokensCss$9 = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
34070
|
+
|
|
34071
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
34072
|
+
// See LICENSE in the project root for license information.
|
|
34073
|
+
|
|
34074
|
+
// ---------------------------------------------------------------------
|
|
34075
|
+
|
|
34076
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
34077
|
+
|
|
34078
|
+
let AuroLibraryRuntimeUtils$a = class AuroLibraryRuntimeUtils {
|
|
34079
|
+
|
|
34080
|
+
/* eslint-disable jsdoc/require-param */
|
|
34081
|
+
|
|
34082
|
+
/**
|
|
34083
|
+
* This will register a new custom element with the browser.
|
|
34084
|
+
* @param {String} name - The name of the custom element.
|
|
34085
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
34086
|
+
* @returns {void}
|
|
34087
|
+
*/
|
|
34088
|
+
registerComponent(name, componentClass) {
|
|
34089
|
+
if (!customElements.get(name)) {
|
|
34090
|
+
customElements.define(name, class extends componentClass {});
|
|
34091
|
+
}
|
|
34092
|
+
}
|
|
34093
|
+
|
|
34094
|
+
/**
|
|
34095
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
34096
|
+
* @returns {void}
|
|
34097
|
+
*/
|
|
34098
|
+
closestElement(
|
|
34099
|
+
selector, // selector like in .closest()
|
|
34100
|
+
base = this, // extra functionality to skip a parent
|
|
34101
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
34102
|
+
!el || el === document || el === window
|
|
34103
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
34104
|
+
: found
|
|
34105
|
+
? found // found a selector INside this element
|
|
34106
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
34107
|
+
) {
|
|
34108
|
+
return __Closest(base);
|
|
34109
|
+
}
|
|
34110
|
+
/* eslint-enable jsdoc/require-param */
|
|
34111
|
+
|
|
34112
|
+
/**
|
|
34113
|
+
* 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.
|
|
34114
|
+
* @param {Object} elem - The element to check.
|
|
34115
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
34116
|
+
* @returns {void}
|
|
34117
|
+
*/
|
|
34118
|
+
handleComponentTagRename(elem, tagName) {
|
|
34119
|
+
const tag = tagName.toLowerCase();
|
|
34120
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
34121
|
+
|
|
34122
|
+
if (elemTag !== tag) {
|
|
34123
|
+
elem.setAttribute(tag, true);
|
|
34124
|
+
}
|
|
34125
|
+
}
|
|
34126
|
+
|
|
34127
|
+
/**
|
|
34128
|
+
* Validates if an element is a specific Auro component.
|
|
34129
|
+
* @param {Object} elem - The element to validate.
|
|
34130
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
34131
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
34132
|
+
*/
|
|
34133
|
+
elementMatch(elem, tagName) {
|
|
34134
|
+
const tag = tagName.toLowerCase();
|
|
34135
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
34136
|
+
|
|
34137
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
34138
|
+
}
|
|
34139
|
+
|
|
34140
|
+
/**
|
|
34141
|
+
* Gets the text content of a named slot.
|
|
34142
|
+
* @returns {String}
|
|
34143
|
+
* @private
|
|
34144
|
+
*/
|
|
34145
|
+
getSlotText(elem, name) {
|
|
34146
|
+
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
34147
|
+
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
34148
|
+
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
34149
|
+
|
|
34150
|
+
return text || null;
|
|
34151
|
+
}
|
|
34152
|
+
};
|
|
34153
|
+
|
|
34154
|
+
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
34155
|
+
// See LICENSE in the project root for license information.
|
|
34156
|
+
|
|
34157
|
+
|
|
34158
|
+
/**
|
|
34159
|
+
* Displays help text or error messages within form elements - Internal Use Only.
|
|
34160
|
+
*/
|
|
34161
|
+
let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
34162
|
+
|
|
34163
|
+
constructor() {
|
|
34164
|
+
super();
|
|
34165
|
+
|
|
34166
|
+
this.error = false;
|
|
34167
|
+
this.appearance = "default";
|
|
34168
|
+
this.onDark = false;
|
|
34169
|
+
this.hasTextContent = false;
|
|
34170
|
+
|
|
34171
|
+
AuroLibraryRuntimeUtils$a.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
34172
|
+
}
|
|
34173
|
+
|
|
34174
|
+
static get styles() {
|
|
34175
|
+
return [
|
|
34176
|
+
colorCss$a,
|
|
34177
|
+
styleCss$a,
|
|
34178
|
+
tokensCss$9
|
|
34179
|
+
];
|
|
34180
|
+
}
|
|
34181
|
+
|
|
34182
|
+
// function to define props used within the scope of this component
|
|
34183
|
+
static get properties() {
|
|
34184
|
+
return {
|
|
34185
|
+
|
|
34186
|
+
/**
|
|
34187
|
+
* Defines whether the component will be on lighter or darker backgrounds.
|
|
34188
|
+
* @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
|
|
34189
|
+
* @default 'default'
|
|
34190
|
+
*/
|
|
34191
|
+
appearance: {
|
|
34192
|
+
type: String,
|
|
34193
|
+
reflect: true
|
|
34194
|
+
},
|
|
34195
|
+
|
|
34196
|
+
/**
|
|
34197
|
+
* @private
|
|
34198
|
+
*/
|
|
34199
|
+
slotNodes: {
|
|
34200
|
+
type: Boolean,
|
|
34201
|
+
},
|
|
34202
|
+
|
|
34203
|
+
/**
|
|
34204
|
+
* @private
|
|
34205
|
+
*/
|
|
34206
|
+
hasTextContent: {
|
|
34207
|
+
type: Boolean,
|
|
34208
|
+
},
|
|
34209
|
+
|
|
34210
|
+
/**
|
|
34211
|
+
* If declared, make font color red.
|
|
34212
|
+
*/
|
|
34213
|
+
error: {
|
|
34214
|
+
type: Boolean,
|
|
34215
|
+
reflect: true,
|
|
34216
|
+
},
|
|
34217
|
+
|
|
34218
|
+
/**
|
|
34219
|
+
* DEPRECATED - use `appearance` instead.
|
|
34220
|
+
*/
|
|
34221
|
+
onDark: {
|
|
34222
|
+
type: Boolean,
|
|
34223
|
+
reflect: true
|
|
34224
|
+
}
|
|
34225
|
+
};
|
|
34226
|
+
}
|
|
34227
|
+
|
|
34228
|
+
/**
|
|
34229
|
+
* This will register this element with the browser.
|
|
34230
|
+
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
34231
|
+
*
|
|
34232
|
+
* @example
|
|
34233
|
+
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
34234
|
+
*
|
|
34235
|
+
*/
|
|
34236
|
+
static register(name = "auro-helptext") {
|
|
34237
|
+
AuroLibraryRuntimeUtils$a.prototype.registerComponent(name, AuroHelpText);
|
|
34238
|
+
}
|
|
34239
|
+
|
|
34240
|
+
updated() {
|
|
34241
|
+
this.handleSlotChange();
|
|
34242
|
+
}
|
|
34243
|
+
|
|
34244
|
+
handleSlotChange(event) {
|
|
34245
|
+
if (event) {
|
|
34246
|
+
this.slotNodes = event.target.assignedNodes();
|
|
34247
|
+
}
|
|
34248
|
+
|
|
34249
|
+
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
34250
|
+
}
|
|
34251
|
+
|
|
34252
|
+
/**
|
|
34253
|
+
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
34254
|
+
*
|
|
34255
|
+
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
34256
|
+
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
34257
|
+
* @private
|
|
34258
|
+
*/
|
|
34259
|
+
checkSlotsForContent(nodes) {
|
|
34260
|
+
if (!nodes) {
|
|
34261
|
+
return false;
|
|
34262
|
+
}
|
|
34263
|
+
|
|
34264
|
+
return nodes.some((node) => {
|
|
34265
|
+
if (node.textContent.trim()) {
|
|
34266
|
+
return true;
|
|
34267
|
+
}
|
|
34268
|
+
|
|
34269
|
+
if (!node.querySelector) {
|
|
34270
|
+
return false;
|
|
34271
|
+
}
|
|
34272
|
+
|
|
34273
|
+
const nestedSlot = node.tagName === 'SLOT' ? node : node.querySelector('slot');
|
|
34274
|
+
if (!nestedSlot) {
|
|
34275
|
+
return false;
|
|
34276
|
+
}
|
|
34277
|
+
|
|
34278
|
+
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
34279
|
+
return this.checkSlotsForContent(nestedSlotNodes);
|
|
34280
|
+
});
|
|
34281
|
+
}
|
|
34282
|
+
|
|
34283
|
+
// function that renders the HTML and CSS into the scope of the component
|
|
34284
|
+
render() {
|
|
34285
|
+
return b$7`
|
|
34286
|
+
<div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
|
|
34287
|
+
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
34288
|
+
</div>
|
|
34289
|
+
`;
|
|
34290
|
+
}
|
|
34291
|
+
};
|
|
34292
|
+
|
|
32673
34293
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
32674
34294
|
// See LICENSE in the project root for license information.
|
|
32675
34295
|
|
|
@@ -35907,7 +37527,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
35907
37527
|
});
|
|
35908
37528
|
}
|
|
35909
37529
|
|
|
35910
|
-
var styleCss$2$6 = i$7`: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}`;
|
|
37530
|
+
var styleCss$2$6 = i$7`: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}`;
|
|
35911
37531
|
|
|
35912
37532
|
var colorCss$2$6 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
35913
37533
|
|
|
@@ -36314,7 +37934,7 @@ var colorCss$9 = i$7`:host([error]){--ds-auro-helptext-color: var(--ds-basic-col
|
|
|
36314
37934
|
|
|
36315
37935
|
var styleCss$9 = i$7`.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}`;
|
|
36316
37936
|
|
|
36317
|
-
var tokensCss$
|
|
37937
|
+
var tokensCss$8 = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
36318
37938
|
|
|
36319
37939
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
36320
37940
|
// See LICENSE in the project root for license information.
|
|
@@ -36406,7 +38026,7 @@ let AuroLibraryRuntimeUtils$9 = class AuroLibraryRuntimeUtils {
|
|
|
36406
38026
|
/**
|
|
36407
38027
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
36408
38028
|
*/
|
|
36409
|
-
let AuroHelpText$
|
|
38029
|
+
let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
36410
38030
|
|
|
36411
38031
|
constructor() {
|
|
36412
38032
|
super();
|
|
@@ -36423,7 +38043,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
|
36423
38043
|
return [
|
|
36424
38044
|
colorCss$9,
|
|
36425
38045
|
styleCss$9,
|
|
36426
|
-
tokensCss$
|
|
38046
|
+
tokensCss$8
|
|
36427
38047
|
];
|
|
36428
38048
|
}
|
|
36429
38049
|
|
|
@@ -36538,7 +38158,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
|
36538
38158
|
}
|
|
36539
38159
|
};
|
|
36540
38160
|
|
|
36541
|
-
var formkitVersion$7 = '
|
|
38161
|
+
var formkitVersion$7 = '202606011911';
|
|
36542
38162
|
|
|
36543
38163
|
let AuroElement$5 = class AuroElement extends i$4 {
|
|
36544
38164
|
static get properties() {
|
|
@@ -36718,6 +38338,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36718
38338
|
_intializeDefaults() {
|
|
36719
38339
|
this.appearance = 'default';
|
|
36720
38340
|
this.chevron = false;
|
|
38341
|
+
this.desktopModal = false;
|
|
36721
38342
|
this.disabled = false;
|
|
36722
38343
|
this.disableKeyboardHandling = false;
|
|
36723
38344
|
this.error = false;
|
|
@@ -36774,7 +38395,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36774
38395
|
/**
|
|
36775
38396
|
* @private
|
|
36776
38397
|
*/
|
|
36777
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', formkitVersion$7, AuroHelpText$
|
|
38398
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', formkitVersion$7, AuroHelpText$6);
|
|
36778
38399
|
|
|
36779
38400
|
/**
|
|
36780
38401
|
* @private
|
|
@@ -36898,6 +38519,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36898
38519
|
reflect: true
|
|
36899
38520
|
},
|
|
36900
38521
|
|
|
38522
|
+
/**
|
|
38523
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
38524
|
+
*/
|
|
38525
|
+
desktopModal: {
|
|
38526
|
+
type: Boolean,
|
|
38527
|
+
reflect: true
|
|
38528
|
+
},
|
|
38529
|
+
|
|
36901
38530
|
/**
|
|
36902
38531
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
36903
38532
|
*/
|
|
@@ -37185,6 +38814,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37185
38814
|
|
|
37186
38815
|
disconnectedCallback() {
|
|
37187
38816
|
super.disconnectedCallback();
|
|
38817
|
+
this._clearPageInert();
|
|
38818
|
+
if (this._bibTabHandler) {
|
|
38819
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38820
|
+
this._bibTabHandler = undefined;
|
|
38821
|
+
}
|
|
38822
|
+
if (this.focusTrap) {
|
|
38823
|
+
this.focusTrap.disconnect();
|
|
38824
|
+
this.focusTrap = undefined;
|
|
38825
|
+
}
|
|
37188
38826
|
if (this.floater) {
|
|
37189
38827
|
this.floater.hideBib('disconnect');
|
|
37190
38828
|
this.floater.disconnect();
|
|
@@ -37212,19 +38850,45 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37212
38850
|
if (this.isPopoverVisible) {
|
|
37213
38851
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
37214
38852
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
37215
|
-
|
|
37216
|
-
this.
|
|
38853
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38854
|
+
this.updateFocusTrap();
|
|
38855
|
+
|
|
38856
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
38857
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38858
|
+
this._setPageInert();
|
|
38859
|
+
}
|
|
37217
38860
|
} else {
|
|
37218
38861
|
this.bibElement.value.close();
|
|
38862
|
+
this._clearPageInert();
|
|
37219
38863
|
}
|
|
37220
38864
|
}
|
|
37221
38865
|
|
|
37222
38866
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
37223
38867
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
37224
38868
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
37225
|
-
const useModal = this.isBibFullscreen;
|
|
37226
38869
|
this.bibElement.value.close();
|
|
37227
|
-
this.bibElement.value.open(
|
|
38870
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38871
|
+
|
|
38872
|
+
// Re-initialize focus management for the new strategy
|
|
38873
|
+
this.updateFocusTrap();
|
|
38874
|
+
|
|
38875
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
38876
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38877
|
+
this._setPageInert();
|
|
38878
|
+
} else {
|
|
38879
|
+
this._clearPageInert();
|
|
38880
|
+
}
|
|
38881
|
+
}
|
|
38882
|
+
|
|
38883
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
38884
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
38885
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
38886
|
+
this.updateFocusTrap();
|
|
38887
|
+
if (this.desktopModal) {
|
|
38888
|
+
this._setPageInert();
|
|
38889
|
+
} else {
|
|
38890
|
+
this._clearPageInert();
|
|
38891
|
+
}
|
|
37228
38892
|
}
|
|
37229
38893
|
}
|
|
37230
38894
|
|
|
@@ -37234,8 +38898,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37234
38898
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
37235
38899
|
*/
|
|
37236
38900
|
handleDropdownToggle(event) {
|
|
37237
|
-
this.updateFocusTrap();
|
|
37238
38901
|
this.isPopoverVisible = event.detail.expanded;
|
|
38902
|
+
|
|
38903
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
38904
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
38905
|
+
if (!this.isPopoverVisible) {
|
|
38906
|
+
this.updateFocusTrap();
|
|
38907
|
+
}
|
|
38908
|
+
|
|
37239
38909
|
const eventType = event.detail.eventType || "unknown";
|
|
37240
38910
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
37241
38911
|
this.trigger.focus();
|
|
@@ -37334,19 +39004,178 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37334
39004
|
* @private
|
|
37335
39005
|
*/
|
|
37336
39006
|
updateFocusTrap() {
|
|
39007
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
39008
|
+
// to prevent duplicate listeners on repeated calls.
|
|
39009
|
+
if (this._bibTabHandler) {
|
|
39010
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
39011
|
+
this._bibTabHandler = undefined;
|
|
39012
|
+
}
|
|
39013
|
+
|
|
39014
|
+
if (this.focusTrap) {
|
|
39015
|
+
this.focusTrap.disconnect();
|
|
39016
|
+
this.focusTrap = undefined;
|
|
39017
|
+
}
|
|
39018
|
+
|
|
37337
39019
|
if (this.isPopoverVisible) {
|
|
37338
39020
|
if (!this.isBibFullscreen) {
|
|
37339
|
-
|
|
37340
|
-
|
|
37341
|
-
|
|
39021
|
+
if (this.desktopModal) {
|
|
39022
|
+
// Desktop modal: trap focus only within the bib content.
|
|
39023
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
39024
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
39025
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
39026
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
39027
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
39028
|
+
// within the bib's focusable elements.
|
|
39029
|
+
this._bibTabHandler = (event) => {
|
|
39030
|
+
if (event.key !== 'Tab') {
|
|
39031
|
+
return;
|
|
39032
|
+
}
|
|
39033
|
+
|
|
39034
|
+
// Collect focusable elements from the bib content.
|
|
39035
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
39036
|
+
|
|
39037
|
+
// Fallback: try from slotted content directly
|
|
39038
|
+
if (!focusables.length) {
|
|
39039
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
39040
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
39041
|
+
|
|
39042
|
+
for (const node of assignedNodes) {
|
|
39043
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
39044
|
+
focusables.push(...getFocusableElements$2(node));
|
|
39045
|
+
}
|
|
39046
|
+
}
|
|
39047
|
+
}
|
|
39048
|
+
|
|
39049
|
+
if (!focusables.length) {
|
|
39050
|
+
return;
|
|
39051
|
+
}
|
|
39052
|
+
|
|
39053
|
+
event.preventDefault();
|
|
39054
|
+
|
|
39055
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
39056
|
+
|
|
39057
|
+
// Walk the active element chain through shadow roots
|
|
39058
|
+
const actives = this._getActiveElements();
|
|
39059
|
+
|
|
39060
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
39061
|
+
|
|
39062
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
39063
|
+
// Focus is not on a known element — move to first/last
|
|
39064
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
39065
|
+
}
|
|
39066
|
+
|
|
39067
|
+
// Try each element in order, skipping any that can't receive focus
|
|
39068
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
39069
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
39070
|
+
let nextIdx = idx + direction;
|
|
39071
|
+
|
|
39072
|
+
// Wrap around
|
|
39073
|
+
if (nextIdx < 0) {
|
|
39074
|
+
nextIdx = focusables.length - 1;
|
|
39075
|
+
} else if (nextIdx >= focusables.length) {
|
|
39076
|
+
nextIdx = 0;
|
|
39077
|
+
}
|
|
39078
|
+
|
|
39079
|
+
focusables[nextIdx].focus();
|
|
39080
|
+
|
|
39081
|
+
// Verify focus actually moved to the target
|
|
39082
|
+
const newActives = this._getActiveElements();
|
|
39083
|
+
|
|
39084
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
39085
|
+
return;
|
|
39086
|
+
}
|
|
39087
|
+
|
|
39088
|
+
// Focus didn't stick — skip this element and try the next
|
|
39089
|
+
idx = nextIdx;
|
|
39090
|
+
}
|
|
39091
|
+
};
|
|
39092
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
39093
|
+
|
|
39094
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
39095
|
+
requestAnimationFrame(() => {
|
|
39096
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
39097
|
+
if (focusables.length) {
|
|
39098
|
+
focusables[0].focus();
|
|
39099
|
+
}
|
|
39100
|
+
});
|
|
39101
|
+
} else {
|
|
39102
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
39103
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
39104
|
+
this.focusTrap.focusFirstElement();
|
|
39105
|
+
}
|
|
37342
39106
|
}
|
|
37343
39107
|
// Fullscreen: showModal() provides native focus trapping
|
|
39108
|
+
}
|
|
39109
|
+
}
|
|
39110
|
+
|
|
39111
|
+
/**
|
|
39112
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
39113
|
+
* @private
|
|
39114
|
+
* @returns {Array<HTMLElement>}
|
|
39115
|
+
*/
|
|
39116
|
+
_getActiveElements() {
|
|
39117
|
+
let { activeElement } = document;
|
|
39118
|
+
const actives = [activeElement];
|
|
39119
|
+
|
|
39120
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
39121
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
39122
|
+
actives.push(activeElement);
|
|
39123
|
+
}
|
|
39124
|
+
|
|
39125
|
+
return actives;
|
|
39126
|
+
}
|
|
39127
|
+
|
|
39128
|
+
/**
|
|
39129
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
39130
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
39131
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
39132
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
39133
|
+
* to ensure all page content outside the host subtree is inert.
|
|
39134
|
+
* @private
|
|
39135
|
+
*/
|
|
39136
|
+
_setPageInert() {
|
|
39137
|
+
if (this._inertSiblings) {
|
|
37344
39138
|
return;
|
|
37345
39139
|
}
|
|
37346
39140
|
|
|
37347
|
-
|
|
37348
|
-
|
|
37349
|
-
|
|
39141
|
+
this._inertSiblings = [];
|
|
39142
|
+
|
|
39143
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
39144
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
39145
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
39146
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
39147
|
+
let host = this;
|
|
39148
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
39149
|
+
host = host.getRootNode().host;
|
|
39150
|
+
}
|
|
39151
|
+
|
|
39152
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
39153
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
39154
|
+
let current = host;
|
|
39155
|
+
while (current.parentElement) {
|
|
39156
|
+
const parent = current.parentElement;
|
|
39157
|
+
for (const sibling of parent.children) {
|
|
39158
|
+
if (sibling !== current) {
|
|
39159
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
39160
|
+
sibling.inert = true;
|
|
39161
|
+
}
|
|
39162
|
+
}
|
|
39163
|
+
current = parent;
|
|
39164
|
+
}
|
|
39165
|
+
}
|
|
39166
|
+
|
|
39167
|
+
/**
|
|
39168
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
39169
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
39170
|
+
* not inadvertently re-enabled.
|
|
39171
|
+
* @private
|
|
39172
|
+
*/
|
|
39173
|
+
_clearPageInert() {
|
|
39174
|
+
if (this._inertSiblings) {
|
|
39175
|
+
for (const entry of this._inertSiblings) {
|
|
39176
|
+
entry.element.inert = entry.wasInert;
|
|
39177
|
+
}
|
|
39178
|
+
this._inertSiblings = undefined;
|
|
37350
39179
|
}
|
|
37351
39180
|
}
|
|
37352
39181
|
|
|
@@ -37585,6 +39414,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37585
39414
|
shape="${this.shape}"
|
|
37586
39415
|
?data-show="${this.isPopoverVisible}"
|
|
37587
39416
|
?isfullscreen="${this.isBibFullscreen}"
|
|
39417
|
+
?desktopmodal="${this.desktopModal}"
|
|
37588
39418
|
.dialogLabel="${this.bibDialogLabel}"
|
|
37589
39419
|
${n$6(this.bibElement)}
|
|
37590
39420
|
>
|
|
@@ -37744,7 +39574,7 @@ let l$1$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(
|
|
|
37744
39574
|
|
|
37745
39575
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
37746
39576
|
|
|
37747
|
-
let AuroLibraryRuntimeUtils$
|
|
39577
|
+
let AuroLibraryRuntimeUtils$1$6 = class AuroLibraryRuntimeUtils {
|
|
37748
39578
|
|
|
37749
39579
|
/* eslint-disable jsdoc/require-param */
|
|
37750
39580
|
|
|
@@ -37850,7 +39680,7 @@ class AuroCounterButton extends T$1$1 {
|
|
|
37850
39680
|
*
|
|
37851
39681
|
*/
|
|
37852
39682
|
static register(name = "auro-counter-button") {
|
|
37853
|
-
AuroLibraryRuntimeUtils$
|
|
39683
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterButton);
|
|
37854
39684
|
}
|
|
37855
39685
|
}
|
|
37856
39686
|
|
|
@@ -38342,7 +40172,7 @@ const {
|
|
|
38342
40172
|
let AuroFormValidation$5 = class AuroFormValidation {
|
|
38343
40173
|
|
|
38344
40174
|
constructor() {
|
|
38345
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
40175
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$6();
|
|
38346
40176
|
}
|
|
38347
40177
|
|
|
38348
40178
|
/**
|
|
@@ -38907,239 +40737,11 @@ var plusIcon = {"role":"img","color":"currentColor","title":"","desc":"","width"
|
|
|
38907
40737
|
|
|
38908
40738
|
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>"};
|
|
38909
40739
|
|
|
38910
|
-
var colorCss$
|
|
38911
|
-
|
|
38912
|
-
var styleCss$3$2 = i$7`.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}`;
|
|
38913
|
-
|
|
38914
|
-
var colorCss$2$5 = i$7`: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)}`;
|
|
38915
|
-
|
|
38916
|
-
var styleCss$2$5 = i$7`.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}`;
|
|
38917
|
-
|
|
38918
|
-
var tokensCss$8 = i$7`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
38919
|
-
|
|
38920
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
38921
|
-
// See LICENSE in the project root for license information.
|
|
38922
|
-
|
|
38923
|
-
// ---------------------------------------------------------------------
|
|
38924
|
-
|
|
38925
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
38926
|
-
|
|
38927
|
-
let AuroLibraryRuntimeUtils$1$6 = class AuroLibraryRuntimeUtils {
|
|
38928
|
-
|
|
38929
|
-
/* eslint-disable jsdoc/require-param */
|
|
38930
|
-
|
|
38931
|
-
/**
|
|
38932
|
-
* This will register a new custom element with the browser.
|
|
38933
|
-
* @param {String} name - The name of the custom element.
|
|
38934
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
38935
|
-
* @returns {void}
|
|
38936
|
-
*/
|
|
38937
|
-
registerComponent(name, componentClass) {
|
|
38938
|
-
if (!customElements.get(name)) {
|
|
38939
|
-
customElements.define(name, class extends componentClass {});
|
|
38940
|
-
}
|
|
38941
|
-
}
|
|
38942
|
-
|
|
38943
|
-
/**
|
|
38944
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
38945
|
-
* @returns {void}
|
|
38946
|
-
*/
|
|
38947
|
-
closestElement(
|
|
38948
|
-
selector, // selector like in .closest()
|
|
38949
|
-
base = this, // extra functionality to skip a parent
|
|
38950
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
38951
|
-
!el || el === document || el === window
|
|
38952
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
38953
|
-
: found
|
|
38954
|
-
? found // found a selector INside this element
|
|
38955
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
38956
|
-
) {
|
|
38957
|
-
return __Closest(base);
|
|
38958
|
-
}
|
|
38959
|
-
/* eslint-enable jsdoc/require-param */
|
|
38960
|
-
|
|
38961
|
-
/**
|
|
38962
|
-
* 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.
|
|
38963
|
-
* @param {Object} elem - The element to check.
|
|
38964
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
38965
|
-
* @returns {void}
|
|
38966
|
-
*/
|
|
38967
|
-
handleComponentTagRename(elem, tagName) {
|
|
38968
|
-
const tag = tagName.toLowerCase();
|
|
38969
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
38970
|
-
|
|
38971
|
-
if (elemTag !== tag) {
|
|
38972
|
-
elem.setAttribute(tag, true);
|
|
38973
|
-
}
|
|
38974
|
-
}
|
|
38975
|
-
|
|
38976
|
-
/**
|
|
38977
|
-
* Validates if an element is a specific Auro component.
|
|
38978
|
-
* @param {Object} elem - The element to validate.
|
|
38979
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
38980
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
38981
|
-
*/
|
|
38982
|
-
elementMatch(elem, tagName) {
|
|
38983
|
-
const tag = tagName.toLowerCase();
|
|
38984
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
38985
|
-
|
|
38986
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
38987
|
-
}
|
|
38988
|
-
|
|
38989
|
-
/**
|
|
38990
|
-
* Gets the text content of a named slot.
|
|
38991
|
-
* @returns {String}
|
|
38992
|
-
* @private
|
|
38993
|
-
*/
|
|
38994
|
-
getSlotText(elem, name) {
|
|
38995
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
38996
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
38997
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
38998
|
-
|
|
38999
|
-
return text || null;
|
|
39000
|
-
}
|
|
39001
|
-
};
|
|
39002
|
-
|
|
39003
|
-
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
39004
|
-
// See LICENSE in the project root for license information.
|
|
39005
|
-
|
|
39006
|
-
|
|
39007
|
-
/**
|
|
39008
|
-
* Displays help text or error messages within form elements - Internal Use Only.
|
|
39009
|
-
*/
|
|
39010
|
-
let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
39011
|
-
|
|
39012
|
-
constructor() {
|
|
39013
|
-
super();
|
|
39014
|
-
|
|
39015
|
-
this.error = false;
|
|
39016
|
-
this.appearance = "default";
|
|
39017
|
-
this.onDark = false;
|
|
39018
|
-
this.hasTextContent = false;
|
|
39019
|
-
|
|
39020
|
-
AuroLibraryRuntimeUtils$1$6.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
39021
|
-
}
|
|
39022
|
-
|
|
39023
|
-
static get styles() {
|
|
39024
|
-
return [
|
|
39025
|
-
colorCss$2$5,
|
|
39026
|
-
styleCss$2$5,
|
|
39027
|
-
tokensCss$8
|
|
39028
|
-
];
|
|
39029
|
-
}
|
|
39030
|
-
|
|
39031
|
-
// function to define props used within the scope of this component
|
|
39032
|
-
static get properties() {
|
|
39033
|
-
return {
|
|
39034
|
-
|
|
39035
|
-
/**
|
|
39036
|
-
* Defines whether the component will be on lighter or darker backgrounds.
|
|
39037
|
-
* @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
|
|
39038
|
-
* @default 'default'
|
|
39039
|
-
*/
|
|
39040
|
-
appearance: {
|
|
39041
|
-
type: String,
|
|
39042
|
-
reflect: true
|
|
39043
|
-
},
|
|
39044
|
-
|
|
39045
|
-
/**
|
|
39046
|
-
* @private
|
|
39047
|
-
*/
|
|
39048
|
-
slotNodes: {
|
|
39049
|
-
type: Boolean,
|
|
39050
|
-
},
|
|
39051
|
-
|
|
39052
|
-
/**
|
|
39053
|
-
* @private
|
|
39054
|
-
*/
|
|
39055
|
-
hasTextContent: {
|
|
39056
|
-
type: Boolean,
|
|
39057
|
-
},
|
|
39058
|
-
|
|
39059
|
-
/**
|
|
39060
|
-
* If declared, make font color red.
|
|
39061
|
-
*/
|
|
39062
|
-
error: {
|
|
39063
|
-
type: Boolean,
|
|
39064
|
-
reflect: true,
|
|
39065
|
-
},
|
|
39066
|
-
|
|
39067
|
-
/**
|
|
39068
|
-
* DEPRECATED - use `appearance` instead.
|
|
39069
|
-
*/
|
|
39070
|
-
onDark: {
|
|
39071
|
-
type: Boolean,
|
|
39072
|
-
reflect: true
|
|
39073
|
-
}
|
|
39074
|
-
};
|
|
39075
|
-
}
|
|
39076
|
-
|
|
39077
|
-
/**
|
|
39078
|
-
* This will register this element with the browser.
|
|
39079
|
-
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
39080
|
-
*
|
|
39081
|
-
* @example
|
|
39082
|
-
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
39083
|
-
*
|
|
39084
|
-
*/
|
|
39085
|
-
static register(name = "auro-helptext") {
|
|
39086
|
-
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroHelpText);
|
|
39087
|
-
}
|
|
39088
|
-
|
|
39089
|
-
updated() {
|
|
39090
|
-
this.handleSlotChange();
|
|
39091
|
-
}
|
|
39092
|
-
|
|
39093
|
-
handleSlotChange(event) {
|
|
39094
|
-
if (event) {
|
|
39095
|
-
this.slotNodes = event.target.assignedNodes();
|
|
39096
|
-
}
|
|
39097
|
-
|
|
39098
|
-
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
39099
|
-
}
|
|
39100
|
-
|
|
39101
|
-
/**
|
|
39102
|
-
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
39103
|
-
*
|
|
39104
|
-
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
39105
|
-
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
39106
|
-
* @private
|
|
39107
|
-
*/
|
|
39108
|
-
checkSlotsForContent(nodes) {
|
|
39109
|
-
if (!nodes) {
|
|
39110
|
-
return false;
|
|
39111
|
-
}
|
|
39112
|
-
|
|
39113
|
-
return nodes.some((node) => {
|
|
39114
|
-
if (node.textContent.trim()) {
|
|
39115
|
-
return true;
|
|
39116
|
-
}
|
|
40740
|
+
var colorCss$2$5 = i$7`.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)}`;
|
|
39117
40741
|
|
|
39118
|
-
if (!node.querySelector) {
|
|
39119
|
-
return false;
|
|
39120
|
-
}
|
|
40742
|
+
var styleCss$2$5 = i$7`.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}`;
|
|
39121
40743
|
|
|
39122
|
-
|
|
39123
|
-
if (!nestedSlot) {
|
|
39124
|
-
return false;
|
|
39125
|
-
}
|
|
39126
|
-
|
|
39127
|
-
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
39128
|
-
return this.checkSlotsForContent(nestedSlotNodes);
|
|
39129
|
-
});
|
|
39130
|
-
}
|
|
39131
|
-
|
|
39132
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
39133
|
-
render() {
|
|
39134
|
-
return b$7`
|
|
39135
|
-
<div class="helptext-wrapper body-xs" ?visible="${this.hasTextContent}">
|
|
39136
|
-
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
39137
|
-
</div>
|
|
39138
|
-
`;
|
|
39139
|
-
}
|
|
39140
|
-
};
|
|
39141
|
-
|
|
39142
|
-
var formkitVersion$6 = '202606011708';
|
|
40744
|
+
var formkitVersion$6 = '202606011911';
|
|
39143
40745
|
|
|
39144
40746
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
39145
40747
|
// See LICENSE in the project root for license information.
|
|
@@ -39225,12 +40827,12 @@ class AuroCounter extends i$4 {
|
|
|
39225
40827
|
/**
|
|
39226
40828
|
* @private
|
|
39227
40829
|
*/
|
|
39228
|
-
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion$6, AuroHelpText$
|
|
40830
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', formkitVersion$6, AuroHelpText$7);
|
|
39229
40831
|
|
|
39230
40832
|
/**
|
|
39231
40833
|
* @private
|
|
39232
40834
|
*/
|
|
39233
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
40835
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$6();
|
|
39234
40836
|
|
|
39235
40837
|
}
|
|
39236
40838
|
|
|
@@ -39372,14 +40974,14 @@ class AuroCounter extends i$4 {
|
|
|
39372
40974
|
* AuroCounter.register("custom-counter") // registers <custom-counter/>
|
|
39373
40975
|
*/
|
|
39374
40976
|
static register(name = "auro-counter") {
|
|
39375
|
-
AuroLibraryRuntimeUtils$
|
|
40977
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounter);
|
|
39376
40978
|
}
|
|
39377
40979
|
|
|
39378
40980
|
static get styles() {
|
|
39379
40981
|
return [
|
|
39380
40982
|
tokens,
|
|
39381
|
-
colorCss$
|
|
39382
|
-
styleCss$
|
|
40983
|
+
colorCss$2$5,
|
|
40984
|
+
styleCss$2$5
|
|
39383
40985
|
];
|
|
39384
40986
|
}
|
|
39385
40987
|
|
|
@@ -39877,6 +41479,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
39877
41479
|
large: {
|
|
39878
41480
|
type: Boolean,
|
|
39879
41481
|
reflect: true
|
|
41482
|
+
},
|
|
41483
|
+
|
|
41484
|
+
/**
|
|
41485
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
41486
|
+
*/
|
|
41487
|
+
showFooter: {
|
|
41488
|
+
type: Boolean,
|
|
41489
|
+
reflect: true
|
|
39880
41490
|
}
|
|
39881
41491
|
};
|
|
39882
41492
|
}
|
|
@@ -39979,7 +41589,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
39979
41589
|
<slot></slot>
|
|
39980
41590
|
</div>
|
|
39981
41591
|
|
|
39982
|
-
${this.isFullscreen ? u$c`
|
|
41592
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
39983
41593
|
<div id="footerContainer">
|
|
39984
41594
|
<slot name="footer"></slot>
|
|
39985
41595
|
</div>` : null}
|
|
@@ -40018,7 +41628,7 @@ class AuroCounterWrapper extends i$4 {
|
|
|
40018
41628
|
* AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
|
|
40019
41629
|
*/
|
|
40020
41630
|
static register(name = "auro-counter-wrapper") {
|
|
40021
|
-
AuroLibraryRuntimeUtils$
|
|
41631
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterWrapper);
|
|
40022
41632
|
}
|
|
40023
41633
|
|
|
40024
41634
|
// function that renders the HTML and CSS into the scope of the component
|
|
@@ -40244,7 +41854,7 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
40244
41854
|
* @private
|
|
40245
41855
|
* @type {string}
|
|
40246
41856
|
*/
|
|
40247
|
-
this.helpTextTag = versioning.generateTag("auro-formkit-counter-helptext", formkitVersion$6, AuroHelpText$
|
|
41857
|
+
this.helpTextTag = versioning.generateTag("auro-formkit-counter-helptext", formkitVersion$6, AuroHelpText$7);
|
|
40248
41858
|
|
|
40249
41859
|
/**
|
|
40250
41860
|
* @private
|
|
@@ -40770,7 +42380,7 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
40770
42380
|
* AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
|
|
40771
42381
|
*/
|
|
40772
42382
|
static register(name = "auro-counter-group") {
|
|
40773
|
-
AuroLibraryRuntimeUtils$
|
|
42383
|
+
AuroLibraryRuntimeUtils$1$6.prototype.registerComponent(name, AuroCounterGroup);
|
|
40774
42384
|
}
|
|
40775
42385
|
|
|
40776
42386
|
/**
|
|
@@ -42557,7 +44167,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
|
|
|
42557
44167
|
}
|
|
42558
44168
|
};
|
|
42559
44169
|
|
|
42560
|
-
var formkitVersion$5 = '
|
|
44170
|
+
var formkitVersion$5 = '202606011911';
|
|
42561
44171
|
|
|
42562
44172
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
42563
44173
|
// See LICENSE in the project root for license information.
|
|
@@ -44729,7 +46339,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
|
|
|
44729
46339
|
}
|
|
44730
46340
|
};
|
|
44731
46341
|
|
|
44732
|
-
var formkitVersion$4 = '
|
|
46342
|
+
var formkitVersion$4 = '202606011911';
|
|
44733
46343
|
|
|
44734
46344
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
44735
46345
|
// See LICENSE in the project root for license information.
|
|
@@ -49718,7 +51328,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
49718
51328
|
});
|
|
49719
51329
|
}
|
|
49720
51330
|
|
|
49721
|
-
var styleCss$2$1$1 = i$7`: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}`;
|
|
51331
|
+
var styleCss$2$1$1 = i$7`: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}`;
|
|
49722
51332
|
|
|
49723
51333
|
var colorCss$2$1 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
49724
51334
|
|
|
@@ -50349,7 +51959,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
50349
51959
|
}
|
|
50350
51960
|
};
|
|
50351
51961
|
|
|
50352
|
-
var formkitVersion$2 = '
|
|
51962
|
+
var formkitVersion$2 = '202606011911';
|
|
50353
51963
|
|
|
50354
51964
|
let AuroElement$2$1 = class AuroElement extends i$4 {
|
|
50355
51965
|
static get properties() {
|
|
@@ -50529,6 +52139,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50529
52139
|
_intializeDefaults() {
|
|
50530
52140
|
this.appearance = 'default';
|
|
50531
52141
|
this.chevron = false;
|
|
52142
|
+
this.desktopModal = false;
|
|
50532
52143
|
this.disabled = false;
|
|
50533
52144
|
this.disableKeyboardHandling = false;
|
|
50534
52145
|
this.error = false;
|
|
@@ -50709,6 +52320,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50709
52320
|
reflect: true
|
|
50710
52321
|
},
|
|
50711
52322
|
|
|
52323
|
+
/**
|
|
52324
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
52325
|
+
*/
|
|
52326
|
+
desktopModal: {
|
|
52327
|
+
type: Boolean,
|
|
52328
|
+
reflect: true
|
|
52329
|
+
},
|
|
52330
|
+
|
|
50712
52331
|
/**
|
|
50713
52332
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
50714
52333
|
*/
|
|
@@ -50996,6 +52615,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50996
52615
|
|
|
50997
52616
|
disconnectedCallback() {
|
|
50998
52617
|
super.disconnectedCallback();
|
|
52618
|
+
this._clearPageInert();
|
|
52619
|
+
if (this._bibTabHandler) {
|
|
52620
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52621
|
+
this._bibTabHandler = undefined;
|
|
52622
|
+
}
|
|
52623
|
+
if (this.focusTrap) {
|
|
52624
|
+
this.focusTrap.disconnect();
|
|
52625
|
+
this.focusTrap = undefined;
|
|
52626
|
+
}
|
|
50999
52627
|
if (this.floater) {
|
|
51000
52628
|
this.floater.hideBib('disconnect');
|
|
51001
52629
|
this.floater.disconnect();
|
|
@@ -51023,19 +52651,45 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51023
52651
|
if (this.isPopoverVisible) {
|
|
51024
52652
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
51025
52653
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
51026
|
-
|
|
51027
|
-
this.
|
|
52654
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
52655
|
+
this.updateFocusTrap();
|
|
52656
|
+
|
|
52657
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
52658
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52659
|
+
this._setPageInert();
|
|
52660
|
+
}
|
|
51028
52661
|
} else {
|
|
51029
52662
|
this.bibElement.value.close();
|
|
52663
|
+
this._clearPageInert();
|
|
51030
52664
|
}
|
|
51031
52665
|
}
|
|
51032
52666
|
|
|
51033
52667
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
51034
52668
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
51035
52669
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
51036
|
-
const useModal = this.isBibFullscreen;
|
|
51037
52670
|
this.bibElement.value.close();
|
|
51038
|
-
this.bibElement.value.open(
|
|
52671
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
52672
|
+
|
|
52673
|
+
// Re-initialize focus management for the new strategy
|
|
52674
|
+
this.updateFocusTrap();
|
|
52675
|
+
|
|
52676
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
52677
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52678
|
+
this._setPageInert();
|
|
52679
|
+
} else {
|
|
52680
|
+
this._clearPageInert();
|
|
52681
|
+
}
|
|
52682
|
+
}
|
|
52683
|
+
|
|
52684
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
52685
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
52686
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
52687
|
+
this.updateFocusTrap();
|
|
52688
|
+
if (this.desktopModal) {
|
|
52689
|
+
this._setPageInert();
|
|
52690
|
+
} else {
|
|
52691
|
+
this._clearPageInert();
|
|
52692
|
+
}
|
|
51039
52693
|
}
|
|
51040
52694
|
}
|
|
51041
52695
|
|
|
@@ -51045,8 +52699,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51045
52699
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
51046
52700
|
*/
|
|
51047
52701
|
handleDropdownToggle(event) {
|
|
51048
|
-
this.updateFocusTrap();
|
|
51049
52702
|
this.isPopoverVisible = event.detail.expanded;
|
|
52703
|
+
|
|
52704
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
52705
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
52706
|
+
if (!this.isPopoverVisible) {
|
|
52707
|
+
this.updateFocusTrap();
|
|
52708
|
+
}
|
|
52709
|
+
|
|
51050
52710
|
const eventType = event.detail.eventType || "unknown";
|
|
51051
52711
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
51052
52712
|
this.trigger.focus();
|
|
@@ -51145,19 +52805,178 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51145
52805
|
* @private
|
|
51146
52806
|
*/
|
|
51147
52807
|
updateFocusTrap() {
|
|
52808
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
52809
|
+
// to prevent duplicate listeners on repeated calls.
|
|
52810
|
+
if (this._bibTabHandler) {
|
|
52811
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52812
|
+
this._bibTabHandler = undefined;
|
|
52813
|
+
}
|
|
52814
|
+
|
|
52815
|
+
if (this.focusTrap) {
|
|
52816
|
+
this.focusTrap.disconnect();
|
|
52817
|
+
this.focusTrap = undefined;
|
|
52818
|
+
}
|
|
52819
|
+
|
|
51148
52820
|
if (this.isPopoverVisible) {
|
|
51149
52821
|
if (!this.isBibFullscreen) {
|
|
51150
|
-
|
|
51151
|
-
|
|
51152
|
-
|
|
52822
|
+
if (this.desktopModal) {
|
|
52823
|
+
// Desktop modal: trap focus only within the bib content.
|
|
52824
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
52825
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
52826
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
52827
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
52828
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52829
|
+
// within the bib's focusable elements.
|
|
52830
|
+
this._bibTabHandler = (event) => {
|
|
52831
|
+
if (event.key !== 'Tab') {
|
|
52832
|
+
return;
|
|
52833
|
+
}
|
|
52834
|
+
|
|
52835
|
+
// Collect focusable elements from the bib content.
|
|
52836
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
52837
|
+
|
|
52838
|
+
// Fallback: try from slotted content directly
|
|
52839
|
+
if (!focusables.length) {
|
|
52840
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52841
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52842
|
+
|
|
52843
|
+
for (const node of assignedNodes) {
|
|
52844
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52845
|
+
focusables.push(...getFocusableElements$1(node));
|
|
52846
|
+
}
|
|
52847
|
+
}
|
|
52848
|
+
}
|
|
52849
|
+
|
|
52850
|
+
if (!focusables.length) {
|
|
52851
|
+
return;
|
|
52852
|
+
}
|
|
52853
|
+
|
|
52854
|
+
event.preventDefault();
|
|
52855
|
+
|
|
52856
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52857
|
+
|
|
52858
|
+
// Walk the active element chain through shadow roots
|
|
52859
|
+
const actives = this._getActiveElements();
|
|
52860
|
+
|
|
52861
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52862
|
+
|
|
52863
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52864
|
+
// Focus is not on a known element — move to first/last
|
|
52865
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52866
|
+
}
|
|
52867
|
+
|
|
52868
|
+
// Try each element in order, skipping any that can't receive focus
|
|
52869
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
52870
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52871
|
+
let nextIdx = idx + direction;
|
|
52872
|
+
|
|
52873
|
+
// Wrap around
|
|
52874
|
+
if (nextIdx < 0) {
|
|
52875
|
+
nextIdx = focusables.length - 1;
|
|
52876
|
+
} else if (nextIdx >= focusables.length) {
|
|
52877
|
+
nextIdx = 0;
|
|
52878
|
+
}
|
|
52879
|
+
|
|
52880
|
+
focusables[nextIdx].focus();
|
|
52881
|
+
|
|
52882
|
+
// Verify focus actually moved to the target
|
|
52883
|
+
const newActives = this._getActiveElements();
|
|
52884
|
+
|
|
52885
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
52886
|
+
return;
|
|
52887
|
+
}
|
|
52888
|
+
|
|
52889
|
+
// Focus didn't stick — skip this element and try the next
|
|
52890
|
+
idx = nextIdx;
|
|
52891
|
+
}
|
|
52892
|
+
};
|
|
52893
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
52894
|
+
|
|
52895
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
52896
|
+
requestAnimationFrame(() => {
|
|
52897
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
52898
|
+
if (focusables.length) {
|
|
52899
|
+
focusables[0].focus();
|
|
52900
|
+
}
|
|
52901
|
+
});
|
|
52902
|
+
} else {
|
|
52903
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
52904
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52905
|
+
this.focusTrap.focusFirstElement();
|
|
52906
|
+
}
|
|
51153
52907
|
}
|
|
51154
52908
|
// Fullscreen: showModal() provides native focus trapping
|
|
52909
|
+
}
|
|
52910
|
+
}
|
|
52911
|
+
|
|
52912
|
+
/**
|
|
52913
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
52914
|
+
* @private
|
|
52915
|
+
* @returns {Array<HTMLElement>}
|
|
52916
|
+
*/
|
|
52917
|
+
_getActiveElements() {
|
|
52918
|
+
let { activeElement } = document;
|
|
52919
|
+
const actives = [activeElement];
|
|
52920
|
+
|
|
52921
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
52922
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
52923
|
+
actives.push(activeElement);
|
|
52924
|
+
}
|
|
52925
|
+
|
|
52926
|
+
return actives;
|
|
52927
|
+
}
|
|
52928
|
+
|
|
52929
|
+
/**
|
|
52930
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52931
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52932
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52933
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
52934
|
+
* to ensure all page content outside the host subtree is inert.
|
|
52935
|
+
* @private
|
|
52936
|
+
*/
|
|
52937
|
+
_setPageInert() {
|
|
52938
|
+
if (this._inertSiblings) {
|
|
51155
52939
|
return;
|
|
51156
52940
|
}
|
|
51157
52941
|
|
|
51158
|
-
|
|
51159
|
-
|
|
51160
|
-
|
|
52942
|
+
this._inertSiblings = [];
|
|
52943
|
+
|
|
52944
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
52945
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
52946
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52947
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
52948
|
+
let host = this;
|
|
52949
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52950
|
+
host = host.getRootNode().host;
|
|
52951
|
+
}
|
|
52952
|
+
|
|
52953
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
52954
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
52955
|
+
let current = host;
|
|
52956
|
+
while (current.parentElement) {
|
|
52957
|
+
const parent = current.parentElement;
|
|
52958
|
+
for (const sibling of parent.children) {
|
|
52959
|
+
if (sibling !== current) {
|
|
52960
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
52961
|
+
sibling.inert = true;
|
|
52962
|
+
}
|
|
52963
|
+
}
|
|
52964
|
+
current = parent;
|
|
52965
|
+
}
|
|
52966
|
+
}
|
|
52967
|
+
|
|
52968
|
+
/**
|
|
52969
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
52970
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
52971
|
+
* not inadvertently re-enabled.
|
|
52972
|
+
* @private
|
|
52973
|
+
*/
|
|
52974
|
+
_clearPageInert() {
|
|
52975
|
+
if (this._inertSiblings) {
|
|
52976
|
+
for (const entry of this._inertSiblings) {
|
|
52977
|
+
entry.element.inert = entry.wasInert;
|
|
52978
|
+
}
|
|
52979
|
+
this._inertSiblings = undefined;
|
|
51161
52980
|
}
|
|
51162
52981
|
}
|
|
51163
52982
|
|
|
@@ -51396,6 +53215,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51396
53215
|
shape="${this.shape}"
|
|
51397
53216
|
?data-show="${this.isPopoverVisible}"
|
|
51398
53217
|
?isfullscreen="${this.isBibFullscreen}"
|
|
53218
|
+
?desktopmodal="${this.desktopModal}"
|
|
51399
53219
|
.dialogLabel="${this.bibDialogLabel}"
|
|
51400
53220
|
${n$6(this.bibElement)}
|
|
51401
53221
|
>
|
|
@@ -58094,7 +59914,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
|
|
|
58094
59914
|
}
|
|
58095
59915
|
};
|
|
58096
59916
|
|
|
58097
|
-
var formkitVersion$1$1 = '
|
|
59917
|
+
var formkitVersion$1$1 = '202606011911';
|
|
58098
59918
|
|
|
58099
59919
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
58100
59920
|
// See LICENSE in the project root for license information.
|
|
@@ -59048,6 +60868,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59048
60868
|
large: {
|
|
59049
60869
|
type: Boolean,
|
|
59050
60870
|
reflect: true
|
|
60871
|
+
},
|
|
60872
|
+
|
|
60873
|
+
/**
|
|
60874
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60875
|
+
*/
|
|
60876
|
+
showFooter: {
|
|
60877
|
+
type: Boolean,
|
|
60878
|
+
reflect: true
|
|
59051
60879
|
}
|
|
59052
60880
|
};
|
|
59053
60881
|
}
|
|
@@ -59150,7 +60978,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59150
60978
|
<slot></slot>
|
|
59151
60979
|
</div>
|
|
59152
60980
|
|
|
59153
|
-
${this.isFullscreen ? u$c`
|
|
60981
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
59154
60982
|
<div id="footerContainer">
|
|
59155
60983
|
<slot name="footer"></slot>
|
|
59156
60984
|
</div>` : null}
|
|
@@ -59159,7 +60987,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59159
60987
|
}
|
|
59160
60988
|
};
|
|
59161
60989
|
|
|
59162
|
-
var formkitVersion$3 = '
|
|
60990
|
+
var formkitVersion$3 = '202606011911';
|
|
59163
60991
|
|
|
59164
60992
|
var styleCss$1$3 = i$7`.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}`;
|
|
59165
60993
|
|
|
@@ -68020,7 +69848,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
68020
69848
|
});
|
|
68021
69849
|
}
|
|
68022
69850
|
|
|
68023
|
-
var styleCss$2$1 = i$7`: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}`;
|
|
69851
|
+
var styleCss$2$1 = i$7`: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}`;
|
|
68024
69852
|
|
|
68025
69853
|
var colorCss$2 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
68026
69854
|
|
|
@@ -68651,7 +70479,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
68651
70479
|
}
|
|
68652
70480
|
};
|
|
68653
70481
|
|
|
68654
|
-
var formkitVersion$1 = '
|
|
70482
|
+
var formkitVersion$1 = '202606011911';
|
|
68655
70483
|
|
|
68656
70484
|
class AuroElement extends i$4 {
|
|
68657
70485
|
static get properties() {
|
|
@@ -68831,6 +70659,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68831
70659
|
_intializeDefaults() {
|
|
68832
70660
|
this.appearance = 'default';
|
|
68833
70661
|
this.chevron = false;
|
|
70662
|
+
this.desktopModal = false;
|
|
68834
70663
|
this.disabled = false;
|
|
68835
70664
|
this.disableKeyboardHandling = false;
|
|
68836
70665
|
this.error = false;
|
|
@@ -69011,6 +70840,14 @@ class AuroDropdown extends AuroElement {
|
|
|
69011
70840
|
reflect: true
|
|
69012
70841
|
},
|
|
69013
70842
|
|
|
70843
|
+
/**
|
|
70844
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70845
|
+
*/
|
|
70846
|
+
desktopModal: {
|
|
70847
|
+
type: Boolean,
|
|
70848
|
+
reflect: true
|
|
70849
|
+
},
|
|
70850
|
+
|
|
69014
70851
|
/**
|
|
69015
70852
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
69016
70853
|
*/
|
|
@@ -69298,6 +71135,15 @@ class AuroDropdown extends AuroElement {
|
|
|
69298
71135
|
|
|
69299
71136
|
disconnectedCallback() {
|
|
69300
71137
|
super.disconnectedCallback();
|
|
71138
|
+
this._clearPageInert();
|
|
71139
|
+
if (this._bibTabHandler) {
|
|
71140
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
71141
|
+
this._bibTabHandler = undefined;
|
|
71142
|
+
}
|
|
71143
|
+
if (this.focusTrap) {
|
|
71144
|
+
this.focusTrap.disconnect();
|
|
71145
|
+
this.focusTrap = undefined;
|
|
71146
|
+
}
|
|
69301
71147
|
if (this.floater) {
|
|
69302
71148
|
this.floater.hideBib('disconnect');
|
|
69303
71149
|
this.floater.disconnect();
|
|
@@ -69325,19 +71171,45 @@ class AuroDropdown extends AuroElement {
|
|
|
69325
71171
|
if (this.isPopoverVisible) {
|
|
69326
71172
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
69327
71173
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
69328
|
-
|
|
69329
|
-
this.
|
|
71174
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
71175
|
+
this.updateFocusTrap();
|
|
71176
|
+
|
|
71177
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
71178
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
71179
|
+
this._setPageInert();
|
|
71180
|
+
}
|
|
69330
71181
|
} else {
|
|
69331
71182
|
this.bibElement.value.close();
|
|
71183
|
+
this._clearPageInert();
|
|
69332
71184
|
}
|
|
69333
71185
|
}
|
|
69334
71186
|
|
|
69335
71187
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
69336
71188
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
69337
71189
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
69338
|
-
const useModal = this.isBibFullscreen;
|
|
69339
71190
|
this.bibElement.value.close();
|
|
69340
|
-
this.bibElement.value.open(
|
|
71191
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
71192
|
+
|
|
71193
|
+
// Re-initialize focus management for the new strategy
|
|
71194
|
+
this.updateFocusTrap();
|
|
71195
|
+
|
|
71196
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
71197
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
71198
|
+
this._setPageInert();
|
|
71199
|
+
} else {
|
|
71200
|
+
this._clearPageInert();
|
|
71201
|
+
}
|
|
71202
|
+
}
|
|
71203
|
+
|
|
71204
|
+
// Handle desktopModal toggled while the dropdown is already open.
|
|
71205
|
+
// Re-initialize focus trapping and page inert state to match the new mode.
|
|
71206
|
+
if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
|
|
71207
|
+
this.updateFocusTrap();
|
|
71208
|
+
if (this.desktopModal) {
|
|
71209
|
+
this._setPageInert();
|
|
71210
|
+
} else {
|
|
71211
|
+
this._clearPageInert();
|
|
71212
|
+
}
|
|
69341
71213
|
}
|
|
69342
71214
|
}
|
|
69343
71215
|
|
|
@@ -69347,8 +71219,14 @@ class AuroDropdown extends AuroElement {
|
|
|
69347
71219
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
69348
71220
|
*/
|
|
69349
71221
|
handleDropdownToggle(event) {
|
|
69350
|
-
this.updateFocusTrap();
|
|
69351
71222
|
this.isPopoverVisible = event.detail.expanded;
|
|
71223
|
+
|
|
71224
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
71225
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
71226
|
+
if (!this.isPopoverVisible) {
|
|
71227
|
+
this.updateFocusTrap();
|
|
71228
|
+
}
|
|
71229
|
+
|
|
69352
71230
|
const eventType = event.detail.eventType || "unknown";
|
|
69353
71231
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
69354
71232
|
this.trigger.focus();
|
|
@@ -69447,19 +71325,178 @@ class AuroDropdown extends AuroElement {
|
|
|
69447
71325
|
* @private
|
|
69448
71326
|
*/
|
|
69449
71327
|
updateFocusTrap() {
|
|
71328
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
71329
|
+
// to prevent duplicate listeners on repeated calls.
|
|
71330
|
+
if (this._bibTabHandler) {
|
|
71331
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
71332
|
+
this._bibTabHandler = undefined;
|
|
71333
|
+
}
|
|
71334
|
+
|
|
71335
|
+
if (this.focusTrap) {
|
|
71336
|
+
this.focusTrap.disconnect();
|
|
71337
|
+
this.focusTrap = undefined;
|
|
71338
|
+
}
|
|
71339
|
+
|
|
69450
71340
|
if (this.isPopoverVisible) {
|
|
69451
71341
|
if (!this.isBibFullscreen) {
|
|
69452
|
-
|
|
69453
|
-
|
|
69454
|
-
|
|
71342
|
+
if (this.desktopModal) {
|
|
71343
|
+
// Desktop modal: trap focus only within the bib content.
|
|
71344
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
71345
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
71346
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
71347
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
71348
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
71349
|
+
// within the bib's focusable elements.
|
|
71350
|
+
this._bibTabHandler = (event) => {
|
|
71351
|
+
if (event.key !== 'Tab') {
|
|
71352
|
+
return;
|
|
71353
|
+
}
|
|
71354
|
+
|
|
71355
|
+
// Collect focusable elements from the bib content.
|
|
71356
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
71357
|
+
|
|
71358
|
+
// Fallback: try from slotted content directly
|
|
71359
|
+
if (!focusables.length) {
|
|
71360
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
71361
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
71362
|
+
|
|
71363
|
+
for (const node of assignedNodes) {
|
|
71364
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
71365
|
+
focusables.push(...getFocusableElements(node));
|
|
71366
|
+
}
|
|
71367
|
+
}
|
|
71368
|
+
}
|
|
71369
|
+
|
|
71370
|
+
if (!focusables.length) {
|
|
71371
|
+
return;
|
|
71372
|
+
}
|
|
71373
|
+
|
|
71374
|
+
event.preventDefault();
|
|
71375
|
+
|
|
71376
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
71377
|
+
|
|
71378
|
+
// Walk the active element chain through shadow roots
|
|
71379
|
+
const actives = this._getActiveElements();
|
|
71380
|
+
|
|
71381
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
71382
|
+
|
|
71383
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
71384
|
+
// Focus is not on a known element — move to first/last
|
|
71385
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
71386
|
+
}
|
|
71387
|
+
|
|
71388
|
+
// Try each element in order, skipping any that can't receive focus
|
|
71389
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
71390
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
71391
|
+
let nextIdx = idx + direction;
|
|
71392
|
+
|
|
71393
|
+
// Wrap around
|
|
71394
|
+
if (nextIdx < 0) {
|
|
71395
|
+
nextIdx = focusables.length - 1;
|
|
71396
|
+
} else if (nextIdx >= focusables.length) {
|
|
71397
|
+
nextIdx = 0;
|
|
71398
|
+
}
|
|
71399
|
+
|
|
71400
|
+
focusables[nextIdx].focus();
|
|
71401
|
+
|
|
71402
|
+
// Verify focus actually moved to the target
|
|
71403
|
+
const newActives = this._getActiveElements();
|
|
71404
|
+
|
|
71405
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
71406
|
+
return;
|
|
71407
|
+
}
|
|
71408
|
+
|
|
71409
|
+
// Focus didn't stick — skip this element and try the next
|
|
71410
|
+
idx = nextIdx;
|
|
71411
|
+
}
|
|
71412
|
+
};
|
|
71413
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
71414
|
+
|
|
71415
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
71416
|
+
requestAnimationFrame(() => {
|
|
71417
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
71418
|
+
if (focusables.length) {
|
|
71419
|
+
focusables[0].focus();
|
|
71420
|
+
}
|
|
71421
|
+
});
|
|
71422
|
+
} else {
|
|
71423
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
71424
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
71425
|
+
this.focusTrap.focusFirstElement();
|
|
71426
|
+
}
|
|
69455
71427
|
}
|
|
69456
71428
|
// Fullscreen: showModal() provides native focus trapping
|
|
71429
|
+
}
|
|
71430
|
+
}
|
|
71431
|
+
|
|
71432
|
+
/**
|
|
71433
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
71434
|
+
* @private
|
|
71435
|
+
* @returns {Array<HTMLElement>}
|
|
71436
|
+
*/
|
|
71437
|
+
_getActiveElements() {
|
|
71438
|
+
let { activeElement } = document;
|
|
71439
|
+
const actives = [activeElement];
|
|
71440
|
+
|
|
71441
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
71442
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
71443
|
+
actives.push(activeElement);
|
|
71444
|
+
}
|
|
71445
|
+
|
|
71446
|
+
return actives;
|
|
71447
|
+
}
|
|
71448
|
+
|
|
71449
|
+
/**
|
|
71450
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
71451
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
71452
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
71453
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
71454
|
+
* to ensure all page content outside the host subtree is inert.
|
|
71455
|
+
* @private
|
|
71456
|
+
*/
|
|
71457
|
+
_setPageInert() {
|
|
71458
|
+
if (this._inertSiblings) {
|
|
69457
71459
|
return;
|
|
69458
71460
|
}
|
|
69459
71461
|
|
|
69460
|
-
|
|
69461
|
-
|
|
69462
|
-
|
|
71462
|
+
this._inertSiblings = [];
|
|
71463
|
+
|
|
71464
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
71465
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
71466
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
71467
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
71468
|
+
let host = this;
|
|
71469
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
71470
|
+
host = host.getRootNode().host;
|
|
71471
|
+
}
|
|
71472
|
+
|
|
71473
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
71474
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
71475
|
+
let current = host;
|
|
71476
|
+
while (current.parentElement) {
|
|
71477
|
+
const parent = current.parentElement;
|
|
71478
|
+
for (const sibling of parent.children) {
|
|
71479
|
+
if (sibling !== current) {
|
|
71480
|
+
this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
|
|
71481
|
+
sibling.inert = true;
|
|
71482
|
+
}
|
|
71483
|
+
}
|
|
71484
|
+
current = parent;
|
|
71485
|
+
}
|
|
71486
|
+
}
|
|
71487
|
+
|
|
71488
|
+
/**
|
|
71489
|
+
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
71490
|
+
* Preserves the previous inert state so externally-inerted elements are
|
|
71491
|
+
* not inadvertently re-enabled.
|
|
71492
|
+
* @private
|
|
71493
|
+
*/
|
|
71494
|
+
_clearPageInert() {
|
|
71495
|
+
if (this._inertSiblings) {
|
|
71496
|
+
for (const entry of this._inertSiblings) {
|
|
71497
|
+
entry.element.inert = entry.wasInert;
|
|
71498
|
+
}
|
|
71499
|
+
this._inertSiblings = undefined;
|
|
69463
71500
|
}
|
|
69464
71501
|
}
|
|
69465
71502
|
|
|
@@ -69698,6 +71735,7 @@ class AuroDropdown extends AuroElement {
|
|
|
69698
71735
|
shape="${this.shape}"
|
|
69699
71736
|
?data-show="${this.isPopoverVisible}"
|
|
69700
71737
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71738
|
+
?desktopmodal="${this.desktopModal}"
|
|
69701
71739
|
.dialogLabel="${this.bibDialogLabel}"
|
|
69702
71740
|
${n$6(this.bibElement)}
|
|
69703
71741
|
>
|
|
@@ -70065,6 +72103,14 @@ class AuroBibtemplate extends i$4 {
|
|
|
70065
72103
|
large: {
|
|
70066
72104
|
type: Boolean,
|
|
70067
72105
|
reflect: true
|
|
72106
|
+
},
|
|
72107
|
+
|
|
72108
|
+
/**
|
|
72109
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
72110
|
+
*/
|
|
72111
|
+
showFooter: {
|
|
72112
|
+
type: Boolean,
|
|
72113
|
+
reflect: true
|
|
70068
72114
|
}
|
|
70069
72115
|
};
|
|
70070
72116
|
}
|
|
@@ -70167,7 +72213,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
70167
72213
|
<slot></slot>
|
|
70168
72214
|
</div>
|
|
70169
72215
|
|
|
70170
|
-
${this.isFullscreen ? u$c`
|
|
72216
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
70171
72217
|
<div id="footerContainer">
|
|
70172
72218
|
<slot name="footer"></slot>
|
|
70173
72219
|
</div>` : null}
|
|
@@ -70404,7 +72450,7 @@ class AuroHelpText extends i$4 {
|
|
|
70404
72450
|
}
|
|
70405
72451
|
}
|
|
70406
72452
|
|
|
70407
|
-
var formkitVersion = '
|
|
72453
|
+
var formkitVersion = '202606011911';
|
|
70408
72454
|
|
|
70409
72455
|
var styleCss = i$7`.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}`;
|
|
70410
72456
|
|