@aurodesignsystem-dev/auro-formkit 0.0.0-pr1474.4 → 0.0.0-pr1475.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +7 -0
- package/components/bibtemplate/dist/index.js +9 -1
- package/components/bibtemplate/dist/registered.js +9 -1
- package/components/checkbox/demo/customize.html +2 -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/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.html +2 -1
- package/components/combobox/demo/customize.md +130 -106
- package/components/combobox/demo/customize.min.js +209 -16
- package/components/combobox/demo/getting-started.min.js +209 -16
- package/components/combobox/demo/index.min.js +209 -16
- package/components/combobox/dist/index.js +209 -16
- package/components/combobox/dist/registered.js +209 -16
- package/components/counter/demo/customize.min.js +208 -15
- package/components/counter/demo/index.min.js +208 -15
- package/components/counter/demo/keyboard-behavior.md +1 -0
- package/components/counter/dist/index.js +10 -2
- package/components/counter/dist/registered.js +10 -2
- package/components/datepicker/demo/accessibility.md +51 -3
- package/components/datepicker/demo/api.md +9 -0
- 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 +25690 -0
- package/components/datepicker/demo/design.md +3 -1
- package/components/datepicker/demo/index.js +2 -1
- package/components/datepicker/demo/index.md +81 -1
- package/components/datepicker/demo/index.min.js +1223 -101
- package/components/datepicker/demo/keyboard-behavior.md +201 -2
- package/components/datepicker/demo/voiceover.md +19 -12
- package/components/datepicker/dist/index.js +1155 -104
- package/components/datepicker/dist/registered.js +1155 -104
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +59 -0
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +84 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +80 -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 +198 -13
- package/components/dropdown/demo/getting-started.min.js +198 -13
- package/components/dropdown/demo/index.min.js +198 -13
- package/components/dropdown/demo/keyboard-behavior.md +1 -0
- package/components/dropdown/dist/auro-dropdown.d.ts +30 -1
- package/components/dropdown/dist/index.js +198 -13
- package/components/dropdown/dist/registered.js +198 -13
- package/components/form/demo/customize.html +6 -6
- package/components/form/demo/customize.js +0 -17
- package/components/form/demo/customize.md +51 -125
- package/components/form/demo/customize.min.js +1776 -327
- package/components/form/demo/getting-started.min.js +1776 -291
- package/components/form/demo/index.min.js +1776 -291
- package/components/form/demo/registerDemoDeps.min.js +1769 -139
- package/components/form/dist/auro-form.d.ts +5 -45
- package/components/form/dist/index.js +7 -152
- package/components/form/dist/registered.js +7 -152
- package/components/input/demo/customize.html +2 -1
- 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/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- 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/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.html +2 -2
- package/components/select/demo/customize.min.js +208 -15
- package/components/select/demo/getting-started.min.js +208 -15
- package/components/select/demo/index.min.js +208 -15
- package/components/select/demo/keyboard-behavior.md +1 -0
- package/components/select/dist/index.js +208 -15
- package/components/select/dist/registered.js +208 -15
- package/custom-elements.json +703 -91
- package/package.json +2 -2
|
@@ -117,6 +117,7 @@ let AuroLibraryRuntimeUtils$c = class AuroLibraryRuntimeUtils {
|
|
|
117
117
|
* @property {string | number | boolean | string[] | null} value - The value of the form element.
|
|
118
118
|
* @property {ValidityState} validity - The validity state of the form element, stored when fired from the form element.
|
|
119
119
|
* @property {boolean} required - Whether the form element is required or not.
|
|
120
|
+
* @property {HTMLElement} element - Whether the form element is required or not.
|
|
120
121
|
*/
|
|
121
122
|
|
|
122
123
|
/**
|
|
@@ -200,20 +201,6 @@ class AuroForm extends i$4 {
|
|
|
200
201
|
*/
|
|
201
202
|
this.mutationObservers = [];
|
|
202
203
|
|
|
203
|
-
// Single subtree observer that watches `disabled` and `name` attribute
|
|
204
|
-
// changes across all tracked form elements. The `name` watch is required:
|
|
205
|
-
// without it, renaming a tracked field at runtime leaves a stale key in
|
|
206
|
-
// `formState` that `_isNameDisabled` cannot resolve, so a renamed-but-
|
|
207
|
-
// disabled field would re-appear in `.value`.
|
|
208
|
-
/**
|
|
209
|
-
* @private
|
|
210
|
-
* @type {MutationObserver | null}
|
|
211
|
-
*/
|
|
212
|
-
this._attributeObserver = null;
|
|
213
|
-
|
|
214
|
-
/** @private */
|
|
215
|
-
this._handleAttributeMutations = this._handleAttributeMutations.bind(this);
|
|
216
|
-
|
|
217
204
|
// Bind listeners
|
|
218
205
|
/** @private */
|
|
219
206
|
this.reset = this.reset.bind(this);
|
|
@@ -282,42 +269,6 @@ class AuroForm extends i$4 {
|
|
|
282
269
|
return this._isInElementCollection(AuroForm.formElementTags, element);
|
|
283
270
|
}
|
|
284
271
|
|
|
285
|
-
/**
|
|
286
|
-
* Whether a given element is currently disabled. Disabled controls are excluded
|
|
287
|
-
* from submission, validity, and initial-state checks (per the HTML spec).
|
|
288
|
-
*
|
|
289
|
-
* Implementation note: we deliberately read only the attribute. Every Auro
|
|
290
|
-
* form element in `formElementTags` declares `disabled` with `reflect: true`,
|
|
291
|
-
* so the attribute and property stay in sync. Reading the attribute also
|
|
292
|
-
* lets the MutationObserver in `connectedCallback` (which is filtered to
|
|
293
|
-
* `['disabled', 'name']`) be the single source of truth for re-renders.
|
|
294
|
-
* If a future form-element type ships without attribute reflection, expand
|
|
295
|
-
* this helper to also read `element.disabled`.
|
|
296
|
-
* @param {HTMLElement | undefined | null} element - The element to check.
|
|
297
|
-
* @returns {boolean}
|
|
298
|
-
* @private
|
|
299
|
-
*/
|
|
300
|
-
_isDisabled(element) {
|
|
301
|
-
return Boolean(element?.hasAttribute('disabled'));
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
/**
|
|
305
|
-
* Whether the tracked form element registered under `name` is currently disabled.
|
|
306
|
-
*
|
|
307
|
-
* Performance note: this is called once per `formState` key per read of
|
|
308
|
-
* `value` / `validity` / `isInitialState`, producing O(n²) work where n is
|
|
309
|
-
* the number of tracked fields. Acceptable for typical forms (< ~50 fields).
|
|
310
|
-
* For larger forms, a future refactor should store disabled state on each
|
|
311
|
-
* `formState` entry and update it from the attribute observer instead.
|
|
312
|
-
* @param {string} name - The `name` attribute used to register the element.
|
|
313
|
-
* @returns {boolean}
|
|
314
|
-
* @private
|
|
315
|
-
*/
|
|
316
|
-
_isNameDisabled(name) {
|
|
317
|
-
const element = this._elements.find((el) => el.getAttribute('name') === name);
|
|
318
|
-
return this._isDisabled(element);
|
|
319
|
-
}
|
|
320
|
-
|
|
321
272
|
/**
|
|
322
273
|
* Validates if an event is from a valid form element with a name.
|
|
323
274
|
* @param {Event} event - The event to validate.
|
|
@@ -357,10 +308,6 @@ class AuroForm extends i$4 {
|
|
|
357
308
|
*/
|
|
358
309
|
get value() {
|
|
359
310
|
return Object.keys(this.formState).reduce((acc, key) => {
|
|
360
|
-
if (this._isNameDisabled(key)) {
|
|
361
|
-
return acc;
|
|
362
|
-
}
|
|
363
|
-
|
|
364
311
|
acc[key] = this.formState[key].value;
|
|
365
312
|
return acc;
|
|
366
313
|
}, {});
|
|
@@ -395,10 +342,6 @@ class AuroForm extends i$4 {
|
|
|
395
342
|
// go through validity states and return the first invalid state (if any)
|
|
396
343
|
const invalidKey = Object.keys(this.formState).
|
|
397
344
|
find((key) => {
|
|
398
|
-
if (this._isNameDisabled(key)) {
|
|
399
|
-
return false;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
345
|
const formKey = this.formState[key];
|
|
403
346
|
// these are NOT extra parens
|
|
404
347
|
// eslint-disable-next-line no-extra-parens
|
|
@@ -425,13 +368,7 @@ class AuroForm extends i$4 {
|
|
|
425
368
|
* @private
|
|
426
369
|
*/
|
|
427
370
|
_setInitialState() {
|
|
428
|
-
const anyTainted = Object.keys(this.formState).some((key) =>
|
|
429
|
-
if (this._isNameDisabled(key)) {
|
|
430
|
-
return false;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
return this.formState[key].validity !== null || this.formState[key].value !== null;
|
|
434
|
-
});
|
|
371
|
+
const anyTainted = Object.keys(this.formState).some((key) => this.formState[key].validity !== null || this.formState[key].value !== null);
|
|
435
372
|
|
|
436
373
|
this._isInitialState = !anyTainted;
|
|
437
374
|
|
|
@@ -515,6 +452,7 @@ class AuroForm extends i$4 {
|
|
|
515
452
|
value: element.value || element.getAttribute('value'),
|
|
516
453
|
validity: element.validity || null,
|
|
517
454
|
required: element.hasAttribute('required'),
|
|
455
|
+
// element
|
|
518
456
|
};
|
|
519
457
|
|
|
520
458
|
this._elements.push(element);
|
|
@@ -597,13 +535,10 @@ class AuroForm extends i$4 {
|
|
|
597
535
|
* @returns {Promise<void>}
|
|
598
536
|
*/
|
|
599
537
|
async submit() {
|
|
600
|
-
// Force validation on
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
forEach((element) => {
|
|
605
|
-
element.validate(true);
|
|
606
|
-
});
|
|
538
|
+
// Force validation on ALL elements
|
|
539
|
+
this._elements.forEach((element) => {
|
|
540
|
+
element.validate(true);
|
|
541
|
+
});
|
|
607
542
|
|
|
608
543
|
// Wait for validation to complete and formState to update
|
|
609
544
|
await this.updateComplete;
|
|
@@ -691,11 +626,6 @@ class AuroForm extends i$4 {
|
|
|
691
626
|
*/
|
|
692
627
|
handleKeyDown(event) {
|
|
693
628
|
if (event.key === 'Enter' && this.isFormElement(event.target)) {
|
|
694
|
-
// Disabled controls do not submit a form natively.
|
|
695
|
-
if (this._isDisabled(event.target)) {
|
|
696
|
-
return;
|
|
697
|
-
}
|
|
698
|
-
|
|
699
629
|
// Don't submit if it's a textarea (allow new lines)
|
|
700
630
|
if (event.target.tagName.toLowerCase() === 'textarea' ||
|
|
701
631
|
event.target.hasAttribute('textarea')) {
|
|
@@ -727,81 +657,6 @@ class AuroForm extends i$4 {
|
|
|
727
657
|
});
|
|
728
658
|
}
|
|
729
659
|
|
|
730
|
-
/**
|
|
731
|
-
* Handle batched MutationObserver records for `disabled` and `name`
|
|
732
|
-
* attribute changes on tracked form elements. A `name` change invalidates
|
|
733
|
-
* the formState keying — we resolve it by re-initializing state. A `disabled`
|
|
734
|
-
* change simply needs a re-render (so `value` / `validity` getters re-evaluate)
|
|
735
|
-
* and a refresh of the submit/reset button enablement.
|
|
736
|
-
* @param {MutationRecord[]} mutations - The batched mutation records.
|
|
737
|
-
* @returns {void}
|
|
738
|
-
* @private
|
|
739
|
-
*/
|
|
740
|
-
_handleAttributeMutations(mutations) {
|
|
741
|
-
// Only mutations on tracked FORM elements matter here. The same observer
|
|
742
|
-
// also sees attribute changes on the submit/reset buttons (which this
|
|
743
|
-
// component itself toggles via `setDisabledStateOnButtons`); reacting to
|
|
744
|
-
// those would create an infinite observer/update loop.
|
|
745
|
-
const relevant = mutations.filter((mutation) => this.isFormElement(mutation.target));
|
|
746
|
-
if (relevant.length === 0) {
|
|
747
|
-
return;
|
|
748
|
-
}
|
|
749
|
-
|
|
750
|
-
const renameOccurred = relevant.some((mutation) => mutation.attributeName === 'name');
|
|
751
|
-
if (renameOccurred) {
|
|
752
|
-
// initializeState() rebuilds formState from scratch (re-keying any
|
|
753
|
-
// renamed element) and also dispatches `change` + refreshes button state.
|
|
754
|
-
// We also re-run _attachEventListeners() because elements that previously
|
|
755
|
-
// had no `name` were skipped by queryAuroElements() (which selects
|
|
756
|
-
// `[name]`) and therefore never received input/validation/keydown
|
|
757
|
-
// listeners. Re-attaching is safe — the listener-removal step inside
|
|
758
|
-
// _attachEventListeners() prevents duplicates on already-wired elements.
|
|
759
|
-
this.initializeState();
|
|
760
|
-
this._attachEventListeners();
|
|
761
|
-
return;
|
|
762
|
-
}
|
|
763
|
-
|
|
764
|
-
this.requestUpdate('formState');
|
|
765
|
-
this.setDisabledStateOnButtons();
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
/**
|
|
769
|
-
* @returns {void}
|
|
770
|
-
*/
|
|
771
|
-
connectedCallback() {
|
|
772
|
-
super.connectedCallback();
|
|
773
|
-
|
|
774
|
-
// One observer rooted at the host catches `disabled` / `name` changes on
|
|
775
|
-
// any tracked form element (light-DOM children, including those nested in
|
|
776
|
-
// wrapper elements). Cheaper than allocating an observer per element and
|
|
777
|
-
// resilient to runtime DOM mutations.
|
|
778
|
-
if (!this._attributeObserver) {
|
|
779
|
-
this._attributeObserver = new MutationObserver(this._handleAttributeMutations);
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
this._attributeObserver.observe(this, {
|
|
783
|
-
attributes: true,
|
|
784
|
-
subtree: true,
|
|
785
|
-
attributeFilter: [
|
|
786
|
-
'disabled',
|
|
787
|
-
'name'
|
|
788
|
-
]
|
|
789
|
-
});
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
/**
|
|
793
|
-
* @returns {void}
|
|
794
|
-
*/
|
|
795
|
-
disconnectedCallback() {
|
|
796
|
-
// Disconnect everything we own to avoid leaking observers (and the strong
|
|
797
|
-
// refs they hold to DOM nodes) past the form's lifetime.
|
|
798
|
-
this._attributeObserver?.disconnect();
|
|
799
|
-
this.mutationObservers.forEach((observer) => observer.disconnect());
|
|
800
|
-
this.mutationObservers = [];
|
|
801
|
-
|
|
802
|
-
super.disconnectedCallback();
|
|
803
|
-
}
|
|
804
|
-
|
|
805
660
|
/**
|
|
806
661
|
* @param {import('lit').PropertyValues} _changedProperties - Map of changed properties with their previous values.
|
|
807
662
|
* @returns {void}
|
|
@@ -7603,7 +7458,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
|
|
|
7603
7458
|
}
|
|
7604
7459
|
};
|
|
7605
7460
|
|
|
7606
|
-
var formkitVersion$9 = '
|
|
7461
|
+
var formkitVersion$9 = '202605182147';
|
|
7607
7462
|
|
|
7608
7463
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7609
7464
|
// See LICENSE in the project root for license information.
|
|
@@ -9658,11 +9513,11 @@ var snowflakeStyle = i$7`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
9658
9513
|
|
|
9659
9514
|
var snowflakeColors = i$7`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
9660
9515
|
|
|
9661
|
-
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}`;
|
|
9662
9517
|
|
|
9663
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)}}`;
|
|
9664
9519
|
|
|
9665
|
-
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%}`;
|
|
9666
9521
|
|
|
9667
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)}`;
|
|
9668
9523
|
|
|
@@ -16171,20 +16026,20 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
|
|
|
16171
16026
|
__decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
16172
16027
|
AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
16173
16028
|
|
|
16174
|
-
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}}`;
|
|
16175
16030
|
|
|
16176
|
-
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.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}`;
|
|
16177
16032
|
|
|
16178
|
-
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",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,A$3$1=Math.min,k$6$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&&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=!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 N$3$1(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function j(e){for(var t=y$6$1(e),i=N$3$1(e);i&&H$3$1(i)&&"static"===L(i).position;)i=N$3$1(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,A$3$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=j(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,A=u[v],k=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(A,z,k),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"),A=a,z=r$1$1,E=window;if(m){var M=j(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)A=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),N=true===u?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=N.x,x=N.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[A]=_?"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[A]=_?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)?j(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=A$3$1(r.right,t.right),t.bottom=A$3$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)),A=y===h$3$1?"reference":h$3$1,k=e.rects.popper,z=e.elements[x?A: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:k,placement:a}),L=ie(Object.assign({},k,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},N=e.modifiersData.offset;if(y===h$3$1&&N){var j=N[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]+=j[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),A=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)),k=[S].concat(A).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=k[0],L=0;L<k.length;L++){var H=k[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,N=[r$1$1,o].indexOf(C)>=0,j=N?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=N?R?n$1$1:a:R?o:r$1$1;z[j]>E[j]&&(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=k.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),k=q$3$1(t.placement),z=!k,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),N=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=k===p$6$1?L[X]:H[X],J=k===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&&j(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==N?void 0:N[E])?F:0,pe=V+oe-ce,de=D(y?A$3$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==N?void 0:N[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=k$6$1(t.width)/e.offsetWidth||1,s=k$6$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,j(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)}
|
|
16179
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:""}
|
|
16180
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)}
|
|
16181
|
-
`;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.isPopoverVisible=false,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}}}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._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger&&(this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focus",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("blur",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange),this.trigger.removeAttribute("aria-description"),this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex")),this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){if(this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),!this.trigger)return;const e=this.trigger.tabIndex>=0,t
|
|
16182
|
-
<div id="popover" class="popover util_insetLg body-default" part="popover">
|
|
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.isPopoverVisible=false,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}}}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(){super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger&&(this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focus",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("blur",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange),this.trigger.removeAttribute("aria-description"),this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex")),this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){if(this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),!this.trigger)return;const e=this.trigger.tabIndex>=0,t='button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';let i=Boolean(this.trigger.querySelector(t));!i&&this.trigger.localName.includes("-")&&(i=!this.trigger.shadowRoot||Boolean(this.trigger.shadowRoot.querySelector(t))),e||i||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const s=this.shadowRoot.querySelector("slot:not([name])"),r=()=>s.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();this.trigger.setAttribute("aria-description",r()),this._onSlotChange=()=>{this.trigger?.setAttribute("aria-description",r());},s.addEventListener("slotchange",this._onSlotChange),this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=()=>{this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "!==t&&"enter"!==t||(" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle());},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focus",this._onTriggerFocus),this.trigger.addEventListener("blur",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false,this.removeAttribute("data-show"),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper&&this.popper.hide();}toggleShow(){this.popper&&(this.popper.show(),this.isPopoverVisible=true,this.setAttribute("data-show","true"),document.body.addEventListener("mouseover",this._onBodyMouseover));}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary));}render(){return b$7`
|
|
16037
|
+
<div id="popover" class="popover util_insetLg body-default" part="popover" aria-hidden="true">
|
|
16183
16038
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
16184
|
-
<
|
|
16039
|
+
<slot></slot>
|
|
16185
16040
|
</div>
|
|
16186
16041
|
|
|
16187
|
-
<span>
|
|
16042
|
+
<span role="presentation">
|
|
16188
16043
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
16189
16044
|
</span>
|
|
16190
16045
|
`}}
|
|
@@ -16212,6 +16067,8 @@ class AuroCalendarCell extends i$4 {
|
|
|
16212
16067
|
this._locale = null;
|
|
16213
16068
|
this.dateStr = null;
|
|
16214
16069
|
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.
|
|
16070
|
+
this.active = false;
|
|
16071
|
+
this.hasPopoverContent = false;
|
|
16215
16072
|
|
|
16216
16073
|
this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
|
|
16217
16074
|
|
|
@@ -16245,7 +16102,12 @@ class AuroCalendarCell extends i$4 {
|
|
|
16245
16102
|
isCurrentDate: { type: Boolean },
|
|
16246
16103
|
locale: { type: Object },
|
|
16247
16104
|
dateStr: { type: String },
|
|
16248
|
-
renderForDateSlot: { type: Boolean }
|
|
16105
|
+
renderForDateSlot: { type: Boolean },
|
|
16106
|
+
active: {
|
|
16107
|
+
type: Boolean,
|
|
16108
|
+
reflect: true
|
|
16109
|
+
},
|
|
16110
|
+
hasPopoverContent: { type: Boolean }
|
|
16249
16111
|
};
|
|
16250
16112
|
}
|
|
16251
16113
|
|
|
@@ -16304,9 +16166,31 @@ class AuroCalendarCell extends i$4 {
|
|
|
16304
16166
|
* @returns {void}
|
|
16305
16167
|
*/
|
|
16306
16168
|
handleTap() {
|
|
16307
|
-
if (!this.disabled) {
|
|
16169
|
+
if (!this.disabled && !this.isBlackout()) {
|
|
16308
16170
|
this.datepicker.handleCellClick(this.day.date);
|
|
16309
16171
|
}
|
|
16172
|
+
|
|
16173
|
+
// Set this cell as the active cell regardless of blackout status
|
|
16174
|
+
if (this.day) {
|
|
16175
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16176
|
+
bubbles: true,
|
|
16177
|
+
composed: true,
|
|
16178
|
+
detail: { date: this.day.date }
|
|
16179
|
+
}));
|
|
16180
|
+
}
|
|
16181
|
+
}
|
|
16182
|
+
|
|
16183
|
+
/**
|
|
16184
|
+
* Handles Enter/Space key on the cell button.
|
|
16185
|
+
* @private
|
|
16186
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
16187
|
+
* @returns {void}
|
|
16188
|
+
*/
|
|
16189
|
+
handleKeyDown(event) {
|
|
16190
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
16191
|
+
event.preventDefault();
|
|
16192
|
+
this.handleTap();
|
|
16193
|
+
}
|
|
16310
16194
|
}
|
|
16311
16195
|
|
|
16312
16196
|
/**
|
|
@@ -16315,6 +16199,7 @@ class AuroCalendarCell extends i$4 {
|
|
|
16315
16199
|
* @returns {void}
|
|
16316
16200
|
*/
|
|
16317
16201
|
handleHover() {
|
|
16202
|
+
if (this.hovered) return;
|
|
16318
16203
|
this.hovered = true;
|
|
16319
16204
|
|
|
16320
16205
|
let _a;
|
|
@@ -16323,8 +16208,49 @@ class AuroCalendarCell extends i$4 {
|
|
|
16323
16208
|
}));
|
|
16324
16209
|
}
|
|
16325
16210
|
|
|
16211
|
+
/**
|
|
16212
|
+
* Checks if the current date is outside the valid min/max range.
|
|
16213
|
+
* Out-of-range cells are not focusable and are hidden from screen readers.
|
|
16214
|
+
* @private
|
|
16215
|
+
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16216
|
+
* @param {Number} min - The minimum date value.
|
|
16217
|
+
* @param {Number} max - The maximum date value.
|
|
16218
|
+
* @returns {Boolean} - True if the date is out of range.
|
|
16219
|
+
*/
|
|
16220
|
+
isOutOfRange(day, min, max) {
|
|
16221
|
+
if (day && day.date != null) {
|
|
16222
|
+
return day.date < min || day.date > max;
|
|
16223
|
+
}
|
|
16224
|
+
return false;
|
|
16225
|
+
}
|
|
16226
|
+
|
|
16227
|
+
/**
|
|
16228
|
+
* Checks if the current date is a blackout date (in disabledDays but within range).
|
|
16229
|
+
* Blackout cells are focusable but not selectable.
|
|
16230
|
+
* @private
|
|
16231
|
+
* @returns {Boolean} - True if the date is a blackout date.
|
|
16232
|
+
*/
|
|
16233
|
+
isBlackout() {
|
|
16234
|
+
if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
|
|
16235
|
+
return false;
|
|
16236
|
+
}
|
|
16237
|
+
|
|
16238
|
+
// Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
|
|
16239
|
+
const blackoutDates = this.datepicker?.blackoutDates;
|
|
16240
|
+
|
|
16241
|
+
if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
|
|
16242
|
+
const cellDate = new Date(this.day.date * 1000).toISOString().split('T')[0];
|
|
16243
|
+
if (blackoutDates.includes(cellDate)) {
|
|
16244
|
+
return true;
|
|
16245
|
+
}
|
|
16246
|
+
}
|
|
16247
|
+
|
|
16248
|
+
return false;
|
|
16249
|
+
}
|
|
16250
|
+
|
|
16326
16251
|
/**
|
|
16327
16252
|
* Checks if the current date is a valid date depending on the min and max values.
|
|
16253
|
+
* Sets the disabled attribute for both out-of-range and blackout dates.
|
|
16328
16254
|
* @private
|
|
16329
16255
|
* @param {Object} day - An object containing the dateFrom and day of month values.
|
|
16330
16256
|
* @param {Number} min - The minimum date value.
|
|
@@ -16344,6 +16270,90 @@ class AuroCalendarCell extends i$4 {
|
|
|
16344
16270
|
return false;
|
|
16345
16271
|
}
|
|
16346
16272
|
|
|
16273
|
+
/**
|
|
16274
|
+
* Generates a unique cell ID in the format cell-YYYY-MM-DD.
|
|
16275
|
+
* @private
|
|
16276
|
+
* @returns {String} The unique cell ID.
|
|
16277
|
+
*/
|
|
16278
|
+
getCellId() {
|
|
16279
|
+
if (!this.day || !this.day.date) return '';
|
|
16280
|
+
const date = new Date(this.day.date * 1000);
|
|
16281
|
+
const year = date.getFullYear();
|
|
16282
|
+
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
16283
|
+
const day = String(date.getDate()).padStart(2, '0');
|
|
16284
|
+
return `cell-${year}-${month}-${day}`;
|
|
16285
|
+
}
|
|
16286
|
+
|
|
16287
|
+
/**
|
|
16288
|
+
* Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
|
|
16289
|
+
* Includes range position and blackout status.
|
|
16290
|
+
* @private
|
|
16291
|
+
* @returns {String} The aria-label string.
|
|
16292
|
+
*/
|
|
16293
|
+
getAriaLabel() {
|
|
16294
|
+
if (!this.day || this.day.date === undefined) return '';
|
|
16295
|
+
|
|
16296
|
+
const date = new Date(this.day.date * 1000);
|
|
16297
|
+
|
|
16298
|
+
// Generate localized full date string
|
|
16299
|
+
const dateFormatter = new Intl.DateTimeFormat(undefined, {
|
|
16300
|
+
weekday: 'long',
|
|
16301
|
+
year: 'numeric',
|
|
16302
|
+
month: 'long',
|
|
16303
|
+
day: 'numeric'
|
|
16304
|
+
});
|
|
16305
|
+
|
|
16306
|
+
let label = dateFormatter.format(date);
|
|
16307
|
+
|
|
16308
|
+
// appending popover content here so that it get's read in a logical order with the other date content.
|
|
16309
|
+
if (this.hasPopoverContent) {
|
|
16310
|
+
label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
|
|
16311
|
+
}
|
|
16312
|
+
|
|
16313
|
+
// Append range position if in range mode
|
|
16314
|
+
const rangePosition = this.getRangePosition();
|
|
16315
|
+
if (rangePosition) {
|
|
16316
|
+
label += `, ${rangePosition}`;
|
|
16317
|
+
}
|
|
16318
|
+
|
|
16319
|
+
// Append blackout label for blackout cells
|
|
16320
|
+
if (this.isBlackout()) {
|
|
16321
|
+
label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
|
|
16322
|
+
}
|
|
16323
|
+
|
|
16324
|
+
return label;
|
|
16325
|
+
}
|
|
16326
|
+
|
|
16327
|
+
/**
|
|
16328
|
+
* Determines the range position of this cell relative to the current selection.
|
|
16329
|
+
* @private
|
|
16330
|
+
* @returns {String|null} Range position label or null if not in range mode.
|
|
16331
|
+
*/
|
|
16332
|
+
getRangePosition() {
|
|
16333
|
+
if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
|
|
16334
|
+
|
|
16335
|
+
const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
|
|
16336
|
+
if (!Number.isFinite(parsedDateFrom)) return null;
|
|
16337
|
+
|
|
16338
|
+
const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
|
|
16339
|
+
const dayDate = this.day.date;
|
|
16340
|
+
|
|
16341
|
+
const parsedDateTo = Number.parseInt(this.dateTo, 10);
|
|
16342
|
+
const hasDateTo = Number.isFinite(parsedDateTo);
|
|
16343
|
+
const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
|
|
16344
|
+
|
|
16345
|
+
if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
|
|
16346
|
+
|
|
16347
|
+
if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
|
|
16348
|
+
|
|
16349
|
+
if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
|
|
16350
|
+
|
|
16351
|
+
if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
|
|
16352
|
+
|
|
16353
|
+
// After start date, no end date yet, or after end date
|
|
16354
|
+
return this.datepicker.rangeLabelAfterRange || 'after range';
|
|
16355
|
+
}
|
|
16356
|
+
|
|
16347
16357
|
/**
|
|
16348
16358
|
* Checks if the current date is the depart date.
|
|
16349
16359
|
* @private
|
|
@@ -16505,9 +16515,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16505
16515
|
|
|
16506
16516
|
if (popoverSlotContent) {
|
|
16507
16517
|
this.appendChild(popoverSlotContent.cloneNode(true));
|
|
16508
|
-
this.
|
|
16518
|
+
this.hasPopoverContent = true;
|
|
16509
16519
|
} else {
|
|
16510
|
-
this.
|
|
16520
|
+
this.hasPopoverContent = false;
|
|
16511
16521
|
}
|
|
16512
16522
|
} catch (err) { // eslint-disable-line no-unused-vars
|
|
16513
16523
|
// Error handling goes here
|
|
@@ -16529,7 +16539,9 @@ class AuroCalendarCell extends i$4 {
|
|
|
16529
16539
|
|
|
16530
16540
|
this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
|
|
16531
16541
|
|
|
16532
|
-
this.auroPopover
|
|
16542
|
+
if (this.auroPopover) {
|
|
16543
|
+
this.auroPopover.boundary = calendarMonth;
|
|
16544
|
+
}
|
|
16533
16545
|
}
|
|
16534
16546
|
|
|
16535
16547
|
updated(properties) {
|
|
@@ -16537,46 +16549,83 @@ class AuroCalendarCell extends i$4 {
|
|
|
16537
16549
|
this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
|
|
16538
16550
|
}
|
|
16539
16551
|
|
|
16540
|
-
this.
|
|
16541
|
-
|
|
16552
|
+
if (this.day) {
|
|
16553
|
+
this.setDateSlotName();
|
|
16554
|
+
this.handleSlotContent();
|
|
16555
|
+
}
|
|
16542
16556
|
}
|
|
16543
16557
|
|
|
16544
|
-
|
|
16558
|
+
/**
|
|
16559
|
+
* Programmatically focuses the cell's interactive button element.
|
|
16560
|
+
* @returns {void}
|
|
16561
|
+
*/
|
|
16562
|
+
focusButton() {
|
|
16563
|
+
const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
16564
|
+
if (button) {
|
|
16565
|
+
button.focus();
|
|
16566
|
+
}
|
|
16567
|
+
}
|
|
16568
|
+
|
|
16569
|
+
renderCellButton() {
|
|
16570
|
+
const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
|
|
16571
|
+
const role = outOfRange ? 'presentation' : 'gridcell';
|
|
16572
|
+
const blackout = this.isBlackout();
|
|
16573
|
+
|
|
16545
16574
|
const buttonClasses = {
|
|
16546
16575
|
'day': true,
|
|
16547
16576
|
'body-lg': true,
|
|
16548
16577
|
'currentDate': this.currentDate,
|
|
16549
16578
|
'selected': this.selected,
|
|
16550
|
-
'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16579
|
+
'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
|
|
16551
16580
|
'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
|
|
16552
|
-
'disabled':
|
|
16553
|
-
'
|
|
16554
|
-
'
|
|
16581
|
+
'disabled': outOfRange,
|
|
16582
|
+
'blackout': blackout,
|
|
16583
|
+
'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
|
|
16584
|
+
'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
|
|
16555
16585
|
'reference': this.isReferenceDate(this.dateStr),
|
|
16556
|
-
'sameDateTrip': this.dateFrom === this.dateTo
|
|
16586
|
+
'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
|
|
16557
16587
|
};
|
|
16558
16588
|
|
|
16559
|
-
let _a, _b;
|
|
16560
16589
|
return u$c`
|
|
16561
|
-
|
|
16562
|
-
|
|
16563
|
-
|
|
16564
|
-
|
|
16565
|
-
|
|
16566
|
-
|
|
16567
|
-
|
|
16568
|
-
|
|
16569
|
-
|
|
16570
|
-
|
|
16571
|
-
|
|
16572
|
-
|
|
16573
|
-
|
|
16574
|
-
|
|
16575
|
-
|
|
16576
|
-
|
|
16577
|
-
</div>
|
|
16578
|
-
</
|
|
16579
|
-
|
|
16590
|
+
<button
|
|
16591
|
+
slot="trigger"
|
|
16592
|
+
id="${this.getCellId()}"
|
|
16593
|
+
role="${role}"
|
|
16594
|
+
@click="${outOfRange ? A$7 : this.handleTap}"
|
|
16595
|
+
@mouseover="${outOfRange ? A$7 : this.handleHover}"
|
|
16596
|
+
@focus="${outOfRange ? A$7 : this.handleHover}"
|
|
16597
|
+
class="${e$3(buttonClasses)}"
|
|
16598
|
+
?disabled="${outOfRange}"
|
|
16599
|
+
?aria-disabled="${blackout}"
|
|
16600
|
+
?aria-hidden="${outOfRange}"
|
|
16601
|
+
aria-selected="${this.selected ? 'true' : 'false'}"
|
|
16602
|
+
aria-current="${this.isCurrentDate ? 'date' : A$7}"
|
|
16603
|
+
tabindex="${this.active ? '0' : '-1'}">
|
|
16604
|
+
<span class="srOnly">${this.getAriaLabel()}</span>
|
|
16605
|
+
<div class="buttonWrapper" aria-hidden="true">
|
|
16606
|
+
<div class="currentDayMarker">${this.day?.title || A$7}</div>
|
|
16607
|
+
</div>
|
|
16608
|
+
<div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
|
|
16609
|
+
<slot name="date_${this.dateStr}"></slot>
|
|
16610
|
+
</div>
|
|
16611
|
+
</button>
|
|
16612
|
+
`;
|
|
16613
|
+
}
|
|
16614
|
+
|
|
16615
|
+
render() {
|
|
16616
|
+
const hasPopoverContent = this.hasPopoverContent;
|
|
16617
|
+
|
|
16618
|
+
if (hasPopoverContent) {
|
|
16619
|
+
return u$c`
|
|
16620
|
+
<${this.popoverTag}>
|
|
16621
|
+
<span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
|
|
16622
|
+
${this.renderCellButton()}
|
|
16623
|
+
</${this.popoverTag}>
|
|
16624
|
+
`;
|
|
16625
|
+
}
|
|
16626
|
+
|
|
16627
|
+
return u$c`
|
|
16628
|
+
${this.renderCellButton()}
|
|
16580
16629
|
`;
|
|
16581
16630
|
}
|
|
16582
16631
|
}
|
|
@@ -16644,16 +16693,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16644
16693
|
return this.monthNames[month - 1];
|
|
16645
16694
|
}
|
|
16646
16695
|
|
|
16696
|
+
/**
|
|
16697
|
+
* Returns the unique heading ID for this month, used by aria-labelledby.
|
|
16698
|
+
* @private
|
|
16699
|
+
* @returns {String} The heading ID.
|
|
16700
|
+
*/
|
|
16701
|
+
getHeadingId() {
|
|
16702
|
+
return `month-heading-${this.month}-${this.year}`;
|
|
16703
|
+
}
|
|
16704
|
+
|
|
16647
16705
|
/**
|
|
16648
16706
|
* Determines the current month name based on locale.
|
|
16707
|
+
* Also builds parallel arrays of full day names for abbr attributes.
|
|
16649
16708
|
* This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
|
|
16650
16709
|
* @private
|
|
16651
16710
|
* @returns {void}
|
|
16652
16711
|
*/
|
|
16653
16712
|
localeChanged() {
|
|
16654
16713
|
const dayNamesOfTheWeek = [];
|
|
16714
|
+
const dayFullNames = [];
|
|
16655
16715
|
for (let int = 0; int < 7; int += 1) {
|
|
16656
16716
|
dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
|
|
16717
|
+
dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
|
|
16657
16718
|
}
|
|
16658
16719
|
const firstDayOfWeek = this.locale.options.weekStartsOn
|
|
16659
16720
|
? this.locale.options.weekStartsOn
|
|
@@ -16664,6 +16725,121 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16664
16725
|
.splice(firstDayOfWeek, dayNamesOfTheWeek.length)
|
|
16665
16726
|
.concat(tmp);
|
|
16666
16727
|
this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
|
|
16728
|
+
|
|
16729
|
+
const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
|
|
16730
|
+
const newDayFullNames = dayFullNames
|
|
16731
|
+
.slice()
|
|
16732
|
+
.splice(firstDayOfWeek, dayFullNames.length)
|
|
16733
|
+
.concat(tmpFull);
|
|
16734
|
+
this.dayFullNames = newDayFullNames;
|
|
16735
|
+
}
|
|
16736
|
+
|
|
16737
|
+
/**
|
|
16738
|
+
* Renders a day-of-week header with abbr attribute for the full day name.
|
|
16739
|
+
* @private
|
|
16740
|
+
* @param {String} dayOfWeek - The short day name.
|
|
16741
|
+
* @param {Number} index - The index in the dayNamesOfTheWeek array.
|
|
16742
|
+
* @returns {Object} The header HTML.
|
|
16743
|
+
*/
|
|
16744
|
+
renderDayOfWeek(dayOfWeek, index) {
|
|
16745
|
+
const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
|
|
16746
|
+
return b$7`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
|
|
16747
|
+
}
|
|
16748
|
+
|
|
16749
|
+
/**
|
|
16750
|
+
* Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
|
|
16751
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
16752
|
+
*/
|
|
16753
|
+
getFocusableCells() {
|
|
16754
|
+
const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
|
|
16755
|
+
return cells.filter(cell => {
|
|
16756
|
+
if (!cell.day) return false;
|
|
16757
|
+
return !cell.isOutOfRange(cell.day, cell.min, cell.max);
|
|
16758
|
+
});
|
|
16759
|
+
}
|
|
16760
|
+
|
|
16761
|
+
/**
|
|
16762
|
+
* Handles arrow key navigation within the month grid.
|
|
16763
|
+
* Dispatches a cross-month navigation event when the boundary is reached.
|
|
16764
|
+
* @private
|
|
16765
|
+
* @param {KeyboardEvent} event - The keyboard event.
|
|
16766
|
+
* @returns {void}
|
|
16767
|
+
*/
|
|
16768
|
+
handleGridKeyDown(event) {
|
|
16769
|
+
const { key } = event;
|
|
16770
|
+
const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
|
|
16771
|
+
|
|
16772
|
+
if (!arrowKeys.includes(key)) return;
|
|
16773
|
+
|
|
16774
|
+
event.preventDefault();
|
|
16775
|
+
|
|
16776
|
+
const focusableCells = this.getFocusableCells();
|
|
16777
|
+
if (focusableCells.length === 0) return;
|
|
16778
|
+
|
|
16779
|
+
// Find the currently active cell within this month
|
|
16780
|
+
const activeCell = focusableCells.find(cell => cell.active);
|
|
16781
|
+
if (!activeCell) return;
|
|
16782
|
+
|
|
16783
|
+
const activeIndex = focusableCells.indexOf(activeCell);
|
|
16784
|
+
let targetCell = null;
|
|
16785
|
+
|
|
16786
|
+
if (key === 'ArrowRight') {
|
|
16787
|
+
if (activeIndex < focusableCells.length - 1) {
|
|
16788
|
+
targetCell = focusableCells[activeIndex + 1];
|
|
16789
|
+
} else {
|
|
16790
|
+
// At end of month, request cross-month navigation
|
|
16791
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16792
|
+
bubbles: true,
|
|
16793
|
+
composed: true,
|
|
16794
|
+
detail: { direction: 'next', fromDate: activeCell.day.date, key }
|
|
16795
|
+
}));
|
|
16796
|
+
return;
|
|
16797
|
+
}
|
|
16798
|
+
} else if (key === 'ArrowLeft') {
|
|
16799
|
+
if (activeIndex > 0) {
|
|
16800
|
+
targetCell = focusableCells[activeIndex - 1];
|
|
16801
|
+
} else {
|
|
16802
|
+
// At start of month, request cross-month navigation
|
|
16803
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16804
|
+
bubbles: true,
|
|
16805
|
+
composed: true,
|
|
16806
|
+
detail: { direction: 'prev', fromDate: activeCell.day.date, key }
|
|
16807
|
+
}));
|
|
16808
|
+
return;
|
|
16809
|
+
}
|
|
16810
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
16811
|
+
// Find the target day (same day-of-week, +/- 7 days)
|
|
16812
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
16813
|
+
const targetDate = activeCell.day.date + (increment * 86400); // 86400 seconds per day
|
|
16814
|
+
|
|
16815
|
+
// Look for the target date in this month's focusable cells
|
|
16816
|
+
targetCell = focusableCells.find(cell => cell.day.date === targetDate);
|
|
16817
|
+
|
|
16818
|
+
if (!targetCell) {
|
|
16819
|
+
// Target is in another month or all cells in that direction are disabled
|
|
16820
|
+
const direction = key === 'ArrowDown' ? 'next' : 'prev';
|
|
16821
|
+
this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
|
|
16822
|
+
bubbles: true,
|
|
16823
|
+
composed: true,
|
|
16824
|
+
detail: { direction, fromDate: activeCell.day.date, key }
|
|
16825
|
+
}));
|
|
16826
|
+
return;
|
|
16827
|
+
}
|
|
16828
|
+
}
|
|
16829
|
+
|
|
16830
|
+
if (targetCell) {
|
|
16831
|
+
this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
|
|
16832
|
+
bubbles: true,
|
|
16833
|
+
composed: true,
|
|
16834
|
+
detail: { date: targetCell.day.date }
|
|
16835
|
+
}));
|
|
16836
|
+
}
|
|
16837
|
+
}
|
|
16838
|
+
|
|
16839
|
+
renderWeek(week) {
|
|
16840
|
+
return b$7`
|
|
16841
|
+
<div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
|
|
16842
|
+
`;
|
|
16667
16843
|
}
|
|
16668
16844
|
|
|
16669
16845
|
renderDay(day) {
|
|
@@ -16687,7 +16863,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16687
16863
|
>
|
|
16688
16864
|
</auro-formkit-calendar-cell>
|
|
16689
16865
|
`
|
|
16690
|
-
:
|
|
16866
|
+
: b$7`<div aria-hidden="true" inert></div>`}
|
|
16691
16867
|
</div>
|
|
16692
16868
|
`;
|
|
16693
16869
|
}
|
|
@@ -16698,10 +16874,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16698
16874
|
var _a, _b;
|
|
16699
16875
|
|
|
16700
16876
|
return b$7 `
|
|
16701
|
-
<div>
|
|
16877
|
+
<div aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
|
|
16702
16878
|
<div class="header">
|
|
16703
16879
|
${this.renderPrevButton()}
|
|
16704
|
-
<div class="headerTitle heading-xs">
|
|
16880
|
+
<div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
|
|
16705
16881
|
${this.monthFirst ? b$7`
|
|
16706
16882
|
<div>${this.computeCurrentMonthName(this.month)}</div>
|
|
16707
16883
|
<div>${this.renderYear()}</div>
|
|
@@ -16713,13 +16889,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
16713
16889
|
${this.renderNextButton()}
|
|
16714
16890
|
</div>
|
|
16715
16891
|
|
|
16716
|
-
<div class="table">
|
|
16717
|
-
<div class="thead">
|
|
16718
|
-
<div class="tr">
|
|
16719
|
-
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
|
|
16892
|
+
<div class="table" role="grid" aria-labelledby="${this.getHeadingId()}">
|
|
16893
|
+
<div class="thead" role="rowgroup">
|
|
16894
|
+
<div class="tr" role="row">
|
|
16895
|
+
${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
|
|
16720
16896
|
</div>
|
|
16721
16897
|
</div>
|
|
16722
|
-
<div class="tbody">
|
|
16898
|
+
<div class="tbody" role="rowgroup">
|
|
16723
16899
|
${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
|
|
16724
16900
|
</div>
|
|
16725
16901
|
</div>
|
|
@@ -17412,6 +17588,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17412
17588
|
large: {
|
|
17413
17589
|
type: Boolean,
|
|
17414
17590
|
reflect: true
|
|
17591
|
+
},
|
|
17592
|
+
|
|
17593
|
+
/**
|
|
17594
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
17595
|
+
*/
|
|
17596
|
+
showFooter: {
|
|
17597
|
+
type: Boolean,
|
|
17598
|
+
reflect: true
|
|
17415
17599
|
}
|
|
17416
17600
|
};
|
|
17417
17601
|
}
|
|
@@ -17514,7 +17698,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17514
17698
|
<slot></slot>
|
|
17515
17699
|
</div>
|
|
17516
17700
|
|
|
17517
|
-
${this.isFullscreen ? u$c`
|
|
17701
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
17518
17702
|
<div id="footerContainer">
|
|
17519
17703
|
<slot name="footer"></slot>
|
|
17520
17704
|
</div>` : null}
|
|
@@ -17523,7 +17707,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
|
|
|
17523
17707
|
}
|
|
17524
17708
|
};
|
|
17525
17709
|
|
|
17526
|
-
var formkitVersion$2$1 = '
|
|
17710
|
+
var formkitVersion$2$1 = '202605182147';
|
|
17527
17711
|
|
|
17528
17712
|
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}
|
|
17529
17713
|
`,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}}
|
|
@@ -17621,6 +17805,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17621
17805
|
this.largeFullscreenHeadline = false;
|
|
17622
17806
|
this.isFullscreen = false;
|
|
17623
17807
|
|
|
17808
|
+
/**
|
|
17809
|
+
* The date of the currently active cell (Unix timestamp).
|
|
17810
|
+
* Only one cell across the entire calendar has tabindex="0" at a time.
|
|
17811
|
+
* @private
|
|
17812
|
+
*/
|
|
17813
|
+
this.activeCellDate = null;
|
|
17814
|
+
|
|
17624
17815
|
/**
|
|
17625
17816
|
* @private
|
|
17626
17817
|
*/
|
|
@@ -17786,6 +17977,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17786
17977
|
*/
|
|
17787
17978
|
handlePrevMonth() {
|
|
17788
17979
|
this.utilCal.handleMonthChange(this, 'prev');
|
|
17980
|
+
this.announceMonthChange();
|
|
17789
17981
|
}
|
|
17790
17982
|
|
|
17791
17983
|
/**
|
|
@@ -17795,6 +17987,18 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17795
17987
|
*/
|
|
17796
17988
|
handleNextMonth() {
|
|
17797
17989
|
this.utilCal.handleMonthChange(this, 'next');
|
|
17990
|
+
this.announceMonthChange();
|
|
17991
|
+
}
|
|
17992
|
+
|
|
17993
|
+
/**
|
|
17994
|
+
* Announces the current month and year via the live region after navigation.
|
|
17995
|
+
* @private
|
|
17996
|
+
* @returns {void}
|
|
17997
|
+
*/
|
|
17998
|
+
announceMonthChange() {
|
|
17999
|
+
const date = new Date(this.centralDate);
|
|
18000
|
+
const formatter = new Intl.DateTimeFormat(undefined, { month: 'long', year: 'numeric' });
|
|
18001
|
+
this.announceSelection(formatter.format(date));
|
|
17798
18002
|
}
|
|
17799
18003
|
|
|
17800
18004
|
/**
|
|
@@ -17902,6 +18106,300 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17902
18106
|
this.utilCal.scrollMonthIntoView(this, date, this.format);
|
|
17903
18107
|
}
|
|
17904
18108
|
|
|
18109
|
+
/**
|
|
18110
|
+
* Gets all rendered month components.
|
|
18111
|
+
* @private
|
|
18112
|
+
* @returns {Array} Array of auro-formkit-calendar-month elements.
|
|
18113
|
+
*/
|
|
18114
|
+
getMonthComponents() {
|
|
18115
|
+
return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
|
|
18116
|
+
}
|
|
18117
|
+
|
|
18118
|
+
/**
|
|
18119
|
+
* Gets all focusable cells across all rendered months.
|
|
18120
|
+
* @private
|
|
18121
|
+
* @returns {Array} Array of auro-formkit-calendar-cell elements.
|
|
18122
|
+
*/
|
|
18123
|
+
getAllFocusableCells() {
|
|
18124
|
+
const months = this.getMonthComponents();
|
|
18125
|
+
let cells = [];
|
|
18126
|
+
months.forEach(month => {
|
|
18127
|
+
cells = cells.concat(month.getFocusableCells());
|
|
18128
|
+
});
|
|
18129
|
+
return cells;
|
|
18130
|
+
}
|
|
18131
|
+
|
|
18132
|
+
/**
|
|
18133
|
+
* Sets the active cell across all months. Only one cell has tabindex="0" at a time.
|
|
18134
|
+
* @param {Number} date - Unix timestamp of the cell to activate.
|
|
18135
|
+
* @returns {void}
|
|
18136
|
+
*/
|
|
18137
|
+
setActiveCell(date) {
|
|
18138
|
+
const allCells = this.getAllFocusableCells();
|
|
18139
|
+
|
|
18140
|
+
allCells.forEach(cell => {
|
|
18141
|
+
cell.active = cell.day && cell.day.date === date;
|
|
18142
|
+
});
|
|
18143
|
+
|
|
18144
|
+
this.activeCellDate = date;
|
|
18145
|
+
}
|
|
18146
|
+
|
|
18147
|
+
/**
|
|
18148
|
+
* Focuses the currently active cell. If activeCellDate is set but no cell
|
|
18149
|
+
* has the active attribute yet, sets it first. Waits for the cell's render
|
|
18150
|
+
* to complete so the focused button is the final DOM element.
|
|
18151
|
+
* @returns {void}
|
|
18152
|
+
*/
|
|
18153
|
+
focusActiveCell() {
|
|
18154
|
+
if (this.activeCellDate != null) {
|
|
18155
|
+
this.setActiveCell(this.activeCellDate);
|
|
18156
|
+
}
|
|
18157
|
+
|
|
18158
|
+
const allCells = this.getAllFocusableCells();
|
|
18159
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
18160
|
+
if (activeCell) {
|
|
18161
|
+
activeCell.updateComplete.then(() => {
|
|
18162
|
+
activeCell.focusButton();
|
|
18163
|
+
});
|
|
18164
|
+
}
|
|
18165
|
+
}
|
|
18166
|
+
|
|
18167
|
+
/**
|
|
18168
|
+
* Computes the initial active date from data properties alone — no DOM required.
|
|
18169
|
+
* Priority:
|
|
18170
|
+
* 1. Selected date (dateFrom) if within range
|
|
18171
|
+
* 2. Today's date if not disabled (in-range and not blackout)
|
|
18172
|
+
* 3. First future non-disabled date (scans day-by-day from today up to 1 year)
|
|
18173
|
+
* 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
|
|
18174
|
+
* 5. undefined — no valid target
|
|
18175
|
+
*
|
|
18176
|
+
* @private
|
|
18177
|
+
* @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
|
|
18178
|
+
*/
|
|
18179
|
+
computeActiveDate() {
|
|
18180
|
+
const ONE_DAY = 86400; // seconds
|
|
18181
|
+
const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
|
|
18182
|
+
|
|
18183
|
+
const rawMin = Number(this.min);
|
|
18184
|
+
const rawMax = Number(this.max);
|
|
18185
|
+
|
|
18186
|
+
// When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
|
|
18187
|
+
const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
|
|
18188
|
+
const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
|
|
18189
|
+
|
|
18190
|
+
// Build a Set of blackout timestamps for O(1) lookup.
|
|
18191
|
+
const blackoutSet = new Set(
|
|
18192
|
+
(this.disabledDays || []).map(d => parseInt(d, 10))
|
|
18193
|
+
);
|
|
18194
|
+
|
|
18195
|
+
/**
|
|
18196
|
+
* A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
|
|
18197
|
+
* it is within [min, max] AND not a blackout day.
|
|
18198
|
+
*/
|
|
18199
|
+
const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
|
|
18200
|
+
|
|
18201
|
+
/**
|
|
18202
|
+
* A date is "in range" (focusable in the grid) when it is within [min, max].
|
|
18203
|
+
* Blackout dates are focusable but not selectable.
|
|
18204
|
+
*/
|
|
18205
|
+
const isInRange = (ts) => ts >= minTs && ts <= maxTs;
|
|
18206
|
+
|
|
18207
|
+
// 1. Selected date — always valid target if within range (user chose it).
|
|
18208
|
+
if (this.dateFrom) {
|
|
18209
|
+
const parsedFrom = parseInt(this.dateFrom, 10);
|
|
18210
|
+
if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
|
|
18211
|
+
}
|
|
18212
|
+
|
|
18213
|
+
// 2. Today's date (midnight-aligned) if enabled.
|
|
18214
|
+
const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
|
|
18215
|
+
|
|
18216
|
+
if (isEnabled(now)) return now;
|
|
18217
|
+
|
|
18218
|
+
// 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
|
|
18219
|
+
const scanMax = Number.isFinite(maxTs)
|
|
18220
|
+
? Math.min(maxTs, now + (MAX_SCAN_DAYS * ONE_DAY))
|
|
18221
|
+
: now + (MAX_SCAN_DAYS * ONE_DAY);
|
|
18222
|
+
|
|
18223
|
+
for (let ts = now + ONE_DAY; ts <= scanMax; ts += ONE_DAY) {
|
|
18224
|
+
if (isEnabled(ts)) return ts;
|
|
18225
|
+
}
|
|
18226
|
+
|
|
18227
|
+
// 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
|
|
18228
|
+
const scanMin = Number.isFinite(minTs)
|
|
18229
|
+
? Math.max(minTs, now - (MAX_SCAN_DAYS * ONE_DAY))
|
|
18230
|
+
: now - (MAX_SCAN_DAYS * ONE_DAY);
|
|
18231
|
+
|
|
18232
|
+
for (let ts = now - ONE_DAY; ts >= scanMin; ts -= ONE_DAY) {
|
|
18233
|
+
if (isEnabled(ts)) return ts;
|
|
18234
|
+
}
|
|
18235
|
+
|
|
18236
|
+
// 5. If scans missed (e.g. min/max range is far from today), fall back to
|
|
18237
|
+
// the first enabled date in the [min, max] range.
|
|
18238
|
+
if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
|
|
18239
|
+
for (let ts = minTs; ts <= maxTs; ts += ONE_DAY) {
|
|
18240
|
+
if (isEnabled(ts)) return ts;
|
|
18241
|
+
}
|
|
18242
|
+
}
|
|
18243
|
+
|
|
18244
|
+
return undefined;
|
|
18245
|
+
}
|
|
18246
|
+
|
|
18247
|
+
/**
|
|
18248
|
+
* Handles cross-month boundary navigation events from month components.
|
|
18249
|
+
* @private
|
|
18250
|
+
* @param {CustomEvent} event - The boundary event with direction and source date info.
|
|
18251
|
+
* @returns {void}
|
|
18252
|
+
*/
|
|
18253
|
+
handleMonthBoundary(event) {
|
|
18254
|
+
const { direction, fromDate, key } = event.detail;
|
|
18255
|
+
|
|
18256
|
+
if (key === 'ArrowRight' || key === 'ArrowLeft') {
|
|
18257
|
+
// Linear navigation: find adjacent focusable cell across months
|
|
18258
|
+
const allCells = this.getAllFocusableCells();
|
|
18259
|
+
const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
|
|
18260
|
+
|
|
18261
|
+
if (currentIndex === -1) return;
|
|
18262
|
+
|
|
18263
|
+
let targetIndex;
|
|
18264
|
+
if (direction === 'next') {
|
|
18265
|
+
targetIndex = currentIndex + 1;
|
|
18266
|
+
} else {
|
|
18267
|
+
targetIndex = currentIndex - 1;
|
|
18268
|
+
}
|
|
18269
|
+
|
|
18270
|
+
if (targetIndex >= 0 && targetIndex < allCells.length) {
|
|
18271
|
+
const targetCell = allCells[targetIndex];
|
|
18272
|
+
this.setActiveCell(targetCell.day.date);
|
|
18273
|
+
this.scrollToActiveCell();
|
|
18274
|
+
this.focusActiveCell();
|
|
18275
|
+
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
18276
|
+
// Navigate to next month and try again
|
|
18277
|
+
this.handleNextMonth();
|
|
18278
|
+
requestAnimationFrame(() => {
|
|
18279
|
+
requestAnimationFrame(() => {
|
|
18280
|
+
const cells = this.getAllFocusableCells();
|
|
18281
|
+
if (cells.length > 0) {
|
|
18282
|
+
this.setActiveCell(cells[0].day.date);
|
|
18283
|
+
this.focusActiveCell();
|
|
18284
|
+
}
|
|
18285
|
+
});
|
|
18286
|
+
});
|
|
18287
|
+
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
18288
|
+
// Navigate to previous month and try again
|
|
18289
|
+
this.handlePrevMonth();
|
|
18290
|
+
requestAnimationFrame(() => {
|
|
18291
|
+
requestAnimationFrame(() => {
|
|
18292
|
+
const cells = this.getAllFocusableCells();
|
|
18293
|
+
if (cells.length > 0) {
|
|
18294
|
+
this.setActiveCell(cells[cells.length - 1].day.date);
|
|
18295
|
+
this.focusActiveCell();
|
|
18296
|
+
}
|
|
18297
|
+
});
|
|
18298
|
+
});
|
|
18299
|
+
}
|
|
18300
|
+
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
18301
|
+
// Vertical navigation: find same day-of-week +/- 7 days
|
|
18302
|
+
const increment = key === 'ArrowDown' ? 7 : -7;
|
|
18303
|
+
const targetDate = fromDate + (increment * 86400);
|
|
18304
|
+
|
|
18305
|
+
const allCells = this.getAllFocusableCells();
|
|
18306
|
+
let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18307
|
+
|
|
18308
|
+
if (targetCell) {
|
|
18309
|
+
this.setActiveCell(targetCell.day.date);
|
|
18310
|
+
this.scrollToActiveCell();
|
|
18311
|
+
this.focusActiveCell();
|
|
18312
|
+
} else {
|
|
18313
|
+
// Target might be in an unrendered month, navigate there
|
|
18314
|
+
const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
|
|
18315
|
+
if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
|
|
18316
|
+
if (navDirection === 'next') {
|
|
18317
|
+
this.handleNextMonth();
|
|
18318
|
+
} else {
|
|
18319
|
+
this.handlePrevMonth();
|
|
18320
|
+
}
|
|
18321
|
+
requestAnimationFrame(() => {
|
|
18322
|
+
requestAnimationFrame(() => {
|
|
18323
|
+
const cells = this.getAllFocusableCells();
|
|
18324
|
+
const target = cells.find(cell => cell.day && cell.day.date === targetDate);
|
|
18325
|
+
if (target) {
|
|
18326
|
+
this.setActiveCell(target.day.date);
|
|
18327
|
+
this.focusActiveCell();
|
|
18328
|
+
} else if (cells.length > 0) {
|
|
18329
|
+
// Clamp to nearest focusable cell
|
|
18330
|
+
const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
|
|
18331
|
+
this.setActiveCell(nearest.day.date);
|
|
18332
|
+
this.focusActiveCell();
|
|
18333
|
+
}
|
|
18334
|
+
});
|
|
18335
|
+
});
|
|
18336
|
+
}
|
|
18337
|
+
}
|
|
18338
|
+
}
|
|
18339
|
+
}
|
|
18340
|
+
|
|
18341
|
+
/**
|
|
18342
|
+
* Handles cell activation events from month components.
|
|
18343
|
+
* @private
|
|
18344
|
+
* @param {CustomEvent} event - The activation event with target date.
|
|
18345
|
+
* @returns {void}
|
|
18346
|
+
*/
|
|
18347
|
+
handleCellActivate(event) {
|
|
18348
|
+
const { date } = event.detail;
|
|
18349
|
+
this.setActiveCell(date);
|
|
18350
|
+
this.focusActiveCell();
|
|
18351
|
+
}
|
|
18352
|
+
|
|
18353
|
+
/**
|
|
18354
|
+
* Scrolls the calendar to ensure the month containing the active cell is visible.
|
|
18355
|
+
* @private
|
|
18356
|
+
* @returns {void}
|
|
18357
|
+
*/
|
|
18358
|
+
scrollToActiveCell() {
|
|
18359
|
+
if (this.activeCellDate == null) return;
|
|
18360
|
+
|
|
18361
|
+
const date = new Date(this.activeCellDate * 1000);
|
|
18362
|
+
const month = date.getMonth() + 1;
|
|
18363
|
+
const year = date.getFullYear();
|
|
18364
|
+
const selector = `#month-${month}-${year}`;
|
|
18365
|
+
const monthElem = this.shadowRoot.querySelector(selector);
|
|
18366
|
+
|
|
18367
|
+
if (monthElem) {
|
|
18368
|
+
monthElem.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
|
|
18369
|
+
}
|
|
18370
|
+
}
|
|
18371
|
+
|
|
18372
|
+
/**
|
|
18373
|
+
* Announces a date selection via the live region.
|
|
18374
|
+
* @private
|
|
18375
|
+
* @param {String} dateStr - The localized date string to announce.
|
|
18376
|
+
* @returns {void}
|
|
18377
|
+
*/
|
|
18378
|
+
announceSelection(dateStr) {
|
|
18379
|
+
const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
|
|
18380
|
+
if (liveRegion) {
|
|
18381
|
+
liveRegion.textContent = '';
|
|
18382
|
+
// Use microtask to ensure SR picks up the change
|
|
18383
|
+
Promise.resolve().then(() => {
|
|
18384
|
+
liveRegion.textContent = dateStr;
|
|
18385
|
+
});
|
|
18386
|
+
}
|
|
18387
|
+
}
|
|
18388
|
+
|
|
18389
|
+
/**
|
|
18390
|
+
* Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
|
|
18391
|
+
* @private
|
|
18392
|
+
* @param {String|Number} timestamp - Unix timestamp in seconds.
|
|
18393
|
+
* @returns {String} Localized date string.
|
|
18394
|
+
*/
|
|
18395
|
+
formatAnnouncementDate(timestamp) {
|
|
18396
|
+
const date = new Date(parseInt(timestamp, 10) * 1000);
|
|
18397
|
+
const formatter = new Intl.DateTimeFormat(undefined, {
|
|
18398
|
+
weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
|
|
18399
|
+
});
|
|
18400
|
+
return formatter.format(date);
|
|
18401
|
+
}
|
|
18402
|
+
|
|
17905
18403
|
firstUpdated() {
|
|
17906
18404
|
this.addEventListener('date-from-changed', () => {
|
|
17907
18405
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
@@ -17921,6 +18419,16 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17921
18419
|
composed: true,
|
|
17922
18420
|
}));
|
|
17923
18421
|
});
|
|
18422
|
+
|
|
18423
|
+
// Listen for cross-month boundary navigation events
|
|
18424
|
+
this.addEventListener('calendar-month-boundary', (event) => {
|
|
18425
|
+
this.handleMonthBoundary(event);
|
|
18426
|
+
});
|
|
18427
|
+
|
|
18428
|
+
// Listen for cell activation events
|
|
18429
|
+
this.addEventListener('calendar-cell-activate', (event) => {
|
|
18430
|
+
this.handleCellActivate(event);
|
|
18431
|
+
});
|
|
17924
18432
|
}
|
|
17925
18433
|
|
|
17926
18434
|
injectSlot(slotName, nodes) {
|
|
@@ -17945,7 +18453,37 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17945
18453
|
}
|
|
17946
18454
|
|
|
17947
18455
|
if (changedProperties.has('visible')) {
|
|
17948
|
-
|
|
18456
|
+
if (this.visible) {
|
|
18457
|
+
// Compute the active date eagerly from data — no DOM needed.
|
|
18458
|
+
if (this.activeCellDate == null) {
|
|
18459
|
+
this.activeCellDate = this.computeActiveDate();
|
|
18460
|
+
}
|
|
18461
|
+
|
|
18462
|
+
this.requestUpdate();
|
|
18463
|
+
} else {
|
|
18464
|
+
this.requestUpdate();
|
|
18465
|
+
}
|
|
18466
|
+
}
|
|
18467
|
+
|
|
18468
|
+
// Announce date selection to screen readers when user clicks/selects a cell
|
|
18469
|
+
const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
|
|
18470
|
+
|
|
18471
|
+
if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
|
|
18472
|
+
const dateStr = this.formatAnnouncementDate(this.dateFrom);
|
|
18473
|
+
const isRange = !this.noRange;
|
|
18474
|
+
|
|
18475
|
+
if (isRange) {
|
|
18476
|
+
const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
|
|
18477
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
18478
|
+
} else {
|
|
18479
|
+
this.announceSelection(`${dateStr}, selected`);
|
|
18480
|
+
}
|
|
18481
|
+
}
|
|
18482
|
+
|
|
18483
|
+
if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
|
|
18484
|
+
const dateStr = this.formatAnnouncementDate(this.dateTo);
|
|
18485
|
+
const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
|
|
18486
|
+
this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
|
|
17949
18487
|
}
|
|
17950
18488
|
}
|
|
17951
18489
|
|
|
@@ -17954,6 +18492,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17954
18492
|
<${this.bibtemplateTag}
|
|
17955
18493
|
?large="${this.largeFullscreenHeadline}"
|
|
17956
18494
|
?isFullscreen="${this.isFullscreen}"
|
|
18495
|
+
?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
|
|
17957
18496
|
@close-click="${this.utilCal.requestDismiss}">
|
|
17958
18497
|
<span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
|
|
17959
18498
|
|
|
@@ -17971,24 +18510,26 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
17971
18510
|
</div>
|
|
17972
18511
|
</div>
|
|
17973
18512
|
|
|
17974
|
-
<div class="calendarWrapper">
|
|
17975
|
-
<div class="calendars">
|
|
17976
|
-
${this.renderAllCalendars()}
|
|
17977
|
-
</div>
|
|
18513
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
17978
18514
|
<div class="calendarNavButtons">
|
|
17979
18515
|
${this.showPrevMonthBtn ? u$c`
|
|
17980
|
-
<button tabIndex="
|
|
18516
|
+
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
17981
18517
|
${this.util.generateIconHtml(chevronLeft)}
|
|
17982
18518
|
</button>
|
|
17983
18519
|
` : undefined}
|
|
17984
18520
|
${this.showNextMonthBtn ? u$c`
|
|
17985
|
-
<button tabIndex="
|
|
18521
|
+
<button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
|
|
17986
18522
|
${this.util.generateIconHtml(chevronRight)}
|
|
17987
18523
|
</button>
|
|
17988
18524
|
` : undefined}
|
|
17989
18525
|
</div>
|
|
18526
|
+
<div class="calendars">
|
|
18527
|
+
${this.renderAllCalendars()}
|
|
18528
|
+
</div>
|
|
17990
18529
|
</div>
|
|
17991
18530
|
|
|
18531
|
+
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
18532
|
+
|
|
17992
18533
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
17993
18534
|
</${this.bibtemplateTag}>
|
|
17994
18535
|
`;
|
|
@@ -21236,7 +21777,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
|
|
|
21236
21777
|
});
|
|
21237
21778
|
}
|
|
21238
21779
|
|
|
21239
|
-
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}`;
|
|
21780
|
+
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}`;
|
|
21240
21781
|
|
|
21241
21782
|
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)}`;
|
|
21242
21783
|
|
|
@@ -21867,7 +22408,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
|
|
|
21867
22408
|
}
|
|
21868
22409
|
};
|
|
21869
22410
|
|
|
21870
|
-
var formkitVersion$1$2 = '
|
|
22411
|
+
var formkitVersion$1$2 = '202605182147';
|
|
21871
22412
|
|
|
21872
22413
|
let AuroElement$2$2 = class AuroElement extends i$4 {
|
|
21873
22414
|
static get properties() {
|
|
@@ -22047,6 +22588,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22047
22588
|
_intializeDefaults() {
|
|
22048
22589
|
this.appearance = 'default';
|
|
22049
22590
|
this.chevron = false;
|
|
22591
|
+
this.desktopModal = false;
|
|
22050
22592
|
this.disabled = false;
|
|
22051
22593
|
this.disableKeyboardHandling = false;
|
|
22052
22594
|
this.error = false;
|
|
@@ -22227,6 +22769,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22227
22769
|
reflect: true
|
|
22228
22770
|
},
|
|
22229
22771
|
|
|
22772
|
+
/**
|
|
22773
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
22774
|
+
*/
|
|
22775
|
+
desktopModal: {
|
|
22776
|
+
type: Boolean,
|
|
22777
|
+
reflect: true
|
|
22778
|
+
},
|
|
22779
|
+
|
|
22230
22780
|
/**
|
|
22231
22781
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
22232
22782
|
*/
|
|
@@ -22514,6 +23064,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22514
23064
|
|
|
22515
23065
|
disconnectedCallback() {
|
|
22516
23066
|
super.disconnectedCallback();
|
|
23067
|
+
this._clearPageInert();
|
|
23068
|
+
if (this._bibTabHandler) {
|
|
23069
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23070
|
+
this._bibTabHandler = undefined;
|
|
23071
|
+
}
|
|
23072
|
+
if (this.focusTrap) {
|
|
23073
|
+
this.focusTrap.disconnect();
|
|
23074
|
+
this.focusTrap = undefined;
|
|
23075
|
+
}
|
|
22517
23076
|
if (this.floater) {
|
|
22518
23077
|
this.floater.hideBib('disconnect');
|
|
22519
23078
|
this.floater.disconnect();
|
|
@@ -22541,19 +23100,34 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22541
23100
|
if (this.isPopoverVisible) {
|
|
22542
23101
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
22543
23102
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
22544
|
-
|
|
22545
|
-
this.
|
|
23103
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
23104
|
+
this.updateFocusTrap();
|
|
23105
|
+
|
|
23106
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
23107
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23108
|
+
this._setPageInert();
|
|
23109
|
+
}
|
|
22546
23110
|
} else {
|
|
22547
23111
|
this.bibElement.value.close();
|
|
23112
|
+
this._clearPageInert();
|
|
22548
23113
|
}
|
|
22549
23114
|
}
|
|
22550
23115
|
|
|
22551
23116
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
22552
23117
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
22553
23118
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
22554
|
-
const useModal = this.isBibFullscreen;
|
|
22555
23119
|
this.bibElement.value.close();
|
|
22556
|
-
this.bibElement.value.open(
|
|
23120
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
23121
|
+
|
|
23122
|
+
// Re-initialize focus management for the new strategy
|
|
23123
|
+
this.updateFocusTrap();
|
|
23124
|
+
|
|
23125
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
23126
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
23127
|
+
this._setPageInert();
|
|
23128
|
+
} else {
|
|
23129
|
+
this._clearPageInert();
|
|
23130
|
+
}
|
|
22557
23131
|
}
|
|
22558
23132
|
}
|
|
22559
23133
|
|
|
@@ -22563,8 +23137,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22563
23137
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
22564
23138
|
*/
|
|
22565
23139
|
handleDropdownToggle(event) {
|
|
22566
|
-
this.updateFocusTrap();
|
|
22567
23140
|
this.isPopoverVisible = event.detail.expanded;
|
|
23141
|
+
|
|
23142
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
23143
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
23144
|
+
if (!this.isPopoverVisible) {
|
|
23145
|
+
this.updateFocusTrap();
|
|
23146
|
+
}
|
|
23147
|
+
|
|
22568
23148
|
const eventType = event.detail.eventType || "unknown";
|
|
22569
23149
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
22570
23150
|
this.trigger.focus();
|
|
@@ -22663,19 +23243,164 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22663
23243
|
* @private
|
|
22664
23244
|
*/
|
|
22665
23245
|
updateFocusTrap() {
|
|
23246
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
23247
|
+
// to prevent duplicate listeners on repeated calls.
|
|
23248
|
+
if (this._bibTabHandler) {
|
|
23249
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
23250
|
+
this._bibTabHandler = undefined;
|
|
23251
|
+
}
|
|
23252
|
+
|
|
23253
|
+
if (this.focusTrap) {
|
|
23254
|
+
this.focusTrap.disconnect();
|
|
23255
|
+
this.focusTrap = undefined;
|
|
23256
|
+
}
|
|
23257
|
+
|
|
22666
23258
|
if (this.isPopoverVisible) {
|
|
22667
23259
|
if (!this.isBibFullscreen) {
|
|
22668
|
-
|
|
22669
|
-
|
|
22670
|
-
|
|
23260
|
+
if (this.desktopModal) {
|
|
23261
|
+
// Desktop modal: trap focus only within the bib content.
|
|
23262
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
23263
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
23264
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
23265
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
23266
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
23267
|
+
// within the bib's focusable elements.
|
|
23268
|
+
this._bibTabHandler = (event) => {
|
|
23269
|
+
if (event.key !== 'Tab') {
|
|
23270
|
+
return;
|
|
23271
|
+
}
|
|
23272
|
+
|
|
23273
|
+
// Collect focusable elements from the bib content.
|
|
23274
|
+
const focusables = getFocusableElements$3(this.bibContent);
|
|
23275
|
+
|
|
23276
|
+
// Fallback: try from slotted content directly
|
|
23277
|
+
if (!focusables.length) {
|
|
23278
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
23279
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
23280
|
+
|
|
23281
|
+
for (const node of assignedNodes) {
|
|
23282
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
23283
|
+
focusables.push(...getFocusableElements$3(node));
|
|
23284
|
+
}
|
|
23285
|
+
}
|
|
23286
|
+
}
|
|
23287
|
+
|
|
23288
|
+
if (!focusables.length) {
|
|
23289
|
+
return;
|
|
23290
|
+
}
|
|
23291
|
+
|
|
23292
|
+
event.preventDefault();
|
|
23293
|
+
|
|
23294
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
23295
|
+
|
|
23296
|
+
// Walk the active element chain through shadow roots
|
|
23297
|
+
const actives = this._getActiveElements();
|
|
23298
|
+
|
|
23299
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
23300
|
+
|
|
23301
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
23302
|
+
// Focus is not on a known element — move to first/last
|
|
23303
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
23304
|
+
}
|
|
23305
|
+
|
|
23306
|
+
// Try each element in order, skipping any that can't receive focus
|
|
23307
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
23308
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
23309
|
+
let nextIdx = idx + direction;
|
|
23310
|
+
|
|
23311
|
+
// Wrap around
|
|
23312
|
+
if (nextIdx < 0) {
|
|
23313
|
+
nextIdx = focusables.length - 1;
|
|
23314
|
+
} else if (nextIdx >= focusables.length) {
|
|
23315
|
+
nextIdx = 0;
|
|
23316
|
+
}
|
|
23317
|
+
|
|
23318
|
+
focusables[nextIdx].focus();
|
|
23319
|
+
|
|
23320
|
+
// Verify focus actually moved to the target
|
|
23321
|
+
const newActives = this._getActiveElements();
|
|
23322
|
+
|
|
23323
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
23324
|
+
return;
|
|
23325
|
+
}
|
|
23326
|
+
|
|
23327
|
+
// Focus didn't stick — skip this element and try the next
|
|
23328
|
+
idx = nextIdx;
|
|
23329
|
+
}
|
|
23330
|
+
};
|
|
23331
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
23332
|
+
} else {
|
|
23333
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
23334
|
+
this.focusTrap = new FocusTrap$3(this.bibContent);
|
|
23335
|
+
this.focusTrap.focusFirstElement();
|
|
23336
|
+
}
|
|
22671
23337
|
}
|
|
22672
23338
|
// Fullscreen: showModal() provides native focus trapping
|
|
23339
|
+
}
|
|
23340
|
+
}
|
|
23341
|
+
|
|
23342
|
+
/**
|
|
23343
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
23344
|
+
* @private
|
|
23345
|
+
* @returns {Array<HTMLElement>}
|
|
23346
|
+
*/
|
|
23347
|
+
_getActiveElements() {
|
|
23348
|
+
let { activeElement } = document;
|
|
23349
|
+
const actives = [activeElement];
|
|
23350
|
+
|
|
23351
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
23352
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
23353
|
+
actives.push(activeElement);
|
|
23354
|
+
}
|
|
23355
|
+
|
|
23356
|
+
return actives;
|
|
23357
|
+
}
|
|
23358
|
+
|
|
23359
|
+
/**
|
|
23360
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
23361
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
23362
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
23363
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
23364
|
+
* @private
|
|
23365
|
+
*/
|
|
23366
|
+
_setPageInert() {
|
|
23367
|
+
if (this._inertSiblings) {
|
|
22673
23368
|
return;
|
|
22674
23369
|
}
|
|
22675
23370
|
|
|
22676
|
-
|
|
22677
|
-
|
|
22678
|
-
|
|
23371
|
+
this._inertSiblings = [];
|
|
23372
|
+
|
|
23373
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
23374
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
23375
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
23376
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
23377
|
+
let host = this;
|
|
23378
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
23379
|
+
host = host.getRootNode().host;
|
|
23380
|
+
}
|
|
23381
|
+
|
|
23382
|
+
const parent = host.parentElement;
|
|
23383
|
+
|
|
23384
|
+
if (parent) {
|
|
23385
|
+
for (const sibling of parent.children) {
|
|
23386
|
+
if (sibling !== host && !sibling.inert) {
|
|
23387
|
+
sibling.inert = true;
|
|
23388
|
+
this._inertSiblings.push(sibling);
|
|
23389
|
+
}
|
|
23390
|
+
}
|
|
23391
|
+
}
|
|
23392
|
+
}
|
|
23393
|
+
|
|
23394
|
+
/**
|
|
23395
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
23396
|
+
* @private
|
|
23397
|
+
*/
|
|
23398
|
+
_clearPageInert() {
|
|
23399
|
+
if (this._inertSiblings) {
|
|
23400
|
+
for (const sibling of this._inertSiblings) {
|
|
23401
|
+
sibling.inert = false;
|
|
23402
|
+
}
|
|
23403
|
+
this._inertSiblings = undefined;
|
|
22679
23404
|
}
|
|
22680
23405
|
}
|
|
22681
23406
|
|
|
@@ -22914,6 +23639,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
22914
23639
|
shape="${this.shape}"
|
|
22915
23640
|
?data-show="${this.isPopoverVisible}"
|
|
22916
23641
|
?isfullscreen="${this.isBibFullscreen}"
|
|
23642
|
+
?desktopmodal="${this.desktopModal}"
|
|
22917
23643
|
.dialogLabel="${this.bibDialogLabel}"
|
|
22918
23644
|
${n$6(this.bibElement)}
|
|
22919
23645
|
>
|
|
@@ -29612,7 +30338,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
|
|
|
29612
30338
|
}
|
|
29613
30339
|
};
|
|
29614
30340
|
|
|
29615
|
-
var formkitVersion$8 = '
|
|
30341
|
+
var formkitVersion$8 = '202605182147';
|
|
29616
30342
|
|
|
29617
30343
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
29618
30344
|
// See LICENSE in the project root for license information.
|
|
@@ -30869,24 +31595,47 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
|
|
|
30869
31595
|
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
30870
31596
|
// - The bib opens and closes via pointer/touch interaction only.
|
|
30871
31597
|
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
31598
|
+
// - Space opens the bib when it is closed.
|
|
30872
31599
|
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
30873
|
-
// - Enter
|
|
31600
|
+
// - Enter does not open or close the bib.
|
|
30874
31601
|
//
|
|
30875
31602
|
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
30876
31603
|
// added, handlers should go here following the same strategy pattern used by
|
|
30877
31604
|
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
30878
31605
|
const datepickerKeyboardStrategy = {
|
|
30879
|
-
Escape(component, evt) {
|
|
30880
|
-
if (!
|
|
31606
|
+
Escape(component, evt, ctx) {
|
|
31607
|
+
if (!ctx.isExpanded) {
|
|
30881
31608
|
return;
|
|
30882
31609
|
}
|
|
30883
31610
|
|
|
30884
|
-
//
|
|
30885
|
-
//
|
|
30886
|
-
// seeing this event, we must also close the dropdown explicitly.
|
|
31611
|
+
// Stop propagation so parent containers (auro-dialog, auro-drawer)
|
|
31612
|
+
// don't also react to Escape.
|
|
30887
31613
|
evt.stopPropagation();
|
|
31614
|
+
evt.preventDefault();
|
|
30888
31615
|
|
|
30889
|
-
component.
|
|
31616
|
+
component.hideBib();
|
|
31617
|
+
},
|
|
31618
|
+
|
|
31619
|
+
Enter(component, evt, ctx) {
|
|
31620
|
+
if (ctx.isExpanded) {
|
|
31621
|
+
return;
|
|
31622
|
+
}
|
|
31623
|
+
|
|
31624
|
+
// Prevent the space character from being typed into the input.
|
|
31625
|
+
evt.preventDefault();
|
|
31626
|
+
|
|
31627
|
+
component.dropdown.show();
|
|
31628
|
+
},
|
|
31629
|
+
|
|
31630
|
+
' '(component, evt, ctx) {
|
|
31631
|
+
if (ctx.isExpanded) {
|
|
31632
|
+
return;
|
|
31633
|
+
}
|
|
31634
|
+
|
|
31635
|
+
// Prevent the space character from being typed into the input.
|
|
31636
|
+
evt.preventDefault();
|
|
31637
|
+
|
|
31638
|
+
component.dropdown.show();
|
|
30890
31639
|
},
|
|
30891
31640
|
};
|
|
30892
31641
|
|
|
@@ -30960,6 +31709,15 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
30960
31709
|
this.required = false;
|
|
30961
31710
|
this.onDark = false;
|
|
30962
31711
|
this.range = false;
|
|
31712
|
+
this.rangeLabelStart = 'range start';
|
|
31713
|
+
this.rangeLabelEnd = 'range end';
|
|
31714
|
+
this.rangeLabelBeforeRange = 'before range';
|
|
31715
|
+
this.rangeLabelInRange = 'in range';
|
|
31716
|
+
this.rangeLabelAfterRange = 'after range';
|
|
31717
|
+
this.blackoutDates = [];
|
|
31718
|
+
this.blackoutLabel = 'unavailable';
|
|
31719
|
+
this.navLabelPrevMonth = 'Previous month';
|
|
31720
|
+
this.navLabelNextMonth = 'Next month';
|
|
30963
31721
|
this.stacked = false;
|
|
30964
31722
|
this.noValidate = false;
|
|
30965
31723
|
this.validity = undefined;
|
|
@@ -31338,6 +32096,78 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31338
32096
|
reflect: true
|
|
31339
32097
|
},
|
|
31340
32098
|
|
|
32099
|
+
/**
|
|
32100
|
+
* Label announced for the range start date cell.
|
|
32101
|
+
*/
|
|
32102
|
+
rangeLabelStart: {
|
|
32103
|
+
type: String,
|
|
32104
|
+
reflect: true
|
|
32105
|
+
},
|
|
32106
|
+
|
|
32107
|
+
/**
|
|
32108
|
+
* Label announced for the range end date cell.
|
|
32109
|
+
*/
|
|
32110
|
+
rangeLabelEnd: {
|
|
32111
|
+
type: String,
|
|
32112
|
+
reflect: true
|
|
32113
|
+
},
|
|
32114
|
+
|
|
32115
|
+
/**
|
|
32116
|
+
* Label announced for cells before the range start.
|
|
32117
|
+
*/
|
|
32118
|
+
rangeLabelBeforeRange: {
|
|
32119
|
+
type: String,
|
|
32120
|
+
reflect: true
|
|
32121
|
+
},
|
|
32122
|
+
|
|
32123
|
+
/**
|
|
32124
|
+
* Label announced for cells within the selected range.
|
|
32125
|
+
*/
|
|
32126
|
+
rangeLabelInRange: {
|
|
32127
|
+
type: String,
|
|
32128
|
+
reflect: true
|
|
32129
|
+
},
|
|
32130
|
+
|
|
32131
|
+
/**
|
|
32132
|
+
* Label announced for cells after the range (or after start when no end is selected).
|
|
32133
|
+
*/
|
|
32134
|
+
rangeLabelAfterRange: {
|
|
32135
|
+
type: String,
|
|
32136
|
+
reflect: true
|
|
32137
|
+
},
|
|
32138
|
+
|
|
32139
|
+
/**
|
|
32140
|
+
* Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
|
|
32141
|
+
*/
|
|
32142
|
+
blackoutDates: {
|
|
32143
|
+
type: Array,
|
|
32144
|
+
reflect: true
|
|
32145
|
+
},
|
|
32146
|
+
|
|
32147
|
+
/**
|
|
32148
|
+
* Label announced for blackout (disabled but in-range) date cells.
|
|
32149
|
+
*/
|
|
32150
|
+
blackoutLabel: {
|
|
32151
|
+
type: String,
|
|
32152
|
+
reflect: true
|
|
32153
|
+
},
|
|
32154
|
+
|
|
32155
|
+
/**
|
|
32156
|
+
* Accessible label for the previous month navigation button.
|
|
32157
|
+
*/
|
|
32158
|
+
navLabelPrevMonth: {
|
|
32159
|
+
type: String,
|
|
32160
|
+
reflect: true
|
|
32161
|
+
},
|
|
32162
|
+
|
|
32163
|
+
/**
|
|
32164
|
+
* Accessible label for the next month navigation button.
|
|
32165
|
+
*/
|
|
32166
|
+
navLabelNextMonth: {
|
|
32167
|
+
type: String,
|
|
32168
|
+
reflect: true
|
|
32169
|
+
},
|
|
32170
|
+
|
|
31341
32171
|
/**
|
|
31342
32172
|
* Dates that the user should have for reference as part of their decision making when selecting a date.
|
|
31343
32173
|
* This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
|
|
@@ -31685,6 +32515,48 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31685
32515
|
}));
|
|
31686
32516
|
}
|
|
31687
32517
|
|
|
32518
|
+
/**
|
|
32519
|
+
* Attempts to focus the active calendar cell using a rAF retry loop.
|
|
32520
|
+
* Shared by both fullscreen and desktop open paths.
|
|
32521
|
+
* @private
|
|
32522
|
+
* @returns {void}
|
|
32523
|
+
*/
|
|
32524
|
+
focusActiveCellWhenReady() {
|
|
32525
|
+
const MAX_ATTEMPTS = 20;
|
|
32526
|
+
let attempts = 0;
|
|
32527
|
+
|
|
32528
|
+
const tryFocus = () => {
|
|
32529
|
+
attempts += 1;
|
|
32530
|
+
const allCells = this.calendar.getAllFocusableCells();
|
|
32531
|
+
|
|
32532
|
+
if (!allCells.length && attempts < MAX_ATTEMPTS) {
|
|
32533
|
+
requestAnimationFrame(tryFocus);
|
|
32534
|
+
return;
|
|
32535
|
+
}
|
|
32536
|
+
|
|
32537
|
+
// Compute and mark the active cell
|
|
32538
|
+
if (this.calendar.activeCellDate == null) {
|
|
32539
|
+
this.calendar.activeCellDate = this.calendar.computeActiveDate();
|
|
32540
|
+
}
|
|
32541
|
+
if (this.calendar.activeCellDate !== undefined) {
|
|
32542
|
+
this.calendar.setActiveCell(this.calendar.activeCellDate);
|
|
32543
|
+
}
|
|
32544
|
+
|
|
32545
|
+
// Find the active cell, pre-set hovered so @focus is a no-op
|
|
32546
|
+
const activeCell = allCells.find(cell => cell.active);
|
|
32547
|
+
if (activeCell) {
|
|
32548
|
+
activeCell.hovered = true;
|
|
32549
|
+
const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
|
|
32550
|
+
if (btn) {
|
|
32551
|
+
btn.setAttribute('tabindex', '0');
|
|
32552
|
+
btn.focus({ focusVisible: true });
|
|
32553
|
+
}
|
|
32554
|
+
}
|
|
32555
|
+
};
|
|
32556
|
+
|
|
32557
|
+
requestAnimationFrame(tryFocus);
|
|
32558
|
+
}
|
|
32559
|
+
|
|
31688
32560
|
/**
|
|
31689
32561
|
* Binds all behavior needed to the dropdown after rendering.
|
|
31690
32562
|
* @private
|
|
@@ -31693,6 +32565,12 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31693
32565
|
configureDropdown() {
|
|
31694
32566
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
31695
32567
|
|
|
32568
|
+
// The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
|
|
32569
|
+
// Prevent the floater's document-level focusin handler from closing the bib
|
|
32570
|
+
// when focus moves from the trigger into the calendar cells (which live inside
|
|
32571
|
+
// a top-layer popover where :focus-within on the dropdown host returns false).
|
|
32572
|
+
this.dropdown.noHideOnThisFocusLoss = true;
|
|
32573
|
+
|
|
31696
32574
|
// Pass label text to the dropdown bib for accessible dialog naming.
|
|
31697
32575
|
// Without this, the fullscreen <dialog> has no accessible name and
|
|
31698
32576
|
// screen readers announce it as just "dialog" with no context.
|
|
@@ -31710,6 +32588,22 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31710
32588
|
this.dropdown.addEventListener('auroDropdown-toggled', () => {
|
|
31711
32589
|
this.notifyDatepickerToggled();
|
|
31712
32590
|
|
|
32591
|
+
if (this.dropdown.isPopoverVisible) {
|
|
32592
|
+
// Reset calendar focus state so it recomputes from the current selection.
|
|
32593
|
+
// Without this, reopening after navigating to a month without a selected
|
|
32594
|
+
// date leaves activeCellDate pointing at a cell in a different month than
|
|
32595
|
+
// what centralDate renders, causing all cells to have tabindex="-1".
|
|
32596
|
+
this.calendar.activeCellDate = null;
|
|
32597
|
+
|
|
32598
|
+
// Show the month containing the selected date (or today) instead of
|
|
32599
|
+
// whichever month the user last navigated to.
|
|
32600
|
+
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
32601
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
32602
|
+
} else if (!this.minDate) {
|
|
32603
|
+
this.calendarRenderUtil.updateCentralDate(this, new Date());
|
|
32604
|
+
}
|
|
32605
|
+
}
|
|
32606
|
+
|
|
31713
32607
|
// This forces the calendar to render when the dropdown is opened.
|
|
31714
32608
|
// It is not rendered by default
|
|
31715
32609
|
this.calendar.visible = this.dropdown.isPopoverVisible;
|
|
@@ -31742,12 +32636,17 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31742
32636
|
bibEl.open(true);
|
|
31743
32637
|
|
|
31744
32638
|
doubleRaf$3(() => {
|
|
31745
|
-
this.
|
|
32639
|
+
this.focusActiveCellWhenReady();
|
|
31746
32640
|
});
|
|
31747
32641
|
}
|
|
31748
32642
|
});
|
|
31749
32643
|
|
|
31750
32644
|
guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
|
|
32645
|
+
} else {
|
|
32646
|
+
// Desktop (non-fullscreen): focus the active calendar cell.
|
|
32647
|
+
this.dropdown.updateComplete.then(() => {
|
|
32648
|
+
this.focusActiveCellWhenReady();
|
|
32649
|
+
});
|
|
31751
32650
|
}
|
|
31752
32651
|
} else {
|
|
31753
32652
|
// Always clear the inert flag. Only restore focus to the input when the datepicker
|
|
@@ -31988,14 +32887,8 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
31988
32887
|
|
|
31989
32888
|
if (onEndValue) {
|
|
31990
32889
|
this.valueEnd = newDate;
|
|
31991
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31992
|
-
this.focus('startDate');
|
|
31993
|
-
}
|
|
31994
32890
|
} else {
|
|
31995
32891
|
this.value = newDate;
|
|
31996
|
-
if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
|
|
31997
|
-
this.focus('endDate');
|
|
31998
|
-
}
|
|
31999
32892
|
}
|
|
32000
32893
|
}
|
|
32001
32894
|
}
|
|
@@ -32126,6 +33019,9 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32126
33019
|
|
|
32127
33020
|
if (this.cellClickActive) {
|
|
32128
33021
|
this.cellClickActive = false;
|
|
33022
|
+
this.wasCellClick = true;
|
|
33023
|
+
} else {
|
|
33024
|
+
this.wasCellClick = false;
|
|
32129
33025
|
}
|
|
32130
33026
|
|
|
32131
33027
|
if (this.value && this.util.validDateStr(this.value, this.format)) {
|
|
@@ -32156,7 +33052,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32156
33052
|
}
|
|
32157
33053
|
|
|
32158
33054
|
if (this.value && this.value.length === this.inputList[0].lengthForType) {
|
|
32159
|
-
|
|
33055
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
33056
|
+
// to prevent the displayed months from shifting
|
|
33057
|
+
if (!(this.wasCellClick && this.range)) {
|
|
33058
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
|
|
33059
|
+
}
|
|
32160
33060
|
}
|
|
32161
33061
|
|
|
32162
33062
|
this.setHasValue();
|
|
@@ -32193,7 +33093,11 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32193
33093
|
}
|
|
32194
33094
|
|
|
32195
33095
|
if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
|
|
32196
|
-
|
|
33096
|
+
// Skip centralDate update when user clicked a cell in range mode
|
|
33097
|
+
// to prevent the displayed months from shifting
|
|
33098
|
+
if (!this.wasCellClick) {
|
|
33099
|
+
this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
|
|
33100
|
+
}
|
|
32197
33101
|
}
|
|
32198
33102
|
|
|
32199
33103
|
this.validate();
|
|
@@ -32350,6 +33254,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32350
33254
|
}
|
|
32351
33255
|
|
|
32352
33256
|
firstUpdated() {
|
|
33257
|
+
|
|
32353
33258
|
// Add the tag name as an attribute if it is different than the component name
|
|
32354
33259
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
|
|
32355
33260
|
|
|
@@ -32779,7 +33684,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32779
33684
|
// Base HTML render() handles dropdown and calendar bib
|
|
32780
33685
|
return u$c`
|
|
32781
33686
|
<!-- Hidden slot for clear button aria-label -->
|
|
32782
|
-
<slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
|
|
33687
|
+
<slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
|
|
32783
33688
|
|
|
32784
33689
|
<${this.dropdownTag}
|
|
32785
33690
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
@@ -32796,6 +33701,7 @@ class AuroDatePicker extends AuroElement$6 {
|
|
|
32796
33701
|
.shape="${this.shape}"
|
|
32797
33702
|
.size="${this.size}"
|
|
32798
33703
|
class="${e$3(dropdownElementClassMap)}"
|
|
33704
|
+
desktopModal
|
|
32799
33705
|
disableEventShow
|
|
32800
33706
|
for="dropdownMenu"
|
|
32801
33707
|
part="dropdown"
|
|
@@ -36052,7 +36958,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
|
|
|
36052
36958
|
});
|
|
36053
36959
|
}
|
|
36054
36960
|
|
|
36055
|
-
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}`;
|
|
36961
|
+
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}`;
|
|
36056
36962
|
|
|
36057
36963
|
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)}`;
|
|
36058
36964
|
|
|
@@ -36683,7 +37589,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
|
|
|
36683
37589
|
}
|
|
36684
37590
|
};
|
|
36685
37591
|
|
|
36686
|
-
var formkitVersion$7 = '
|
|
37592
|
+
var formkitVersion$7 = '202605182147';
|
|
36687
37593
|
|
|
36688
37594
|
let AuroElement$5 = class AuroElement extends i$4 {
|
|
36689
37595
|
static get properties() {
|
|
@@ -36863,6 +37769,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
36863
37769
|
_intializeDefaults() {
|
|
36864
37770
|
this.appearance = 'default';
|
|
36865
37771
|
this.chevron = false;
|
|
37772
|
+
this.desktopModal = false;
|
|
36866
37773
|
this.disabled = false;
|
|
36867
37774
|
this.disableKeyboardHandling = false;
|
|
36868
37775
|
this.error = false;
|
|
@@ -37043,6 +37950,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37043
37950
|
reflect: true
|
|
37044
37951
|
},
|
|
37045
37952
|
|
|
37953
|
+
/**
|
|
37954
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
37955
|
+
*/
|
|
37956
|
+
desktopModal: {
|
|
37957
|
+
type: Boolean,
|
|
37958
|
+
reflect: true
|
|
37959
|
+
},
|
|
37960
|
+
|
|
37046
37961
|
/**
|
|
37047
37962
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
37048
37963
|
*/
|
|
@@ -37330,6 +38245,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37330
38245
|
|
|
37331
38246
|
disconnectedCallback() {
|
|
37332
38247
|
super.disconnectedCallback();
|
|
38248
|
+
this._clearPageInert();
|
|
38249
|
+
if (this._bibTabHandler) {
|
|
38250
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38251
|
+
this._bibTabHandler = undefined;
|
|
38252
|
+
}
|
|
38253
|
+
if (this.focusTrap) {
|
|
38254
|
+
this.focusTrap.disconnect();
|
|
38255
|
+
this.focusTrap = undefined;
|
|
38256
|
+
}
|
|
37333
38257
|
if (this.floater) {
|
|
37334
38258
|
this.floater.hideBib('disconnect');
|
|
37335
38259
|
this.floater.disconnect();
|
|
@@ -37357,19 +38281,34 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37357
38281
|
if (this.isPopoverVisible) {
|
|
37358
38282
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
37359
38283
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
37360
|
-
|
|
37361
|
-
this.
|
|
38284
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38285
|
+
this.updateFocusTrap();
|
|
38286
|
+
|
|
38287
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
38288
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38289
|
+
this._setPageInert();
|
|
38290
|
+
}
|
|
37362
38291
|
} else {
|
|
37363
38292
|
this.bibElement.value.close();
|
|
38293
|
+
this._clearPageInert();
|
|
37364
38294
|
}
|
|
37365
38295
|
}
|
|
37366
38296
|
|
|
37367
38297
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
37368
38298
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
37369
38299
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
37370
|
-
const useModal = this.isBibFullscreen;
|
|
37371
38300
|
this.bibElement.value.close();
|
|
37372
|
-
this.bibElement.value.open(
|
|
38301
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
38302
|
+
|
|
38303
|
+
// Re-initialize focus management for the new strategy
|
|
38304
|
+
this.updateFocusTrap();
|
|
38305
|
+
|
|
38306
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
38307
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
38308
|
+
this._setPageInert();
|
|
38309
|
+
} else {
|
|
38310
|
+
this._clearPageInert();
|
|
38311
|
+
}
|
|
37373
38312
|
}
|
|
37374
38313
|
}
|
|
37375
38314
|
|
|
@@ -37379,8 +38318,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37379
38318
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
37380
38319
|
*/
|
|
37381
38320
|
handleDropdownToggle(event) {
|
|
37382
|
-
this.updateFocusTrap();
|
|
37383
38321
|
this.isPopoverVisible = event.detail.expanded;
|
|
38322
|
+
|
|
38323
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
38324
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
38325
|
+
if (!this.isPopoverVisible) {
|
|
38326
|
+
this.updateFocusTrap();
|
|
38327
|
+
}
|
|
38328
|
+
|
|
37384
38329
|
const eventType = event.detail.eventType || "unknown";
|
|
37385
38330
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
37386
38331
|
this.trigger.focus();
|
|
@@ -37479,19 +38424,164 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37479
38424
|
* @private
|
|
37480
38425
|
*/
|
|
37481
38426
|
updateFocusTrap() {
|
|
38427
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
38428
|
+
// to prevent duplicate listeners on repeated calls.
|
|
38429
|
+
if (this._bibTabHandler) {
|
|
38430
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
38431
|
+
this._bibTabHandler = undefined;
|
|
38432
|
+
}
|
|
38433
|
+
|
|
38434
|
+
if (this.focusTrap) {
|
|
38435
|
+
this.focusTrap.disconnect();
|
|
38436
|
+
this.focusTrap = undefined;
|
|
38437
|
+
}
|
|
38438
|
+
|
|
37482
38439
|
if (this.isPopoverVisible) {
|
|
37483
38440
|
if (!this.isBibFullscreen) {
|
|
37484
|
-
|
|
37485
|
-
|
|
37486
|
-
|
|
38441
|
+
if (this.desktopModal) {
|
|
38442
|
+
// Desktop modal: trap focus only within the bib content.
|
|
38443
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
38444
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
38445
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
38446
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
38447
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
38448
|
+
// within the bib's focusable elements.
|
|
38449
|
+
this._bibTabHandler = (event) => {
|
|
38450
|
+
if (event.key !== 'Tab') {
|
|
38451
|
+
return;
|
|
38452
|
+
}
|
|
38453
|
+
|
|
38454
|
+
// Collect focusable elements from the bib content.
|
|
38455
|
+
const focusables = getFocusableElements$2(this.bibContent);
|
|
38456
|
+
|
|
38457
|
+
// Fallback: try from slotted content directly
|
|
38458
|
+
if (!focusables.length) {
|
|
38459
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
38460
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
38461
|
+
|
|
38462
|
+
for (const node of assignedNodes) {
|
|
38463
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
38464
|
+
focusables.push(...getFocusableElements$2(node));
|
|
38465
|
+
}
|
|
38466
|
+
}
|
|
38467
|
+
}
|
|
38468
|
+
|
|
38469
|
+
if (!focusables.length) {
|
|
38470
|
+
return;
|
|
38471
|
+
}
|
|
38472
|
+
|
|
38473
|
+
event.preventDefault();
|
|
38474
|
+
|
|
38475
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
38476
|
+
|
|
38477
|
+
// Walk the active element chain through shadow roots
|
|
38478
|
+
const actives = this._getActiveElements();
|
|
38479
|
+
|
|
38480
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
38481
|
+
|
|
38482
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
38483
|
+
// Focus is not on a known element — move to first/last
|
|
38484
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
38485
|
+
}
|
|
38486
|
+
|
|
38487
|
+
// Try each element in order, skipping any that can't receive focus
|
|
38488
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
38489
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
38490
|
+
let nextIdx = idx + direction;
|
|
38491
|
+
|
|
38492
|
+
// Wrap around
|
|
38493
|
+
if (nextIdx < 0) {
|
|
38494
|
+
nextIdx = focusables.length - 1;
|
|
38495
|
+
} else if (nextIdx >= focusables.length) {
|
|
38496
|
+
nextIdx = 0;
|
|
38497
|
+
}
|
|
38498
|
+
|
|
38499
|
+
focusables[nextIdx].focus();
|
|
38500
|
+
|
|
38501
|
+
// Verify focus actually moved to the target
|
|
38502
|
+
const newActives = this._getActiveElements();
|
|
38503
|
+
|
|
38504
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
38505
|
+
return;
|
|
38506
|
+
}
|
|
38507
|
+
|
|
38508
|
+
// Focus didn't stick — skip this element and try the next
|
|
38509
|
+
idx = nextIdx;
|
|
38510
|
+
}
|
|
38511
|
+
};
|
|
38512
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
38513
|
+
} else {
|
|
38514
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
38515
|
+
this.focusTrap = new FocusTrap$2(this.bibContent);
|
|
38516
|
+
this.focusTrap.focusFirstElement();
|
|
38517
|
+
}
|
|
37487
38518
|
}
|
|
37488
38519
|
// Fullscreen: showModal() provides native focus trapping
|
|
38520
|
+
}
|
|
38521
|
+
}
|
|
38522
|
+
|
|
38523
|
+
/**
|
|
38524
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
38525
|
+
* @private
|
|
38526
|
+
* @returns {Array<HTMLElement>}
|
|
38527
|
+
*/
|
|
38528
|
+
_getActiveElements() {
|
|
38529
|
+
let { activeElement } = document;
|
|
38530
|
+
const actives = [activeElement];
|
|
38531
|
+
|
|
38532
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
38533
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
38534
|
+
actives.push(activeElement);
|
|
38535
|
+
}
|
|
38536
|
+
|
|
38537
|
+
return actives;
|
|
38538
|
+
}
|
|
38539
|
+
|
|
38540
|
+
/**
|
|
38541
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
38542
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
38543
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
38544
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
38545
|
+
* @private
|
|
38546
|
+
*/
|
|
38547
|
+
_setPageInert() {
|
|
38548
|
+
if (this._inertSiblings) {
|
|
37489
38549
|
return;
|
|
37490
38550
|
}
|
|
37491
38551
|
|
|
37492
|
-
|
|
37493
|
-
|
|
37494
|
-
|
|
38552
|
+
this._inertSiblings = [];
|
|
38553
|
+
|
|
38554
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
38555
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
38556
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
38557
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
38558
|
+
let host = this;
|
|
38559
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
38560
|
+
host = host.getRootNode().host;
|
|
38561
|
+
}
|
|
38562
|
+
|
|
38563
|
+
const parent = host.parentElement;
|
|
38564
|
+
|
|
38565
|
+
if (parent) {
|
|
38566
|
+
for (const sibling of parent.children) {
|
|
38567
|
+
if (sibling !== host && !sibling.inert) {
|
|
38568
|
+
sibling.inert = true;
|
|
38569
|
+
this._inertSiblings.push(sibling);
|
|
38570
|
+
}
|
|
38571
|
+
}
|
|
38572
|
+
}
|
|
38573
|
+
}
|
|
38574
|
+
|
|
38575
|
+
/**
|
|
38576
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
38577
|
+
* @private
|
|
38578
|
+
*/
|
|
38579
|
+
_clearPageInert() {
|
|
38580
|
+
if (this._inertSiblings) {
|
|
38581
|
+
for (const sibling of this._inertSiblings) {
|
|
38582
|
+
sibling.inert = false;
|
|
38583
|
+
}
|
|
38584
|
+
this._inertSiblings = undefined;
|
|
37495
38585
|
}
|
|
37496
38586
|
}
|
|
37497
38587
|
|
|
@@ -37730,6 +38820,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
|
|
|
37730
38820
|
shape="${this.shape}"
|
|
37731
38821
|
?data-show="${this.isPopoverVisible}"
|
|
37732
38822
|
?isfullscreen="${this.isBibFullscreen}"
|
|
38823
|
+
?desktopmodal="${this.desktopModal}"
|
|
37733
38824
|
.dialogLabel="${this.bibDialogLabel}"
|
|
37734
38825
|
${n$6(this.bibElement)}
|
|
37735
38826
|
>
|
|
@@ -39284,7 +40375,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
|
|
|
39284
40375
|
}
|
|
39285
40376
|
};
|
|
39286
40377
|
|
|
39287
|
-
var formkitVersion$6 = '
|
|
40378
|
+
var formkitVersion$6 = '202605182147';
|
|
39288
40379
|
|
|
39289
40380
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
39290
40381
|
// See LICENSE in the project root for license information.
|
|
@@ -40022,6 +41113,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
40022
41113
|
large: {
|
|
40023
41114
|
type: Boolean,
|
|
40024
41115
|
reflect: true
|
|
41116
|
+
},
|
|
41117
|
+
|
|
41118
|
+
/**
|
|
41119
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
41120
|
+
*/
|
|
41121
|
+
showFooter: {
|
|
41122
|
+
type: Boolean,
|
|
41123
|
+
reflect: true
|
|
40025
41124
|
}
|
|
40026
41125
|
};
|
|
40027
41126
|
}
|
|
@@ -40124,7 +41223,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
|
|
|
40124
41223
|
<slot></slot>
|
|
40125
41224
|
</div>
|
|
40126
41225
|
|
|
40127
|
-
${this.isFullscreen ? u$c`
|
|
41226
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
40128
41227
|
<div id="footerContainer">
|
|
40129
41228
|
<slot name="footer"></slot>
|
|
40130
41229
|
</div>` : null}
|
|
@@ -42702,7 +43801,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
|
|
|
42702
43801
|
}
|
|
42703
43802
|
};
|
|
42704
43803
|
|
|
42705
|
-
var formkitVersion$5 = '
|
|
43804
|
+
var formkitVersion$5 = '202605182147';
|
|
42706
43805
|
|
|
42707
43806
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
42708
43807
|
// See LICENSE in the project root for license information.
|
|
@@ -44874,7 +45973,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
|
|
|
44874
45973
|
}
|
|
44875
45974
|
};
|
|
44876
45975
|
|
|
44877
|
-
var formkitVersion$4 = '
|
|
45976
|
+
var formkitVersion$4 = '202605182147';
|
|
44878
45977
|
|
|
44879
45978
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
44880
45979
|
// See LICENSE in the project root for license information.
|
|
@@ -49863,7 +50962,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
|
|
|
49863
50962
|
});
|
|
49864
50963
|
}
|
|
49865
50964
|
|
|
49866
|
-
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}`;
|
|
50965
|
+
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}`;
|
|
49867
50966
|
|
|
49868
50967
|
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)}`;
|
|
49869
50968
|
|
|
@@ -50494,7 +51593,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
50494
51593
|
}
|
|
50495
51594
|
};
|
|
50496
51595
|
|
|
50497
|
-
var formkitVersion$2 = '
|
|
51596
|
+
var formkitVersion$2 = '202605182147';
|
|
50498
51597
|
|
|
50499
51598
|
let AuroElement$2$1 = class AuroElement extends i$4 {
|
|
50500
51599
|
static get properties() {
|
|
@@ -50674,6 +51773,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50674
51773
|
_intializeDefaults() {
|
|
50675
51774
|
this.appearance = 'default';
|
|
50676
51775
|
this.chevron = false;
|
|
51776
|
+
this.desktopModal = false;
|
|
50677
51777
|
this.disabled = false;
|
|
50678
51778
|
this.disableKeyboardHandling = false;
|
|
50679
51779
|
this.error = false;
|
|
@@ -50854,6 +51954,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
50854
51954
|
reflect: true
|
|
50855
51955
|
},
|
|
50856
51956
|
|
|
51957
|
+
/**
|
|
51958
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
51959
|
+
*/
|
|
51960
|
+
desktopModal: {
|
|
51961
|
+
type: Boolean,
|
|
51962
|
+
reflect: true
|
|
51963
|
+
},
|
|
51964
|
+
|
|
50857
51965
|
/**
|
|
50858
51966
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
50859
51967
|
*/
|
|
@@ -51141,6 +52249,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51141
52249
|
|
|
51142
52250
|
disconnectedCallback() {
|
|
51143
52251
|
super.disconnectedCallback();
|
|
52252
|
+
this._clearPageInert();
|
|
52253
|
+
if (this._bibTabHandler) {
|
|
52254
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52255
|
+
this._bibTabHandler = undefined;
|
|
52256
|
+
}
|
|
52257
|
+
if (this.focusTrap) {
|
|
52258
|
+
this.focusTrap.disconnect();
|
|
52259
|
+
this.focusTrap = undefined;
|
|
52260
|
+
}
|
|
51144
52261
|
if (this.floater) {
|
|
51145
52262
|
this.floater.hideBib('disconnect');
|
|
51146
52263
|
this.floater.disconnect();
|
|
@@ -51168,19 +52285,34 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51168
52285
|
if (this.isPopoverVisible) {
|
|
51169
52286
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
51170
52287
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
51171
|
-
|
|
51172
|
-
this.
|
|
52288
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
52289
|
+
this.updateFocusTrap();
|
|
52290
|
+
|
|
52291
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
52292
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52293
|
+
this._setPageInert();
|
|
52294
|
+
}
|
|
51173
52295
|
} else {
|
|
51174
52296
|
this.bibElement.value.close();
|
|
52297
|
+
this._clearPageInert();
|
|
51175
52298
|
}
|
|
51176
52299
|
}
|
|
51177
52300
|
|
|
51178
52301
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
51179
52302
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
51180
52303
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
51181
|
-
const useModal = this.isBibFullscreen;
|
|
51182
52304
|
this.bibElement.value.close();
|
|
51183
|
-
this.bibElement.value.open(
|
|
52305
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
52306
|
+
|
|
52307
|
+
// Re-initialize focus management for the new strategy
|
|
52308
|
+
this.updateFocusTrap();
|
|
52309
|
+
|
|
52310
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
52311
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
52312
|
+
this._setPageInert();
|
|
52313
|
+
} else {
|
|
52314
|
+
this._clearPageInert();
|
|
52315
|
+
}
|
|
51184
52316
|
}
|
|
51185
52317
|
}
|
|
51186
52318
|
|
|
@@ -51190,8 +52322,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51190
52322
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
51191
52323
|
*/
|
|
51192
52324
|
handleDropdownToggle(event) {
|
|
51193
|
-
this.updateFocusTrap();
|
|
51194
52325
|
this.isPopoverVisible = event.detail.expanded;
|
|
52326
|
+
|
|
52327
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
52328
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
52329
|
+
if (!this.isPopoverVisible) {
|
|
52330
|
+
this.updateFocusTrap();
|
|
52331
|
+
}
|
|
52332
|
+
|
|
51195
52333
|
const eventType = event.detail.eventType || "unknown";
|
|
51196
52334
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
51197
52335
|
this.trigger.focus();
|
|
@@ -51290,19 +52428,164 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51290
52428
|
* @private
|
|
51291
52429
|
*/
|
|
51292
52430
|
updateFocusTrap() {
|
|
52431
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
52432
|
+
// to prevent duplicate listeners on repeated calls.
|
|
52433
|
+
if (this._bibTabHandler) {
|
|
52434
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
52435
|
+
this._bibTabHandler = undefined;
|
|
52436
|
+
}
|
|
52437
|
+
|
|
52438
|
+
if (this.focusTrap) {
|
|
52439
|
+
this.focusTrap.disconnect();
|
|
52440
|
+
this.focusTrap = undefined;
|
|
52441
|
+
}
|
|
52442
|
+
|
|
51293
52443
|
if (this.isPopoverVisible) {
|
|
51294
52444
|
if (!this.isBibFullscreen) {
|
|
51295
|
-
|
|
51296
|
-
|
|
51297
|
-
|
|
52445
|
+
if (this.desktopModal) {
|
|
52446
|
+
// Desktop modal: trap focus only within the bib content.
|
|
52447
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
52448
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
52449
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
52450
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
52451
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
52452
|
+
// within the bib's focusable elements.
|
|
52453
|
+
this._bibTabHandler = (event) => {
|
|
52454
|
+
if (event.key !== 'Tab') {
|
|
52455
|
+
return;
|
|
52456
|
+
}
|
|
52457
|
+
|
|
52458
|
+
// Collect focusable elements from the bib content.
|
|
52459
|
+
const focusables = getFocusableElements$1(this.bibContent);
|
|
52460
|
+
|
|
52461
|
+
// Fallback: try from slotted content directly
|
|
52462
|
+
if (!focusables.length) {
|
|
52463
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
52464
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
52465
|
+
|
|
52466
|
+
for (const node of assignedNodes) {
|
|
52467
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
52468
|
+
focusables.push(...getFocusableElements$1(node));
|
|
52469
|
+
}
|
|
52470
|
+
}
|
|
52471
|
+
}
|
|
52472
|
+
|
|
52473
|
+
if (!focusables.length) {
|
|
52474
|
+
return;
|
|
52475
|
+
}
|
|
52476
|
+
|
|
52477
|
+
event.preventDefault();
|
|
52478
|
+
|
|
52479
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
52480
|
+
|
|
52481
|
+
// Walk the active element chain through shadow roots
|
|
52482
|
+
const actives = this._getActiveElements();
|
|
52483
|
+
|
|
52484
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
52485
|
+
|
|
52486
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
52487
|
+
// Focus is not on a known element — move to first/last
|
|
52488
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
52489
|
+
}
|
|
52490
|
+
|
|
52491
|
+
// Try each element in order, skipping any that can't receive focus
|
|
52492
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
52493
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
52494
|
+
let nextIdx = idx + direction;
|
|
52495
|
+
|
|
52496
|
+
// Wrap around
|
|
52497
|
+
if (nextIdx < 0) {
|
|
52498
|
+
nextIdx = focusables.length - 1;
|
|
52499
|
+
} else if (nextIdx >= focusables.length) {
|
|
52500
|
+
nextIdx = 0;
|
|
52501
|
+
}
|
|
52502
|
+
|
|
52503
|
+
focusables[nextIdx].focus();
|
|
52504
|
+
|
|
52505
|
+
// Verify focus actually moved to the target
|
|
52506
|
+
const newActives = this._getActiveElements();
|
|
52507
|
+
|
|
52508
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
52509
|
+
return;
|
|
52510
|
+
}
|
|
52511
|
+
|
|
52512
|
+
// Focus didn't stick — skip this element and try the next
|
|
52513
|
+
idx = nextIdx;
|
|
52514
|
+
}
|
|
52515
|
+
};
|
|
52516
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
52517
|
+
} else {
|
|
52518
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
52519
|
+
this.focusTrap = new FocusTrap$1(this.bibContent);
|
|
52520
|
+
this.focusTrap.focusFirstElement();
|
|
52521
|
+
}
|
|
51298
52522
|
}
|
|
51299
52523
|
// Fullscreen: showModal() provides native focus trapping
|
|
52524
|
+
}
|
|
52525
|
+
}
|
|
52526
|
+
|
|
52527
|
+
/**
|
|
52528
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
52529
|
+
* @private
|
|
52530
|
+
* @returns {Array<HTMLElement>}
|
|
52531
|
+
*/
|
|
52532
|
+
_getActiveElements() {
|
|
52533
|
+
let { activeElement } = document;
|
|
52534
|
+
const actives = [activeElement];
|
|
52535
|
+
|
|
52536
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
52537
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
52538
|
+
actives.push(activeElement);
|
|
52539
|
+
}
|
|
52540
|
+
|
|
52541
|
+
return actives;
|
|
52542
|
+
}
|
|
52543
|
+
|
|
52544
|
+
/**
|
|
52545
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
52546
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
52547
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
52548
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
52549
|
+
* @private
|
|
52550
|
+
*/
|
|
52551
|
+
_setPageInert() {
|
|
52552
|
+
if (this._inertSiblings) {
|
|
51300
52553
|
return;
|
|
51301
52554
|
}
|
|
51302
52555
|
|
|
51303
|
-
|
|
51304
|
-
|
|
51305
|
-
|
|
52556
|
+
this._inertSiblings = [];
|
|
52557
|
+
|
|
52558
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
52559
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
52560
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
52561
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
52562
|
+
let host = this;
|
|
52563
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
52564
|
+
host = host.getRootNode().host;
|
|
52565
|
+
}
|
|
52566
|
+
|
|
52567
|
+
const parent = host.parentElement;
|
|
52568
|
+
|
|
52569
|
+
if (parent) {
|
|
52570
|
+
for (const sibling of parent.children) {
|
|
52571
|
+
if (sibling !== host && !sibling.inert) {
|
|
52572
|
+
sibling.inert = true;
|
|
52573
|
+
this._inertSiblings.push(sibling);
|
|
52574
|
+
}
|
|
52575
|
+
}
|
|
52576
|
+
}
|
|
52577
|
+
}
|
|
52578
|
+
|
|
52579
|
+
/**
|
|
52580
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
52581
|
+
* @private
|
|
52582
|
+
*/
|
|
52583
|
+
_clearPageInert() {
|
|
52584
|
+
if (this._inertSiblings) {
|
|
52585
|
+
for (const sibling of this._inertSiblings) {
|
|
52586
|
+
sibling.inert = false;
|
|
52587
|
+
}
|
|
52588
|
+
this._inertSiblings = undefined;
|
|
51306
52589
|
}
|
|
51307
52590
|
}
|
|
51308
52591
|
|
|
@@ -51541,6 +52824,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
51541
52824
|
shape="${this.shape}"
|
|
51542
52825
|
?data-show="${this.isPopoverVisible}"
|
|
51543
52826
|
?isfullscreen="${this.isBibFullscreen}"
|
|
52827
|
+
?desktopmodal="${this.desktopModal}"
|
|
51544
52828
|
.dialogLabel="${this.bibDialogLabel}"
|
|
51545
52829
|
${n$6(this.bibElement)}
|
|
51546
52830
|
>
|
|
@@ -58239,7 +59523,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
|
|
|
58239
59523
|
}
|
|
58240
59524
|
};
|
|
58241
59525
|
|
|
58242
|
-
var formkitVersion$1$1 = '
|
|
59526
|
+
var formkitVersion$1$1 = '202605182147';
|
|
58243
59527
|
|
|
58244
59528
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
58245
59529
|
// See LICENSE in the project root for license information.
|
|
@@ -59193,6 +60477,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59193
60477
|
large: {
|
|
59194
60478
|
type: Boolean,
|
|
59195
60479
|
reflect: true
|
|
60480
|
+
},
|
|
60481
|
+
|
|
60482
|
+
/**
|
|
60483
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
60484
|
+
*/
|
|
60485
|
+
showFooter: {
|
|
60486
|
+
type: Boolean,
|
|
60487
|
+
reflect: true
|
|
59196
60488
|
}
|
|
59197
60489
|
};
|
|
59198
60490
|
}
|
|
@@ -59295,7 +60587,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59295
60587
|
<slot></slot>
|
|
59296
60588
|
</div>
|
|
59297
60589
|
|
|
59298
|
-
${this.isFullscreen ? u$c`
|
|
60590
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
59299
60591
|
<div id="footerContainer">
|
|
59300
60592
|
<slot name="footer"></slot>
|
|
59301
60593
|
</div>` : null}
|
|
@@ -59304,7 +60596,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
|
|
|
59304
60596
|
}
|
|
59305
60597
|
};
|
|
59306
60598
|
|
|
59307
|
-
var formkitVersion$3 = '
|
|
60599
|
+
var formkitVersion$3 = '202605182147';
|
|
59308
60600
|
|
|
59309
60601
|
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}`;
|
|
59310
60602
|
|
|
@@ -68163,7 +69455,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
|
68163
69455
|
});
|
|
68164
69456
|
}
|
|
68165
69457
|
|
|
68166
|
-
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}`;
|
|
69458
|
+
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}`;
|
|
68167
69459
|
|
|
68168
69460
|
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)}`;
|
|
68169
69461
|
|
|
@@ -68794,7 +70086,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
68794
70086
|
}
|
|
68795
70087
|
};
|
|
68796
70088
|
|
|
68797
|
-
var formkitVersion$1 = '
|
|
70089
|
+
var formkitVersion$1 = '202605182147';
|
|
68798
70090
|
|
|
68799
70091
|
class AuroElement extends i$4 {
|
|
68800
70092
|
static get properties() {
|
|
@@ -68974,6 +70266,7 @@ class AuroDropdown extends AuroElement {
|
|
|
68974
70266
|
_intializeDefaults() {
|
|
68975
70267
|
this.appearance = 'default';
|
|
68976
70268
|
this.chevron = false;
|
|
70269
|
+
this.desktopModal = false;
|
|
68977
70270
|
this.disabled = false;
|
|
68978
70271
|
this.disableKeyboardHandling = false;
|
|
68979
70272
|
this.error = false;
|
|
@@ -69154,6 +70447,14 @@ class AuroDropdown extends AuroElement {
|
|
|
69154
70447
|
reflect: true
|
|
69155
70448
|
},
|
|
69156
70449
|
|
|
70450
|
+
/**
|
|
70451
|
+
* If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
|
|
70452
|
+
*/
|
|
70453
|
+
desktopModal: {
|
|
70454
|
+
type: Boolean,
|
|
70455
|
+
reflect: true
|
|
70456
|
+
},
|
|
70457
|
+
|
|
69157
70458
|
/**
|
|
69158
70459
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
69159
70460
|
*/
|
|
@@ -69441,6 +70742,15 @@ class AuroDropdown extends AuroElement {
|
|
|
69441
70742
|
|
|
69442
70743
|
disconnectedCallback() {
|
|
69443
70744
|
super.disconnectedCallback();
|
|
70745
|
+
this._clearPageInert();
|
|
70746
|
+
if (this._bibTabHandler) {
|
|
70747
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70748
|
+
this._bibTabHandler = undefined;
|
|
70749
|
+
}
|
|
70750
|
+
if (this.focusTrap) {
|
|
70751
|
+
this.focusTrap.disconnect();
|
|
70752
|
+
this.focusTrap = undefined;
|
|
70753
|
+
}
|
|
69444
70754
|
if (this.floater) {
|
|
69445
70755
|
this.floater.hideBib('disconnect');
|
|
69446
70756
|
this.floater.disconnect();
|
|
@@ -69468,19 +70778,34 @@ class AuroDropdown extends AuroElement {
|
|
|
69468
70778
|
if (this.isPopoverVisible) {
|
|
69469
70779
|
// Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
|
|
69470
70780
|
// Desktop: use show() for Floating UI positioning + FocusTrap for focus management
|
|
69471
|
-
|
|
69472
|
-
this.
|
|
70781
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70782
|
+
this.updateFocusTrap();
|
|
70783
|
+
|
|
70784
|
+
// Desktop modal: make siblings inert so content outside is not interactive
|
|
70785
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70786
|
+
this._setPageInert();
|
|
70787
|
+
}
|
|
69473
70788
|
} else {
|
|
69474
70789
|
this.bibElement.value.close();
|
|
70790
|
+
this._clearPageInert();
|
|
69475
70791
|
}
|
|
69476
70792
|
}
|
|
69477
70793
|
|
|
69478
70794
|
// When fullscreen strategy changes while open, re-open dialog with correct mode
|
|
69479
70795
|
// (e.g. resizing from desktop → mobile while dropdown is open)
|
|
69480
70796
|
if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
|
|
69481
|
-
const useModal = this.isBibFullscreen;
|
|
69482
70797
|
this.bibElement.value.close();
|
|
69483
|
-
this.bibElement.value.open(
|
|
70798
|
+
this.bibElement.value.open(this.isBibFullscreen);
|
|
70799
|
+
|
|
70800
|
+
// Re-initialize focus management for the new strategy
|
|
70801
|
+
this.updateFocusTrap();
|
|
70802
|
+
|
|
70803
|
+
// Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
|
|
70804
|
+
if (this.desktopModal && !this.isBibFullscreen) {
|
|
70805
|
+
this._setPageInert();
|
|
70806
|
+
} else {
|
|
70807
|
+
this._clearPageInert();
|
|
70808
|
+
}
|
|
69484
70809
|
}
|
|
69485
70810
|
}
|
|
69486
70811
|
|
|
@@ -69490,8 +70815,14 @@ class AuroDropdown extends AuroElement {
|
|
|
69490
70815
|
* @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
|
|
69491
70816
|
*/
|
|
69492
70817
|
handleDropdownToggle(event) {
|
|
69493
|
-
this.updateFocusTrap();
|
|
69494
70818
|
this.isPopoverVisible = event.detail.expanded;
|
|
70819
|
+
|
|
70820
|
+
// Tear down FocusTrap when closing. Creation happens in updated()
|
|
70821
|
+
// after the dialog is open so getFocusableElements can find content.
|
|
70822
|
+
if (!this.isPopoverVisible) {
|
|
70823
|
+
this.updateFocusTrap();
|
|
70824
|
+
}
|
|
70825
|
+
|
|
69495
70826
|
const eventType = event.detail.eventType || "unknown";
|
|
69496
70827
|
if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
|
|
69497
70828
|
this.trigger.focus();
|
|
@@ -69590,19 +70921,164 @@ class AuroDropdown extends AuroElement {
|
|
|
69590
70921
|
* @private
|
|
69591
70922
|
*/
|
|
69592
70923
|
updateFocusTrap() {
|
|
70924
|
+
// Always clean up existing handlers/traps before setting up new ones
|
|
70925
|
+
// to prevent duplicate listeners on repeated calls.
|
|
70926
|
+
if (this._bibTabHandler) {
|
|
70927
|
+
this.removeEventListener('keydown', this._bibTabHandler);
|
|
70928
|
+
this._bibTabHandler = undefined;
|
|
70929
|
+
}
|
|
70930
|
+
|
|
70931
|
+
if (this.focusTrap) {
|
|
70932
|
+
this.focusTrap.disconnect();
|
|
70933
|
+
this.focusTrap = undefined;
|
|
70934
|
+
}
|
|
70935
|
+
|
|
69593
70936
|
if (this.isPopoverVisible) {
|
|
69594
70937
|
if (!this.isBibFullscreen) {
|
|
69595
|
-
|
|
69596
|
-
|
|
69597
|
-
|
|
70938
|
+
if (this.desktopModal) {
|
|
70939
|
+
// Desktop modal: trap focus only within the bib content.
|
|
70940
|
+
// Can't use FocusTrap on the bib element because keydown events
|
|
70941
|
+
// from slotted content bubble through the dropdown host (light DOM),
|
|
70942
|
+
// not through the bib (shadow projection target). Using FocusTrap
|
|
70943
|
+
// on the dropdown would include the trigger in the tab cycle.
|
|
70944
|
+
// Instead, listen for Tab on the dropdown and manually wrap focus
|
|
70945
|
+
// within the bib's focusable elements.
|
|
70946
|
+
this._bibTabHandler = (event) => {
|
|
70947
|
+
if (event.key !== 'Tab') {
|
|
70948
|
+
return;
|
|
70949
|
+
}
|
|
70950
|
+
|
|
70951
|
+
// Collect focusable elements from the bib content.
|
|
70952
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
70953
|
+
|
|
70954
|
+
// Fallback: try from slotted content directly
|
|
70955
|
+
if (!focusables.length) {
|
|
70956
|
+
const slot = this.shadowRoot.querySelector('.slotContent slot');
|
|
70957
|
+
const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
|
|
70958
|
+
|
|
70959
|
+
for (const node of assignedNodes) {
|
|
70960
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
70961
|
+
focusables.push(...getFocusableElements(node));
|
|
70962
|
+
}
|
|
70963
|
+
}
|
|
70964
|
+
}
|
|
70965
|
+
|
|
70966
|
+
if (!focusables.length) {
|
|
70967
|
+
return;
|
|
70968
|
+
}
|
|
70969
|
+
|
|
70970
|
+
event.preventDefault();
|
|
70971
|
+
|
|
70972
|
+
const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
|
|
70973
|
+
|
|
70974
|
+
// Walk the active element chain through shadow roots
|
|
70975
|
+
const actives = this._getActiveElements();
|
|
70976
|
+
|
|
70977
|
+
let idx = focusables.findIndex((el) => actives.includes(el));
|
|
70978
|
+
|
|
70979
|
+
if (idx === -1) { // eslint-disable-line no-magic-numbers
|
|
70980
|
+
// Focus is not on a known element — move to first/last
|
|
70981
|
+
idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
|
|
70982
|
+
}
|
|
70983
|
+
|
|
70984
|
+
// Try each element in order, skipping any that can't receive focus
|
|
70985
|
+
// (e.g. hidden elements, elements in collapsed sections)
|
|
70986
|
+
for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
|
|
70987
|
+
let nextIdx = idx + direction;
|
|
70988
|
+
|
|
70989
|
+
// Wrap around
|
|
70990
|
+
if (nextIdx < 0) {
|
|
70991
|
+
nextIdx = focusables.length - 1;
|
|
70992
|
+
} else if (nextIdx >= focusables.length) {
|
|
70993
|
+
nextIdx = 0;
|
|
70994
|
+
}
|
|
70995
|
+
|
|
70996
|
+
focusables[nextIdx].focus();
|
|
70997
|
+
|
|
70998
|
+
// Verify focus actually moved to the target
|
|
70999
|
+
const newActives = this._getActiveElements();
|
|
71000
|
+
|
|
71001
|
+
if (newActives.includes(focusables[nextIdx])) {
|
|
71002
|
+
return;
|
|
71003
|
+
}
|
|
71004
|
+
|
|
71005
|
+
// Focus didn't stick — skip this element and try the next
|
|
71006
|
+
idx = nextIdx;
|
|
71007
|
+
}
|
|
71008
|
+
};
|
|
71009
|
+
this.addEventListener('keydown', this._bibTabHandler);
|
|
71010
|
+
} else {
|
|
71011
|
+
// Normal desktop: use FocusTrap on the bib element
|
|
71012
|
+
this.focusTrap = new FocusTrap(this.bibContent);
|
|
71013
|
+
this.focusTrap.focusFirstElement();
|
|
71014
|
+
}
|
|
69598
71015
|
}
|
|
69599
71016
|
// Fullscreen: showModal() provides native focus trapping
|
|
71017
|
+
}
|
|
71018
|
+
}
|
|
71019
|
+
|
|
71020
|
+
/**
|
|
71021
|
+
* Returns the chain of active (focused) elements through shadow roots.
|
|
71022
|
+
* @private
|
|
71023
|
+
* @returns {Array<HTMLElement>}
|
|
71024
|
+
*/
|
|
71025
|
+
_getActiveElements() {
|
|
71026
|
+
let { activeElement } = document;
|
|
71027
|
+
const actives = [activeElement];
|
|
71028
|
+
|
|
71029
|
+
while (activeElement?.shadowRoot?.activeElement) {
|
|
71030
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
|
71031
|
+
actives.push(activeElement);
|
|
71032
|
+
}
|
|
71033
|
+
|
|
71034
|
+
return actives;
|
|
71035
|
+
}
|
|
71036
|
+
|
|
71037
|
+
/**
|
|
71038
|
+
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
71039
|
+
* so that content outside the dropdown is not interactive while the modal is open.
|
|
71040
|
+
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
71041
|
+
* in the light DOM, then sets `inert` on that element's siblings.
|
|
71042
|
+
* @private
|
|
71043
|
+
*/
|
|
71044
|
+
_setPageInert() {
|
|
71045
|
+
if (this._inertSiblings) {
|
|
69600
71046
|
return;
|
|
69601
71047
|
}
|
|
69602
71048
|
|
|
69603
|
-
|
|
69604
|
-
|
|
69605
|
-
|
|
71049
|
+
this._inertSiblings = [];
|
|
71050
|
+
|
|
71051
|
+
// Walk up through shadow DOM boundaries to find the topmost host
|
|
71052
|
+
// element in the light DOM. For example, if this dropdown is inside
|
|
71053
|
+
// auro-datepicker's shadow DOM, we walk up to the datepicker element
|
|
71054
|
+
// so we set inert on its siblings — not on the datepicker itself.
|
|
71055
|
+
let host = this;
|
|
71056
|
+
while (host.getRootNode() instanceof ShadowRoot) {
|
|
71057
|
+
host = host.getRootNode().host;
|
|
71058
|
+
}
|
|
71059
|
+
|
|
71060
|
+
const parent = host.parentElement;
|
|
71061
|
+
|
|
71062
|
+
if (parent) {
|
|
71063
|
+
for (const sibling of parent.children) {
|
|
71064
|
+
if (sibling !== host && !sibling.inert) {
|
|
71065
|
+
sibling.inert = true;
|
|
71066
|
+
this._inertSiblings.push(sibling);
|
|
71067
|
+
}
|
|
71068
|
+
}
|
|
71069
|
+
}
|
|
71070
|
+
}
|
|
71071
|
+
|
|
71072
|
+
/**
|
|
71073
|
+
* Restores `inert` state on siblings that were made inert by `_setPageInert`.
|
|
71074
|
+
* @private
|
|
71075
|
+
*/
|
|
71076
|
+
_clearPageInert() {
|
|
71077
|
+
if (this._inertSiblings) {
|
|
71078
|
+
for (const sibling of this._inertSiblings) {
|
|
71079
|
+
sibling.inert = false;
|
|
71080
|
+
}
|
|
71081
|
+
this._inertSiblings = undefined;
|
|
69606
71082
|
}
|
|
69607
71083
|
}
|
|
69608
71084
|
|
|
@@ -69841,6 +71317,7 @@ class AuroDropdown extends AuroElement {
|
|
|
69841
71317
|
shape="${this.shape}"
|
|
69842
71318
|
?data-show="${this.isPopoverVisible}"
|
|
69843
71319
|
?isfullscreen="${this.isBibFullscreen}"
|
|
71320
|
+
?desktopmodal="${this.desktopModal}"
|
|
69844
71321
|
.dialogLabel="${this.bibDialogLabel}"
|
|
69845
71322
|
${n$6(this.bibElement)}
|
|
69846
71323
|
>
|
|
@@ -70208,6 +71685,14 @@ class AuroBibtemplate extends i$4 {
|
|
|
70208
71685
|
large: {
|
|
70209
71686
|
type: Boolean,
|
|
70210
71687
|
reflect: true
|
|
71688
|
+
},
|
|
71689
|
+
|
|
71690
|
+
/**
|
|
71691
|
+
* If declared, the footer slot will be rendered even when not in fullscreen mode.
|
|
71692
|
+
*/
|
|
71693
|
+
showFooter: {
|
|
71694
|
+
type: Boolean,
|
|
71695
|
+
reflect: true
|
|
70211
71696
|
}
|
|
70212
71697
|
};
|
|
70213
71698
|
}
|
|
@@ -70310,7 +71795,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
70310
71795
|
<slot></slot>
|
|
70311
71796
|
</div>
|
|
70312
71797
|
|
|
70313
|
-
${this.isFullscreen ? u$c`
|
|
71798
|
+
${this.isFullscreen || this.showFooter ? u$c`
|
|
70314
71799
|
<div id="footerContainer">
|
|
70315
71800
|
<slot name="footer"></slot>
|
|
70316
71801
|
</div>` : null}
|
|
@@ -70547,7 +72032,7 @@ class AuroHelpText extends i$4 {
|
|
|
70547
72032
|
}
|
|
70548
72033
|
}
|
|
70549
72034
|
|
|
70550
|
-
var formkitVersion = '
|
|
72035
|
+
var formkitVersion = '202605182147';
|
|
70551
72036
|
|
|
70552
72037
|
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}`;
|
|
70553
72038
|
|
|
@@ -72085,43 +73570,7 @@ AuroMenu.register();
|
|
|
72085
73570
|
AuroMenuOption.register();
|
|
72086
73571
|
AuroSelect.register();
|
|
72087
73572
|
|
|
72088
|
-
async function disabledExample() {
|
|
72089
|
-
await customElements.whenDefined('auro-form');
|
|
72090
|
-
|
|
72091
|
-
const form = document.querySelector('#disabledExampleForm');
|
|
72092
|
-
const output = document.querySelector('#disabledExampleOutput');
|
|
72093
|
-
|
|
72094
|
-
if (!form || !output) {
|
|
72095
|
-
throw new Error('disabledExample: required nodes not yet rendered');
|
|
72096
|
-
}
|
|
72097
|
-
|
|
72098
|
-
await form.updateComplete;
|
|
72099
|
-
|
|
72100
|
-
form.addEventListener('submit', (event) => {
|
|
72101
|
-
output.textContent = JSON.stringify(event.detail.value, null, 2);
|
|
72102
|
-
});
|
|
72103
|
-
}
|
|
72104
|
-
|
|
72105
|
-
/* eslint-disable jsdoc/require-jsdoc */
|
|
72106
|
-
|
|
72107
|
-
|
|
72108
73573
|
AuroInput$2.register('input-two');
|
|
72109
73574
|
AuroDatePicker.register();
|
|
72110
73575
|
AuroForm.register();
|
|
72111
73576
|
AuroForm.register('custom-form');
|
|
72112
|
-
|
|
72113
|
-
async function initExamples(initCount) {
|
|
72114
|
-
initCount = initCount || 0;
|
|
72115
|
-
|
|
72116
|
-
try {
|
|
72117
|
-
await disabledExample();
|
|
72118
|
-
} catch (err) {
|
|
72119
|
-
if (initCount <= 20) {
|
|
72120
|
-
setTimeout(() => {
|
|
72121
|
-
initExamples(initCount + 1);
|
|
72122
|
-
}, 100);
|
|
72123
|
-
}
|
|
72124
|
-
}
|
|
72125
|
-
}
|
|
72126
|
-
|
|
72127
|
-
export { initExamples };
|