@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.12 → 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 -271
- package/components/datepicker/demo/index.min.js +137 -271
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -6
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +137 -271
- package/components/datepicker/dist/registered.js +137 -271
- 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 -709
- package/components/form/demo/getting-started.min.js +396 -709
- package/components/form/demo/index.min.js +396 -709
- package/components/form/demo/registerDemoDeps.min.js +396 -709
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +93 -116
- package/components/input/demo/getting-started.min.js +93 -116
- package/components/input/demo/index.min.js +93 -116
- package/components/input/dist/base-input.d.ts +44 -33
- package/components/input/dist/index.js +94 -129
- package/components/input/dist/registered.js +93 -116
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +0 -86
- package/components/select/demo/customize.min.js +63 -187
- package/components/select/demo/getting-started.min.js +110 -189
- package/components/select/demo/index.min.js +63 -187
- package/components/select/demo/keyboard-behavior.md +4 -18
- package/components/select/dist/auro-select.d.ts +8 -20
- package/components/select/dist/index.js +63 -187
- package/components/select/dist/registered.js +63 -187
- package/custom-elements.json +1791 -1997
- package/package.json +1 -1
|
@@ -10456,13 +10456,6 @@ let AuroInputUtilities$3 = class AuroInputUtilities {
|
|
|
10456
10456
|
* @returns {string | undefined}
|
|
10457
10457
|
*/
|
|
10458
10458
|
toFormattedValue(valueObject, format) {
|
|
10459
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
10460
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
10461
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
10462
|
-
// as "no format → no display value".
|
|
10463
|
-
if (!format) {
|
|
10464
|
-
return undefined;
|
|
10465
|
-
}
|
|
10466
10459
|
const normalizedFormat = format.toLowerCase();
|
|
10467
10460
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
10468
10461
|
|
|
@@ -10613,18 +10606,79 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10613
10606
|
constructor() {
|
|
10614
10607
|
super();
|
|
10615
10608
|
|
|
10616
|
-
|
|
10617
|
-
|
|
10618
|
-
|
|
10619
|
-
|
|
10620
|
-
|
|
10621
|
-
|
|
10622
|
-
|
|
10623
|
-
|
|
10624
|
-
|
|
10625
|
-
|
|
10609
|
+
this.appearance = "default";
|
|
10610
|
+
this.disabled = false;
|
|
10611
|
+
this.layout = 'classic';
|
|
10612
|
+
this.locale = 'en-US';
|
|
10613
|
+
this.max = undefined;
|
|
10614
|
+
this._maxObject = undefined;
|
|
10615
|
+
this.maxLength = undefined;
|
|
10616
|
+
this.min = undefined;
|
|
10617
|
+
this._minObject = undefined;
|
|
10618
|
+
this.minLength = undefined;
|
|
10619
|
+
this.required = false;
|
|
10620
|
+
this.onDark = false;
|
|
10621
|
+
this.setCustomValidityForType = undefined;
|
|
10622
|
+
this.size = 'lg';
|
|
10623
|
+
this.shape = 'classic';
|
|
10624
|
+
this.value = undefined;
|
|
10625
|
+
this._valueObject = undefined;
|
|
10626
|
+
|
|
10627
|
+
this._initializePrivateDefaults();
|
|
10628
|
+
}
|
|
10629
|
+
|
|
10630
|
+
/**
|
|
10631
|
+
* Internal Defaults.
|
|
10632
|
+
* @private
|
|
10633
|
+
* @returns {void}
|
|
10634
|
+
*/
|
|
10635
|
+
_initializePrivateDefaults() {
|
|
10626
10636
|
this.activeLabel = false;
|
|
10627
|
-
|
|
10637
|
+
this.appearance = "default";
|
|
10638
|
+
this.icon = false;
|
|
10639
|
+
this.disabled = false;
|
|
10640
|
+
this.dvInputOnly = false;
|
|
10641
|
+
this.hideLabelVisually = false;
|
|
10642
|
+
this.max = undefined;
|
|
10643
|
+
this.maxLength = undefined;
|
|
10644
|
+
this.min = undefined;
|
|
10645
|
+
this.minLength = undefined;
|
|
10646
|
+
this.noValidate = false;
|
|
10647
|
+
this.onDark = false;
|
|
10648
|
+
this.required = false;
|
|
10649
|
+
this.setCustomValidityForType = undefined;
|
|
10650
|
+
|
|
10651
|
+
// Used for storing raw values returned from input mask.
|
|
10652
|
+
this._rawMaskValue = undefined;
|
|
10653
|
+
|
|
10654
|
+
/**
|
|
10655
|
+
* @private
|
|
10656
|
+
*/
|
|
10657
|
+
this.layout = 'classic';
|
|
10658
|
+
|
|
10659
|
+
/**
|
|
10660
|
+
* @private
|
|
10661
|
+
*/
|
|
10662
|
+
this.shape = 'classic';
|
|
10663
|
+
|
|
10664
|
+
/**
|
|
10665
|
+
* @private
|
|
10666
|
+
*/
|
|
10667
|
+
this.size = 'lg';
|
|
10668
|
+
|
|
10669
|
+
this.touched = false;
|
|
10670
|
+
this.util = new AuroInputUtilities$3({
|
|
10671
|
+
locale: "en-US",
|
|
10672
|
+
format: this.format
|
|
10673
|
+
});
|
|
10674
|
+
this.validation = new AuroFormValidation$7();
|
|
10675
|
+
this.inputIconName = undefined;
|
|
10676
|
+
this.showPassword = false;
|
|
10677
|
+
this.validationCCLength = undefined;
|
|
10678
|
+
this.hasValue = false;
|
|
10679
|
+
this.label = 'Input label is undefined';
|
|
10680
|
+
|
|
10681
|
+
|
|
10628
10682
|
this.allowedInputTypes = [
|
|
10629
10683
|
"text",
|
|
10630
10684
|
"number",
|
|
@@ -10633,8 +10687,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10633
10687
|
"credit-card",
|
|
10634
10688
|
"tel"
|
|
10635
10689
|
];
|
|
10636
|
-
this.
|
|
10637
|
-
/** @private */
|
|
10690
|
+
this.icon = false;
|
|
10638
10691
|
this.dateFormatMap = {
|
|
10639
10692
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
10640
10693
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -10651,57 +10704,27 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10651
10704
|
'dd/mm': 'dateDDMM',
|
|
10652
10705
|
'mm/dd': 'dateMMDD'
|
|
10653
10706
|
};
|
|
10654
|
-
this.disabled = false;
|
|
10655
|
-
/** @private */
|
|
10656
10707
|
this.domHandler = new DomHandler$3();
|
|
10657
10708
|
this.dvInputOnly = false;
|
|
10658
10709
|
this.hasValue = false;
|
|
10659
|
-
this.hideLabelVisually = false;
|
|
10660
|
-
this.icon = false;
|
|
10661
|
-
/** @private */
|
|
10662
10710
|
this.inputIconName = undefined;
|
|
10663
|
-
/** @private */
|
|
10664
10711
|
this.label = 'Input label is undefined';
|
|
10665
|
-
this.layout = 'classic';
|
|
10666
|
-
this.locale = 'en-US';
|
|
10667
|
-
this.max = undefined;
|
|
10668
|
-
this._maxObject = undefined;
|
|
10669
|
-
this.maxLength = undefined;
|
|
10670
|
-
this.min = undefined;
|
|
10671
|
-
this._minObject = undefined;
|
|
10672
|
-
this.minLength = undefined;
|
|
10673
10712
|
this.noValidate = false;
|
|
10674
|
-
this.
|
|
10675
|
-
// Raw values returned from the input mask before model normalization.
|
|
10676
|
-
this._rawMaskValue = undefined;
|
|
10677
|
-
this.required = false;
|
|
10678
|
-
this.setCustomValidityForType = undefined;
|
|
10679
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
10680
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
10681
|
-
/** @private */
|
|
10713
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
10682
10714
|
this.setSelectionInputTypes = [
|
|
10683
10715
|
"text",
|
|
10684
10716
|
"password",
|
|
10685
10717
|
"email"
|
|
10686
|
-
];
|
|
10687
|
-
this.shape = 'classic';
|
|
10688
|
-
/** @private */
|
|
10718
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
10689
10719
|
this.showPassword = false;
|
|
10690
|
-
this.size = 'lg';
|
|
10691
10720
|
this.touched = false;
|
|
10692
|
-
/** @private */
|
|
10693
10721
|
this.uniqueId = new UniqueId$2().create();
|
|
10694
|
-
/** @private */
|
|
10695
10722
|
this.util = new AuroInputUtilities$3({
|
|
10696
10723
|
locale: this.locale,
|
|
10697
10724
|
format: this.format
|
|
10698
10725
|
});
|
|
10699
|
-
/** @private */
|
|
10700
10726
|
this.validation = new AuroFormValidation$7();
|
|
10701
|
-
/** @private */
|
|
10702
10727
|
this.validationCCLength = undefined;
|
|
10703
|
-
this.value = undefined;
|
|
10704
|
-
this._valueObject = undefined;
|
|
10705
10728
|
}
|
|
10706
10729
|
|
|
10707
10730
|
// function to define props used within the scope of this component
|
|
@@ -11249,15 +11272,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11249
11272
|
|
|
11250
11273
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
11251
11274
|
|
|
11252
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
11253
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
11254
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
11255
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
11256
|
-
// unset.
|
|
11257
|
-
if (this.format) {
|
|
11258
|
-
this.format = this.format.toLowerCase();
|
|
11259
|
-
}
|
|
11260
|
-
|
|
11261
11275
|
// use validity message override if declared when initializing the component
|
|
11262
11276
|
if (this.hasAttribute('setCustomValidity')) {
|
|
11263
11277
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -11691,38 +11705,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11691
11705
|
this.touched = true;
|
|
11692
11706
|
this.validation.validate(this);
|
|
11693
11707
|
}
|
|
11694
|
-
|
|
11695
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
11696
|
-
// update that can re-render the input and reset the native cursor; we
|
|
11697
|
-
// capture the caret position before that update commits and restore it
|
|
11698
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
11699
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
11700
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
11701
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
11702
|
-
// on input types that don't support text selection (number, email in
|
|
11703
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
11704
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
11705
|
-
// the gated types currently support it, since the list is a public
|
|
11706
|
-
// property a consumer could mutate.
|
|
11707
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
11708
|
-
let selectionStart;
|
|
11709
|
-
try {
|
|
11710
|
-
selectionStart = this.inputElement.selectionStart;
|
|
11711
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
11712
|
-
return;
|
|
11713
|
-
}
|
|
11714
|
-
if (typeof selectionStart !== 'number') {
|
|
11715
|
-
return;
|
|
11716
|
-
}
|
|
11717
|
-
this.updateComplete.then(() => {
|
|
11718
|
-
try {
|
|
11719
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
11720
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
11721
|
-
// Some input types (number/email in certain UAs) throw on
|
|
11722
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
11723
|
-
}
|
|
11724
|
-
});
|
|
11725
|
-
}
|
|
11726
11708
|
}
|
|
11727
11709
|
|
|
11728
11710
|
/**
|
|
@@ -12349,7 +12331,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12349
12331
|
}
|
|
12350
12332
|
};
|
|
12351
12333
|
|
|
12352
|
-
var formkitVersion$8 = '
|
|
12334
|
+
var formkitVersion$8 = '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
|
|
|
@@ -25330,18 +25300,6 @@ class AuroCalendarCell extends i$2 {
|
|
|
25330
25300
|
this.updateHostAria();
|
|
25331
25301
|
}
|
|
25332
25302
|
|
|
25333
|
-
// When the rendered range shifts (month nav, min/max change), a cell
|
|
25334
|
-
// host may be re-rendered for a new date that is now out-of-range —
|
|
25335
|
-
// but its imperatively-set `active` flag and `activeCell` ring class
|
|
25336
|
-
// from the previous date persist because setActiveCell only iterates
|
|
25337
|
-
// focusable (in-range) cells when clearing the prior active state.
|
|
25338
|
-
// Drop the active state here so the disabled cell isn't left visually
|
|
25339
|
-
// ringed.
|
|
25340
|
-
if ((properties.has('day') || properties.has('min') || properties.has('max')) &&
|
|
25341
|
-
this.active && this.isOutOfRange(this.day, this.min, this.max)) {
|
|
25342
|
-
this.clearActive();
|
|
25343
|
-
}
|
|
25344
|
-
|
|
25345
25303
|
// Configure popover when it first becomes rendered
|
|
25346
25304
|
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
25347
25305
|
this.updateComplete.then(() => this.configurePopover());
|
|
@@ -25405,19 +25363,9 @@ class AuroCalendarCell extends i$2 {
|
|
|
25405
25363
|
* Buttons stay tabindex="-1" because DOM focus stays on the grid wrapper —
|
|
25406
25364
|
* arrow keys move the active cell imperatively and the live region carries
|
|
25407
25365
|
* the SR announcement.
|
|
25408
|
-
*
|
|
25409
|
-
* Refuses to activate out-of-range cells: those are aria-hidden, have no
|
|
25410
|
-
* click/focus handlers, and are filtered out of `getFocusableCells`. The
|
|
25411
|
-
* active class showing on a disabled cell would be visually misleading,
|
|
25412
|
-
* so this guard is the single source of truth across every code path
|
|
25413
|
-
* that might call setActive (keyboard nav, focus restore, cell click).
|
|
25414
25366
|
* @returns {void}
|
|
25415
25367
|
*/
|
|
25416
25368
|
setActive() {
|
|
25417
|
-
if (this.isOutOfRange(this.day, this.min, this.max)) {
|
|
25418
|
-
return;
|
|
25419
|
-
}
|
|
25420
|
-
|
|
25421
25369
|
this.active = true;
|
|
25422
25370
|
|
|
25423
25371
|
// Show the popover when this cell becomes active via keyboard navigation.
|
|
@@ -26230,7 +26178,7 @@ class CalendarUtilities {
|
|
|
26230
26178
|
|
|
26231
26179
|
var colorCss$4$2 = i$4`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
26232
26180
|
|
|
26233
|
-
var styleCss$4$3 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
26181
|
+
var styleCss$4$3 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
26234
26182
|
|
|
26235
26183
|
var tokenCss$4 = i$4`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
26236
26184
|
|
|
@@ -26625,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26625
26573
|
}
|
|
26626
26574
|
};
|
|
26627
26575
|
|
|
26628
|
-
var formkitVersion$2$1 = '
|
|
26576
|
+
var formkitVersion$2$1 = '202606291652';
|
|
26629
26577
|
|
|
26630
26578
|
let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
26631
26579
|
`,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -26731,10 +26679,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
26731
26679
|
this.activeCellDate = null;
|
|
26732
26680
|
|
|
26733
26681
|
/**
|
|
26734
|
-
* Cached reference to the active cell host
|
|
26735
|
-
*
|
|
26736
|
-
* or missing). Lets scrollToActiveCell skip a full cell scan on each
|
|
26737
|
-
* arrow key.
|
|
26682
|
+
* Cached reference to the active cell host, set by setActiveCell.
|
|
26683
|
+
* Lets scrollToActiveCell skip a full cell scan on each arrow key.
|
|
26738
26684
|
* @private
|
|
26739
26685
|
*/
|
|
26740
26686
|
this._activeCell = null;
|
|
@@ -27710,9 +27656,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27710
27656
|
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
27711
27657
|
}
|
|
27712
27658
|
}
|
|
27713
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27714
|
-
// activated cell is what gets scrolled into view.
|
|
27715
|
-
this.scrollToActiveCell();
|
|
27716
27659
|
// Re-focus grid wrapper after month change re-render
|
|
27717
27660
|
this.focusActiveCell();
|
|
27718
27661
|
});
|
|
@@ -27753,9 +27696,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27753
27696
|
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
27754
27697
|
}
|
|
27755
27698
|
}
|
|
27756
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
27757
|
-
// activated cell is what gets scrolled into view.
|
|
27758
|
-
this.scrollToActiveCell();
|
|
27759
27699
|
this.focusActiveCell();
|
|
27760
27700
|
});
|
|
27761
27701
|
}
|
|
@@ -27790,8 +27730,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27790
27730
|
const targetCell = allCells[targetIndex];
|
|
27791
27731
|
this.setActiveCell(targetCell.day.date);
|
|
27792
27732
|
this.scrollToActiveCell();
|
|
27793
|
-
// Match the cross-month branches: keep DOM focus on the grid wrapper
|
|
27794
|
-
// so subsequent arrow keys continue to land on this handler.
|
|
27795
27733
|
this.focusActiveCell();
|
|
27796
27734
|
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
27797
27735
|
// Navigate to next month and focus the computed next date.
|
|
@@ -27813,6 +27751,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27813
27751
|
const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
|
|
27814
27752
|
if (target) {
|
|
27815
27753
|
this.setActiveCell(target.day.date);
|
|
27754
|
+
this.focusActiveCell();
|
|
27816
27755
|
} else {
|
|
27817
27756
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27818
27757
|
// `cells[length - 1]` would land on the end of the new month,
|
|
@@ -27820,10 +27759,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27820
27759
|
const fallback = this.pickNearestCell(cells, nextTs, 'next');
|
|
27821
27760
|
if (fallback) {
|
|
27822
27761
|
this.setActiveCell(fallback.day.date);
|
|
27762
|
+
this.focusActiveCell();
|
|
27823
27763
|
}
|
|
27824
27764
|
}
|
|
27825
|
-
this.scrollToActiveCell();
|
|
27826
|
-
this.focusActiveCell();
|
|
27827
27765
|
});
|
|
27828
27766
|
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
27829
27767
|
// Navigate to previous month and focus the computed previous date.
|
|
@@ -27842,6 +27780,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27842
27780
|
const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
|
|
27843
27781
|
if (target) {
|
|
27844
27782
|
this.setActiveCell(target.day.date);
|
|
27783
|
+
this.focusActiveCell();
|
|
27845
27784
|
} else {
|
|
27846
27785
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
27847
27786
|
// `cells[0]` would land on the start of the previous month, far
|
|
@@ -27849,10 +27788,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27849
27788
|
const fallback = this.pickNearestCell(cells, prevTs, 'prev');
|
|
27850
27789
|
if (fallback) {
|
|
27851
27790
|
this.setActiveCell(fallback.day.date);
|
|
27791
|
+
this.focusActiveCell();
|
|
27852
27792
|
}
|
|
27853
27793
|
}
|
|
27854
|
-
this.scrollToActiveCell();
|
|
27855
|
-
this.focusActiveCell();
|
|
27856
27794
|
});
|
|
27857
27795
|
}
|
|
27858
27796
|
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
@@ -27885,6 +27823,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27885
27823
|
const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
|
|
27886
27824
|
if (target) {
|
|
27887
27825
|
this.setActiveCell(target.day.date);
|
|
27826
|
+
this.focusActiveCell();
|
|
27888
27827
|
} else {
|
|
27889
27828
|
// Same nearest-by-date fallback handleGridKeyDown uses — the
|
|
27890
27829
|
// old direction-based `cells[0]`/`cells[length-1]` clamp
|
|
@@ -27892,10 +27831,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27892
27831
|
const nearest = this.pickNearestCell(cells, targetDate, navDirection);
|
|
27893
27832
|
if (nearest) {
|
|
27894
27833
|
this.setActiveCell(nearest.day.date);
|
|
27834
|
+
this.focusActiveCell();
|
|
27895
27835
|
}
|
|
27896
27836
|
}
|
|
27897
|
-
this.scrollToActiveCell();
|
|
27898
|
-
this.focusActiveCell();
|
|
27899
27837
|
});
|
|
27900
27838
|
}
|
|
27901
27839
|
}
|
|
@@ -28096,28 +28034,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28096
28034
|
}
|
|
28097
28035
|
|
|
28098
28036
|
/**
|
|
28099
|
-
* Scrolls the calendar
|
|
28100
|
-
*
|
|
28101
|
-
*
|
|
28102
|
-
*
|
|
28103
|
-
*
|
|
28104
|
-
* ancestor's viewport. Native `scrollIntoView` is not used because the
|
|
28105
|
-
* cell sits inside multiple nested scroll containers (the dropdown bib's
|
|
28106
|
-
* `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
|
|
28107
|
-
* scrolls one of them on its own, leaving the cell short of the
|
|
28108
|
-
* viewport in mobile fullscreen.
|
|
28109
|
-
*
|
|
28110
|
-
* Uses `behavior: 'auto'` (the spec's universally-supported non-animated
|
|
28111
|
-
* value) so each `scrollBy` resolves synchronously and the next
|
|
28112
|
-
* iteration's `getBoundingClientRect` reads post-scroll positions
|
|
28113
|
-
* accurately. This also satisfies `prefers-reduced-motion` users — the
|
|
28114
|
-
* scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
|
|
28115
|
-
* is effectively instant.
|
|
28116
|
-
*
|
|
28117
|
-
* The active cell is looked up from the cache populated by
|
|
28118
|
-
* `setActiveCell`. On a cache miss (stale or absent) the cache is
|
|
28119
|
-
* refreshed from a single full scan so subsequent calls stay on the
|
|
28120
|
-
* fast path.
|
|
28037
|
+
* Scrolls the calendar to ensure the active cell is visible.
|
|
28038
|
+
* Targets the cell itself (not its month) so that same-month vertical
|
|
28039
|
+
* navigation in mobile fullscreen — where a single month can exceed the
|
|
28040
|
+
* viewport height — scrolls to the target row. `block: 'nearest'` is a
|
|
28041
|
+
* no-op when the cell is already in view, preserving desktop behavior.
|
|
28121
28042
|
* @private
|
|
28122
28043
|
* @returns {void}
|
|
28123
28044
|
*/
|
|
@@ -28129,67 +28050,20 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28129
28050
|
// Prefer the cell cached by setActiveCell so arrow-key navigation does
|
|
28130
28051
|
// not rebuild the full cell list on every keypress. Fall back to a
|
|
28131
28052
|
// lookup when the cache is stale (e.g. detached after month re-render)
|
|
28132
|
-
// or absent (scrollToActiveCell called without a prior setActiveCell)
|
|
28133
|
-
// refresh the cache on the fallback path so a subsequent call reuses it.
|
|
28053
|
+
// or absent (scrollToActiveCell called without a prior setActiveCell).
|
|
28134
28054
|
const activeDate = this.activeCellDate;
|
|
28135
28055
|
const cached = this._activeCell;
|
|
28136
28056
|
const cacheFresh = cached && cached.isConnected && cached.day && cached.day.date === activeDate;
|
|
28137
|
-
|
|
28138
|
-
if (cacheFresh) {
|
|
28139
|
-
activeCell = cached;
|
|
28140
|
-
} else {
|
|
28141
|
-
activeCell = this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
28142
|
-
this._activeCell = activeCell || null;
|
|
28143
|
-
}
|
|
28057
|
+
const activeCell = cacheFresh ? cached : this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
28144
28058
|
if (!activeCell) {
|
|
28145
28059
|
return;
|
|
28146
28060
|
}
|
|
28147
28061
|
|
|
28148
|
-
|
|
28149
|
-
|
|
28150
|
-
|
|
28151
|
-
|
|
28152
|
-
|
|
28153
|
-
activeCell;
|
|
28154
|
-
|
|
28155
|
-
// parentNode follows the authored DOM tree and steps over shadow roots
|
|
28156
|
-
// via slot projection. A slotted element's visual parent is its
|
|
28157
|
-
// assignedSlot's parent (inside the host's shadow tree), not the host
|
|
28158
|
-
// itself. Without this hop, the walk skips right past #bodyContainer
|
|
28159
|
-
// and <dialog> and finds no scrollable ancestor at all.
|
|
28160
|
-
const flatParent = (current) => {
|
|
28161
|
-
if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
28162
|
-
return current.host || null;
|
|
28163
|
-
}
|
|
28164
|
-
if (current.assignedSlot) {
|
|
28165
|
-
return current.assignedSlot.parentNode;
|
|
28166
|
-
}
|
|
28167
|
-
return current.parentNode;
|
|
28168
|
-
};
|
|
28169
|
-
|
|
28170
|
-
let node = flatParent(target);
|
|
28171
|
-
while (node && node !== document && node !== window) {
|
|
28172
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
28173
|
-
const { overflowY } = window.getComputedStyle(node);
|
|
28174
|
-
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
28175
|
-
const targetRect = target.getBoundingClientRect();
|
|
28176
|
-
const scrollerRect = node.getBoundingClientRect();
|
|
28177
|
-
let delta = 0;
|
|
28178
|
-
if (targetRect.top < scrollerRect.top) {
|
|
28179
|
-
delta = targetRect.top - scrollerRect.top;
|
|
28180
|
-
} else if (targetRect.bottom > scrollerRect.bottom) {
|
|
28181
|
-
delta = targetRect.bottom - scrollerRect.bottom;
|
|
28182
|
-
}
|
|
28183
|
-
if (delta !== 0) {
|
|
28184
|
-
node.scrollBy({
|
|
28185
|
-
top: delta,
|
|
28186
|
-
behavior: 'auto'
|
|
28187
|
-
});
|
|
28188
|
-
}
|
|
28189
|
-
}
|
|
28190
|
-
}
|
|
28191
|
-
node = flatParent(node);
|
|
28192
|
-
}
|
|
28062
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
28063
|
+
activeCell.scrollIntoView({
|
|
28064
|
+
block: 'nearest',
|
|
28065
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
28066
|
+
});
|
|
28193
28067
|
}
|
|
28194
28068
|
|
|
28195
28069
|
/**
|
|
@@ -28479,7 +28353,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28479
28353
|
</div>
|
|
28480
28354
|
</div>
|
|
28481
28355
|
|
|
28482
|
-
<div class="calendarWrapper">
|
|
28356
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
28483
28357
|
<div class="calendarNavButtons">
|
|
28484
28358
|
${this.showPrevMonthBtn ? u$d`
|
|
28485
28359
|
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
@@ -32377,7 +32251,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
32377
32251
|
}
|
|
32378
32252
|
};
|
|
32379
32253
|
|
|
32380
|
-
var formkitVersion$1$3 = '
|
|
32254
|
+
var formkitVersion$1$3 = '202606291652';
|
|
32381
32255
|
|
|
32382
32256
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
32383
32257
|
static get properties() {
|
|
@@ -33649,7 +33523,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
33649
33523
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
33650
33524
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
33651
33525
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
33652
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
33653
33526
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
33654
33527
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
33655
33528
|
@focusin="${this.handleFocusin}"
|
|
@@ -44096,13 +43969,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
44096
43969
|
* @returns {string | undefined}
|
|
44097
43970
|
*/
|
|
44098
43971
|
toFormattedValue(valueObject, format) {
|
|
44099
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
44100
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
44101
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
44102
|
-
// as "no format → no display value".
|
|
44103
|
-
if (!format) {
|
|
44104
|
-
return undefined;
|
|
44105
|
-
}
|
|
44106
43972
|
const normalizedFormat = format.toLowerCase();
|
|
44107
43973
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
44108
43974
|
|
|
@@ -44253,18 +44119,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44253
44119
|
constructor() {
|
|
44254
44120
|
super();
|
|
44255
44121
|
|
|
44256
|
-
|
|
44257
|
-
|
|
44258
|
-
|
|
44259
|
-
|
|
44260
|
-
|
|
44261
|
-
|
|
44262
|
-
|
|
44263
|
-
|
|
44264
|
-
|
|
44265
|
-
|
|
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() {
|
|
44266
44149
|
this.activeLabel = false;
|
|
44267
|
-
|
|
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
|
+
|
|
44268
44195
|
this.allowedInputTypes = [
|
|
44269
44196
|
"text",
|
|
44270
44197
|
"number",
|
|
@@ -44273,8 +44200,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44273
44200
|
"credit-card",
|
|
44274
44201
|
"tel"
|
|
44275
44202
|
];
|
|
44276
|
-
this.
|
|
44277
|
-
/** @private */
|
|
44203
|
+
this.icon = false;
|
|
44278
44204
|
this.dateFormatMap = {
|
|
44279
44205
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
44280
44206
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -44291,57 +44217,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44291
44217
|
'dd/mm': 'dateDDMM',
|
|
44292
44218
|
'mm/dd': 'dateMMDD'
|
|
44293
44219
|
};
|
|
44294
|
-
this.disabled = false;
|
|
44295
|
-
/** @private */
|
|
44296
44220
|
this.domHandler = new DomHandler$2();
|
|
44297
44221
|
this.dvInputOnly = false;
|
|
44298
44222
|
this.hasValue = false;
|
|
44299
|
-
this.hideLabelVisually = false;
|
|
44300
|
-
this.icon = false;
|
|
44301
|
-
/** @private */
|
|
44302
44223
|
this.inputIconName = undefined;
|
|
44303
|
-
/** @private */
|
|
44304
44224
|
this.label = 'Input label is undefined';
|
|
44305
|
-
this.layout = 'classic';
|
|
44306
|
-
this.locale = 'en-US';
|
|
44307
|
-
this.max = undefined;
|
|
44308
|
-
this._maxObject = undefined;
|
|
44309
|
-
this.maxLength = undefined;
|
|
44310
|
-
this.min = undefined;
|
|
44311
|
-
this._minObject = undefined;
|
|
44312
|
-
this.minLength = undefined;
|
|
44313
44225
|
this.noValidate = false;
|
|
44314
|
-
this.
|
|
44315
|
-
// Raw values returned from the input mask before model normalization.
|
|
44316
|
-
this._rawMaskValue = undefined;
|
|
44317
|
-
this.required = false;
|
|
44318
|
-
this.setCustomValidityForType = undefined;
|
|
44319
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
44320
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
44321
|
-
/** @private */
|
|
44226
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
44322
44227
|
this.setSelectionInputTypes = [
|
|
44323
44228
|
"text",
|
|
44324
44229
|
"password",
|
|
44325
44230
|
"email"
|
|
44326
|
-
];
|
|
44327
|
-
this.shape = 'classic';
|
|
44328
|
-
/** @private */
|
|
44231
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
44329
44232
|
this.showPassword = false;
|
|
44330
|
-
this.size = 'lg';
|
|
44331
44233
|
this.touched = false;
|
|
44332
|
-
/** @private */
|
|
44333
44234
|
this.uniqueId = new UniqueId$1().create();
|
|
44334
|
-
/** @private */
|
|
44335
44235
|
this.util = new AuroInputUtilities$2({
|
|
44336
44236
|
locale: this.locale,
|
|
44337
44237
|
format: this.format
|
|
44338
44238
|
});
|
|
44339
|
-
/** @private */
|
|
44340
44239
|
this.validation = new AuroFormValidation$6();
|
|
44341
|
-
/** @private */
|
|
44342
44240
|
this.validationCCLength = undefined;
|
|
44343
|
-
this.value = undefined;
|
|
44344
|
-
this._valueObject = undefined;
|
|
44345
44241
|
}
|
|
44346
44242
|
|
|
44347
44243
|
// function to define props used within the scope of this component
|
|
@@ -44889,15 +44785,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44889
44785
|
|
|
44890
44786
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
44891
44787
|
|
|
44892
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
44893
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
44894
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
44895
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
44896
|
-
// unset.
|
|
44897
|
-
if (this.format) {
|
|
44898
|
-
this.format = this.format.toLowerCase();
|
|
44899
|
-
}
|
|
44900
|
-
|
|
44901
44788
|
// use validity message override if declared when initializing the component
|
|
44902
44789
|
if (this.hasAttribute('setCustomValidity')) {
|
|
44903
44790
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -45331,38 +45218,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45331
45218
|
this.touched = true;
|
|
45332
45219
|
this.validation.validate(this);
|
|
45333
45220
|
}
|
|
45334
|
-
|
|
45335
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
45336
|
-
// update that can re-render the input and reset the native cursor; we
|
|
45337
|
-
// capture the caret position before that update commits and restore it
|
|
45338
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
45339
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
45340
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
45341
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
45342
|
-
// on input types that don't support text selection (number, email in
|
|
45343
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
45344
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
45345
|
-
// the gated types currently support it, since the list is a public
|
|
45346
|
-
// property a consumer could mutate.
|
|
45347
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
45348
|
-
let selectionStart;
|
|
45349
|
-
try {
|
|
45350
|
-
selectionStart = this.inputElement.selectionStart;
|
|
45351
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45352
|
-
return;
|
|
45353
|
-
}
|
|
45354
|
-
if (typeof selectionStart !== 'number') {
|
|
45355
|
-
return;
|
|
45356
|
-
}
|
|
45357
|
-
this.updateComplete.then(() => {
|
|
45358
|
-
try {
|
|
45359
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
45360
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
45361
|
-
// Some input types (number/email in certain UAs) throw on
|
|
45362
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
45363
|
-
}
|
|
45364
|
-
});
|
|
45365
|
-
}
|
|
45366
45221
|
}
|
|
45367
45222
|
|
|
45368
45223
|
/**
|
|
@@ -45989,7 +45844,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
45989
45844
|
}
|
|
45990
45845
|
};
|
|
45991
45846
|
|
|
45992
|
-
var formkitVersion$7 = '
|
|
45847
|
+
var formkitVersion$7 = '202606291652';
|
|
45993
45848
|
|
|
45994
45849
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
45995
45850
|
// See LICENSE in the project root for license information.
|
|
@@ -46492,7 +46347,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46492
46347
|
<${this.buttonTag}
|
|
46493
46348
|
@click="${this.handleClickShowPassword}"
|
|
46494
46349
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
46495
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
46496
46350
|
class="notificationBtn passwordBtn"
|
|
46497
46351
|
shape="circle"
|
|
46498
46352
|
size="sm"
|
|
@@ -46566,29 +46420,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
46566
46420
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
46567
46421
|
*/
|
|
46568
46422
|
renderHtmlHelpText() {
|
|
46569
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
46570
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
46571
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
46572
|
-
// re-announce because the live-region element it was watching had been
|
|
46573
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
46574
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
46575
|
-
// observe and announce.
|
|
46576
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
46577
46423
|
return u$d`
|
|
46578
|
-
|
|
46579
|
-
|
|
46580
|
-
|
|
46581
|
-
|
|
46582
|
-
|
|
46583
|
-
|
|
46584
|
-
|
|
46585
|
-
|
|
46586
|
-
|
|
46587
|
-
|
|
46588
|
-
|
|
46589
|
-
|
|
46590
|
-
|
|
46591
|
-
|
|
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
|
+
}
|
|
46592
46442
|
`;
|
|
46593
46443
|
}
|
|
46594
46444
|
|
|
@@ -46735,15 +46585,6 @@ function formatISODate(isoStr, format) {
|
|
|
46735
46585
|
try {
|
|
46736
46586
|
const date = dateFormatter$2.stringToDateInstance(isoStr);
|
|
46737
46587
|
|
|
46738
|
-
// `stringToDateInstance` returns an `Invalid Date` for malformed strings
|
|
46739
|
-
// and `null` for non-string input — it does NOT throw. Without this
|
|
46740
|
-
// guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
|
|
46741
|
-
// yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
|
|
46742
|
-
// like "0NaN/0NaN/0NaN" instead of `undefined`.
|
|
46743
|
-
if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
|
|
46744
|
-
return undefined;
|
|
46745
|
-
}
|
|
46746
|
-
|
|
46747
46588
|
const year = String(date.getFullYear()).padStart(4, '0');
|
|
46748
46589
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
46749
46590
|
const day = String(date.getDate()).padStart(2, '0');
|
|
@@ -46754,10 +46595,7 @@ function formatISODate(isoStr, format) {
|
|
|
46754
46595
|
replace(/mm/iu, month).
|
|
46755
46596
|
replace(/dd/iu, day);
|
|
46756
46597
|
} catch (err) {
|
|
46757
|
-
//
|
|
46758
|
-
// (inside `stringToDateInstance`) could throw on pathological input
|
|
46759
|
-
// future-library-versions might introduce. Treat any thrown error as
|
|
46760
|
-
// "not a valid date" and return undefined.
|
|
46598
|
+
// If the input string is not a valid date, return undefined
|
|
46761
46599
|
return undefined;
|
|
46762
46600
|
}
|
|
46763
46601
|
}
|
|
@@ -48466,14 +48304,11 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48466
48304
|
this.calendar.announceSelection(announcement);
|
|
48467
48305
|
}, 500);
|
|
48468
48306
|
|
|
48469
|
-
// On mobile fullscreen
|
|
48470
|
-
//
|
|
48471
|
-
//
|
|
48472
|
-
|
|
48473
|
-
// would happen if we tried to scroll before the cell was set.
|
|
48474
|
-
if (this.dropdown.isBibFullscreen || this.forceScrollOnNextMobileCalendarRender) {
|
|
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) {
|
|
48475
48311
|
this.calendar.scrollToActiveCell();
|
|
48476
|
-
this.forceScrollOnNextMobileCalendarRender = false;
|
|
48477
48312
|
}
|
|
48478
48313
|
} else if (attempts < MAX_ATTEMPTS) {
|
|
48479
48314
|
requestAnimationFrame(tryFocus);
|
|
@@ -48597,10 +48432,18 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
48597
48432
|
}
|
|
48598
48433
|
}
|
|
48599
48434
|
|
|
48600
|
-
//
|
|
48601
|
-
|
|
48602
|
-
|
|
48603
|
-
|
|
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
|
+
}
|
|
48604
48447
|
}, { signal });
|
|
48605
48448
|
|
|
48606
48449
|
// Handle responsive strategy changes while the dropdown is open
|
|
@@ -50856,7 +50699,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
50856
50699
|
}
|
|
50857
50700
|
};
|
|
50858
50701
|
|
|
50859
|
-
var formkitVersion$1$2 = '
|
|
50702
|
+
var formkitVersion$1$2 = '202606291652';
|
|
50860
50703
|
|
|
50861
50704
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
50862
50705
|
// See LICENSE in the project root for license information.
|
|
@@ -55184,7 +55027,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
55184
55027
|
}
|
|
55185
55028
|
};
|
|
55186
55029
|
|
|
55187
|
-
var formkitVersion$6 = '
|
|
55030
|
+
var formkitVersion$6 = '202606291652';
|
|
55188
55031
|
|
|
55189
55032
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
55190
55033
|
static get properties() {
|
|
@@ -56456,7 +56299,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56456
56299
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
56457
56300
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
56458
56301
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
56459
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
56460
56302
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
56461
56303
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
56462
56304
|
@focusin="${this.handleFocusin}"
|
|
@@ -56583,7 +56425,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
56583
56425
|
|
|
56584
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)}`;
|
|
56585
56427
|
|
|
56586
|
-
var styleCss$1$6 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
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)}`;
|
|
56587
56429
|
|
|
56588
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)}`;
|
|
56589
56431
|
|
|
@@ -57589,13 +57431,6 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
57589
57431
|
*/
|
|
57590
57432
|
configureDropdownCounters() {
|
|
57591
57433
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
57592
|
-
|
|
57593
|
-
// Counter rows are slotted into the bib through multiple shadow roots
|
|
57594
|
-
// (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
|
|
57595
|
-
// `:focus-within` focus-loss check fails to match the dropdown host in Chromium
|
|
57596
|
-
// and the bib auto-closes immediately after opening. Mirrors auro-select.
|
|
57597
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
57598
|
-
|
|
57599
57434
|
this.dropdown.requestUpdate();
|
|
57600
57435
|
|
|
57601
57436
|
const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
|
|
@@ -59132,7 +58967,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
59132
58967
|
}
|
|
59133
58968
|
};
|
|
59134
58969
|
|
|
59135
|
-
var formkitVersion$5 = '
|
|
58970
|
+
var formkitVersion$5 = '202606291652';
|
|
59136
58971
|
|
|
59137
58972
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
59138
58973
|
// See LICENSE in the project root for license information.
|
|
@@ -60882,7 +60717,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
60882
60717
|
}
|
|
60883
60718
|
};
|
|
60884
60719
|
|
|
60885
|
-
var formkitVersion$4 = '
|
|
60720
|
+
var formkitVersion$4 = '202606291652';
|
|
60886
60721
|
|
|
60887
60722
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
60888
60723
|
// See LICENSE in the project root for license information.
|
|
@@ -66097,7 +65932,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
66097
65932
|
}
|
|
66098
65933
|
};
|
|
66099
65934
|
|
|
66100
|
-
var formkitVersion$2 = '
|
|
65935
|
+
var formkitVersion$2 = '202606291652';
|
|
66101
65936
|
|
|
66102
65937
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
66103
65938
|
static get properties() {
|
|
@@ -67369,7 +67204,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
67369
67204
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
67370
67205
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
67371
67206
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
67372
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
67373
67207
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
67374
67208
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
67375
67209
|
@focusin="${this.handleFocusin}"
|
|
@@ -77816,13 +77650,6 @@ class AuroInputUtilities {
|
|
|
77816
77650
|
* @returns {string | undefined}
|
|
77817
77651
|
*/
|
|
77818
77652
|
toFormattedValue(valueObject, format) {
|
|
77819
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
77820
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
77821
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
77822
|
-
// as "no format → no display value".
|
|
77823
|
-
if (!format) {
|
|
77824
|
-
return undefined;
|
|
77825
|
-
}
|
|
77826
77653
|
const normalizedFormat = format.toLowerCase();
|
|
77827
77654
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
77828
77655
|
|
|
@@ -77973,18 +77800,79 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77973
77800
|
constructor() {
|
|
77974
77801
|
super();
|
|
77975
77802
|
|
|
77976
|
-
|
|
77977
|
-
|
|
77978
|
-
|
|
77979
|
-
|
|
77980
|
-
|
|
77981
|
-
|
|
77982
|
-
|
|
77983
|
-
|
|
77984
|
-
|
|
77985
|
-
|
|
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() {
|
|
77986
77830
|
this.activeLabel = false;
|
|
77987
|
-
|
|
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
|
+
|
|
77988
77876
|
this.allowedInputTypes = [
|
|
77989
77877
|
"text",
|
|
77990
77878
|
"number",
|
|
@@ -77993,8 +77881,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77993
77881
|
"credit-card",
|
|
77994
77882
|
"tel"
|
|
77995
77883
|
];
|
|
77996
|
-
this.
|
|
77997
|
-
/** @private */
|
|
77884
|
+
this.icon = false;
|
|
77998
77885
|
this.dateFormatMap = {
|
|
77999
77886
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
78000
77887
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -78011,57 +77898,27 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78011
77898
|
'dd/mm': 'dateDDMM',
|
|
78012
77899
|
'mm/dd': 'dateMMDD'
|
|
78013
77900
|
};
|
|
78014
|
-
this.disabled = false;
|
|
78015
|
-
/** @private */
|
|
78016
77901
|
this.domHandler = new DomHandler();
|
|
78017
77902
|
this.dvInputOnly = false;
|
|
78018
77903
|
this.hasValue = false;
|
|
78019
|
-
this.hideLabelVisually = false;
|
|
78020
|
-
this.icon = false;
|
|
78021
|
-
/** @private */
|
|
78022
77904
|
this.inputIconName = undefined;
|
|
78023
|
-
/** @private */
|
|
78024
77905
|
this.label = 'Input label is undefined';
|
|
78025
|
-
this.layout = 'classic';
|
|
78026
|
-
this.locale = 'en-US';
|
|
78027
|
-
this.max = undefined;
|
|
78028
|
-
this._maxObject = undefined;
|
|
78029
|
-
this.maxLength = undefined;
|
|
78030
|
-
this.min = undefined;
|
|
78031
|
-
this._minObject = undefined;
|
|
78032
|
-
this.minLength = undefined;
|
|
78033
77906
|
this.noValidate = false;
|
|
78034
|
-
this.
|
|
78035
|
-
// Raw values returned from the input mask before model normalization.
|
|
78036
|
-
this._rawMaskValue = undefined;
|
|
78037
|
-
this.required = false;
|
|
78038
|
-
this.setCustomValidityForType = undefined;
|
|
78039
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
78040
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
78041
|
-
/** @private */
|
|
77907
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
78042
77908
|
this.setSelectionInputTypes = [
|
|
78043
77909
|
"text",
|
|
78044
77910
|
"password",
|
|
78045
77911
|
"email"
|
|
78046
|
-
];
|
|
78047
|
-
this.shape = 'classic';
|
|
78048
|
-
/** @private */
|
|
77912
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
78049
77913
|
this.showPassword = false;
|
|
78050
|
-
this.size = 'lg';
|
|
78051
77914
|
this.touched = false;
|
|
78052
|
-
/** @private */
|
|
78053
77915
|
this.uniqueId = new UniqueId().create();
|
|
78054
|
-
/** @private */
|
|
78055
77916
|
this.util = new AuroInputUtilities({
|
|
78056
77917
|
locale: this.locale,
|
|
78057
77918
|
format: this.format
|
|
78058
77919
|
});
|
|
78059
|
-
/** @private */
|
|
78060
77920
|
this.validation = new AuroFormValidation$2();
|
|
78061
|
-
/** @private */
|
|
78062
77921
|
this.validationCCLength = undefined;
|
|
78063
|
-
this.value = undefined;
|
|
78064
|
-
this._valueObject = undefined;
|
|
78065
77922
|
}
|
|
78066
77923
|
|
|
78067
77924
|
// function to define props used within the scope of this component
|
|
@@ -78609,15 +78466,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78609
78466
|
|
|
78610
78467
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
78611
78468
|
|
|
78612
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
78613
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
78614
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
78615
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
78616
|
-
// unset.
|
|
78617
|
-
if (this.format) {
|
|
78618
|
-
this.format = this.format.toLowerCase();
|
|
78619
|
-
}
|
|
78620
|
-
|
|
78621
78469
|
// use validity message override if declared when initializing the component
|
|
78622
78470
|
if (this.hasAttribute('setCustomValidity')) {
|
|
78623
78471
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -79051,38 +78899,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79051
78899
|
this.touched = true;
|
|
79052
78900
|
this.validation.validate(this);
|
|
79053
78901
|
}
|
|
79054
|
-
|
|
79055
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
79056
|
-
// update that can re-render the input and reset the native cursor; we
|
|
79057
|
-
// capture the caret position before that update commits and restore it
|
|
79058
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
79059
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
79060
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
79061
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
79062
|
-
// on input types that don't support text selection (number, email in
|
|
79063
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
79064
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
79065
|
-
// the gated types currently support it, since the list is a public
|
|
79066
|
-
// property a consumer could mutate.
|
|
79067
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
79068
|
-
let selectionStart;
|
|
79069
|
-
try {
|
|
79070
|
-
selectionStart = this.inputElement.selectionStart;
|
|
79071
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79072
|
-
return;
|
|
79073
|
-
}
|
|
79074
|
-
if (typeof selectionStart !== 'number') {
|
|
79075
|
-
return;
|
|
79076
|
-
}
|
|
79077
|
-
this.updateComplete.then(() => {
|
|
79078
|
-
try {
|
|
79079
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
79080
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
79081
|
-
// Some input types (number/email in certain UAs) throw on
|
|
79082
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
79083
|
-
}
|
|
79084
|
-
});
|
|
79085
|
-
}
|
|
79086
78902
|
}
|
|
79087
78903
|
|
|
79088
78904
|
/**
|
|
@@ -79709,7 +79525,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
79709
79525
|
}
|
|
79710
79526
|
};
|
|
79711
79527
|
|
|
79712
|
-
var formkitVersion$1$1 = '
|
|
79528
|
+
var formkitVersion$1$1 = '202606291652';
|
|
79713
79529
|
|
|
79714
79530
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
79715
79531
|
// See LICENSE in the project root for license information.
|
|
@@ -80212,7 +80028,6 @@ class AuroInput extends BaseInput {
|
|
|
80212
80028
|
<${this.buttonTag}
|
|
80213
80029
|
@click="${this.handleClickShowPassword}"
|
|
80214
80030
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
80215
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
80216
80031
|
class="notificationBtn passwordBtn"
|
|
80217
80032
|
shape="circle"
|
|
80218
80033
|
size="sm"
|
|
@@ -80286,29 +80101,25 @@ class AuroInput extends BaseInput {
|
|
|
80286
80101
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
80287
80102
|
*/
|
|
80288
80103
|
renderHtmlHelpText() {
|
|
80289
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
80290
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
80291
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
80292
|
-
// re-announce because the live-region element it was watching had been
|
|
80293
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
80294
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
80295
|
-
// observe and announce.
|
|
80296
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
80297
80104
|
return u$d`
|
|
80298
|
-
|
|
80299
|
-
|
|
80300
|
-
|
|
80301
|
-
|
|
80302
|
-
|
|
80303
|
-
|
|
80304
|
-
|
|
80305
|
-
|
|
80306
|
-
|
|
80307
|
-
|
|
80308
|
-
|
|
80309
|
-
|
|
80310
|
-
|
|
80311
|
-
|
|
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
|
+
}
|
|
80312
80123
|
`;
|
|
80313
80124
|
}
|
|
80314
80125
|
|
|
@@ -80440,7 +80251,7 @@ class AuroInput extends BaseInput {
|
|
|
80440
80251
|
|
|
80441
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)}`;
|
|
80442
80253
|
|
|
80443
|
-
var styleCss$2$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
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)}`;
|
|
80444
80255
|
|
|
80445
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)}`;
|
|
80446
80257
|
|
|
@@ -80835,7 +80646,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
80835
80646
|
}
|
|
80836
80647
|
};
|
|
80837
80648
|
|
|
80838
|
-
var formkitVersion$3 = '
|
|
80649
|
+
var formkitVersion$3 = '202606291652';
|
|
80839
80650
|
|
|
80840
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}`;
|
|
80841
80652
|
|
|
@@ -85648,28 +85459,19 @@ const selectKeyboardStrategy = {
|
|
|
85648
85459
|
},
|
|
85649
85460
|
|
|
85650
85461
|
End(component, evt, ctx) {
|
|
85462
|
+
if (!ctx.isExpanded) {
|
|
85463
|
+
return;
|
|
85464
|
+
}
|
|
85651
85465
|
evt.preventDefault();
|
|
85652
85466
|
evt.stopPropagation();
|
|
85653
85467
|
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
85654
85468
|
const lastOption = getEnabledOptions(component.menu).pop();
|
|
85655
|
-
if (
|
|
85656
|
-
|
|
85657
|
-
}
|
|
85658
|
-
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
85659
|
-
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
85660
|
-
// otherwise show() synchronously fires the handler and writes
|
|
85661
|
-
// aria-activedescendant once before we overwrite it.
|
|
85662
|
-
component.menu.updateActiveOption(lastOption);
|
|
85663
|
-
if (!ctx.isExpanded) {
|
|
85664
|
-
component.dropdown.show();
|
|
85469
|
+
if (lastOption) {
|
|
85470
|
+
component.menu.updateActiveOption(lastOption);
|
|
85665
85471
|
}
|
|
85666
85472
|
},
|
|
85667
85473
|
|
|
85668
85474
|
Enter(component, evt, ctx) {
|
|
85669
|
-
// Prevent the keypress from bubbling to parent containers (e.g., forms)
|
|
85670
|
-
// which could interpret Enter as a submit. Matches APG select-only combobox
|
|
85671
|
-
// and native <select> behavior: Enter opens the listbox when closed, selects
|
|
85672
|
-
// the active option when open — it does not submit a parent form.
|
|
85673
85475
|
evt.preventDefault();
|
|
85674
85476
|
evt.stopPropagation();
|
|
85675
85477
|
if (!ctx.isExpanded) {
|
|
@@ -85680,16 +85482,14 @@ const selectKeyboardStrategy = {
|
|
|
85680
85482
|
},
|
|
85681
85483
|
|
|
85682
85484
|
Home(component, evt, ctx) {
|
|
85485
|
+
if (!ctx.isExpanded) {
|
|
85486
|
+
return;
|
|
85487
|
+
}
|
|
85683
85488
|
evt.preventDefault();
|
|
85684
85489
|
evt.stopPropagation();
|
|
85685
85490
|
const [firstOption] = getEnabledOptions(component.menu);
|
|
85686
|
-
if (
|
|
85687
|
-
|
|
85688
|
-
}
|
|
85689
|
-
// See End() for why this must run before show().
|
|
85690
|
-
component.menu.updateActiveOption(firstOption);
|
|
85691
|
-
if (!ctx.isExpanded) {
|
|
85692
|
-
component.dropdown.show();
|
|
85491
|
+
if (firstOption) {
|
|
85492
|
+
component.menu.updateActiveOption(firstOption);
|
|
85693
85493
|
}
|
|
85694
85494
|
},
|
|
85695
85495
|
|
|
@@ -89637,7 +89437,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
89637
89437
|
}
|
|
89638
89438
|
};
|
|
89639
89439
|
|
|
89640
|
-
var formkitVersion$1 = '
|
|
89440
|
+
var formkitVersion$1 = '202606291652';
|
|
89641
89441
|
|
|
89642
89442
|
class AuroElement extends i$2 {
|
|
89643
89443
|
static get properties() {
|
|
@@ -90909,7 +90709,6 @@ class AuroDropdown extends AuroElement {
|
|
|
90909
90709
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
90910
90710
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
90911
90711
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
90912
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
90913
90712
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
90914
90713
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
90915
90714
|
@focusin="${this.handleFocusin}"
|
|
@@ -91036,7 +90835,7 @@ class AuroDropdown extends AuroElement {
|
|
|
91036
90835
|
|
|
91037
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)}`;
|
|
91038
90837
|
|
|
91039
|
-
var styleCss$2 = i$4`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{padding:var(--ds-size-200, 1rem)}`;
|
|
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)}`;
|
|
91040
90839
|
|
|
91041
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)}`;
|
|
91042
90841
|
|
|
@@ -91659,7 +91458,7 @@ class AuroHelpText extends i$2 {
|
|
|
91659
91458
|
}
|
|
91660
91459
|
}
|
|
91661
91460
|
|
|
91662
|
-
var formkitVersion = '
|
|
91461
|
+
var formkitVersion = '202606291652';
|
|
91663
91462
|
|
|
91664
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}`;
|
|
91665
91464
|
|
|
@@ -91991,6 +91790,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
91991
91790
|
reflect: true
|
|
91992
91791
|
},
|
|
91993
91792
|
|
|
91793
|
+
/**
|
|
91794
|
+
* @private
|
|
91795
|
+
*/
|
|
91796
|
+
options: {
|
|
91797
|
+
type: Array,
|
|
91798
|
+
state: true
|
|
91799
|
+
},
|
|
91800
|
+
|
|
91994
91801
|
/**
|
|
91995
91802
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
91996
91803
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -92278,68 +92085,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92278
92085
|
this.dropdown.dropdownWidth = this.customBibWidth;
|
|
92279
92086
|
}
|
|
92280
92087
|
|
|
92281
|
-
|
|
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
|
+
}
|
|
92282
92093
|
|
|
92283
92094
|
// Exposes the CSS parts from the dropdown for styling
|
|
92284
92095
|
this.dropdown.exposeCssParts();
|
|
92285
92096
|
}
|
|
92286
92097
|
|
|
92287
|
-
/**
|
|
92288
|
-
* Reads the current label slot text and pushes it to the dropdown bib
|
|
92289
|
-
* (for dialog naming) and the menu (for listbox aria-label). Safe to call
|
|
92290
|
-
* before either child has been wired up — each branch self-guards.
|
|
92291
|
-
* @private
|
|
92292
|
-
*/
|
|
92293
|
-
_syncLabelText() {
|
|
92294
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92295
|
-
const text = labelElement ? labelElement.textContent.trim() : '';
|
|
92296
|
-
if (this.dropdown) {
|
|
92297
|
-
this.dropdown.bibDialogLabel = text || undefined;
|
|
92298
|
-
}
|
|
92299
|
-
if (this.menu) {
|
|
92300
|
-
if (text) {
|
|
92301
|
-
this.menu.setAttribute('aria-label', text);
|
|
92302
|
-
} else {
|
|
92303
|
-
this.menu.removeAttribute('aria-label');
|
|
92304
|
-
}
|
|
92305
|
-
}
|
|
92306
|
-
}
|
|
92307
|
-
|
|
92308
|
-
/**
|
|
92309
|
-
* Keeps the dialog/menu accessible names in sync when consumers mutate the
|
|
92310
|
-
* label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
|
|
92311
|
-
* insufficient — it doesn't fire when textContent of an already-assigned
|
|
92312
|
-
* slotted node changes, which is the common case. We scope the observer to
|
|
92313
|
-
* the label node itself (not the whole host subtree) so option-content
|
|
92314
|
-
* mutations don't trigger label re-syncs, and re-target on `slotchange`
|
|
92315
|
-
* when consumers add or replace the label element.
|
|
92316
|
-
* @private
|
|
92317
|
-
*/
|
|
92318
|
-
_observeLabelChanges() {
|
|
92319
|
-
if (this._labelObserver) return;
|
|
92320
|
-
this._labelObserver = new MutationObserver(() => this._syncLabelText());
|
|
92321
|
-
|
|
92322
|
-
const retarget = () => {
|
|
92323
|
-
this._labelObserver.disconnect();
|
|
92324
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
92325
|
-
if (labelElement) {
|
|
92326
|
-
this._labelObserver.observe(labelElement, {
|
|
92327
|
-
childList: true,
|
|
92328
|
-
subtree: true,
|
|
92329
|
-
characterData: true
|
|
92330
|
-
});
|
|
92331
|
-
}
|
|
92332
|
-
this._syncLabelText();
|
|
92333
|
-
};
|
|
92334
|
-
|
|
92335
|
-
retarget();
|
|
92336
|
-
|
|
92337
|
-
this._retargetLabelObserver = retarget;
|
|
92338
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92339
|
-
slot.addEventListener('slotchange', retarget);
|
|
92340
|
-
});
|
|
92341
|
-
}
|
|
92342
|
-
|
|
92343
92098
|
/**
|
|
92344
92099
|
* This will register this element with the browser.
|
|
92345
92100
|
* @param {string} [name="auro-select"] - The name of element that you want to register to.
|
|
@@ -92490,7 +92245,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92490
92245
|
this.updateMenuShapeSize();
|
|
92491
92246
|
this.setMenuValue(this.value);
|
|
92492
92247
|
|
|
92493
|
-
|
|
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
|
+
}
|
|
92494
92253
|
|
|
92495
92254
|
if (this.multiSelect) {
|
|
92496
92255
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -92502,21 +92261,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92502
92261
|
if (typeof this.menu.initItems === 'function') {
|
|
92503
92262
|
this.menu.initItems();
|
|
92504
92263
|
}
|
|
92264
|
+
this.options = this.menu.options;
|
|
92505
92265
|
this.updateOptionPositions();
|
|
92506
|
-
// renderNativeSelect reads this.menu.options, which the parent doesn't
|
|
92507
|
-
// observe — request an update so the hidden native <option> list reflects
|
|
92508
|
-
// the menu's options after initItems populates them.
|
|
92509
|
-
this.requestUpdate();
|
|
92510
|
-
|
|
92511
|
-
// Keep aria-setsize/aria-posinset (and the native <option> list) in sync
|
|
92512
|
-
// when the menu re-initializes its items — e.g., slotchange, async/lazy
|
|
92513
|
-
// loads, value-triggered re-init. Without this, stale set-size is
|
|
92514
|
-
// announced and the native select goes stale after dynamic mutations.
|
|
92515
|
-
this.menu.addEventListener('auroMenu-optionsChange', () => {
|
|
92516
|
-
this.updateOptionPositions();
|
|
92517
|
-
this.requestUpdate();
|
|
92518
|
-
});
|
|
92519
|
-
|
|
92520
92266
|
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
92521
92267
|
|
|
92522
92268
|
this.menu.addEventListener("auroMenu-selectValueFailure", () => {
|
|
@@ -92535,26 +92281,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92535
92281
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
92536
92282
|
}
|
|
92537
92283
|
|
|
92538
|
-
//
|
|
92539
|
-
|
|
92540
|
-
// navigation back to the selection, or click in multiSelect — rely on
|
|
92541
|
-
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
92542
|
-
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
92543
|
-
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
92544
|
-
// when Enter on the active+selected option re-fires
|
|
92545
|
-
// auroMenu-selectedOption (see 03b289e39).
|
|
92546
|
-
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
92284
|
+
// Announce the active option for screen readers
|
|
92285
|
+
if (this.optionActive) {
|
|
92547
92286
|
const optionText = this.optionActive.textContent.trim();
|
|
92548
|
-
const
|
|
92549
|
-
|
|
92550
|
-
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
92551
|
-
} else {
|
|
92552
|
-
// Typeahead-on-closed fires this event before `show()` flips
|
|
92553
|
-
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
92554
|
-
// live region once the fullscreen <dialog> opens — otherwise it
|
|
92555
|
-
// lands in the host root, which is inert under the active modal.
|
|
92556
|
-
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
92557
|
-
}
|
|
92287
|
+
const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
|
|
92288
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
|
|
92558
92289
|
}
|
|
92559
92290
|
|
|
92560
92291
|
if (this.dropdown.isPopoverVisible) {
|
|
@@ -92563,7 +92294,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92563
92294
|
});
|
|
92564
92295
|
|
|
92565
92296
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
92566
|
-
const previousSelected = this.optionSelected;
|
|
92567
92297
|
|
|
92568
92298
|
// Update the displayed value
|
|
92569
92299
|
this.updateDisplayedValue();
|
|
@@ -92583,32 +92313,13 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92583
92313
|
this.dropdown.trigger.focus();
|
|
92584
92314
|
}
|
|
92585
92315
|
|
|
92586
|
-
//
|
|
92587
|
-
//
|
|
92588
|
-
|
|
92589
|
-
|
|
92590
|
-
|
|
92591
|
-
|
|
92592
|
-
|
|
92593
|
-
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
92594
|
-
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
92595
|
-
if (removed) {
|
|
92596
|
-
announcement = `${removed.textContent.trim()}, not selected`;
|
|
92597
|
-
} else if (added) {
|
|
92598
|
-
announcement = `${added.textContent.trim()}, selected`;
|
|
92599
|
-
}
|
|
92600
|
-
} else {
|
|
92601
|
-
announcement = `${this.menu.currentLabel}, selected`;
|
|
92602
|
-
}
|
|
92603
|
-
|
|
92604
|
-
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
92605
|
-
// announcement from aria-expanded when the dropdown closes.
|
|
92606
|
-
if (announcement) {
|
|
92607
|
-
const announcementDelay = 300;
|
|
92608
|
-
setTimeout(() => {
|
|
92609
|
-
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
92610
|
-
}, announcementDelay);
|
|
92611
|
-
}
|
|
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);
|
|
92612
92323
|
});
|
|
92613
92324
|
}
|
|
92614
92325
|
|
|
@@ -92706,32 +92417,24 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92706
92417
|
|
|
92707
92418
|
this.typeaheadBuffer += key;
|
|
92708
92419
|
|
|
92709
|
-
|
|
92710
|
-
// next item with a name that starts with the string of characters typed").
|
|
92711
|
-
// Only fall back to single-char cycling when the repeated buffer has no
|
|
92712
|
-
// longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
|
|
92713
|
-
// because no option starts with "aa".
|
|
92714
|
-
let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92420
|
+
const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
92715
92421
|
|
|
92716
|
-
|
|
92422
|
+
let match = null;
|
|
92717
92423
|
if (isRepeatedChar) {
|
|
92718
92424
|
const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
|
|
92719
92425
|
if (matches.length) {
|
|
92720
92426
|
const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
|
|
92721
92427
|
match = matches[cycleIndex];
|
|
92722
92428
|
}
|
|
92429
|
+
} else {
|
|
92430
|
+
match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
92723
92431
|
}
|
|
92724
92432
|
|
|
92725
|
-
// Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
|
|
92726
92433
|
if (match) {
|
|
92727
|
-
// Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
|
|
92728
|
-
// guard short-circuits and skips the firstActive/selected fallback —
|
|
92729
|
-
// otherwise show() synchronously fires the handler, which writes
|
|
92730
|
-
// aria-activedescendant once before we overwrite it.
|
|
92731
|
-
this.menu.updateActiveOption(match);
|
|
92732
92434
|
if (!this.dropdown.isPopoverVisible) {
|
|
92733
92435
|
this.dropdown.show();
|
|
92734
92436
|
}
|
|
92437
|
+
this.menu.updateActiveOption(match);
|
|
92735
92438
|
}
|
|
92736
92439
|
}
|
|
92737
92440
|
|
|
@@ -92848,28 +92551,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92848
92551
|
disconnectedCallback() {
|
|
92849
92552
|
super.disconnectedCallback();
|
|
92850
92553
|
this._clearTypeaheadBuffer();
|
|
92851
|
-
if (this._labelObserver) {
|
|
92852
|
-
this._labelObserver.disconnect();
|
|
92853
|
-
this._labelObserver = null;
|
|
92854
|
-
}
|
|
92855
|
-
if (this._retargetLabelObserver && this.shadowRoot) {
|
|
92856
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
92857
|
-
slot.removeEventListener('slotchange', this._retargetLabelObserver);
|
|
92858
|
-
});
|
|
92859
|
-
this._retargetLabelObserver = null;
|
|
92860
|
-
}
|
|
92861
|
-
}
|
|
92862
|
-
|
|
92863
|
-
connectedCallback() {
|
|
92864
|
-
super.connectedCallback();
|
|
92865
|
-
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
92866
|
-
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
92867
|
-
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
92868
|
-
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
92869
|
-
// unless we re-wire the observer here.
|
|
92870
|
-
if (this.hasUpdated) {
|
|
92871
|
-
this._observeLabelChanges();
|
|
92872
|
-
}
|
|
92873
92554
|
}
|
|
92874
92555
|
|
|
92875
92556
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
@@ -92880,7 +92561,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
92880
92561
|
this.configureDropdown();
|
|
92881
92562
|
this.configureMenu();
|
|
92882
92563
|
this.configureSelect();
|
|
92883
|
-
this._observeLabelChanges();
|
|
92884
92564
|
}
|
|
92885
92565
|
|
|
92886
92566
|
setMenuValue(value) {
|
|
@@ -93013,18 +92693,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93013
92693
|
* @private
|
|
93014
92694
|
*/
|
|
93015
92695
|
_handleNativeSelectChange(event) {
|
|
93016
|
-
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
93017
|
-
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
93018
|
-
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
93019
|
-
// form control even with aria-hidden/tabindex=-1.
|
|
93020
|
-
if (this.multiSelect) return;
|
|
93021
|
-
|
|
93022
92696
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
93023
92697
|
if (!selectedOption) return;
|
|
93024
92698
|
const selectedValue = selectedOption.value;
|
|
93025
92699
|
|
|
93026
|
-
if (this.
|
|
93027
|
-
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
|
+
}
|
|
93028
92715
|
}
|
|
93029
92716
|
}
|
|
93030
92717
|
|