@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.12 → 0.0.0-pr1514.3
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/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -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.min.js +97 -121
- package/components/combobox/demo/getting-started.min.js +97 -121
- package/components/combobox/demo/index.min.js +97 -121
- package/components/combobox/dist/index.js +96 -120
- package/components/combobox/dist/registered.js +96 -120
- package/components/counter/demo/customize.min.js +3 -11
- package/components/counter/demo/index.min.js +3 -11
- package/components/counter/dist/index.js +3 -11
- package/components/counter/dist/registered.js +3 -11
- package/components/datepicker/demo/customize.min.js +135 -262
- package/components/datepicker/demo/index.min.js +135 -262
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -6
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +135 -262
- package/components/datepicker/dist/registered.js +135 -262
- package/components/dropdown/demo/customize.min.js +1 -2
- package/components/dropdown/demo/getting-started.min.js +1 -2
- package/components/dropdown/demo/index.min.js +1 -2
- package/components/dropdown/dist/index.js +1 -2
- package/components/dropdown/dist/registered.js +1 -2
- package/components/form/demo/customize.min.js +394 -700
- package/components/form/demo/getting-started.min.js +394 -700
- package/components/form/demo/index.min.js +394 -700
- package/components/form/demo/registerDemoDeps.min.js +394 -700
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +93 -116
- package/components/input/demo/getting-started.min.js +93 -116
- package/components/input/demo/index.min.js +93 -116
- package/components/input/dist/base-input.d.ts +44 -33
- package/components/input/dist/index.js +94 -129
- package/components/input/dist/registered.js +93 -116
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- 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.md +0 -86
- package/components/select/demo/customize.min.js +63 -187
- package/components/select/demo/getting-started.min.js +110 -189
- package/components/select/demo/index.min.js +63 -187
- package/components/select/demo/keyboard-behavior.md +4 -18
- package/components/select/dist/auro-select.d.ts +8 -20
- package/components/select/dist/index.js +63 -187
- package/components/select/dist/registered.js +63 -187
- package/custom-elements.json +1791 -1997
- package/package.json +1 -1
|
@@ -10456,13 +10456,6 @@ let AuroInputUtilities$3 = class AuroInputUtilities {
|
|
|
10456
10456
|
* @returns {string | undefined}
|
|
10457
10457
|
*/
|
|
10458
10458
|
toFormattedValue(valueObject, format) {
|
|
10459
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
10460
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
10461
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
10462
|
-
// as "no format → no display value".
|
|
10463
|
-
if (!format) {
|
|
10464
|
-
return undefined;
|
|
10465
|
-
}
|
|
10466
10459
|
const normalizedFormat = format.toLowerCase();
|
|
10467
10460
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
10468
10461
|
|
|
@@ -10613,18 +10606,79 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10613
10606
|
constructor() {
|
|
10614
10607
|
super();
|
|
10615
10608
|
|
|
10616
|
-
|
|
10617
|
-
|
|
10618
|
-
|
|
10619
|
-
|
|
10620
|
-
|
|
10621
|
-
|
|
10622
|
-
|
|
10623
|
-
|
|
10624
|
-
|
|
10625
|
-
|
|
10609
|
+
this.appearance = "default";
|
|
10610
|
+
this.disabled = false;
|
|
10611
|
+
this.layout = 'classic';
|
|
10612
|
+
this.locale = 'en-US';
|
|
10613
|
+
this.max = undefined;
|
|
10614
|
+
this._maxObject = undefined;
|
|
10615
|
+
this.maxLength = undefined;
|
|
10616
|
+
this.min = undefined;
|
|
10617
|
+
this._minObject = undefined;
|
|
10618
|
+
this.minLength = undefined;
|
|
10619
|
+
this.required = false;
|
|
10620
|
+
this.onDark = false;
|
|
10621
|
+
this.setCustomValidityForType = undefined;
|
|
10622
|
+
this.size = 'lg';
|
|
10623
|
+
this.shape = 'classic';
|
|
10624
|
+
this.value = undefined;
|
|
10625
|
+
this._valueObject = undefined;
|
|
10626
|
+
|
|
10627
|
+
this._initializePrivateDefaults();
|
|
10628
|
+
}
|
|
10629
|
+
|
|
10630
|
+
/**
|
|
10631
|
+
* Internal Defaults.
|
|
10632
|
+
* @private
|
|
10633
|
+
* @returns {void}
|
|
10634
|
+
*/
|
|
10635
|
+
_initializePrivateDefaults() {
|
|
10626
10636
|
this.activeLabel = false;
|
|
10627
|
-
|
|
10637
|
+
this.appearance = "default";
|
|
10638
|
+
this.icon = false;
|
|
10639
|
+
this.disabled = false;
|
|
10640
|
+
this.dvInputOnly = false;
|
|
10641
|
+
this.hideLabelVisually = false;
|
|
10642
|
+
this.max = undefined;
|
|
10643
|
+
this.maxLength = undefined;
|
|
10644
|
+
this.min = undefined;
|
|
10645
|
+
this.minLength = undefined;
|
|
10646
|
+
this.noValidate = false;
|
|
10647
|
+
this.onDark = false;
|
|
10648
|
+
this.required = false;
|
|
10649
|
+
this.setCustomValidityForType = undefined;
|
|
10650
|
+
|
|
10651
|
+
// Used for storing raw values returned from input mask.
|
|
10652
|
+
this._rawMaskValue = undefined;
|
|
10653
|
+
|
|
10654
|
+
/**
|
|
10655
|
+
* @private
|
|
10656
|
+
*/
|
|
10657
|
+
this.layout = 'classic';
|
|
10658
|
+
|
|
10659
|
+
/**
|
|
10660
|
+
* @private
|
|
10661
|
+
*/
|
|
10662
|
+
this.shape = 'classic';
|
|
10663
|
+
|
|
10664
|
+
/**
|
|
10665
|
+
* @private
|
|
10666
|
+
*/
|
|
10667
|
+
this.size = 'lg';
|
|
10668
|
+
|
|
10669
|
+
this.touched = false;
|
|
10670
|
+
this.util = new AuroInputUtilities$3({
|
|
10671
|
+
locale: "en-US",
|
|
10672
|
+
format: this.format
|
|
10673
|
+
});
|
|
10674
|
+
this.validation = new AuroFormValidation$7();
|
|
10675
|
+
this.inputIconName = undefined;
|
|
10676
|
+
this.showPassword = false;
|
|
10677
|
+
this.validationCCLength = undefined;
|
|
10678
|
+
this.hasValue = false;
|
|
10679
|
+
this.label = 'Input label is undefined';
|
|
10680
|
+
|
|
10681
|
+
|
|
10628
10682
|
this.allowedInputTypes = [
|
|
10629
10683
|
"text",
|
|
10630
10684
|
"number",
|
|
@@ -10633,8 +10687,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10633
10687
|
"credit-card",
|
|
10634
10688
|
"tel"
|
|
10635
10689
|
];
|
|
10636
|
-
this.
|
|
10637
|
-
/** @private */
|
|
10690
|
+
this.icon = false;
|
|
10638
10691
|
this.dateFormatMap = {
|
|
10639
10692
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
10640
10693
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -10651,57 +10704,27 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10651
10704
|
'dd/mm': 'dateDDMM',
|
|
10652
10705
|
'mm/dd': 'dateMMDD'
|
|
10653
10706
|
};
|
|
10654
|
-
this.disabled = false;
|
|
10655
|
-
/** @private */
|
|
10656
10707
|
this.domHandler = new DomHandler$3();
|
|
10657
10708
|
this.dvInputOnly = false;
|
|
10658
10709
|
this.hasValue = false;
|
|
10659
|
-
this.hideLabelVisually = false;
|
|
10660
|
-
this.icon = false;
|
|
10661
|
-
/** @private */
|
|
10662
10710
|
this.inputIconName = undefined;
|
|
10663
|
-
/** @private */
|
|
10664
10711
|
this.label = 'Input label is undefined';
|
|
10665
|
-
this.layout = 'classic';
|
|
10666
|
-
this.locale = 'en-US';
|
|
10667
|
-
this.max = undefined;
|
|
10668
|
-
this._maxObject = undefined;
|
|
10669
|
-
this.maxLength = undefined;
|
|
10670
|
-
this.min = undefined;
|
|
10671
|
-
this._minObject = undefined;
|
|
10672
|
-
this.minLength = undefined;
|
|
10673
10712
|
this.noValidate = false;
|
|
10674
|
-
this.
|
|
10675
|
-
// Raw values returned from the input mask before model normalization.
|
|
10676
|
-
this._rawMaskValue = undefined;
|
|
10677
|
-
this.required = false;
|
|
10678
|
-
this.setCustomValidityForType = undefined;
|
|
10679
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
10680
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
10681
|
-
/** @private */
|
|
10713
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
10682
10714
|
this.setSelectionInputTypes = [
|
|
10683
10715
|
"text",
|
|
10684
10716
|
"password",
|
|
10685
10717
|
"email"
|
|
10686
|
-
];
|
|
10687
|
-
this.shape = 'classic';
|
|
10688
|
-
/** @private */
|
|
10718
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
10689
10719
|
this.showPassword = false;
|
|
10690
|
-
this.size = 'lg';
|
|
10691
10720
|
this.touched = false;
|
|
10692
|
-
/** @private */
|
|
10693
10721
|
this.uniqueId = new UniqueId$2().create();
|
|
10694
|
-
/** @private */
|
|
10695
10722
|
this.util = new AuroInputUtilities$3({
|
|
10696
10723
|
locale: this.locale,
|
|
10697
10724
|
format: this.format
|
|
10698
10725
|
});
|
|
10699
|
-
/** @private */
|
|
10700
10726
|
this.validation = new AuroFormValidation$7();
|
|
10701
|
-
/** @private */
|
|
10702
10727
|
this.validationCCLength = undefined;
|
|
10703
|
-
this.value = undefined;
|
|
10704
|
-
this._valueObject = undefined;
|
|
10705
10728
|
}
|
|
10706
10729
|
|
|
10707
10730
|
// function to define props used within the scope of this component
|
|
@@ -11249,15 +11272,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11249
11272
|
|
|
11250
11273
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
11251
11274
|
|
|
11252
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
11253
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
11254
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
11255
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
11256
|
-
// unset.
|
|
11257
|
-
if (this.format) {
|
|
11258
|
-
this.format = this.format.toLowerCase();
|
|
11259
|
-
}
|
|
11260
|
-
|
|
11261
11275
|
// use validity message override if declared when initializing the component
|
|
11262
11276
|
if (this.hasAttribute('setCustomValidity')) {
|
|
11263
11277
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -11691,38 +11705,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11691
11705
|
this.touched = true;
|
|
11692
11706
|
this.validation.validate(this);
|
|
11693
11707
|
}
|
|
11694
|
-
|
|
11695
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
11696
|
-
// update that can re-render the input and reset the native cursor; we
|
|
11697
|
-
// capture the caret position before that update commits and restore it
|
|
11698
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
11699
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
11700
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
11701
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
11702
|
-
// on input types that don't support text selection (number, email in
|
|
11703
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
11704
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
11705
|
-
// the gated types currently support it, since the list is a public
|
|
11706
|
-
// property a consumer could mutate.
|
|
11707
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
11708
|
-
let selectionStart;
|
|
11709
|
-
try {
|
|
11710
|
-
selectionStart = this.inputElement.selectionStart;
|
|
11711
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
11712
|
-
return;
|
|
11713
|
-
}
|
|
11714
|
-
if (typeof selectionStart !== 'number') {
|
|
11715
|
-
return;
|
|
11716
|
-
}
|
|
11717
|
-
this.updateComplete.then(() => {
|
|
11718
|
-
try {
|
|
11719
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
11720
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
11721
|
-
// Some input types (number/email in certain UAs) throw on
|
|
11722
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
11723
|
-
}
|
|
11724
|
-
});
|
|
11725
|
-
}
|
|
11726
11708
|
}
|
|
11727
11709
|
|
|
11728
11710
|
/**
|
|
@@ -12349,7 +12331,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12349
12331
|
}
|
|
12350
12332
|
};
|
|
12351
12333
|
|
|
12352
|
-
var formkitVersion$8 = '
|
|
12334
|
+
var formkitVersion$8 = '202606291727';
|
|
12353
12335
|
|
|
12354
12336
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12355
12337
|
// See LICENSE in the project root for license information.
|
|
@@ -12852,7 +12834,6 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12852
12834
|
<${this.buttonTag}
|
|
12853
12835
|
@click="${this.handleClickShowPassword}"
|
|
12854
12836
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
12855
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
12856
12837
|
class="notificationBtn passwordBtn"
|
|
12857
12838
|
shape="circle"
|
|
12858
12839
|
size="sm"
|
|
@@ -12926,29 +12907,25 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
12926
12907
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
12927
12908
|
*/
|
|
12928
12909
|
renderHtmlHelpText() {
|
|
12929
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
12930
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
12931
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
12932
|
-
// re-announce because the live-region element it was watching had been
|
|
12933
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
12934
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
12935
|
-
// observe and announce.
|
|
12936
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
12937
12910
|
return u$d`
|
|
12938
|
-
|
|
12939
|
-
|
|
12940
|
-
|
|
12941
|
-
|
|
12942
|
-
|
|
12943
|
-
|
|
12944
|
-
|
|
12945
|
-
|
|
12946
|
-
|
|
12947
|
-
|
|
12948
|
-
|
|
12949
|
-
|
|
12950
|
-
|
|
12951
|
-
|
|
12911
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
12912
|
+
? u$d`
|
|
12913
|
+
<${this.helpTextTag}
|
|
12914
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
12915
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
12916
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
12917
|
+
</p>
|
|
12918
|
+
</${this.helpTextTag}>
|
|
12919
|
+
`
|
|
12920
|
+
: u$d`
|
|
12921
|
+
<${this.helpTextTag} error
|
|
12922
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
12923
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
12924
|
+
${this.errorMessage}
|
|
12925
|
+
</p>
|
|
12926
|
+
</${this.helpTextTag}>
|
|
12927
|
+
`
|
|
12928
|
+
}
|
|
12952
12929
|
`;
|
|
12953
12930
|
}
|
|
12954
12931
|
|
|
@@ -23589,13 +23566,6 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
|
23589
23566
|
* @returns {string | undefined}
|
|
23590
23567
|
*/
|
|
23591
23568
|
toFormattedValue(valueObject, format) {
|
|
23592
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
23593
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
23594
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
23595
|
-
// as "no format → no display value".
|
|
23596
|
-
if (!format) {
|
|
23597
|
-
return undefined;
|
|
23598
|
-
}
|
|
23599
23569
|
const normalizedFormat = format.toLowerCase();
|
|
23600
23570
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
23601
23571
|
|
|
@@ -23855,9 +23825,9 @@ var snowflakeStyle = i$4`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
23855
23825
|
|
|
23856
23826
|
var snowflakeColors = i$4`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
23857
23827
|
|
|
23858
|
-
var styleCss$7$1 = i$4`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendars:focus{outline:none}.calendarNavButtons{position:absolute;z-index:1;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}: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}`;
|
|
23828
|
+
var styleCss$7$1 = i$4`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendars:focus{outline:none}.calendarNavButtons{position:absolute;z-index:1;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}.calendarWrapper.hasFooter{padding-bottom:var(--desktop-footer-height)}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}`;
|
|
23859
23829
|
|
|
23860
|
-
var colorCss$7$1 = i$4`.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
|
|
23830
|
+
var colorCss$7$1 = i$4`.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)}}`;
|
|
23861
23831
|
|
|
23862
23832
|
var styleCss$6$1 = i$4`: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) var(--ds-size-200, 1rem) 0}}@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:376px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%;border-radius:10px;overflow:hidden}.tr:not(:last-of-type){margin-bottom:var(--ds-size-100, 0.5rem)}`;
|
|
23863
23833
|
|
|
@@ -25330,18 +25300,6 @@ class AuroCalendarCell extends i$2 {
|
|
|
25330
25300
|
this.updateHostAria();
|
|
25331
25301
|
}
|
|
25332
25302
|
|
|
25333
|
-
// When the rendered range shifts (month nav, min/max change), a cell
|
|
25334
|
-
// host may be re-rendered for a new date that is now out-of-range —
|
|
25335
|
-
// but its imperatively-set `active` flag and `activeCell` ring class
|
|
25336
|
-
// from the previous date persist because setActiveCell only iterates
|
|
25337
|
-
// focusable (in-range) cells when clearing the prior active state.
|
|
25338
|
-
// Drop the active state here so the disabled cell isn't left visually
|
|
25339
|
-
// ringed.
|
|
25340
|
-
if ((properties.has('day') || properties.has('min') || properties.has('max')) &&
|
|
25341
|
-
this.active && this.isOutOfRange(this.day, this.min, this.max)) {
|
|
25342
|
-
this.clearActive();
|
|
25343
|
-
}
|
|
25344
|
-
|
|
25345
25303
|
// Configure popover when it first becomes rendered
|
|
25346
25304
|
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
25347
25305
|
this.updateComplete.then(() => this.configurePopover());
|
|
@@ -25405,19 +25363,9 @@ class AuroCalendarCell extends i$2 {
|
|
|
25405
25363
|
* Buttons stay tabindex="-1" because DOM focus stays on the grid wrapper —
|
|
25406
25364
|
* arrow keys move the active cell imperatively and the live region carries
|
|
25407
25365
|
* the SR announcement.
|
|
25408
|
-
*
|
|
25409
|
-
* Refuses to activate out-of-range cells: those are aria-hidden, have no
|
|
25410
|
-
* click/focus handlers, and are filtered out of `getFocusableCells`. The
|
|
25411
|
-
* active class showing on a disabled cell would be visually misleading,
|
|
25412
|
-
* so this guard is the single source of truth across every code path
|
|
25413
|
-
* that might call setActive (keyboard nav, focus restore, cell click).
|
|
25414
25366
|
* @returns {void}
|
|
25415
25367
|
*/
|
|
25416
25368
|
setActive() {
|
|
25417
|
-
if (this.isOutOfRange(this.day, this.min, this.max)) {
|
|
25418
|
-
return;
|
|
25419
|
-
}
|
|
25420
|
-
|
|
25421
25369
|
this.active = true;
|
|
25422
25370
|
|
|
25423
25371
|
// Show the popover when this cell becomes active via keyboard navigation.
|
|
@@ -26230,7 +26178,7 @@ class CalendarUtilities {
|
|
|
26230
26178
|
|
|
26231
26179
|
var colorCss$4$2 = i$4`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
26232
26180
|
|
|
26233
|
-
var styleCss$4$3 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
26181
|
+
var styleCss$4$3 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
26234
26182
|
|
|
26235
26183
|
var tokenCss$4 = i$4`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
26236
26184
|
|
|
@@ -26625,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26625
26573
|
}
|
|
26626
26574
|
};
|
|
26627
26575
|
|
|
26628
|
-
var formkitVersion$2$1 = '
|
|
26576
|
+
var formkitVersion$2$1 = '202606291727';
|
|
26629
26577
|
|
|
26630
26578
|
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$5`${s$5(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$4`: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}
|
|
26631
26579
|
`,u$4$2=i$4`.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}}
|
|
@@ -26731,10 +26679,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
26731
26679
|
this.activeCellDate = null;
|
|
26732
26680
|
|
|
26733
26681
|
/**
|
|
26734
|
-
* Cached reference to the active cell host
|
|
26735
|
-
*
|
|
26736
|
-
* or missing). Lets scrollToActiveCell skip a full cell scan on each
|
|
26737
|
-
* arrow key.
|
|
26682
|
+
* Cached reference to the active cell host, set by setActiveCell.
|
|
26683
|
+
* Lets scrollToActiveCell skip a full cell scan on each arrow key.
|
|
26738
26684
|
* @private
|
|
26739
26685
|
*/
|
|
26740
26686
|
this._activeCell = null;
|
|
@@ -27710,9 +27656,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27710
27656
|
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
27711
27657
|
}
|
|
27712
27658
|
}
|
|
27713
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27714
|
-
// activated cell is what gets scrolled into view.
|
|
27715
|
-
this.scrollToActiveCell();
|
|
27716
27659
|
// Re-focus grid wrapper after month change re-render
|
|
27717
27660
|
this.focusActiveCell();
|
|
27718
27661
|
});
|
|
@@ -27753,9 +27696,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27753
27696
|
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
27754
27697
|
}
|
|
27755
27698
|
}
|
|
27756
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27757
|
-
// activated cell is what gets scrolled into view.
|
|
27758
|
-
this.scrollToActiveCell();
|
|
27759
27699
|
this.focusActiveCell();
|
|
27760
27700
|
});
|
|
27761
27701
|
}
|
|
@@ -27790,8 +27730,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27790
27730
|
const targetCell = allCells[targetIndex];
|
|
27791
27731
|
this.setActiveCell(targetCell.day.date);
|
|
27792
27732
|
this.scrollToActiveCell();
|
|
27793
|
-
// Match the cross-month branches: keep DOM focus on the grid wrapper
|
|
27794
|
-
// so subsequent arrow keys continue to land on this handler.
|
|
27795
27733
|
this.focusActiveCell();
|
|
27796
27734
|
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
27797
27735
|
// Navigate to next month and focus the computed next date.
|
|
@@ -27813,6 +27751,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27813
27751
|
const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
|
|
27814
27752
|
if (target) {
|
|
27815
27753
|
this.setActiveCell(target.day.date);
|
|
27754
|
+
this.focusActiveCell();
|
|
27816
27755
|
} else {
|
|
27817
27756
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27818
27757
|
// `cells[length - 1]` would land on the end of the new month,
|
|
@@ -27820,10 +27759,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27820
27759
|
const fallback = this.pickNearestCell(cells, nextTs, 'next');
|
|
27821
27760
|
if (fallback) {
|
|
27822
27761
|
this.setActiveCell(fallback.day.date);
|
|
27762
|
+
this.focusActiveCell();
|
|
27823
27763
|
}
|
|
27824
27764
|
}
|
|
27825
|
-
this.scrollToActiveCell();
|
|
27826
|
-
this.focusActiveCell();
|
|
27827
27765
|
});
|
|
27828
27766
|
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
27829
27767
|
// Navigate to previous month and focus the computed previous date.
|
|
@@ -27842,6 +27780,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27842
27780
|
const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
|
|
27843
27781
|
if (target) {
|
|
27844
27782
|
this.setActiveCell(target.day.date);
|
|
27783
|
+
this.focusActiveCell();
|
|
27845
27784
|
} else {
|
|
27846
27785
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27847
27786
|
// `cells[0]` would land on the start of the previous month, far
|
|
@@ -27849,10 +27788,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27849
27788
|
const fallback = this.pickNearestCell(cells, prevTs, 'prev');
|
|
27850
27789
|
if (fallback) {
|
|
27851
27790
|
this.setActiveCell(fallback.day.date);
|
|
27791
|
+
this.focusActiveCell();
|
|
27852
27792
|
}
|
|
27853
27793
|
}
|
|
27854
|
-
this.scrollToActiveCell();
|
|
27855
|
-
this.focusActiveCell();
|
|
27856
27794
|
});
|
|
27857
27795
|
}
|
|
27858
27796
|
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
@@ -27885,6 +27823,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27885
27823
|
const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
|
|
27886
27824
|
if (target) {
|
|
27887
27825
|
this.setActiveCell(target.day.date);
|
|
27826
|
+
this.focusActiveCell();
|
|
27888
27827
|
} else {
|
|
27889
27828
|
// Same nearest-by-date fallback handleGridKeyDown uses — the
|
|
27890
27829
|
// old direction-based `cells[0]`/`cells[length-1]` clamp
|
|
@@ -27892,10 +27831,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27892
27831
|
const nearest = this.pickNearestCell(cells, targetDate, navDirection);
|
|
27893
27832
|
if (nearest) {
|
|
27894
27833
|
this.setActiveCell(nearest.day.date);
|
|
27834
|
+
this.focusActiveCell();
|
|
27895
27835
|
}
|
|
27896
27836
|
}
|
|
27897
|
-
this.scrollToActiveCell();
|
|
27898
|
-
this.focusActiveCell();
|
|
27899
27837
|
});
|
|
27900
27838
|
}
|
|
27901
27839
|
}
|
|
@@ -28096,28 +28034,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28096
28034
|
}
|
|
28097
28035
|
|
|
28098
28036
|
/**
|
|
28099
|
-
* Scrolls the calendar
|
|
28100
|
-
*
|
|
28101
|
-
*
|
|
28102
|
-
*
|
|
28103
|
-
*
|
|
28104
|
-
* ancestor's viewport. Native `scrollIntoView` is not used because the
|
|
28105
|
-
* cell sits inside multiple nested scroll containers (the dropdown bib's
|
|
28106
|
-
* `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
|
|
28107
|
-
* scrolls one of them on its own, leaving the cell short of the
|
|
28108
|
-
* viewport in mobile fullscreen.
|
|
28109
|
-
*
|
|
28110
|
-
* Uses `behavior: 'auto'` (the spec's universally-supported non-animated
|
|
28111
|
-
* value) so each `scrollBy` resolves synchronously and the next
|
|
28112
|
-
* iteration's `getBoundingClientRect` reads post-scroll positions
|
|
28113
|
-
* accurately. This also satisfies `prefers-reduced-motion` users — the
|
|
28114
|
-
* scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
|
|
28115
|
-
* is effectively instant.
|
|
28116
|
-
*
|
|
28117
|
-
* The active cell is looked up from the cache populated by
|
|
28118
|
-
* `setActiveCell`. On a cache miss (stale or absent) the cache is
|
|
28119
|
-
* refreshed from a single full scan so subsequent calls stay on the
|
|
28120
|
-
* fast path.
|
|
28037
|
+
* Scrolls the calendar to ensure the active cell is visible.
|
|
28038
|
+
* Targets the cell itself (not its month) so that same-month vertical
|
|
28039
|
+
* navigation in mobile fullscreen — where a single month can exceed the
|
|
28040
|
+
* viewport height — scrolls to the target row. `block: 'nearest'` is a
|
|
28041
|
+
* no-op when the cell is already in view, preserving desktop behavior.
|
|
28121
28042
|
* @private
|
|
28122
28043
|
* @returns {void}
|
|
28123
28044
|
*/
|
|
@@ -28145,51 +28066,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28145
28066
|
return;
|
|
28146
28067
|
}
|
|
28147
28068
|
|
|
28148
|
-
|
|
28149
|
-
|
|
28150
|
-
|
|
28151
|
-
|
|
28152
|
-
|
|
28153
|
-
activeCell;
|
|
28154
|
-
|
|
28155
|
-
// parentNode follows the authored DOM tree and steps over shadow roots
|
|
28156
|
-
// via slot projection. A slotted element's visual parent is its
|
|
28157
|
-
// assignedSlot's parent (inside the host's shadow tree), not the host
|
|
28158
|
-
// itself. Without this hop, the walk skips right past #bodyContainer
|
|
28159
|
-
// and <dialog> and finds no scrollable ancestor at all.
|
|
28160
|
-
const flatParent = (current) => {
|
|
28161
|
-
if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
28162
|
-
return current.host || null;
|
|
28163
|
-
}
|
|
28164
|
-
if (current.assignedSlot) {
|
|
28165
|
-
return current.assignedSlot.parentNode;
|
|
28166
|
-
}
|
|
28167
|
-
return current.parentNode;
|
|
28168
|
-
};
|
|
28169
|
-
|
|
28170
|
-
let node = flatParent(target);
|
|
28171
|
-
while (node && node !== document && node !== window) {
|
|
28172
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
28173
|
-
const { overflowY } = window.getComputedStyle(node);
|
|
28174
|
-
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
28175
|
-
const targetRect = target.getBoundingClientRect();
|
|
28176
|
-
const scrollerRect = node.getBoundingClientRect();
|
|
28177
|
-
let delta = 0;
|
|
28178
|
-
if (targetRect.top < scrollerRect.top) {
|
|
28179
|
-
delta = targetRect.top - scrollerRect.top;
|
|
28180
|
-
} else if (targetRect.bottom > scrollerRect.bottom) {
|
|
28181
|
-
delta = targetRect.bottom - scrollerRect.bottom;
|
|
28182
|
-
}
|
|
28183
|
-
if (delta !== 0) {
|
|
28184
|
-
node.scrollBy({
|
|
28185
|
-
top: delta,
|
|
28186
|
-
behavior: 'auto'
|
|
28187
|
-
});
|
|
28188
|
-
}
|
|
28189
|
-
}
|
|
28190
|
-
}
|
|
28191
|
-
node = flatParent(node);
|
|
28192
|
-
}
|
|
28069
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
28070
|
+
activeCell.scrollIntoView({
|
|
28071
|
+
block: 'nearest',
|
|
28072
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
28073
|
+
});
|
|
28193
28074
|
}
|
|
28194
28075
|
|
|
28195
28076
|
/**
|
|
@@ -28479,7 +28360,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28479
28360
|
</div>
|
|
28480
28361
|
</div>
|
|
28481
28362
|
|
|
28482
|
-
<div class="calendarWrapper">
|
|
28363
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
28483
28364
|
<div class="calendarNavButtons">
|
|
28484
28365
|
${this.showPrevMonthBtn ? u$d`
|
|
28485
28366
|
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
@@ -32377,7 +32258,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32377
32258
|
}
|
|
32378
32259
|
};
|
|
32379
32260
|
|
|
32380
|
-
var formkitVersion$1$3 = '
|
|
32261
|
+
var formkitVersion$1$3 = '202606291727';
|
|
32381
32262
|
|
|
32382
32263
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32383
32264
|
static get properties() {
|
|
@@ -33649,7 +33530,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33649
33530
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
33650
33531
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
33651
33532
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
33652
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
33653
33533
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
33654
33534
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
33655
33535
|
@focusin="${this.handleFocusin}"
|
|
@@ -44096,13 +43976,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
44096
43976
|
* @returns {string | undefined}
|
|
44097
43977
|
*/
|
|
44098
43978
|
toFormattedValue(valueObject, format) {
|
|
44099
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
44100
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
44101
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
44102
|
-
// as "no format → no display value".
|
|
44103
|
-
if (!format) {
|
|
44104
|
-
return undefined;
|
|
44105
|
-
}
|
|
44106
43979
|
const normalizedFormat = format.toLowerCase();
|
|
44107
43980
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
44108
43981
|
|
|
@@ -44253,18 +44126,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44253
44126
|
constructor() {
|
|
44254
44127
|
super();
|
|
44255
44128
|
|
|
44256
|
-
|
|
44257
|
-
|
|
44258
|
-
|
|
44259
|
-
|
|
44260
|
-
|
|
44261
|
-
|
|
44262
|
-
|
|
44263
|
-
|
|
44264
|
-
|
|
44265
|
-
|
|
44129
|
+
this.appearance = "default";
|
|
44130
|
+
this.disabled = false;
|
|
44131
|
+
this.layout = 'classic';
|
|
44132
|
+
this.locale = 'en-US';
|
|
44133
|
+
this.max = undefined;
|
|
44134
|
+
this._maxObject = undefined;
|
|
44135
|
+
this.maxLength = undefined;
|
|
44136
|
+
this.min = undefined;
|
|
44137
|
+
this._minObject = undefined;
|
|
44138
|
+
this.minLength = undefined;
|
|
44139
|
+
this.required = false;
|
|
44140
|
+
this.onDark = false;
|
|
44141
|
+
this.setCustomValidityForType = undefined;
|
|
44142
|
+
this.size = 'lg';
|
|
44143
|
+
this.shape = 'classic';
|
|
44144
|
+
this.value = undefined;
|
|
44145
|
+
this._valueObject = undefined;
|
|
44146
|
+
|
|
44147
|
+
this._initializePrivateDefaults();
|
|
44148
|
+
}
|
|
44149
|
+
|
|
44150
|
+
/**
|
|
44151
|
+
* Internal Defaults.
|
|
44152
|
+
* @private
|
|
44153
|
+
* @returns {void}
|
|
44154
|
+
*/
|
|
44155
|
+
_initializePrivateDefaults() {
|
|
44266
44156
|
this.activeLabel = false;
|
|
44267
|
-
|
|
44157
|
+
this.appearance = "default";
|
|
44158
|
+
this.icon = false;
|
|
44159
|
+
this.disabled = false;
|
|
44160
|
+
this.dvInputOnly = false;
|
|
44161
|
+
this.hideLabelVisually = false;
|
|
44162
|
+
this.max = undefined;
|
|
44163
|
+
this.maxLength = undefined;
|
|
44164
|
+
this.min = undefined;
|
|
44165
|
+
this.minLength = undefined;
|
|
44166
|
+
this.noValidate = false;
|
|
44167
|
+
this.onDark = false;
|
|
44168
|
+
this.required = false;
|
|
44169
|
+
this.setCustomValidityForType = undefined;
|
|
44170
|
+
|
|
44171
|
+
// Used for storing raw values returned from input mask.
|
|
44172
|
+
this._rawMaskValue = undefined;
|
|
44173
|
+
|
|
44174
|
+
/**
|
|
44175
|
+
* @private
|
|
44176
|
+
*/
|
|
44177
|
+
this.layout = 'classic';
|
|
44178
|
+
|
|
44179
|
+
/**
|
|
44180
|
+
* @private
|
|
44181
|
+
*/
|
|
44182
|
+
this.shape = 'classic';
|
|
44183
|
+
|
|
44184
|
+
/**
|
|
44185
|
+
* @private
|
|
44186
|
+
*/
|
|
44187
|
+
this.size = 'lg';
|
|
44188
|
+
|
|
44189
|
+
this.touched = false;
|
|
44190
|
+
this.util = new AuroInputUtilities$2({
|
|
44191
|
+
locale: "en-US",
|
|
44192
|
+
format: this.format
|
|
44193
|
+
});
|
|
44194
|
+
this.validation = new AuroFormValidation$6();
|
|
44195
|
+
this.inputIconName = undefined;
|
|
44196
|
+
this.showPassword = false;
|
|
44197
|
+
this.validationCCLength = undefined;
|
|
44198
|
+
this.hasValue = false;
|
|
44199
|
+
this.label = 'Input label is undefined';
|
|
44200
|
+
|
|
44201
|
+
|
|
44268
44202
|
this.allowedInputTypes = [
|
|
44269
44203
|
"text",
|
|
44270
44204
|
"number",
|
|
@@ -44273,8 +44207,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44273
44207
|
"credit-card",
|
|
44274
44208
|
"tel"
|
|
44275
44209
|
];
|
|
44276
|
-
this.
|
|
44277
|
-
/** @private */
|
|
44210
|
+
this.icon = false;
|
|
44278
44211
|
this.dateFormatMap = {
|
|
44279
44212
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
44280
44213
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -44291,57 +44224,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44291
44224
|
'dd/mm': 'dateDDMM',
|
|
44292
44225
|
'mm/dd': 'dateMMDD'
|
|
44293
44226
|
};
|
|
44294
|
-
this.disabled = false;
|
|
44295
|
-
/** @private */
|
|
44296
44227
|
this.domHandler = new DomHandler$2();
|
|
44297
44228
|
this.dvInputOnly = false;
|
|
44298
44229
|
this.hasValue = false;
|
|
44299
|
-
this.hideLabelVisually = false;
|
|
44300
|
-
this.icon = false;
|
|
44301
|
-
/** @private */
|
|
44302
44230
|
this.inputIconName = undefined;
|
|
44303
|
-
/** @private */
|
|
44304
44231
|
this.label = 'Input label is undefined';
|
|
44305
|
-
this.layout = 'classic';
|
|
44306
|
-
this.locale = 'en-US';
|
|
44307
|
-
this.max = undefined;
|
|
44308
|
-
this._maxObject = undefined;
|
|
44309
|
-
this.maxLength = undefined;
|
|
44310
|
-
this.min = undefined;
|
|
44311
|
-
this._minObject = undefined;
|
|
44312
|
-
this.minLength = undefined;
|
|
44313
44232
|
this.noValidate = false;
|
|
44314
|
-
this.
|
|
44315
|
-
// Raw values returned from the input mask before model normalization.
|
|
44316
|
-
this._rawMaskValue = undefined;
|
|
44317
|
-
this.required = false;
|
|
44318
|
-
this.setCustomValidityForType = undefined;
|
|
44319
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
44320
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
44321
|
-
/** @private */
|
|
44233
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
44322
44234
|
this.setSelectionInputTypes = [
|
|
44323
44235
|
"text",
|
|
44324
44236
|
"password",
|
|
44325
44237
|
"email"
|
|
44326
|
-
];
|
|
44327
|
-
this.shape = 'classic';
|
|
44328
|
-
/** @private */
|
|
44238
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
44329
44239
|
this.showPassword = false;
|
|
44330
|
-
this.size = 'lg';
|
|
44331
44240
|
this.touched = false;
|
|
44332
|
-
/** @private */
|
|
44333
44241
|
this.uniqueId = new UniqueId$1().create();
|
|
44334
|
-
/** @private */
|
|
44335
44242
|
this.util = new AuroInputUtilities$2({
|
|
44336
44243
|
locale: this.locale,
|
|
44337
44244
|
format: this.format
|
|
44338
44245
|
});
|
|
44339
|
-
/** @private */
|
|
44340
44246
|
this.validation = new AuroFormValidation$6();
|
|
44341
|
-
/** @private */
|
|
44342
44247
|
this.validationCCLength = undefined;
|
|
44343
|
-
this.value = undefined;
|
|
44344
|
-
this._valueObject = undefined;
|
|
44345
44248
|
}
|
|
44346
44249
|
|
|
44347
44250
|
// function to define props used within the scope of this component
|
|
@@ -44889,15 +44792,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44889
44792
|
|
|
44890
44793
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
44891
44794
|
|
|
44892
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
44893
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
44894
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
44895
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
44896
|
-
// unset.
|
|
44897
|
-
if (this.format) {
|
|
44898
|
-
this.format = this.format.toLowerCase();
|
|
44899
|
-
}
|
|
44900
|
-
|
|
44901
44795
|
// use validity message override if declared when initializing the component
|
|
44902
44796
|
if (this.hasAttribute('setCustomValidity')) {
|
|
44903
44797
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -45331,38 +45225,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45331
45225
|
this.touched = true;
|
|
45332
45226
|
this.validation.validate(this);
|
|
45333
45227
|
}
|
|
45334
|
-
|
|
45335
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
45336
|
-
// update that can re-render the input and reset the native cursor; we
|
|
45337
|
-
// capture the caret position before that update commits and restore it
|
|
45338
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
45339
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
45340
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
45341
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
45342
|
-
// on input types that don't support text selection (number, email in
|
|
45343
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
45344
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
45345
|
-
// the gated types currently support it, since the list is a public
|
|
45346
|
-
// property a consumer could mutate.
|
|
45347
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
45348
|
-
let selectionStart;
|
|
45349
|
-
try {
|
|
45350
|
-
selectionStart = this.inputElement.selectionStart;
|
|
45351
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45352
|
-
return;
|
|
45353
|
-
}
|
|
45354
|
-
if (typeof selectionStart !== 'number') {
|
|
45355
|
-
return;
|
|
45356
|
-
}
|
|
45357
|
-
this.updateComplete.then(() => {
|
|
45358
|
-
try {
|
|
45359
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
45360
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45361
|
-
// Some input types (number/email in certain UAs) throw on
|
|
45362
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
45363
|
-
}
|
|
45364
|
-
});
|
|
45365
|
-
}
|
|
45366
45228
|
}
|
|
45367
45229
|
|
|
45368
45230
|
/**
|
|
@@ -45989,7 +45851,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
45989
45851
|
}
|
|
45990
45852
|
};
|
|
45991
45853
|
|
|
45992
|
-
var formkitVersion$7 = '
|
|
45854
|
+
var formkitVersion$7 = '202606291727';
|
|
45993
45855
|
|
|
45994
45856
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
45995
45857
|
// See LICENSE in the project root for license information.
|
|
@@ -46492,7 +46354,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46492
46354
|
<${this.buttonTag}
|
|
46493
46355
|
@click="${this.handleClickShowPassword}"
|
|
46494
46356
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
46495
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
46496
46357
|
class="notificationBtn passwordBtn"
|
|
46497
46358
|
shape="circle"
|
|
46498
46359
|
size="sm"
|
|
@@ -46566,29 +46427,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46566
46427
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
46567
46428
|
*/
|
|
46568
46429
|
renderHtmlHelpText() {
|
|
46569
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
46570
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
46571
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
46572
|
-
// re-announce because the live-region element it was watching had been
|
|
46573
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
46574
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
46575
|
-
// observe and announce.
|
|
46576
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
46577
46430
|
return u$d`
|
|
46578
|
-
|
|
46579
|
-
|
|
46580
|
-
|
|
46581
|
-
|
|
46582
|
-
|
|
46583
|
-
|
|
46584
|
-
|
|
46585
|
-
|
|
46586
|
-
|
|
46587
|
-
|
|
46588
|
-
|
|
46589
|
-
|
|
46590
|
-
|
|
46591
|
-
|
|
46431
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
46432
|
+
? u$d`
|
|
46433
|
+
<${this.helpTextTag}
|
|
46434
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
46435
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
46436
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
46437
|
+
</p>
|
|
46438
|
+
</${this.helpTextTag}>
|
|
46439
|
+
`
|
|
46440
|
+
: u$d`
|
|
46441
|
+
<${this.helpTextTag} error
|
|
46442
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
46443
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
46444
|
+
${this.errorMessage}
|
|
46445
|
+
</p>
|
|
46446
|
+
</${this.helpTextTag}>
|
|
46447
|
+
`
|
|
46448
|
+
}
|
|
46592
46449
|
`;
|
|
46593
46450
|
}
|
|
46594
46451
|
|
|
@@ -46735,15 +46592,6 @@ function formatISODate(isoStr, format) {
|
|
|
46735
46592
|
try {
|
|
46736
46593
|
const date = dateFormatter$2.stringToDateInstance(isoStr);
|
|
46737
46594
|
|
|
46738
|
-
// `stringToDateInstance` returns an `Invalid Date` for malformed strings
|
|
46739
|
-
// and `null` for non-string input — it does NOT throw. Without this
|
|
46740
|
-
// guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
|
|
46741
|
-
// yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
|
|
46742
|
-
// like "0NaN/0NaN/0NaN" instead of `undefined`.
|
|
46743
|
-
if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
|
|
46744
|
-
return undefined;
|
|
46745
|
-
}
|
|
46746
|
-
|
|
46747
46595
|
const year = String(date.getFullYear()).padStart(4, '0');
|
|
46748
46596
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
46749
46597
|
const day = String(date.getDate()).padStart(2, '0');
|
|
@@ -46754,10 +46602,7 @@ function formatISODate(isoStr, format) {
|
|
|
46754
46602
|
replace(/mm/iu, month).
|
|
46755
46603
|
replace(/dd/iu, day);
|
|
46756
46604
|
} catch (err) {
|
|
46757
|
-
//
|
|
46758
|
-
// (inside `stringToDateInstance`) could throw on pathological input
|
|
46759
|
-
// future-library-versions might introduce. Treat any thrown error as
|
|
46760
|
-
// "not a valid date" and return undefined.
|
|
46605
|
+
// If the input string is not a valid date, return undefined
|
|
46761
46606
|
return undefined;
|
|
46762
46607
|
}
|
|
46763
46608
|
}
|
|
@@ -48466,14 +48311,11 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48466
48311
|
this.calendar.announceSelection(announcement);
|
|
48467
48312
|
}, 500);
|
|
48468
48313
|
|
|
48469
|
-
// On mobile fullscreen
|
|
48470
|
-
//
|
|
48471
|
-
//
|
|
48472
|
-
|
|
48473
|
-
// would happen if we tried to scroll before the cell was set.
|
|
48474
|
-
if (this.dropdown.isBibFullscreen || this.forceScrollOnNextMobileCalendarRender) {
|
|
48314
|
+
// On mobile fullscreen, scroll the month list so the active cell's
|
|
48315
|
+
// month is visible. Without this, the list stays scrolled to the
|
|
48316
|
+
// calendarStartDate month which may be far from the active cell.
|
|
48317
|
+
if (this.dropdown.isBibFullscreen) {
|
|
48475
48318
|
this.calendar.scrollToActiveCell();
|
|
48476
|
-
this.forceScrollOnNextMobileCalendarRender = false;
|
|
48477
48319
|
}
|
|
48478
48320
|
} else if (attempts < MAX_ATTEMPTS) {
|
|
48479
48321
|
requestAnimationFrame(tryFocus);
|
|
@@ -48597,10 +48439,18 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48597
48439
|
}
|
|
48598
48440
|
}
|
|
48599
48441
|
|
|
48600
|
-
//
|
|
48601
|
-
|
|
48602
|
-
|
|
48603
|
-
|
|
48442
|
+
// If on mobile, and the calendar is opened, scroll the focus date into view if the flag is set
|
|
48443
|
+
if (this.dropdown.isPopoverVisible && this.forceScrollOnNextMobileCalendarRender) {
|
|
48444
|
+
|
|
48445
|
+
// Since the calendar is not rendered until the dropdown is opened,
|
|
48446
|
+
// and the auroDropdown-toggled event fires before the popover is actually open,
|
|
48447
|
+
// we need to wait until the next frame to ensure the calendar is fully rendered
|
|
48448
|
+
// and the area we're trying to scroll to is present in the DOM.
|
|
48449
|
+
setTimeout(() => {
|
|
48450
|
+
this.calendar.scrollMonthIntoView(this.calendarFocusDate);
|
|
48451
|
+
this.forceScrollOnNextMobileCalendarRender = false;
|
|
48452
|
+
}, 0);
|
|
48453
|
+
}
|
|
48604
48454
|
}, { signal });
|
|
48605
48455
|
|
|
48606
48456
|
// Handle responsive strategy changes while the dropdown is open
|
|
@@ -50856,7 +50706,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
50856
50706
|
}
|
|
50857
50707
|
};
|
|
50858
50708
|
|
|
50859
|
-
var formkitVersion$1$2 = '
|
|
50709
|
+
var formkitVersion$1$2 = '202606291727';
|
|
50860
50710
|
|
|
50861
50711
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
50862
50712
|
// See LICENSE in the project root for license information.
|
|
@@ -55184,7 +55034,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55184
55034
|
}
|
|
55185
55035
|
};
|
|
55186
55036
|
|
|
55187
|
-
var formkitVersion$6 = '
|
|
55037
|
+
var formkitVersion$6 = '202606291727';
|
|
55188
55038
|
|
|
55189
55039
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55190
55040
|
static get properties() {
|
|
@@ -56456,7 +56306,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56456
56306
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
56457
56307
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
56458
56308
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
56459
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
56460
56309
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
56461
56310
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
56462
56311
|
@focusin="${this.handleFocusin}"
|
|
@@ -56583,7 +56432,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56583
56432
|
|
|
56584
56433
|
var colorCss$1$6 = i$4`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
56585
56434
|
|
|
56586
|
-
var styleCss$1$6 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
56435
|
+
var styleCss$1$6 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
56587
56436
|
|
|
56588
56437
|
var tokenCss$3 = i$4`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
56589
56438
|
|
|
@@ -57589,13 +57438,6 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
57589
57438
|
*/
|
|
57590
57439
|
configureDropdownCounters() {
|
|
57591
57440
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
57592
|
-
|
|
57593
|
-
// Counter rows are slotted into the bib through multiple shadow roots
|
|
57594
|
-
// (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
|
|
57595
|
-
// `:focus-within` focus-loss check fails to match the dropdown host in Chromium
|
|
57596
|
-
// and the bib auto-closes immediately after opening. Mirrors auro-select.
|
|
57597
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
57598
|
-
|
|
57599
57441
|
this.dropdown.requestUpdate();
|
|
57600
57442
|
|
|
57601
57443
|
const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
|
|
@@ -59132,7 +58974,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59132
58974
|
}
|
|
59133
58975
|
};
|
|
59134
58976
|
|
|
59135
|
-
var formkitVersion$5 = '
|
|
58977
|
+
var formkitVersion$5 = '202606291727';
|
|
59136
58978
|
|
|
59137
58979
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59138
58980
|
// See LICENSE in the project root for license information.
|
|
@@ -60882,7 +60724,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
60882
60724
|
}
|
|
60883
60725
|
};
|
|
60884
60726
|
|
|
60885
|
-
var formkitVersion$4 = '
|
|
60727
|
+
var formkitVersion$4 = '202606291727';
|
|
60886
60728
|
|
|
60887
60729
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
60888
60730
|
// See LICENSE in the project root for license information.
|
|
@@ -66097,7 +65939,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66097
65939
|
}
|
|
66098
65940
|
};
|
|
66099
65941
|
|
|
66100
|
-
var formkitVersion$2 = '
|
|
65942
|
+
var formkitVersion$2 = '202606291727';
|
|
66101
65943
|
|
|
66102
65944
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66103
65945
|
static get properties() {
|
|
@@ -67369,7 +67211,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67369
67211
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
67370
67212
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
67371
67213
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
67372
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
67373
67214
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
67374
67215
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
67375
67216
|
@focusin="${this.handleFocusin}"
|
|
@@ -77816,13 +77657,6 @@ class AuroInputUtilities {
|
|
|
77816
77657
|
* @returns {string | undefined}
|
|
77817
77658
|
*/
|
|
77818
77659
|
toFormattedValue(valueObject, format) {
|
|
77819
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
77820
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
77821
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
77822
|
-
// as "no format → no display value".
|
|
77823
|
-
if (!format) {
|
|
77824
|
-
return undefined;
|
|
77825
|
-
}
|
|
77826
77660
|
const normalizedFormat = format.toLowerCase();
|
|
77827
77661
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
77828
77662
|
|
|
@@ -77973,18 +77807,79 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77973
77807
|
constructor() {
|
|
77974
77808
|
super();
|
|
77975
77809
|
|
|
77976
|
-
|
|
77977
|
-
|
|
77978
|
-
|
|
77979
|
-
|
|
77980
|
-
|
|
77981
|
-
|
|
77982
|
-
|
|
77983
|
-
|
|
77984
|
-
|
|
77985
|
-
|
|
77810
|
+
this.appearance = "default";
|
|
77811
|
+
this.disabled = false;
|
|
77812
|
+
this.layout = 'classic';
|
|
77813
|
+
this.locale = 'en-US';
|
|
77814
|
+
this.max = undefined;
|
|
77815
|
+
this._maxObject = undefined;
|
|
77816
|
+
this.maxLength = undefined;
|
|
77817
|
+
this.min = undefined;
|
|
77818
|
+
this._minObject = undefined;
|
|
77819
|
+
this.minLength = undefined;
|
|
77820
|
+
this.required = false;
|
|
77821
|
+
this.onDark = false;
|
|
77822
|
+
this.setCustomValidityForType = undefined;
|
|
77823
|
+
this.size = 'lg';
|
|
77824
|
+
this.shape = 'classic';
|
|
77825
|
+
this.value = undefined;
|
|
77826
|
+
this._valueObject = undefined;
|
|
77827
|
+
|
|
77828
|
+
this._initializePrivateDefaults();
|
|
77829
|
+
}
|
|
77830
|
+
|
|
77831
|
+
/**
|
|
77832
|
+
* Internal Defaults.
|
|
77833
|
+
* @private
|
|
77834
|
+
* @returns {void}
|
|
77835
|
+
*/
|
|
77836
|
+
_initializePrivateDefaults() {
|
|
77986
77837
|
this.activeLabel = false;
|
|
77987
|
-
|
|
77838
|
+
this.appearance = "default";
|
|
77839
|
+
this.icon = false;
|
|
77840
|
+
this.disabled = false;
|
|
77841
|
+
this.dvInputOnly = false;
|
|
77842
|
+
this.hideLabelVisually = false;
|
|
77843
|
+
this.max = undefined;
|
|
77844
|
+
this.maxLength = undefined;
|
|
77845
|
+
this.min = undefined;
|
|
77846
|
+
this.minLength = undefined;
|
|
77847
|
+
this.noValidate = false;
|
|
77848
|
+
this.onDark = false;
|
|
77849
|
+
this.required = false;
|
|
77850
|
+
this.setCustomValidityForType = undefined;
|
|
77851
|
+
|
|
77852
|
+
// Used for storing raw values returned from input mask.
|
|
77853
|
+
this._rawMaskValue = undefined;
|
|
77854
|
+
|
|
77855
|
+
/**
|
|
77856
|
+
* @private
|
|
77857
|
+
*/
|
|
77858
|
+
this.layout = 'classic';
|
|
77859
|
+
|
|
77860
|
+
/**
|
|
77861
|
+
* @private
|
|
77862
|
+
*/
|
|
77863
|
+
this.shape = 'classic';
|
|
77864
|
+
|
|
77865
|
+
/**
|
|
77866
|
+
* @private
|
|
77867
|
+
*/
|
|
77868
|
+
this.size = 'lg';
|
|
77869
|
+
|
|
77870
|
+
this.touched = false;
|
|
77871
|
+
this.util = new AuroInputUtilities({
|
|
77872
|
+
locale: "en-US",
|
|
77873
|
+
format: this.format
|
|
77874
|
+
});
|
|
77875
|
+
this.validation = new AuroFormValidation$2();
|
|
77876
|
+
this.inputIconName = undefined;
|
|
77877
|
+
this.showPassword = false;
|
|
77878
|
+
this.validationCCLength = undefined;
|
|
77879
|
+
this.hasValue = false;
|
|
77880
|
+
this.label = 'Input label is undefined';
|
|
77881
|
+
|
|
77882
|
+
|
|
77988
77883
|
this.allowedInputTypes = [
|
|
77989
77884
|
"text",
|
|
77990
77885
|
"number",
|
|
@@ -77993,8 +77888,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77993
77888
|
"credit-card",
|
|
77994
77889
|
"tel"
|
|
77995
77890
|
];
|
|
77996
|
-
this.
|
|
77997
|
-
/** @private */
|
|
77891
|
+
this.icon = false;
|
|
77998
77892
|
this.dateFormatMap = {
|
|
77999
77893
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
78000
77894
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -78011,57 +77905,27 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78011
77905
|
'dd/mm': 'dateDDMM',
|
|
78012
77906
|
'mm/dd': 'dateMMDD'
|
|
78013
77907
|
};
|
|
78014
|
-
this.disabled = false;
|
|
78015
|
-
/** @private */
|
|
78016
77908
|
this.domHandler = new DomHandler();
|
|
78017
77909
|
this.dvInputOnly = false;
|
|
78018
77910
|
this.hasValue = false;
|
|
78019
|
-
this.hideLabelVisually = false;
|
|
78020
|
-
this.icon = false;
|
|
78021
|
-
/** @private */
|
|
78022
77911
|
this.inputIconName = undefined;
|
|
78023
|
-
/** @private */
|
|
78024
77912
|
this.label = 'Input label is undefined';
|
|
78025
|
-
this.layout = 'classic';
|
|
78026
|
-
this.locale = 'en-US';
|
|
78027
|
-
this.max = undefined;
|
|
78028
|
-
this._maxObject = undefined;
|
|
78029
|
-
this.maxLength = undefined;
|
|
78030
|
-
this.min = undefined;
|
|
78031
|
-
this._minObject = undefined;
|
|
78032
|
-
this.minLength = undefined;
|
|
78033
77913
|
this.noValidate = false;
|
|
78034
|
-
this.
|
|
78035
|
-
// Raw values returned from the input mask before model normalization.
|
|
78036
|
-
this._rawMaskValue = undefined;
|
|
78037
|
-
this.required = false;
|
|
78038
|
-
this.setCustomValidityForType = undefined;
|
|
78039
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
78040
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
78041
|
-
/** @private */
|
|
77914
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
78042
77915
|
this.setSelectionInputTypes = [
|
|
78043
77916
|
"text",
|
|
78044
77917
|
"password",
|
|
78045
77918
|
"email"
|
|
78046
|
-
];
|
|
78047
|
-
this.shape = 'classic';
|
|
78048
|
-
/** @private */
|
|
77919
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
78049
77920
|
this.showPassword = false;
|
|
78050
|
-
this.size = 'lg';
|
|
78051
77921
|
this.touched = false;
|
|
78052
|
-
/** @private */
|
|
78053
77922
|
this.uniqueId = new UniqueId().create();
|
|
78054
|
-
/** @private */
|
|
78055
77923
|
this.util = new AuroInputUtilities({
|
|
78056
77924
|
locale: this.locale,
|
|
78057
77925
|
format: this.format
|
|
78058
77926
|
});
|
|
78059
|
-
/** @private */
|
|
78060
77927
|
this.validation = new AuroFormValidation$2();
|
|
78061
|
-
/** @private */
|
|
78062
77928
|
this.validationCCLength = undefined;
|
|
78063
|
-
this.value = undefined;
|
|
78064
|
-
this._valueObject = undefined;
|
|
78065
77929
|
}
|
|
78066
77930
|
|
|
78067
77931
|
// function to define props used within the scope of this component
|
|
@@ -78609,15 +78473,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78609
78473
|
|
|
78610
78474
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
78611
78475
|
|
|
78612
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
78613
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
78614
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
78615
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
78616
|
-
// unset.
|
|
78617
|
-
if (this.format) {
|
|
78618
|
-
this.format = this.format.toLowerCase();
|
|
78619
|
-
}
|
|
78620
|
-
|
|
78621
78476
|
// use validity message override if declared when initializing the component
|
|
78622
78477
|
if (this.hasAttribute('setCustomValidity')) {
|
|
78623
78478
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -79051,38 +78906,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79051
78906
|
this.touched = true;
|
|
79052
78907
|
this.validation.validate(this);
|
|
79053
78908
|
}
|
|
79054
|
-
|
|
79055
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
79056
|
-
// update that can re-render the input and reset the native cursor; we
|
|
79057
|
-
// capture the caret position before that update commits and restore it
|
|
79058
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
79059
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
79060
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
79061
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
79062
|
-
// on input types that don't support text selection (number, email in
|
|
79063
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
79064
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
79065
|
-
// the gated types currently support it, since the list is a public
|
|
79066
|
-
// property a consumer could mutate.
|
|
79067
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
79068
|
-
let selectionStart;
|
|
79069
|
-
try {
|
|
79070
|
-
selectionStart = this.inputElement.selectionStart;
|
|
79071
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79072
|
-
return;
|
|
79073
|
-
}
|
|
79074
|
-
if (typeof selectionStart !== 'number') {
|
|
79075
|
-
return;
|
|
79076
|
-
}
|
|
79077
|
-
this.updateComplete.then(() => {
|
|
79078
|
-
try {
|
|
79079
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
79080
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79081
|
-
// Some input types (number/email in certain UAs) throw on
|
|
79082
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
79083
|
-
}
|
|
79084
|
-
});
|
|
79085
|
-
}
|
|
79086
78909
|
}
|
|
79087
78910
|
|
|
79088
78911
|
/**
|
|
@@ -79709,7 +79532,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
79709
79532
|
}
|
|
79710
79533
|
};
|
|
79711
79534
|
|
|
79712
|
-
var formkitVersion$1$1 = '
|
|
79535
|
+
var formkitVersion$1$1 = '202606291727';
|
|
79713
79536
|
|
|
79714
79537
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
79715
79538
|
// See LICENSE in the project root for license information.
|
|
@@ -80212,7 +80035,6 @@ class AuroInput extends BaseInput {
|
|
|
80212
80035
|
<${this.buttonTag}
|
|
80213
80036
|
@click="${this.handleClickShowPassword}"
|
|
80214
80037
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
80215
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
80216
80038
|
class="notificationBtn passwordBtn"
|
|
80217
80039
|
shape="circle"
|
|
80218
80040
|
size="sm"
|
|
@@ -80286,29 +80108,25 @@ class AuroInput extends BaseInput {
|
|
|
80286
80108
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
80287
80109
|
*/
|
|
80288
80110
|
renderHtmlHelpText() {
|
|
80289
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
80290
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
80291
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
80292
|
-
// re-announce because the live-region element it was watching had been
|
|
80293
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
80294
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
80295
|
-
// observe and announce.
|
|
80296
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
80297
80111
|
return u$d`
|
|
80298
|
-
|
|
80299
|
-
|
|
80300
|
-
|
|
80301
|
-
|
|
80302
|
-
|
|
80303
|
-
|
|
80304
|
-
|
|
80305
|
-
|
|
80306
|
-
|
|
80307
|
-
|
|
80308
|
-
|
|
80309
|
-
|
|
80310
|
-
|
|
80311
|
-
|
|
80112
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
80113
|
+
? u$d`
|
|
80114
|
+
<${this.helpTextTag}
|
|
80115
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
80116
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
80117
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
80118
|
+
</p>
|
|
80119
|
+
</${this.helpTextTag}>
|
|
80120
|
+
`
|
|
80121
|
+
: u$d`
|
|
80122
|
+
<${this.helpTextTag} error
|
|
80123
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
80124
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
80125
|
+
${this.errorMessage}
|
|
80126
|
+
</p>
|
|
80127
|
+
</${this.helpTextTag}>
|
|
80128
|
+
`
|
|
80129
|
+
}
|
|
80312
80130
|
`;
|
|
80313
80131
|
}
|
|
80314
80132
|
|
|
@@ -80440,7 +80258,7 @@ class AuroInput extends BaseInput {
|
|
|
80440
80258
|
|
|
80441
80259
|
var colorCss$1$3 = i$4`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
80442
80260
|
|
|
80443
|
-
var styleCss$2$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
80261
|
+
var styleCss$2$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
80444
80262
|
|
|
80445
80263
|
var tokenCss$1 = i$4`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
80446
80264
|
|
|
@@ -80835,7 +80653,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
80835
80653
|
}
|
|
80836
80654
|
};
|
|
80837
80655
|
|
|
80838
|
-
var formkitVersion$3 = '
|
|
80656
|
+
var formkitVersion$3 = '202606291727';
|
|
80839
80657
|
|
|
80840
80658
|
var styleCss$1$3 = i$4`.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}`;
|
|
80841
80659
|
|
|
@@ -85648,28 +85466,19 @@ const selectKeyboardStrategy = {
|
|
|
85648
85466
|
},
|
|
85649
85467
|
|
|
85650
85468
|
End(component, evt, ctx) {
|
|
85469
|
+
if (!ctx.isExpanded) {
|
|
85470
|
+
return;
|
|
85471
|
+
}
|
|
85651
85472
|
evt.preventDefault();
|
|
85652
85473
|
evt.stopPropagation();
|
|
85653
85474
|
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
85654
85475
|
const lastOption = getEnabledOptions(component.menu).pop();
|
|
85655
|
-
if (
|
|
85656
|
-
|
|
85657
|
-
}
|
|
85658
|
-
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
85659
|
-
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
85660
|
-
// otherwise show() synchronously fires the handler and writes
|
|
85661
|
-
// aria-activedescendant once before we overwrite it.
|
|
85662
|
-
component.menu.updateActiveOption(lastOption);
|
|
85663
|
-
if (!ctx.isExpanded) {
|
|
85664
|
-
component.dropdown.show();
|
|
85476
|
+
if (lastOption) {
|
|
85477
|
+
component.menu.updateActiveOption(lastOption);
|
|
85665
85478
|
}
|
|
85666
85479
|
},
|
|
85667
85480
|
|
|
85668
85481
|
Enter(component, evt, ctx) {
|
|
85669
|
-
// Prevent the keypress from bubbling to parent containers (e.g., forms)
|
|
85670
|
-
// which could interpret Enter as a submit. Matches APG select-only combobox
|
|
85671
|
-
// and native <select> behavior: Enter opens the listbox when closed, selects
|
|
85672
|
-
// the active option when open — it does not submit a parent form.
|
|
85673
85482
|
evt.preventDefault();
|
|
85674
85483
|
evt.stopPropagation();
|
|
85675
85484
|
if (!ctx.isExpanded) {
|
|
@@ -85680,16 +85489,14 @@ const selectKeyboardStrategy = {
|
|
|
85680
85489
|
},
|
|
85681
85490
|
|
|
85682
85491
|
Home(component, evt, ctx) {
|
|
85492
|
+
if (!ctx.isExpanded) {
|
|
85493
|
+
return;
|
|
85494
|
+
}
|
|
85683
85495
|
evt.preventDefault();
|
|
85684
85496
|
evt.stopPropagation();
|
|
85685
85497
|
const [firstOption] = getEnabledOptions(component.menu);
|
|
85686
|
-
if (
|
|
85687
|
-
|
|
85688
|
-
}
|
|
85689
|
-
// See End() for why this must run before show().
|
|
85690
|
-
component.menu.updateActiveOption(firstOption);
|
|
85691
|
-
if (!ctx.isExpanded) {
|
|
85692
|
-
component.dropdown.show();
|
|
85498
|
+
if (firstOption) {
|
|
85499
|
+
component.menu.updateActiveOption(firstOption);
|
|
85693
85500
|
}
|
|
85694
85501
|
},
|
|
85695
85502
|
|
|
@@ -89637,7 +89444,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
89637
89444
|
}
|
|
89638
89445
|
};
|
|
89639
89446
|
|
|
89640
|
-
var formkitVersion$1 = '
|
|
89447
|
+
var formkitVersion$1 = '202606291727';
|
|
89641
89448
|
|
|
89642
89449
|
class AuroElement extends i$2 {
|
|
89643
89450
|
static get properties() {
|
|
@@ -90909,7 +90716,6 @@ class AuroDropdown extends AuroElement {
|
|
|
90909
90716
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
90910
90717
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
90911
90718
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
90912
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
90913
90719
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
90914
90720
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
90915
90721
|
@focusin="${this.handleFocusin}"
|
|
@@ -91036,7 +90842,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91036
90842
|
|
|
91037
90843
|
var colorCss$1 = i$4`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
91038
90844
|
|
|
91039
|
-
var styleCss$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
90845
|
+
var styleCss$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
91040
90846
|
|
|
91041
90847
|
var tokenCss = i$4`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
91042
90848
|
|
|
@@ -91659,7 +91465,7 @@ class AuroHelpText extends i$2 {
|
|
|
91659
91465
|
}
|
|
91660
91466
|
}
|
|
91661
91467
|
|
|
91662
|
-
var formkitVersion = '
|
|
91468
|
+
var formkitVersion = '202606291727';
|
|
91663
91469
|
|
|
91664
91470
|
var styleCss = i$4`.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}`;
|
|
91665
91471
|
|
|
@@ -91991,6 +91797,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
91991
91797
|
reflect: true
|
|
91992
91798
|
},
|
|
91993
91799
|
|
|
91800
|
+
/**
|
|
91801
|
+
* @private
|
|
91802
|
+
*/
|
|
91803
|
+
options: {
|
|
91804
|
+
type: Array,
|
|
91805
|
+
state: true
|
|
91806
|
+
},
|
|
91807
|
+
|
|
91994
91808
|
/**
|
|
91995
91809
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
91996
91810
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -92278,68 +92092,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92278
92092
|
this.dropdown.dropdownWidth = this.customBibWidth;
|
|
92279
92093
|
}
|
|
92280
92094
|
|
|
92281
|
-
|
|
92095
|
+
// Pass label text to the dropdown bib for accessible dialog naming
|
|
92096
|
+
const labelElement = this.querySelector('span[slot="label"]');
|
|
92097
|
+
if (labelElement) {
|
|
92098
|
+
this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
|
|
92099
|
+
}
|
|
92282
92100
|
|
|
92283
92101
|
// Exposes the CSS parts from the dropdown for styling
|
|
92284
92102
|
this.dropdown.exposeCssParts();
|
|
92285
92103
|
}
|
|
92286
92104
|
|
|
92287
|
-
/**
|
|
92288
|
-
* Reads the current label slot text and pushes it to the dropdown bib
|
|
92289
|
-
* (for dialog naming) and the menu (for listbox aria-label). Safe to call
|
|
92290
|
-
* before either child has been wired up — each branch self-guards.
|
|
92291
|
-
* @private
|
|
92292
|
-
*/
|
|
92293
|
-
_syncLabelText() {
|
|
92294
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92295
|
-
const text = labelElement ? labelElement.textContent.trim() : '';
|
|
92296
|
-
if (this.dropdown) {
|
|
92297
|
-
this.dropdown.bibDialogLabel = text || undefined;
|
|
92298
|
-
}
|
|
92299
|
-
if (this.menu) {
|
|
92300
|
-
if (text) {
|
|
92301
|
-
this.menu.setAttribute('aria-label', text);
|
|
92302
|
-
} else {
|
|
92303
|
-
this.menu.removeAttribute('aria-label');
|
|
92304
|
-
}
|
|
92305
|
-
}
|
|
92306
|
-
}
|
|
92307
|
-
|
|
92308
|
-
/**
|
|
92309
|
-
* Keeps the dialog/menu accessible names in sync when consumers mutate the
|
|
92310
|
-
* label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
|
|
92311
|
-
* insufficient — it doesn't fire when textContent of an already-assigned
|
|
92312
|
-
* slotted node changes, which is the common case. We scope the observer to
|
|
92313
|
-
* the label node itself (not the whole host subtree) so option-content
|
|
92314
|
-
* mutations don't trigger label re-syncs, and re-target on `slotchange`
|
|
92315
|
-
* when consumers add or replace the label element.
|
|
92316
|
-
* @private
|
|
92317
|
-
*/
|
|
92318
|
-
_observeLabelChanges() {
|
|
92319
|
-
if (this._labelObserver) return;
|
|
92320
|
-
this._labelObserver = new MutationObserver(() => this._syncLabelText());
|
|
92321
|
-
|
|
92322
|
-
const retarget = () => {
|
|
92323
|
-
this._labelObserver.disconnect();
|
|
92324
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92325
|
-
if (labelElement) {
|
|
92326
|
-
this._labelObserver.observe(labelElement, {
|
|
92327
|
-
childList: true,
|
|
92328
|
-
subtree: true,
|
|
92329
|
-
characterData: true
|
|
92330
|
-
});
|
|
92331
|
-
}
|
|
92332
|
-
this._syncLabelText();
|
|
92333
|
-
};
|
|
92334
|
-
|
|
92335
|
-
retarget();
|
|
92336
|
-
|
|
92337
|
-
this._retargetLabelObserver = retarget;
|
|
92338
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92339
|
-
slot.addEventListener('slotchange', retarget);
|
|
92340
|
-
});
|
|
92341
|
-
}
|
|
92342
|
-
|
|
92343
92105
|
/**
|
|
92344
92106
|
* This will register this element with the browser.
|
|
92345
92107
|
* @param {string} [name="auro-select"] - The name of element that you want to register to.
|
|
@@ -92490,7 +92252,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92490
92252
|
this.updateMenuShapeSize();
|
|
92491
92253
|
this.setMenuValue(this.value);
|
|
92492
92254
|
|
|
92493
|
-
|
|
92255
|
+
// Set accessible name on the menu for screen readers based on the label slot content
|
|
92256
|
+
const labelElement = this.querySelector('[slot="label"]');
|
|
92257
|
+
if (labelElement) {
|
|
92258
|
+
this.menu.setAttribute('aria-label', labelElement.textContent.trim());
|
|
92259
|
+
}
|
|
92494
92260
|
|
|
92495
92261
|
if (this.multiSelect) {
|
|
92496
92262
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -92502,21 +92268,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92502
92268
|
if (typeof this.menu.initItems === 'function') {
|
|
92503
92269
|
this.menu.initItems();
|
|
92504
92270
|
}
|
|
92271
|
+
this.options = this.menu.options;
|
|
92505
92272
|
this.updateOptionPositions();
|
|
92506
|
-
// renderNativeSelect reads this.menu.options, which the parent doesn't
|
|
92507
|
-
// observe — request an update so the hidden native <option> list reflects
|
|
92508
|
-
// the menu's options after initItems populates them.
|
|
92509
|
-
this.requestUpdate();
|
|
92510
|
-
|
|
92511
|
-
// Keep aria-setsize/aria-posinset (and the native <option> list) in sync
|
|
92512
|
-
// when the menu re-initializes its items — e.g., slotchange, async/lazy
|
|
92513
|
-
// loads, value-triggered re-init. Without this, stale set-size is
|
|
92514
|
-
// announced and the native select goes stale after dynamic mutations.
|
|
92515
|
-
this.menu.addEventListener('auroMenu-optionsChange', () => {
|
|
92516
|
-
this.updateOptionPositions();
|
|
92517
|
-
this.requestUpdate();
|
|
92518
|
-
});
|
|
92519
|
-
|
|
92520
92273
|
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
92521
92274
|
|
|
92522
92275
|
this.menu.addEventListener("auroMenu-selectValueFailure", () => {
|
|
@@ -92535,26 +92288,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92535
92288
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
92536
92289
|
}
|
|
92537
92290
|
|
|
92538
|
-
//
|
|
92539
|
-
|
|
92540
|
-
// navigation back to the selection, or click in multiSelect — rely on
|
|
92541
|
-
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
92542
|
-
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
92543
|
-
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
92544
|
-
// when Enter on the active+selected option re-fires
|
|
92545
|
-
// auroMenu-selectedOption (see 03b289e39).
|
|
92546
|
-
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
92291
|
+
// Announce the active option for screen readers
|
|
92292
|
+
if (this.optionActive) {
|
|
92547
92293
|
const optionText = this.optionActive.textContent.trim();
|
|
92548
|
-
const
|
|
92549
|
-
|
|
92550
|
-
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
92551
|
-
} else {
|
|
92552
|
-
// Typeahead-on-closed fires this event before `show()` flips
|
|
92553
|
-
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
92554
|
-
// live region once the fullscreen <dialog> opens — otherwise it
|
|
92555
|
-
// lands in the host root, which is inert under the active modal.
|
|
92556
|
-
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
92557
|
-
}
|
|
92294
|
+
const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
|
|
92295
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
|
|
92558
92296
|
}
|
|
92559
92297
|
|
|
92560
92298
|
if (this.dropdown.isPopoverVisible) {
|
|
@@ -92563,7 +92301,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92563
92301
|
});
|
|
92564
92302
|
|
|
92565
92303
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
92566
|
-
const previousSelected = this.optionSelected;
|
|
92567
92304
|
|
|
92568
92305
|
// Update the displayed value
|
|
92569
92306
|
this.updateDisplayedValue();
|
|
@@ -92583,32 +92320,13 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92583
92320
|
this.dropdown.trigger.focus();
|
|
92584
92321
|
}
|
|
92585
92322
|
|
|
92586
|
-
//
|
|
92587
|
-
//
|
|
92588
|
-
|
|
92589
|
-
|
|
92590
|
-
|
|
92591
|
-
|
|
92592
|
-
|
|
92593
|
-
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
92594
|
-
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
92595
|
-
if (removed) {
|
|
92596
|
-
announcement = `${removed.textContent.trim()}, not selected`;
|
|
92597
|
-
} else if (added) {
|
|
92598
|
-
announcement = `${added.textContent.trim()}, selected`;
|
|
92599
|
-
}
|
|
92600
|
-
} else {
|
|
92601
|
-
announcement = `${this.menu.currentLabel}, selected`;
|
|
92602
|
-
}
|
|
92603
|
-
|
|
92604
|
-
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
92605
|
-
// announcement from aria-expanded when the dropdown closes.
|
|
92606
|
-
if (announcement) {
|
|
92607
|
-
const announcementDelay = 300;
|
|
92608
|
-
setTimeout(() => {
|
|
92609
|
-
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
92610
|
-
}, announcementDelay);
|
|
92611
|
-
}
|
|
92323
|
+
// Announce the selection after the dropdown closes so it isn't
|
|
92324
|
+
// overridden by VoiceOver's "collapsed" announcement from aria-expanded.
|
|
92325
|
+
const selectedValue = this.menu.currentLabel;
|
|
92326
|
+
const announcementDelay = 300;
|
|
92327
|
+
setTimeout(() => {
|
|
92328
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${selectedValue}, selected`);
|
|
92329
|
+
}, announcementDelay);
|
|
92612
92330
|
});
|
|
92613
92331
|
}
|
|
92614
92332
|
|
|
@@ -92706,32 +92424,24 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92706
92424
|
|
|
92707
92425
|
this.typeaheadBuffer += key;
|
|
92708
92426
|
|
|
92709
|
-
|
|
92710
|
-
// next item with a name that starts with the string of characters typed").
|
|
92711
|
-
// Only fall back to single-char cycling when the repeated buffer has no
|
|
92712
|
-
// longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
|
|
92713
|
-
// because no option starts with "aa".
|
|
92714
|
-
let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92427
|
+
const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
92715
92428
|
|
|
92716
|
-
|
|
92429
|
+
let match = null;
|
|
92717
92430
|
if (isRepeatedChar) {
|
|
92718
92431
|
const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
|
|
92719
92432
|
if (matches.length) {
|
|
92720
92433
|
const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
|
|
92721
92434
|
match = matches[cycleIndex];
|
|
92722
92435
|
}
|
|
92436
|
+
} else {
|
|
92437
|
+
match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92723
92438
|
}
|
|
92724
92439
|
|
|
92725
|
-
// Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
|
|
92726
92440
|
if (match) {
|
|
92727
|
-
// Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
|
|
92728
|
-
// guard short-circuits and skips the firstActive/selected fallback —
|
|
92729
|
-
// otherwise show() synchronously fires the handler, which writes
|
|
92730
|
-
// aria-activedescendant once before we overwrite it.
|
|
92731
|
-
this.menu.updateActiveOption(match);
|
|
92732
92441
|
if (!this.dropdown.isPopoverVisible) {
|
|
92733
92442
|
this.dropdown.show();
|
|
92734
92443
|
}
|
|
92444
|
+
this.menu.updateActiveOption(match);
|
|
92735
92445
|
}
|
|
92736
92446
|
}
|
|
92737
92447
|
|
|
@@ -92848,28 +92558,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92848
92558
|
disconnectedCallback() {
|
|
92849
92559
|
super.disconnectedCallback();
|
|
92850
92560
|
this._clearTypeaheadBuffer();
|
|
92851
|
-
if (this._labelObserver) {
|
|
92852
|
-
this._labelObserver.disconnect();
|
|
92853
|
-
this._labelObserver = null;
|
|
92854
|
-
}
|
|
92855
|
-
if (this._retargetLabelObserver && this.shadowRoot) {
|
|
92856
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92857
|
-
slot.removeEventListener('slotchange', this._retargetLabelObserver);
|
|
92858
|
-
});
|
|
92859
|
-
this._retargetLabelObserver = null;
|
|
92860
|
-
}
|
|
92861
|
-
}
|
|
92862
|
-
|
|
92863
|
-
connectedCallback() {
|
|
92864
|
-
super.connectedCallback();
|
|
92865
|
-
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
92866
|
-
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
92867
|
-
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
92868
|
-
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
92869
|
-
// unless we re-wire the observer here.
|
|
92870
|
-
if (this.hasUpdated) {
|
|
92871
|
-
this._observeLabelChanges();
|
|
92872
|
-
}
|
|
92873
92561
|
}
|
|
92874
92562
|
|
|
92875
92563
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
@@ -92880,7 +92568,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92880
92568
|
this.configureDropdown();
|
|
92881
92569
|
this.configureMenu();
|
|
92882
92570
|
this.configureSelect();
|
|
92883
|
-
this._observeLabelChanges();
|
|
92884
92571
|
}
|
|
92885
92572
|
|
|
92886
92573
|
setMenuValue(value) {
|
|
@@ -93013,18 +92700,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93013
92700
|
* @private
|
|
93014
92701
|
*/
|
|
93015
92702
|
_handleNativeSelectChange(event) {
|
|
93016
|
-
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
93017
|
-
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
93018
|
-
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
93019
|
-
// form control even with aria-hidden/tabindex=-1.
|
|
93020
|
-
if (this.multiSelect) return;
|
|
93021
|
-
|
|
93022
92703
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
93023
92704
|
if (!selectedOption) return;
|
|
93024
92705
|
const selectedValue = selectedOption.value;
|
|
93025
92706
|
|
|
93026
|
-
if (this.
|
|
93027
|
-
this.value
|
|
92707
|
+
if (this.multiSelect) {
|
|
92708
|
+
const currentArray = this.menu.value || [];
|
|
92709
|
+
|
|
92710
|
+
if (!currentArray.includes(selectedValue)) {
|
|
92711
|
+
this.value = JSON.stringify([
|
|
92712
|
+
...currentArray,
|
|
92713
|
+
selectedValue
|
|
92714
|
+
]);
|
|
92715
|
+
}
|
|
92716
|
+
} else {
|
|
92717
|
+
const currentValue = this.value;
|
|
92718
|
+
|
|
92719
|
+
if (currentValue !== selectedValue) {
|
|
92720
|
+
this.value = selectedValue;
|
|
92721
|
+
}
|
|
93028
92722
|
}
|
|
93029
92723
|
}
|
|
93030
92724
|
|