@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.11 → 0.0.0-pr1514.2
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 +137 -249
- package/components/datepicker/demo/index.min.js +137 -249
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +137 -249
- package/components/datepicker/dist/registered.js +137 -249
- 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 +396 -687
- package/components/form/demo/getting-started.min.js +396 -687
- package/components/form/demo/index.min.js +396 -687
- package/components/form/demo/registerDemoDeps.min.js +396 -687
- 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 +276 -482
- 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 = '202606291652';
|
|
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
|
|
|
@@ -26208,7 +26178,7 @@ class CalendarUtilities {
|
|
|
26208
26178
|
|
|
26209
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)}`;
|
|
26210
26180
|
|
|
26211
|
-
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)}`;
|
|
26212
26182
|
|
|
26213
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)}`;
|
|
26214
26184
|
|
|
@@ -26603,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26603
26573
|
}
|
|
26604
26574
|
};
|
|
26605
26575
|
|
|
26606
|
-
var formkitVersion$2$1 = '
|
|
26576
|
+
var formkitVersion$2$1 = '202606291652';
|
|
26607
26577
|
|
|
26608
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}
|
|
26609
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}}
|
|
@@ -26709,10 +26679,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
26709
26679
|
this.activeCellDate = null;
|
|
26710
26680
|
|
|
26711
26681
|
/**
|
|
26712
|
-
* Cached reference to the active cell host
|
|
26713
|
-
*
|
|
26714
|
-
* or missing). Lets scrollToActiveCell skip a full cell scan on each
|
|
26715
|
-
* 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.
|
|
26716
26684
|
* @private
|
|
26717
26685
|
*/
|
|
26718
26686
|
this._activeCell = null;
|
|
@@ -27688,9 +27656,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27688
27656
|
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
27689
27657
|
}
|
|
27690
27658
|
}
|
|
27691
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27692
|
-
// activated cell is what gets scrolled into view.
|
|
27693
|
-
this.scrollToActiveCell();
|
|
27694
27659
|
// Re-focus grid wrapper after month change re-render
|
|
27695
27660
|
this.focusActiveCell();
|
|
27696
27661
|
});
|
|
@@ -27731,9 +27696,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27731
27696
|
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
27732
27697
|
}
|
|
27733
27698
|
}
|
|
27734
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27735
|
-
// activated cell is what gets scrolled into view.
|
|
27736
|
-
this.scrollToActiveCell();
|
|
27737
27699
|
this.focusActiveCell();
|
|
27738
27700
|
});
|
|
27739
27701
|
}
|
|
@@ -27768,8 +27730,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27768
27730
|
const targetCell = allCells[targetIndex];
|
|
27769
27731
|
this.setActiveCell(targetCell.day.date);
|
|
27770
27732
|
this.scrollToActiveCell();
|
|
27771
|
-
// Match the cross-month branches: keep DOM focus on the grid wrapper
|
|
27772
|
-
// so subsequent arrow keys continue to land on this handler.
|
|
27773
27733
|
this.focusActiveCell();
|
|
27774
27734
|
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
27775
27735
|
// Navigate to next month and focus the computed next date.
|
|
@@ -27791,6 +27751,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27791
27751
|
const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
|
|
27792
27752
|
if (target) {
|
|
27793
27753
|
this.setActiveCell(target.day.date);
|
|
27754
|
+
this.focusActiveCell();
|
|
27794
27755
|
} else {
|
|
27795
27756
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27796
27757
|
// `cells[length - 1]` would land on the end of the new month,
|
|
@@ -27798,10 +27759,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27798
27759
|
const fallback = this.pickNearestCell(cells, nextTs, 'next');
|
|
27799
27760
|
if (fallback) {
|
|
27800
27761
|
this.setActiveCell(fallback.day.date);
|
|
27762
|
+
this.focusActiveCell();
|
|
27801
27763
|
}
|
|
27802
27764
|
}
|
|
27803
|
-
this.scrollToActiveCell();
|
|
27804
|
-
this.focusActiveCell();
|
|
27805
27765
|
});
|
|
27806
27766
|
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
27807
27767
|
// Navigate to previous month and focus the computed previous date.
|
|
@@ -27820,6 +27780,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27820
27780
|
const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
|
|
27821
27781
|
if (target) {
|
|
27822
27782
|
this.setActiveCell(target.day.date);
|
|
27783
|
+
this.focusActiveCell();
|
|
27823
27784
|
} else {
|
|
27824
27785
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27825
27786
|
// `cells[0]` would land on the start of the previous month, far
|
|
@@ -27827,10 +27788,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27827
27788
|
const fallback = this.pickNearestCell(cells, prevTs, 'prev');
|
|
27828
27789
|
if (fallback) {
|
|
27829
27790
|
this.setActiveCell(fallback.day.date);
|
|
27791
|
+
this.focusActiveCell();
|
|
27830
27792
|
}
|
|
27831
27793
|
}
|
|
27832
|
-
this.scrollToActiveCell();
|
|
27833
|
-
this.focusActiveCell();
|
|
27834
27794
|
});
|
|
27835
27795
|
}
|
|
27836
27796
|
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
@@ -27863,6 +27823,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27863
27823
|
const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
|
|
27864
27824
|
if (target) {
|
|
27865
27825
|
this.setActiveCell(target.day.date);
|
|
27826
|
+
this.focusActiveCell();
|
|
27866
27827
|
} else {
|
|
27867
27828
|
// Same nearest-by-date fallback handleGridKeyDown uses — the
|
|
27868
27829
|
// old direction-based `cells[0]`/`cells[length-1]` clamp
|
|
@@ -27870,10 +27831,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27870
27831
|
const nearest = this.pickNearestCell(cells, targetDate, navDirection);
|
|
27871
27832
|
if (nearest) {
|
|
27872
27833
|
this.setActiveCell(nearest.day.date);
|
|
27834
|
+
this.focusActiveCell();
|
|
27873
27835
|
}
|
|
27874
27836
|
}
|
|
27875
|
-
this.scrollToActiveCell();
|
|
27876
|
-
this.focusActiveCell();
|
|
27877
27837
|
});
|
|
27878
27838
|
}
|
|
27879
27839
|
}
|
|
@@ -28074,28 +28034,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28074
28034
|
}
|
|
28075
28035
|
|
|
28076
28036
|
/**
|
|
28077
|
-
* Scrolls the calendar
|
|
28078
|
-
*
|
|
28079
|
-
*
|
|
28080
|
-
*
|
|
28081
|
-
*
|
|
28082
|
-
* ancestor's viewport. Native `scrollIntoView` is not used because the
|
|
28083
|
-
* cell sits inside multiple nested scroll containers (the dropdown bib's
|
|
28084
|
-
* `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
|
|
28085
|
-
* scrolls one of them on its own, leaving the cell short of the
|
|
28086
|
-
* viewport in mobile fullscreen.
|
|
28087
|
-
*
|
|
28088
|
-
* Uses `behavior: 'auto'` (the spec's universally-supported non-animated
|
|
28089
|
-
* value) so each `scrollBy` resolves synchronously and the next
|
|
28090
|
-
* iteration's `getBoundingClientRect` reads post-scroll positions
|
|
28091
|
-
* accurately. This also satisfies `prefers-reduced-motion` users — the
|
|
28092
|
-
* scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
|
|
28093
|
-
* is effectively instant.
|
|
28094
|
-
*
|
|
28095
|
-
* The active cell is looked up from the cache populated by
|
|
28096
|
-
* `setActiveCell`. On a cache miss (stale or absent) the cache is
|
|
28097
|
-
* refreshed from a single full scan so subsequent calls stay on the
|
|
28098
|
-
* 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.
|
|
28099
28042
|
* @private
|
|
28100
28043
|
* @returns {void}
|
|
28101
28044
|
*/
|
|
@@ -28107,67 +28050,20 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28107
28050
|
// Prefer the cell cached by setActiveCell so arrow-key navigation does
|
|
28108
28051
|
// not rebuild the full cell list on every keypress. Fall back to a
|
|
28109
28052
|
// lookup when the cache is stale (e.g. detached after month re-render)
|
|
28110
|
-
// or absent (scrollToActiveCell called without a prior setActiveCell)
|
|
28111
|
-
// refresh the cache on the fallback path so a subsequent call reuses it.
|
|
28053
|
+
// or absent (scrollToActiveCell called without a prior setActiveCell).
|
|
28112
28054
|
const activeDate = this.activeCellDate;
|
|
28113
28055
|
const cached = this._activeCell;
|
|
28114
28056
|
const cacheFresh = cached && cached.isConnected && cached.day && cached.day.date === activeDate;
|
|
28115
|
-
|
|
28116
|
-
if (cacheFresh) {
|
|
28117
|
-
activeCell = cached;
|
|
28118
|
-
} else {
|
|
28119
|
-
activeCell = this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
28120
|
-
this._activeCell = activeCell || null;
|
|
28121
|
-
}
|
|
28057
|
+
const activeCell = cacheFresh ? cached : this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
28122
28058
|
if (!activeCell) {
|
|
28123
28059
|
return;
|
|
28124
28060
|
}
|
|
28125
28061
|
|
|
28126
|
-
|
|
28127
|
-
|
|
28128
|
-
|
|
28129
|
-
|
|
28130
|
-
|
|
28131
|
-
activeCell;
|
|
28132
|
-
|
|
28133
|
-
// parentNode follows the authored DOM tree and steps over shadow roots
|
|
28134
|
-
// via slot projection. A slotted element's visual parent is its
|
|
28135
|
-
// assignedSlot's parent (inside the host's shadow tree), not the host
|
|
28136
|
-
// itself. Without this hop, the walk skips right past #bodyContainer
|
|
28137
|
-
// and <dialog> and finds no scrollable ancestor at all.
|
|
28138
|
-
const flatParent = (current) => {
|
|
28139
|
-
if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
28140
|
-
return current.host || null;
|
|
28141
|
-
}
|
|
28142
|
-
if (current.assignedSlot) {
|
|
28143
|
-
return current.assignedSlot.parentNode;
|
|
28144
|
-
}
|
|
28145
|
-
return current.parentNode;
|
|
28146
|
-
};
|
|
28147
|
-
|
|
28148
|
-
let node = flatParent(target);
|
|
28149
|
-
while (node && node !== document && node !== window) {
|
|
28150
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
28151
|
-
const { overflowY } = window.getComputedStyle(node);
|
|
28152
|
-
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
28153
|
-
const targetRect = target.getBoundingClientRect();
|
|
28154
|
-
const scrollerRect = node.getBoundingClientRect();
|
|
28155
|
-
let delta = 0;
|
|
28156
|
-
if (targetRect.top < scrollerRect.top) {
|
|
28157
|
-
delta = targetRect.top - scrollerRect.top;
|
|
28158
|
-
} else if (targetRect.bottom > scrollerRect.bottom) {
|
|
28159
|
-
delta = targetRect.bottom - scrollerRect.bottom;
|
|
28160
|
-
}
|
|
28161
|
-
if (delta !== 0) {
|
|
28162
|
-
node.scrollBy({
|
|
28163
|
-
top: delta,
|
|
28164
|
-
behavior: 'auto'
|
|
28165
|
-
});
|
|
28166
|
-
}
|
|
28167
|
-
}
|
|
28168
|
-
}
|
|
28169
|
-
node = flatParent(node);
|
|
28170
|
-
}
|
|
28062
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
28063
|
+
activeCell.scrollIntoView({
|
|
28064
|
+
block: 'nearest',
|
|
28065
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
28066
|
+
});
|
|
28171
28067
|
}
|
|
28172
28068
|
|
|
28173
28069
|
/**
|
|
@@ -28457,7 +28353,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28457
28353
|
</div>
|
|
28458
28354
|
</div>
|
|
28459
28355
|
|
|
28460
|
-
<div class="calendarWrapper">
|
|
28356
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
28461
28357
|
<div class="calendarNavButtons">
|
|
28462
28358
|
${this.showPrevMonthBtn ? u$d`
|
|
28463
28359
|
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
@@ -32355,7 +32251,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32355
32251
|
}
|
|
32356
32252
|
};
|
|
32357
32253
|
|
|
32358
|
-
var formkitVersion$1$3 = '
|
|
32254
|
+
var formkitVersion$1$3 = '202606291652';
|
|
32359
32255
|
|
|
32360
32256
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32361
32257
|
static get properties() {
|
|
@@ -33627,7 +33523,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33627
33523
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
33628
33524
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
33629
33525
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
33630
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
33631
33526
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
33632
33527
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
33633
33528
|
@focusin="${this.handleFocusin}"
|
|
@@ -44074,13 +43969,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
44074
43969
|
* @returns {string | undefined}
|
|
44075
43970
|
*/
|
|
44076
43971
|
toFormattedValue(valueObject, format) {
|
|
44077
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
44078
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
44079
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
44080
|
-
// as "no format → no display value".
|
|
44081
|
-
if (!format) {
|
|
44082
|
-
return undefined;
|
|
44083
|
-
}
|
|
44084
43972
|
const normalizedFormat = format.toLowerCase();
|
|
44085
43973
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
44086
43974
|
|
|
@@ -44231,18 +44119,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44231
44119
|
constructor() {
|
|
44232
44120
|
super();
|
|
44233
44121
|
|
|
44234
|
-
|
|
44235
|
-
|
|
44236
|
-
|
|
44237
|
-
|
|
44238
|
-
|
|
44239
|
-
|
|
44240
|
-
|
|
44241
|
-
|
|
44242
|
-
|
|
44243
|
-
|
|
44122
|
+
this.appearance = "default";
|
|
44123
|
+
this.disabled = false;
|
|
44124
|
+
this.layout = 'classic';
|
|
44125
|
+
this.locale = 'en-US';
|
|
44126
|
+
this.max = undefined;
|
|
44127
|
+
this._maxObject = undefined;
|
|
44128
|
+
this.maxLength = undefined;
|
|
44129
|
+
this.min = undefined;
|
|
44130
|
+
this._minObject = undefined;
|
|
44131
|
+
this.minLength = undefined;
|
|
44132
|
+
this.required = false;
|
|
44133
|
+
this.onDark = false;
|
|
44134
|
+
this.setCustomValidityForType = undefined;
|
|
44135
|
+
this.size = 'lg';
|
|
44136
|
+
this.shape = 'classic';
|
|
44137
|
+
this.value = undefined;
|
|
44138
|
+
this._valueObject = undefined;
|
|
44139
|
+
|
|
44140
|
+
this._initializePrivateDefaults();
|
|
44141
|
+
}
|
|
44142
|
+
|
|
44143
|
+
/**
|
|
44144
|
+
* Internal Defaults.
|
|
44145
|
+
* @private
|
|
44146
|
+
* @returns {void}
|
|
44147
|
+
*/
|
|
44148
|
+
_initializePrivateDefaults() {
|
|
44244
44149
|
this.activeLabel = false;
|
|
44245
|
-
|
|
44150
|
+
this.appearance = "default";
|
|
44151
|
+
this.icon = false;
|
|
44152
|
+
this.disabled = false;
|
|
44153
|
+
this.dvInputOnly = false;
|
|
44154
|
+
this.hideLabelVisually = false;
|
|
44155
|
+
this.max = undefined;
|
|
44156
|
+
this.maxLength = undefined;
|
|
44157
|
+
this.min = undefined;
|
|
44158
|
+
this.minLength = undefined;
|
|
44159
|
+
this.noValidate = false;
|
|
44160
|
+
this.onDark = false;
|
|
44161
|
+
this.required = false;
|
|
44162
|
+
this.setCustomValidityForType = undefined;
|
|
44163
|
+
|
|
44164
|
+
// Used for storing raw values returned from input mask.
|
|
44165
|
+
this._rawMaskValue = undefined;
|
|
44166
|
+
|
|
44167
|
+
/**
|
|
44168
|
+
* @private
|
|
44169
|
+
*/
|
|
44170
|
+
this.layout = 'classic';
|
|
44171
|
+
|
|
44172
|
+
/**
|
|
44173
|
+
* @private
|
|
44174
|
+
*/
|
|
44175
|
+
this.shape = 'classic';
|
|
44176
|
+
|
|
44177
|
+
/**
|
|
44178
|
+
* @private
|
|
44179
|
+
*/
|
|
44180
|
+
this.size = 'lg';
|
|
44181
|
+
|
|
44182
|
+
this.touched = false;
|
|
44183
|
+
this.util = new AuroInputUtilities$2({
|
|
44184
|
+
locale: "en-US",
|
|
44185
|
+
format: this.format
|
|
44186
|
+
});
|
|
44187
|
+
this.validation = new AuroFormValidation$6();
|
|
44188
|
+
this.inputIconName = undefined;
|
|
44189
|
+
this.showPassword = false;
|
|
44190
|
+
this.validationCCLength = undefined;
|
|
44191
|
+
this.hasValue = false;
|
|
44192
|
+
this.label = 'Input label is undefined';
|
|
44193
|
+
|
|
44194
|
+
|
|
44246
44195
|
this.allowedInputTypes = [
|
|
44247
44196
|
"text",
|
|
44248
44197
|
"number",
|
|
@@ -44251,8 +44200,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44251
44200
|
"credit-card",
|
|
44252
44201
|
"tel"
|
|
44253
44202
|
];
|
|
44254
|
-
this.
|
|
44255
|
-
/** @private */
|
|
44203
|
+
this.icon = false;
|
|
44256
44204
|
this.dateFormatMap = {
|
|
44257
44205
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
44258
44206
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -44269,57 +44217,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44269
44217
|
'dd/mm': 'dateDDMM',
|
|
44270
44218
|
'mm/dd': 'dateMMDD'
|
|
44271
44219
|
};
|
|
44272
|
-
this.disabled = false;
|
|
44273
|
-
/** @private */
|
|
44274
44220
|
this.domHandler = new DomHandler$2();
|
|
44275
44221
|
this.dvInputOnly = false;
|
|
44276
44222
|
this.hasValue = false;
|
|
44277
|
-
this.hideLabelVisually = false;
|
|
44278
|
-
this.icon = false;
|
|
44279
|
-
/** @private */
|
|
44280
44223
|
this.inputIconName = undefined;
|
|
44281
|
-
/** @private */
|
|
44282
44224
|
this.label = 'Input label is undefined';
|
|
44283
|
-
this.layout = 'classic';
|
|
44284
|
-
this.locale = 'en-US';
|
|
44285
|
-
this.max = undefined;
|
|
44286
|
-
this._maxObject = undefined;
|
|
44287
|
-
this.maxLength = undefined;
|
|
44288
|
-
this.min = undefined;
|
|
44289
|
-
this._minObject = undefined;
|
|
44290
|
-
this.minLength = undefined;
|
|
44291
44225
|
this.noValidate = false;
|
|
44292
|
-
this.
|
|
44293
|
-
// Raw values returned from the input mask before model normalization.
|
|
44294
|
-
this._rawMaskValue = undefined;
|
|
44295
|
-
this.required = false;
|
|
44296
|
-
this.setCustomValidityForType = undefined;
|
|
44297
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
44298
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
44299
|
-
/** @private */
|
|
44226
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
44300
44227
|
this.setSelectionInputTypes = [
|
|
44301
44228
|
"text",
|
|
44302
44229
|
"password",
|
|
44303
44230
|
"email"
|
|
44304
|
-
];
|
|
44305
|
-
this.shape = 'classic';
|
|
44306
|
-
/** @private */
|
|
44231
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
44307
44232
|
this.showPassword = false;
|
|
44308
|
-
this.size = 'lg';
|
|
44309
44233
|
this.touched = false;
|
|
44310
|
-
/** @private */
|
|
44311
44234
|
this.uniqueId = new UniqueId$1().create();
|
|
44312
|
-
/** @private */
|
|
44313
44235
|
this.util = new AuroInputUtilities$2({
|
|
44314
44236
|
locale: this.locale,
|
|
44315
44237
|
format: this.format
|
|
44316
44238
|
});
|
|
44317
|
-
/** @private */
|
|
44318
44239
|
this.validation = new AuroFormValidation$6();
|
|
44319
|
-
/** @private */
|
|
44320
44240
|
this.validationCCLength = undefined;
|
|
44321
|
-
this.value = undefined;
|
|
44322
|
-
this._valueObject = undefined;
|
|
44323
44241
|
}
|
|
44324
44242
|
|
|
44325
44243
|
// function to define props used within the scope of this component
|
|
@@ -44867,15 +44785,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44867
44785
|
|
|
44868
44786
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
44869
44787
|
|
|
44870
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
44871
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
44872
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
44873
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
44874
|
-
// unset.
|
|
44875
|
-
if (this.format) {
|
|
44876
|
-
this.format = this.format.toLowerCase();
|
|
44877
|
-
}
|
|
44878
|
-
|
|
44879
44788
|
// use validity message override if declared when initializing the component
|
|
44880
44789
|
if (this.hasAttribute('setCustomValidity')) {
|
|
44881
44790
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -45309,38 +45218,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45309
45218
|
this.touched = true;
|
|
45310
45219
|
this.validation.validate(this);
|
|
45311
45220
|
}
|
|
45312
|
-
|
|
45313
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
45314
|
-
// update that can re-render the input and reset the native cursor; we
|
|
45315
|
-
// capture the caret position before that update commits and restore it
|
|
45316
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
45317
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
45318
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
45319
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
45320
|
-
// on input types that don't support text selection (number, email in
|
|
45321
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
45322
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
45323
|
-
// the gated types currently support it, since the list is a public
|
|
45324
|
-
// property a consumer could mutate.
|
|
45325
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
45326
|
-
let selectionStart;
|
|
45327
|
-
try {
|
|
45328
|
-
selectionStart = this.inputElement.selectionStart;
|
|
45329
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45330
|
-
return;
|
|
45331
|
-
}
|
|
45332
|
-
if (typeof selectionStart !== 'number') {
|
|
45333
|
-
return;
|
|
45334
|
-
}
|
|
45335
|
-
this.updateComplete.then(() => {
|
|
45336
|
-
try {
|
|
45337
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
45338
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45339
|
-
// Some input types (number/email in certain UAs) throw on
|
|
45340
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
45341
|
-
}
|
|
45342
|
-
});
|
|
45343
|
-
}
|
|
45344
45221
|
}
|
|
45345
45222
|
|
|
45346
45223
|
/**
|
|
@@ -45967,7 +45844,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
45967
45844
|
}
|
|
45968
45845
|
};
|
|
45969
45846
|
|
|
45970
|
-
var formkitVersion$7 = '
|
|
45847
|
+
var formkitVersion$7 = '202606291652';
|
|
45971
45848
|
|
|
45972
45849
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
45973
45850
|
// See LICENSE in the project root for license information.
|
|
@@ -46470,7 +46347,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46470
46347
|
<${this.buttonTag}
|
|
46471
46348
|
@click="${this.handleClickShowPassword}"
|
|
46472
46349
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
46473
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
46474
46350
|
class="notificationBtn passwordBtn"
|
|
46475
46351
|
shape="circle"
|
|
46476
46352
|
size="sm"
|
|
@@ -46544,29 +46420,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46544
46420
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
46545
46421
|
*/
|
|
46546
46422
|
renderHtmlHelpText() {
|
|
46547
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
46548
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
46549
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
46550
|
-
// re-announce because the live-region element it was watching had been
|
|
46551
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
46552
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
46553
|
-
// observe and announce.
|
|
46554
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
46555
46423
|
return u$d`
|
|
46556
|
-
|
|
46557
|
-
|
|
46558
|
-
|
|
46559
|
-
|
|
46560
|
-
|
|
46561
|
-
|
|
46562
|
-
|
|
46563
|
-
|
|
46564
|
-
|
|
46565
|
-
|
|
46566
|
-
|
|
46567
|
-
|
|
46568
|
-
|
|
46569
|
-
|
|
46424
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
46425
|
+
? u$d`
|
|
46426
|
+
<${this.helpTextTag}
|
|
46427
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
46428
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
46429
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
46430
|
+
</p>
|
|
46431
|
+
</${this.helpTextTag}>
|
|
46432
|
+
`
|
|
46433
|
+
: u$d`
|
|
46434
|
+
<${this.helpTextTag} error
|
|
46435
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
46436
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
46437
|
+
${this.errorMessage}
|
|
46438
|
+
</p>
|
|
46439
|
+
</${this.helpTextTag}>
|
|
46440
|
+
`
|
|
46441
|
+
}
|
|
46570
46442
|
`;
|
|
46571
46443
|
}
|
|
46572
46444
|
|
|
@@ -46713,15 +46585,6 @@ function formatISODate(isoStr, format) {
|
|
|
46713
46585
|
try {
|
|
46714
46586
|
const date = dateFormatter$2.stringToDateInstance(isoStr);
|
|
46715
46587
|
|
|
46716
|
-
// `stringToDateInstance` returns an `Invalid Date` for malformed strings
|
|
46717
|
-
// and `null` for non-string input — it does NOT throw. Without this
|
|
46718
|
-
// guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
|
|
46719
|
-
// yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
|
|
46720
|
-
// like "0NaN/0NaN/0NaN" instead of `undefined`.
|
|
46721
|
-
if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
|
|
46722
|
-
return undefined;
|
|
46723
|
-
}
|
|
46724
|
-
|
|
46725
46588
|
const year = String(date.getFullYear()).padStart(4, '0');
|
|
46726
46589
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
46727
46590
|
const day = String(date.getDate()).padStart(2, '0');
|
|
@@ -46732,10 +46595,7 @@ function formatISODate(isoStr, format) {
|
|
|
46732
46595
|
replace(/mm/iu, month).
|
|
46733
46596
|
replace(/dd/iu, day);
|
|
46734
46597
|
} catch (err) {
|
|
46735
|
-
//
|
|
46736
|
-
// (inside `stringToDateInstance`) could throw on pathological input
|
|
46737
|
-
// future-library-versions might introduce. Treat any thrown error as
|
|
46738
|
-
// "not a valid date" and return undefined.
|
|
46598
|
+
// If the input string is not a valid date, return undefined
|
|
46739
46599
|
return undefined;
|
|
46740
46600
|
}
|
|
46741
46601
|
}
|
|
@@ -48444,14 +48304,11 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48444
48304
|
this.calendar.announceSelection(announcement);
|
|
48445
48305
|
}, 500);
|
|
48446
48306
|
|
|
48447
|
-
// On mobile fullscreen
|
|
48448
|
-
//
|
|
48449
|
-
//
|
|
48450
|
-
|
|
48451
|
-
// would happen if we tried to scroll before the cell was set.
|
|
48452
|
-
if (this.dropdown.isBibFullscreen || this.forceScrollOnNextMobileCalendarRender) {
|
|
48307
|
+
// On mobile fullscreen, scroll the month list so the active cell's
|
|
48308
|
+
// month is visible. Without this, the list stays scrolled to the
|
|
48309
|
+
// calendarStartDate month which may be far from the active cell.
|
|
48310
|
+
if (this.dropdown.isBibFullscreen) {
|
|
48453
48311
|
this.calendar.scrollToActiveCell();
|
|
48454
|
-
this.forceScrollOnNextMobileCalendarRender = false;
|
|
48455
48312
|
}
|
|
48456
48313
|
} else if (attempts < MAX_ATTEMPTS) {
|
|
48457
48314
|
requestAnimationFrame(tryFocus);
|
|
@@ -48575,10 +48432,18 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48575
48432
|
}
|
|
48576
48433
|
}
|
|
48577
48434
|
|
|
48578
|
-
//
|
|
48579
|
-
|
|
48580
|
-
|
|
48581
|
-
|
|
48435
|
+
// If on mobile, and the calendar is opened, scroll the focus date into view if the flag is set
|
|
48436
|
+
if (this.dropdown.isPopoverVisible && this.forceScrollOnNextMobileCalendarRender) {
|
|
48437
|
+
|
|
48438
|
+
// Since the calendar is not rendered until the dropdown is opened,
|
|
48439
|
+
// and the auroDropdown-toggled event fires before the popover is actually open,
|
|
48440
|
+
// we need to wait until the next frame to ensure the calendar is fully rendered
|
|
48441
|
+
// and the area we're trying to scroll to is present in the DOM.
|
|
48442
|
+
setTimeout(() => {
|
|
48443
|
+
this.calendar.scrollMonthIntoView(this.calendarFocusDate);
|
|
48444
|
+
this.forceScrollOnNextMobileCalendarRender = false;
|
|
48445
|
+
}, 0);
|
|
48446
|
+
}
|
|
48582
48447
|
}, { signal });
|
|
48583
48448
|
|
|
48584
48449
|
// Handle responsive strategy changes while the dropdown is open
|
|
@@ -50834,7 +50699,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
50834
50699
|
}
|
|
50835
50700
|
};
|
|
50836
50701
|
|
|
50837
|
-
var formkitVersion$1$2 = '
|
|
50702
|
+
var formkitVersion$1$2 = '202606291652';
|
|
50838
50703
|
|
|
50839
50704
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
50840
50705
|
// See LICENSE in the project root for license information.
|
|
@@ -55162,7 +55027,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55162
55027
|
}
|
|
55163
55028
|
};
|
|
55164
55029
|
|
|
55165
|
-
var formkitVersion$6 = '
|
|
55030
|
+
var formkitVersion$6 = '202606291652';
|
|
55166
55031
|
|
|
55167
55032
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55168
55033
|
static get properties() {
|
|
@@ -56434,7 +56299,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56434
56299
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
56435
56300
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
56436
56301
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
56437
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
56438
56302
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
56439
56303
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
56440
56304
|
@focusin="${this.handleFocusin}"
|
|
@@ -56561,7 +56425,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56561
56425
|
|
|
56562
56426
|
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)}`;
|
|
56563
56427
|
|
|
56564
|
-
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)}`;
|
|
56428
|
+
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)}`;
|
|
56565
56429
|
|
|
56566
56430
|
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)}`;
|
|
56567
56431
|
|
|
@@ -57567,13 +57431,6 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
57567
57431
|
*/
|
|
57568
57432
|
configureDropdownCounters() {
|
|
57569
57433
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
57570
|
-
|
|
57571
|
-
// Counter rows are slotted into the bib through multiple shadow roots
|
|
57572
|
-
// (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
|
|
57573
|
-
// `:focus-within` focus-loss check fails to match the dropdown host in Chromium
|
|
57574
|
-
// and the bib auto-closes immediately after opening. Mirrors auro-select.
|
|
57575
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
57576
|
-
|
|
57577
57434
|
this.dropdown.requestUpdate();
|
|
57578
57435
|
|
|
57579
57436
|
const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
|
|
@@ -59110,7 +58967,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59110
58967
|
}
|
|
59111
58968
|
};
|
|
59112
58969
|
|
|
59113
|
-
var formkitVersion$5 = '
|
|
58970
|
+
var formkitVersion$5 = '202606291652';
|
|
59114
58971
|
|
|
59115
58972
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59116
58973
|
// See LICENSE in the project root for license information.
|
|
@@ -60860,7 +60717,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
60860
60717
|
}
|
|
60861
60718
|
};
|
|
60862
60719
|
|
|
60863
|
-
var formkitVersion$4 = '
|
|
60720
|
+
var formkitVersion$4 = '202606291652';
|
|
60864
60721
|
|
|
60865
60722
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
60866
60723
|
// See LICENSE in the project root for license information.
|
|
@@ -66075,7 +65932,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66075
65932
|
}
|
|
66076
65933
|
};
|
|
66077
65934
|
|
|
66078
|
-
var formkitVersion$2 = '
|
|
65935
|
+
var formkitVersion$2 = '202606291652';
|
|
66079
65936
|
|
|
66080
65937
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66081
65938
|
static get properties() {
|
|
@@ -67347,7 +67204,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67347
67204
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
67348
67205
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
67349
67206
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
67350
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
67351
67207
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
67352
67208
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
67353
67209
|
@focusin="${this.handleFocusin}"
|
|
@@ -77794,13 +77650,6 @@ class AuroInputUtilities {
|
|
|
77794
77650
|
* @returns {string | undefined}
|
|
77795
77651
|
*/
|
|
77796
77652
|
toFormattedValue(valueObject, format) {
|
|
77797
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
77798
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
77799
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
77800
|
-
// as "no format → no display value".
|
|
77801
|
-
if (!format) {
|
|
77802
|
-
return undefined;
|
|
77803
|
-
}
|
|
77804
77653
|
const normalizedFormat = format.toLowerCase();
|
|
77805
77654
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
77806
77655
|
|
|
@@ -77951,18 +77800,79 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77951
77800
|
constructor() {
|
|
77952
77801
|
super();
|
|
77953
77802
|
|
|
77954
|
-
|
|
77955
|
-
|
|
77956
|
-
|
|
77957
|
-
|
|
77958
|
-
|
|
77959
|
-
|
|
77960
|
-
|
|
77961
|
-
|
|
77962
|
-
|
|
77963
|
-
|
|
77803
|
+
this.appearance = "default";
|
|
77804
|
+
this.disabled = false;
|
|
77805
|
+
this.layout = 'classic';
|
|
77806
|
+
this.locale = 'en-US';
|
|
77807
|
+
this.max = undefined;
|
|
77808
|
+
this._maxObject = undefined;
|
|
77809
|
+
this.maxLength = undefined;
|
|
77810
|
+
this.min = undefined;
|
|
77811
|
+
this._minObject = undefined;
|
|
77812
|
+
this.minLength = undefined;
|
|
77813
|
+
this.required = false;
|
|
77814
|
+
this.onDark = false;
|
|
77815
|
+
this.setCustomValidityForType = undefined;
|
|
77816
|
+
this.size = 'lg';
|
|
77817
|
+
this.shape = 'classic';
|
|
77818
|
+
this.value = undefined;
|
|
77819
|
+
this._valueObject = undefined;
|
|
77820
|
+
|
|
77821
|
+
this._initializePrivateDefaults();
|
|
77822
|
+
}
|
|
77823
|
+
|
|
77824
|
+
/**
|
|
77825
|
+
* Internal Defaults.
|
|
77826
|
+
* @private
|
|
77827
|
+
* @returns {void}
|
|
77828
|
+
*/
|
|
77829
|
+
_initializePrivateDefaults() {
|
|
77964
77830
|
this.activeLabel = false;
|
|
77965
|
-
|
|
77831
|
+
this.appearance = "default";
|
|
77832
|
+
this.icon = false;
|
|
77833
|
+
this.disabled = false;
|
|
77834
|
+
this.dvInputOnly = false;
|
|
77835
|
+
this.hideLabelVisually = false;
|
|
77836
|
+
this.max = undefined;
|
|
77837
|
+
this.maxLength = undefined;
|
|
77838
|
+
this.min = undefined;
|
|
77839
|
+
this.minLength = undefined;
|
|
77840
|
+
this.noValidate = false;
|
|
77841
|
+
this.onDark = false;
|
|
77842
|
+
this.required = false;
|
|
77843
|
+
this.setCustomValidityForType = undefined;
|
|
77844
|
+
|
|
77845
|
+
// Used for storing raw values returned from input mask.
|
|
77846
|
+
this._rawMaskValue = undefined;
|
|
77847
|
+
|
|
77848
|
+
/**
|
|
77849
|
+
* @private
|
|
77850
|
+
*/
|
|
77851
|
+
this.layout = 'classic';
|
|
77852
|
+
|
|
77853
|
+
/**
|
|
77854
|
+
* @private
|
|
77855
|
+
*/
|
|
77856
|
+
this.shape = 'classic';
|
|
77857
|
+
|
|
77858
|
+
/**
|
|
77859
|
+
* @private
|
|
77860
|
+
*/
|
|
77861
|
+
this.size = 'lg';
|
|
77862
|
+
|
|
77863
|
+
this.touched = false;
|
|
77864
|
+
this.util = new AuroInputUtilities({
|
|
77865
|
+
locale: "en-US",
|
|
77866
|
+
format: this.format
|
|
77867
|
+
});
|
|
77868
|
+
this.validation = new AuroFormValidation$2();
|
|
77869
|
+
this.inputIconName = undefined;
|
|
77870
|
+
this.showPassword = false;
|
|
77871
|
+
this.validationCCLength = undefined;
|
|
77872
|
+
this.hasValue = false;
|
|
77873
|
+
this.label = 'Input label is undefined';
|
|
77874
|
+
|
|
77875
|
+
|
|
77966
77876
|
this.allowedInputTypes = [
|
|
77967
77877
|
"text",
|
|
77968
77878
|
"number",
|
|
@@ -77971,8 +77881,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77971
77881
|
"credit-card",
|
|
77972
77882
|
"tel"
|
|
77973
77883
|
];
|
|
77974
|
-
this.
|
|
77975
|
-
/** @private */
|
|
77884
|
+
this.icon = false;
|
|
77976
77885
|
this.dateFormatMap = {
|
|
77977
77886
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
77978
77887
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -77989,57 +77898,27 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77989
77898
|
'dd/mm': 'dateDDMM',
|
|
77990
77899
|
'mm/dd': 'dateMMDD'
|
|
77991
77900
|
};
|
|
77992
|
-
this.disabled = false;
|
|
77993
|
-
/** @private */
|
|
77994
77901
|
this.domHandler = new DomHandler();
|
|
77995
77902
|
this.dvInputOnly = false;
|
|
77996
77903
|
this.hasValue = false;
|
|
77997
|
-
this.hideLabelVisually = false;
|
|
77998
|
-
this.icon = false;
|
|
77999
|
-
/** @private */
|
|
78000
77904
|
this.inputIconName = undefined;
|
|
78001
|
-
/** @private */
|
|
78002
77905
|
this.label = 'Input label is undefined';
|
|
78003
|
-
this.layout = 'classic';
|
|
78004
|
-
this.locale = 'en-US';
|
|
78005
|
-
this.max = undefined;
|
|
78006
|
-
this._maxObject = undefined;
|
|
78007
|
-
this.maxLength = undefined;
|
|
78008
|
-
this.min = undefined;
|
|
78009
|
-
this._minObject = undefined;
|
|
78010
|
-
this.minLength = undefined;
|
|
78011
77906
|
this.noValidate = false;
|
|
78012
|
-
this.
|
|
78013
|
-
// Raw values returned from the input mask before model normalization.
|
|
78014
|
-
this._rawMaskValue = undefined;
|
|
78015
|
-
this.required = false;
|
|
78016
|
-
this.setCustomValidityForType = undefined;
|
|
78017
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
78018
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
78019
|
-
/** @private */
|
|
77907
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
78020
77908
|
this.setSelectionInputTypes = [
|
|
78021
77909
|
"text",
|
|
78022
77910
|
"password",
|
|
78023
77911
|
"email"
|
|
78024
|
-
];
|
|
78025
|
-
this.shape = 'classic';
|
|
78026
|
-
/** @private */
|
|
77912
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
78027
77913
|
this.showPassword = false;
|
|
78028
|
-
this.size = 'lg';
|
|
78029
77914
|
this.touched = false;
|
|
78030
|
-
/** @private */
|
|
78031
77915
|
this.uniqueId = new UniqueId().create();
|
|
78032
|
-
/** @private */
|
|
78033
77916
|
this.util = new AuroInputUtilities({
|
|
78034
77917
|
locale: this.locale,
|
|
78035
77918
|
format: this.format
|
|
78036
77919
|
});
|
|
78037
|
-
/** @private */
|
|
78038
77920
|
this.validation = new AuroFormValidation$2();
|
|
78039
|
-
/** @private */
|
|
78040
77921
|
this.validationCCLength = undefined;
|
|
78041
|
-
this.value = undefined;
|
|
78042
|
-
this._valueObject = undefined;
|
|
78043
77922
|
}
|
|
78044
77923
|
|
|
78045
77924
|
// function to define props used within the scope of this component
|
|
@@ -78587,15 +78466,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78587
78466
|
|
|
78588
78467
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
78589
78468
|
|
|
78590
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
78591
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
78592
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
78593
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
78594
|
-
// unset.
|
|
78595
|
-
if (this.format) {
|
|
78596
|
-
this.format = this.format.toLowerCase();
|
|
78597
|
-
}
|
|
78598
|
-
|
|
78599
78469
|
// use validity message override if declared when initializing the component
|
|
78600
78470
|
if (this.hasAttribute('setCustomValidity')) {
|
|
78601
78471
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -79029,38 +78899,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79029
78899
|
this.touched = true;
|
|
79030
78900
|
this.validation.validate(this);
|
|
79031
78901
|
}
|
|
79032
|
-
|
|
79033
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
79034
|
-
// update that can re-render the input and reset the native cursor; we
|
|
79035
|
-
// capture the caret position before that update commits and restore it
|
|
79036
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
79037
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
79038
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
79039
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
79040
|
-
// on input types that don't support text selection (number, email in
|
|
79041
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
79042
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
79043
|
-
// the gated types currently support it, since the list is a public
|
|
79044
|
-
// property a consumer could mutate.
|
|
79045
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
79046
|
-
let selectionStart;
|
|
79047
|
-
try {
|
|
79048
|
-
selectionStart = this.inputElement.selectionStart;
|
|
79049
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79050
|
-
return;
|
|
79051
|
-
}
|
|
79052
|
-
if (typeof selectionStart !== 'number') {
|
|
79053
|
-
return;
|
|
79054
|
-
}
|
|
79055
|
-
this.updateComplete.then(() => {
|
|
79056
|
-
try {
|
|
79057
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
79058
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79059
|
-
// Some input types (number/email in certain UAs) throw on
|
|
79060
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
79061
|
-
}
|
|
79062
|
-
});
|
|
79063
|
-
}
|
|
79064
78902
|
}
|
|
79065
78903
|
|
|
79066
78904
|
/**
|
|
@@ -79687,7 +79525,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
79687
79525
|
}
|
|
79688
79526
|
};
|
|
79689
79527
|
|
|
79690
|
-
var formkitVersion$1$1 = '
|
|
79528
|
+
var formkitVersion$1$1 = '202606291652';
|
|
79691
79529
|
|
|
79692
79530
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
79693
79531
|
// See LICENSE in the project root for license information.
|
|
@@ -80190,7 +80028,6 @@ class AuroInput extends BaseInput {
|
|
|
80190
80028
|
<${this.buttonTag}
|
|
80191
80029
|
@click="${this.handleClickShowPassword}"
|
|
80192
80030
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
80193
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
80194
80031
|
class="notificationBtn passwordBtn"
|
|
80195
80032
|
shape="circle"
|
|
80196
80033
|
size="sm"
|
|
@@ -80264,29 +80101,25 @@ class AuroInput extends BaseInput {
|
|
|
80264
80101
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
80265
80102
|
*/
|
|
80266
80103
|
renderHtmlHelpText() {
|
|
80267
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
80268
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
80269
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
80270
|
-
// re-announce because the live-region element it was watching had been
|
|
80271
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
80272
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
80273
|
-
// observe and announce.
|
|
80274
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
80275
80104
|
return u$d`
|
|
80276
|
-
|
|
80277
|
-
|
|
80278
|
-
|
|
80279
|
-
|
|
80280
|
-
|
|
80281
|
-
|
|
80282
|
-
|
|
80283
|
-
|
|
80284
|
-
|
|
80285
|
-
|
|
80286
|
-
|
|
80287
|
-
|
|
80288
|
-
|
|
80289
|
-
|
|
80105
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
80106
|
+
? u$d`
|
|
80107
|
+
<${this.helpTextTag}
|
|
80108
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
80109
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
80110
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
80111
|
+
</p>
|
|
80112
|
+
</${this.helpTextTag}>
|
|
80113
|
+
`
|
|
80114
|
+
: u$d`
|
|
80115
|
+
<${this.helpTextTag} error
|
|
80116
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
80117
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
80118
|
+
${this.errorMessage}
|
|
80119
|
+
</p>
|
|
80120
|
+
</${this.helpTextTag}>
|
|
80121
|
+
`
|
|
80122
|
+
}
|
|
80290
80123
|
`;
|
|
80291
80124
|
}
|
|
80292
80125
|
|
|
@@ -80418,7 +80251,7 @@ class AuroInput extends BaseInput {
|
|
|
80418
80251
|
|
|
80419
80252
|
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)}`;
|
|
80420
80253
|
|
|
80421
|
-
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)}`;
|
|
80254
|
+
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)}`;
|
|
80422
80255
|
|
|
80423
80256
|
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)}`;
|
|
80424
80257
|
|
|
@@ -80813,7 +80646,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
80813
80646
|
}
|
|
80814
80647
|
};
|
|
80815
80648
|
|
|
80816
|
-
var formkitVersion$3 = '
|
|
80649
|
+
var formkitVersion$3 = '202606291652';
|
|
80817
80650
|
|
|
80818
80651
|
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}`;
|
|
80819
80652
|
|
|
@@ -85626,28 +85459,19 @@ const selectKeyboardStrategy = {
|
|
|
85626
85459
|
},
|
|
85627
85460
|
|
|
85628
85461
|
End(component, evt, ctx) {
|
|
85462
|
+
if (!ctx.isExpanded) {
|
|
85463
|
+
return;
|
|
85464
|
+
}
|
|
85629
85465
|
evt.preventDefault();
|
|
85630
85466
|
evt.stopPropagation();
|
|
85631
85467
|
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
85632
85468
|
const lastOption = getEnabledOptions(component.menu).pop();
|
|
85633
|
-
if (
|
|
85634
|
-
|
|
85635
|
-
}
|
|
85636
|
-
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
85637
|
-
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
85638
|
-
// otherwise show() synchronously fires the handler and writes
|
|
85639
|
-
// aria-activedescendant once before we overwrite it.
|
|
85640
|
-
component.menu.updateActiveOption(lastOption);
|
|
85641
|
-
if (!ctx.isExpanded) {
|
|
85642
|
-
component.dropdown.show();
|
|
85469
|
+
if (lastOption) {
|
|
85470
|
+
component.menu.updateActiveOption(lastOption);
|
|
85643
85471
|
}
|
|
85644
85472
|
},
|
|
85645
85473
|
|
|
85646
85474
|
Enter(component, evt, ctx) {
|
|
85647
|
-
// Prevent the keypress from bubbling to parent containers (e.g., forms)
|
|
85648
|
-
// which could interpret Enter as a submit. Matches APG select-only combobox
|
|
85649
|
-
// and native <select> behavior: Enter opens the listbox when closed, selects
|
|
85650
|
-
// the active option when open — it does not submit a parent form.
|
|
85651
85475
|
evt.preventDefault();
|
|
85652
85476
|
evt.stopPropagation();
|
|
85653
85477
|
if (!ctx.isExpanded) {
|
|
@@ -85658,16 +85482,14 @@ const selectKeyboardStrategy = {
|
|
|
85658
85482
|
},
|
|
85659
85483
|
|
|
85660
85484
|
Home(component, evt, ctx) {
|
|
85485
|
+
if (!ctx.isExpanded) {
|
|
85486
|
+
return;
|
|
85487
|
+
}
|
|
85661
85488
|
evt.preventDefault();
|
|
85662
85489
|
evt.stopPropagation();
|
|
85663
85490
|
const [firstOption] = getEnabledOptions(component.menu);
|
|
85664
|
-
if (
|
|
85665
|
-
|
|
85666
|
-
}
|
|
85667
|
-
// See End() for why this must run before show().
|
|
85668
|
-
component.menu.updateActiveOption(firstOption);
|
|
85669
|
-
if (!ctx.isExpanded) {
|
|
85670
|
-
component.dropdown.show();
|
|
85491
|
+
if (firstOption) {
|
|
85492
|
+
component.menu.updateActiveOption(firstOption);
|
|
85671
85493
|
}
|
|
85672
85494
|
},
|
|
85673
85495
|
|
|
@@ -89615,7 +89437,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
89615
89437
|
}
|
|
89616
89438
|
};
|
|
89617
89439
|
|
|
89618
|
-
var formkitVersion$1 = '
|
|
89440
|
+
var formkitVersion$1 = '202606291652';
|
|
89619
89441
|
|
|
89620
89442
|
class AuroElement extends i$2 {
|
|
89621
89443
|
static get properties() {
|
|
@@ -90887,7 +90709,6 @@ class AuroDropdown extends AuroElement {
|
|
|
90887
90709
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
90888
90710
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
90889
90711
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
90890
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
90891
90712
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
90892
90713
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
90893
90714
|
@focusin="${this.handleFocusin}"
|
|
@@ -91014,7 +90835,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91014
90835
|
|
|
91015
90836
|
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)}`;
|
|
91016
90837
|
|
|
91017
|
-
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)}`;
|
|
90838
|
+
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)}`;
|
|
91018
90839
|
|
|
91019
90840
|
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)}`;
|
|
91020
90841
|
|
|
@@ -91637,7 +91458,7 @@ class AuroHelpText extends i$2 {
|
|
|
91637
91458
|
}
|
|
91638
91459
|
}
|
|
91639
91460
|
|
|
91640
|
-
var formkitVersion = '
|
|
91461
|
+
var formkitVersion = '202606291652';
|
|
91641
91462
|
|
|
91642
91463
|
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}`;
|
|
91643
91464
|
|
|
@@ -91969,6 +91790,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
91969
91790
|
reflect: true
|
|
91970
91791
|
},
|
|
91971
91792
|
|
|
91793
|
+
/**
|
|
91794
|
+
* @private
|
|
91795
|
+
*/
|
|
91796
|
+
options: {
|
|
91797
|
+
type: Array,
|
|
91798
|
+
state: true
|
|
91799
|
+
},
|
|
91800
|
+
|
|
91972
91801
|
/**
|
|
91973
91802
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
91974
91803
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -92256,68 +92085,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92256
92085
|
this.dropdown.dropdownWidth = this.customBibWidth;
|
|
92257
92086
|
}
|
|
92258
92087
|
|
|
92259
|
-
|
|
92088
|
+
// Pass label text to the dropdown bib for accessible dialog naming
|
|
92089
|
+
const labelElement = this.querySelector('span[slot="label"]');
|
|
92090
|
+
if (labelElement) {
|
|
92091
|
+
this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
|
|
92092
|
+
}
|
|
92260
92093
|
|
|
92261
92094
|
// Exposes the CSS parts from the dropdown for styling
|
|
92262
92095
|
this.dropdown.exposeCssParts();
|
|
92263
92096
|
}
|
|
92264
92097
|
|
|
92265
|
-
/**
|
|
92266
|
-
* Reads the current label slot text and pushes it to the dropdown bib
|
|
92267
|
-
* (for dialog naming) and the menu (for listbox aria-label). Safe to call
|
|
92268
|
-
* before either child has been wired up — each branch self-guards.
|
|
92269
|
-
* @private
|
|
92270
|
-
*/
|
|
92271
|
-
_syncLabelText() {
|
|
92272
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92273
|
-
const text = labelElement ? labelElement.textContent.trim() : '';
|
|
92274
|
-
if (this.dropdown) {
|
|
92275
|
-
this.dropdown.bibDialogLabel = text || undefined;
|
|
92276
|
-
}
|
|
92277
|
-
if (this.menu) {
|
|
92278
|
-
if (text) {
|
|
92279
|
-
this.menu.setAttribute('aria-label', text);
|
|
92280
|
-
} else {
|
|
92281
|
-
this.menu.removeAttribute('aria-label');
|
|
92282
|
-
}
|
|
92283
|
-
}
|
|
92284
|
-
}
|
|
92285
|
-
|
|
92286
|
-
/**
|
|
92287
|
-
* Keeps the dialog/menu accessible names in sync when consumers mutate the
|
|
92288
|
-
* label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
|
|
92289
|
-
* insufficient — it doesn't fire when textContent of an already-assigned
|
|
92290
|
-
* slotted node changes, which is the common case. We scope the observer to
|
|
92291
|
-
* the label node itself (not the whole host subtree) so option-content
|
|
92292
|
-
* mutations don't trigger label re-syncs, and re-target on `slotchange`
|
|
92293
|
-
* when consumers add or replace the label element.
|
|
92294
|
-
* @private
|
|
92295
|
-
*/
|
|
92296
|
-
_observeLabelChanges() {
|
|
92297
|
-
if (this._labelObserver) return;
|
|
92298
|
-
this._labelObserver = new MutationObserver(() => this._syncLabelText());
|
|
92299
|
-
|
|
92300
|
-
const retarget = () => {
|
|
92301
|
-
this._labelObserver.disconnect();
|
|
92302
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92303
|
-
if (labelElement) {
|
|
92304
|
-
this._labelObserver.observe(labelElement, {
|
|
92305
|
-
childList: true,
|
|
92306
|
-
subtree: true,
|
|
92307
|
-
characterData: true
|
|
92308
|
-
});
|
|
92309
|
-
}
|
|
92310
|
-
this._syncLabelText();
|
|
92311
|
-
};
|
|
92312
|
-
|
|
92313
|
-
retarget();
|
|
92314
|
-
|
|
92315
|
-
this._retargetLabelObserver = retarget;
|
|
92316
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92317
|
-
slot.addEventListener('slotchange', retarget);
|
|
92318
|
-
});
|
|
92319
|
-
}
|
|
92320
|
-
|
|
92321
92098
|
/**
|
|
92322
92099
|
* This will register this element with the browser.
|
|
92323
92100
|
* @param {string} [name="auro-select"] - The name of element that you want to register to.
|
|
@@ -92468,7 +92245,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92468
92245
|
this.updateMenuShapeSize();
|
|
92469
92246
|
this.setMenuValue(this.value);
|
|
92470
92247
|
|
|
92471
|
-
|
|
92248
|
+
// Set accessible name on the menu for screen readers based on the label slot content
|
|
92249
|
+
const labelElement = this.querySelector('[slot="label"]');
|
|
92250
|
+
if (labelElement) {
|
|
92251
|
+
this.menu.setAttribute('aria-label', labelElement.textContent.trim());
|
|
92252
|
+
}
|
|
92472
92253
|
|
|
92473
92254
|
if (this.multiSelect) {
|
|
92474
92255
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -92480,21 +92261,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92480
92261
|
if (typeof this.menu.initItems === 'function') {
|
|
92481
92262
|
this.menu.initItems();
|
|
92482
92263
|
}
|
|
92264
|
+
this.options = this.menu.options;
|
|
92483
92265
|
this.updateOptionPositions();
|
|
92484
|
-
// renderNativeSelect reads this.menu.options, which the parent doesn't
|
|
92485
|
-
// observe — request an update so the hidden native <option> list reflects
|
|
92486
|
-
// the menu's options after initItems populates them.
|
|
92487
|
-
this.requestUpdate();
|
|
92488
|
-
|
|
92489
|
-
// Keep aria-setsize/aria-posinset (and the native <option> list) in sync
|
|
92490
|
-
// when the menu re-initializes its items — e.g., slotchange, async/lazy
|
|
92491
|
-
// loads, value-triggered re-init. Without this, stale set-size is
|
|
92492
|
-
// announced and the native select goes stale after dynamic mutations.
|
|
92493
|
-
this.menu.addEventListener('auroMenu-optionsChange', () => {
|
|
92494
|
-
this.updateOptionPositions();
|
|
92495
|
-
this.requestUpdate();
|
|
92496
|
-
});
|
|
92497
|
-
|
|
92498
92266
|
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
92499
92267
|
|
|
92500
92268
|
this.menu.addEventListener("auroMenu-selectValueFailure", () => {
|
|
@@ -92513,26 +92281,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92513
92281
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
92514
92282
|
}
|
|
92515
92283
|
|
|
92516
|
-
//
|
|
92517
|
-
|
|
92518
|
-
// navigation back to the selection, or click in multiSelect — rely on
|
|
92519
|
-
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
92520
|
-
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
92521
|
-
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
92522
|
-
// when Enter on the active+selected option re-fires
|
|
92523
|
-
// auroMenu-selectedOption (see 03b289e39).
|
|
92524
|
-
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
92284
|
+
// Announce the active option for screen readers
|
|
92285
|
+
if (this.optionActive) {
|
|
92525
92286
|
const optionText = this.optionActive.textContent.trim();
|
|
92526
|
-
const
|
|
92527
|
-
|
|
92528
|
-
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
92529
|
-
} else {
|
|
92530
|
-
// Typeahead-on-closed fires this event before `show()` flips
|
|
92531
|
-
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
92532
|
-
// live region once the fullscreen <dialog> opens — otherwise it
|
|
92533
|
-
// lands in the host root, which is inert under the active modal.
|
|
92534
|
-
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
92535
|
-
}
|
|
92287
|
+
const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
|
|
92288
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
|
|
92536
92289
|
}
|
|
92537
92290
|
|
|
92538
92291
|
if (this.dropdown.isPopoverVisible) {
|
|
@@ -92541,7 +92294,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92541
92294
|
});
|
|
92542
92295
|
|
|
92543
92296
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
92544
|
-
const previousSelected = this.optionSelected;
|
|
92545
92297
|
|
|
92546
92298
|
// Update the displayed value
|
|
92547
92299
|
this.updateDisplayedValue();
|
|
@@ -92561,32 +92313,13 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92561
92313
|
this.dropdown.trigger.focus();
|
|
92562
92314
|
}
|
|
92563
92315
|
|
|
92564
|
-
//
|
|
92565
|
-
//
|
|
92566
|
-
|
|
92567
|
-
|
|
92568
|
-
|
|
92569
|
-
|
|
92570
|
-
|
|
92571
|
-
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
92572
|
-
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
92573
|
-
if (removed) {
|
|
92574
|
-
announcement = `${removed.textContent.trim()}, not selected`;
|
|
92575
|
-
} else if (added) {
|
|
92576
|
-
announcement = `${added.textContent.trim()}, selected`;
|
|
92577
|
-
}
|
|
92578
|
-
} else {
|
|
92579
|
-
announcement = `${this.menu.currentLabel}, selected`;
|
|
92580
|
-
}
|
|
92581
|
-
|
|
92582
|
-
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
92583
|
-
// announcement from aria-expanded when the dropdown closes.
|
|
92584
|
-
if (announcement) {
|
|
92585
|
-
const announcementDelay = 300;
|
|
92586
|
-
setTimeout(() => {
|
|
92587
|
-
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
92588
|
-
}, announcementDelay);
|
|
92589
|
-
}
|
|
92316
|
+
// Announce the selection after the dropdown closes so it isn't
|
|
92317
|
+
// overridden by VoiceOver's "collapsed" announcement from aria-expanded.
|
|
92318
|
+
const selectedValue = this.menu.currentLabel;
|
|
92319
|
+
const announcementDelay = 300;
|
|
92320
|
+
setTimeout(() => {
|
|
92321
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${selectedValue}, selected`);
|
|
92322
|
+
}, announcementDelay);
|
|
92590
92323
|
});
|
|
92591
92324
|
}
|
|
92592
92325
|
|
|
@@ -92684,32 +92417,24 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92684
92417
|
|
|
92685
92418
|
this.typeaheadBuffer += key;
|
|
92686
92419
|
|
|
92687
|
-
|
|
92688
|
-
// next item with a name that starts with the string of characters typed").
|
|
92689
|
-
// Only fall back to single-char cycling when the repeated buffer has no
|
|
92690
|
-
// longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
|
|
92691
|
-
// because no option starts with "aa".
|
|
92692
|
-
let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92420
|
+
const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
92693
92421
|
|
|
92694
|
-
|
|
92422
|
+
let match = null;
|
|
92695
92423
|
if (isRepeatedChar) {
|
|
92696
92424
|
const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
|
|
92697
92425
|
if (matches.length) {
|
|
92698
92426
|
const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
|
|
92699
92427
|
match = matches[cycleIndex];
|
|
92700
92428
|
}
|
|
92429
|
+
} else {
|
|
92430
|
+
match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92701
92431
|
}
|
|
92702
92432
|
|
|
92703
|
-
// Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
|
|
92704
92433
|
if (match) {
|
|
92705
|
-
// Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
|
|
92706
|
-
// guard short-circuits and skips the firstActive/selected fallback —
|
|
92707
|
-
// otherwise show() synchronously fires the handler, which writes
|
|
92708
|
-
// aria-activedescendant once before we overwrite it.
|
|
92709
|
-
this.menu.updateActiveOption(match);
|
|
92710
92434
|
if (!this.dropdown.isPopoverVisible) {
|
|
92711
92435
|
this.dropdown.show();
|
|
92712
92436
|
}
|
|
92437
|
+
this.menu.updateActiveOption(match);
|
|
92713
92438
|
}
|
|
92714
92439
|
}
|
|
92715
92440
|
|
|
@@ -92826,28 +92551,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92826
92551
|
disconnectedCallback() {
|
|
92827
92552
|
super.disconnectedCallback();
|
|
92828
92553
|
this._clearTypeaheadBuffer();
|
|
92829
|
-
if (this._labelObserver) {
|
|
92830
|
-
this._labelObserver.disconnect();
|
|
92831
|
-
this._labelObserver = null;
|
|
92832
|
-
}
|
|
92833
|
-
if (this._retargetLabelObserver && this.shadowRoot) {
|
|
92834
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92835
|
-
slot.removeEventListener('slotchange', this._retargetLabelObserver);
|
|
92836
|
-
});
|
|
92837
|
-
this._retargetLabelObserver = null;
|
|
92838
|
-
}
|
|
92839
|
-
}
|
|
92840
|
-
|
|
92841
|
-
connectedCallback() {
|
|
92842
|
-
super.connectedCallback();
|
|
92843
|
-
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
92844
|
-
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
92845
|
-
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
92846
|
-
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
92847
|
-
// unless we re-wire the observer here.
|
|
92848
|
-
if (this.hasUpdated) {
|
|
92849
|
-
this._observeLabelChanges();
|
|
92850
|
-
}
|
|
92851
92554
|
}
|
|
92852
92555
|
|
|
92853
92556
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
@@ -92858,7 +92561,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92858
92561
|
this.configureDropdown();
|
|
92859
92562
|
this.configureMenu();
|
|
92860
92563
|
this.configureSelect();
|
|
92861
|
-
this._observeLabelChanges();
|
|
92862
92564
|
}
|
|
92863
92565
|
|
|
92864
92566
|
setMenuValue(value) {
|
|
@@ -92991,18 +92693,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92991
92693
|
* @private
|
|
92992
92694
|
*/
|
|
92993
92695
|
_handleNativeSelectChange(event) {
|
|
92994
|
-
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
92995
|
-
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
92996
|
-
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
92997
|
-
// form control even with aria-hidden/tabindex=-1.
|
|
92998
|
-
if (this.multiSelect) return;
|
|
92999
|
-
|
|
93000
92696
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
93001
92697
|
if (!selectedOption) return;
|
|
93002
92698
|
const selectedValue = selectedOption.value;
|
|
93003
92699
|
|
|
93004
|
-
if (this.
|
|
93005
|
-
this.value
|
|
92700
|
+
if (this.multiSelect) {
|
|
92701
|
+
const currentArray = this.menu.value || [];
|
|
92702
|
+
|
|
92703
|
+
if (!currentArray.includes(selectedValue)) {
|
|
92704
|
+
this.value = JSON.stringify([
|
|
92705
|
+
...currentArray,
|
|
92706
|
+
selectedValue
|
|
92707
|
+
]);
|
|
92708
|
+
}
|
|
92709
|
+
} else {
|
|
92710
|
+
const currentValue = this.value;
|
|
92711
|
+
|
|
92712
|
+
if (currentValue !== selectedValue) {
|
|
92713
|
+
this.value = selectedValue;
|
|
92714
|
+
}
|
|
93006
92715
|
}
|
|
93007
92716
|
}
|
|
93008
92717
|
|