@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.11 → 0.0.0-pr1514.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +97 -121
- package/components/combobox/demo/getting-started.min.js +97 -121
- package/components/combobox/demo/index.min.js +97 -121
- package/components/combobox/dist/index.js +96 -120
- package/components/combobox/dist/registered.js +96 -120
- package/components/counter/demo/customize.min.js +3 -11
- package/components/counter/demo/index.min.js +3 -11
- package/components/counter/dist/index.js +3 -11
- package/components/counter/dist/registered.js +3 -11
- package/components/datepicker/demo/customize.min.js +137 -249
- package/components/datepicker/demo/index.min.js +137 -249
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +137 -249
- package/components/datepicker/dist/registered.js +137 -249
- package/components/dropdown/demo/customize.min.js +1 -2
- package/components/dropdown/demo/getting-started.min.js +1 -2
- package/components/dropdown/demo/index.min.js +1 -2
- package/components/dropdown/dist/index.js +1 -2
- package/components/dropdown/dist/registered.js +1 -2
- package/components/form/demo/customize.min.js +396 -687
- package/components/form/demo/getting-started.min.js +396 -687
- package/components/form/demo/index.min.js +396 -687
- package/components/form/demo/registerDemoDeps.min.js +396 -687
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +93 -116
- package/components/input/demo/getting-started.min.js +93 -116
- package/components/input/demo/index.min.js +93 -116
- package/components/input/dist/base-input.d.ts +44 -33
- package/components/input/dist/index.js +94 -129
- package/components/input/dist/registered.js +93 -116
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +0 -86
- package/components/select/demo/customize.min.js +63 -187
- package/components/select/demo/getting-started.min.js +110 -189
- package/components/select/demo/index.min.js +63 -187
- package/components/select/demo/keyboard-behavior.md +4 -18
- package/components/select/dist/auro-select.d.ts +8 -20
- package/components/select/dist/index.js +63 -187
- package/components/select/dist/registered.js +63 -187
- package/custom-elements.json +276 -482
- package/package.json +1 -1
|
@@ -11497,13 +11497,6 @@ let AuroInputUtilities$3 = class AuroInputUtilities {
|
|
|
11497
11497
|
* @returns {string | undefined}
|
|
11498
11498
|
*/
|
|
11499
11499
|
toFormattedValue(valueObject, format) {
|
|
11500
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
11501
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
11502
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
11503
|
-
// as "no format → no display value".
|
|
11504
|
-
if (!format) {
|
|
11505
|
-
return undefined;
|
|
11506
|
-
}
|
|
11507
11500
|
const normalizedFormat = format.toLowerCase();
|
|
11508
11501
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
11509
11502
|
|
|
@@ -11654,18 +11647,79 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11654
11647
|
constructor() {
|
|
11655
11648
|
super();
|
|
11656
11649
|
|
|
11657
|
-
|
|
11658
|
-
|
|
11659
|
-
|
|
11660
|
-
|
|
11661
|
-
|
|
11662
|
-
|
|
11663
|
-
|
|
11664
|
-
|
|
11665
|
-
|
|
11666
|
-
|
|
11650
|
+
this.appearance = "default";
|
|
11651
|
+
this.disabled = false;
|
|
11652
|
+
this.layout = 'classic';
|
|
11653
|
+
this.locale = 'en-US';
|
|
11654
|
+
this.max = undefined;
|
|
11655
|
+
this._maxObject = undefined;
|
|
11656
|
+
this.maxLength = undefined;
|
|
11657
|
+
this.min = undefined;
|
|
11658
|
+
this._minObject = undefined;
|
|
11659
|
+
this.minLength = undefined;
|
|
11660
|
+
this.required = false;
|
|
11661
|
+
this.onDark = false;
|
|
11662
|
+
this.setCustomValidityForType = undefined;
|
|
11663
|
+
this.size = 'lg';
|
|
11664
|
+
this.shape = 'classic';
|
|
11665
|
+
this.value = undefined;
|
|
11666
|
+
this._valueObject = undefined;
|
|
11667
|
+
|
|
11668
|
+
this._initializePrivateDefaults();
|
|
11669
|
+
}
|
|
11670
|
+
|
|
11671
|
+
/**
|
|
11672
|
+
* Internal Defaults.
|
|
11673
|
+
* @private
|
|
11674
|
+
* @returns {void}
|
|
11675
|
+
*/
|
|
11676
|
+
_initializePrivateDefaults() {
|
|
11667
11677
|
this.activeLabel = false;
|
|
11668
|
-
|
|
11678
|
+
this.appearance = "default";
|
|
11679
|
+
this.icon = false;
|
|
11680
|
+
this.disabled = false;
|
|
11681
|
+
this.dvInputOnly = false;
|
|
11682
|
+
this.hideLabelVisually = false;
|
|
11683
|
+
this.max = undefined;
|
|
11684
|
+
this.maxLength = undefined;
|
|
11685
|
+
this.min = undefined;
|
|
11686
|
+
this.minLength = undefined;
|
|
11687
|
+
this.noValidate = false;
|
|
11688
|
+
this.onDark = false;
|
|
11689
|
+
this.required = false;
|
|
11690
|
+
this.setCustomValidityForType = undefined;
|
|
11691
|
+
|
|
11692
|
+
// Used for storing raw values returned from input mask.
|
|
11693
|
+
this._rawMaskValue = undefined;
|
|
11694
|
+
|
|
11695
|
+
/**
|
|
11696
|
+
* @private
|
|
11697
|
+
*/
|
|
11698
|
+
this.layout = 'classic';
|
|
11699
|
+
|
|
11700
|
+
/**
|
|
11701
|
+
* @private
|
|
11702
|
+
*/
|
|
11703
|
+
this.shape = 'classic';
|
|
11704
|
+
|
|
11705
|
+
/**
|
|
11706
|
+
* @private
|
|
11707
|
+
*/
|
|
11708
|
+
this.size = 'lg';
|
|
11709
|
+
|
|
11710
|
+
this.touched = false;
|
|
11711
|
+
this.util = new AuroInputUtilities$3({
|
|
11712
|
+
locale: "en-US",
|
|
11713
|
+
format: this.format
|
|
11714
|
+
});
|
|
11715
|
+
this.validation = new AuroFormValidation$7();
|
|
11716
|
+
this.inputIconName = undefined;
|
|
11717
|
+
this.showPassword = false;
|
|
11718
|
+
this.validationCCLength = undefined;
|
|
11719
|
+
this.hasValue = false;
|
|
11720
|
+
this.label = 'Input label is undefined';
|
|
11721
|
+
|
|
11722
|
+
|
|
11669
11723
|
this.allowedInputTypes = [
|
|
11670
11724
|
"text",
|
|
11671
11725
|
"number",
|
|
@@ -11674,8 +11728,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11674
11728
|
"credit-card",
|
|
11675
11729
|
"tel"
|
|
11676
11730
|
];
|
|
11677
|
-
this.
|
|
11678
|
-
/** @private */
|
|
11731
|
+
this.icon = false;
|
|
11679
11732
|
this.dateFormatMap = {
|
|
11680
11733
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
11681
11734
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -11692,57 +11745,27 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11692
11745
|
'dd/mm': 'dateDDMM',
|
|
11693
11746
|
'mm/dd': 'dateMMDD'
|
|
11694
11747
|
};
|
|
11695
|
-
this.disabled = false;
|
|
11696
|
-
/** @private */
|
|
11697
11748
|
this.domHandler = new DomHandler$3();
|
|
11698
11749
|
this.dvInputOnly = false;
|
|
11699
11750
|
this.hasValue = false;
|
|
11700
|
-
this.hideLabelVisually = false;
|
|
11701
|
-
this.icon = false;
|
|
11702
|
-
/** @private */
|
|
11703
11751
|
this.inputIconName = undefined;
|
|
11704
|
-
/** @private */
|
|
11705
11752
|
this.label = 'Input label is undefined';
|
|
11706
|
-
this.layout = 'classic';
|
|
11707
|
-
this.locale = 'en-US';
|
|
11708
|
-
this.max = undefined;
|
|
11709
|
-
this._maxObject = undefined;
|
|
11710
|
-
this.maxLength = undefined;
|
|
11711
|
-
this.min = undefined;
|
|
11712
|
-
this._minObject = undefined;
|
|
11713
|
-
this.minLength = undefined;
|
|
11714
11753
|
this.noValidate = false;
|
|
11715
|
-
this.
|
|
11716
|
-
// Raw values returned from the input mask before model normalization.
|
|
11717
|
-
this._rawMaskValue = undefined;
|
|
11718
|
-
this.required = false;
|
|
11719
|
-
this.setCustomValidityForType = undefined;
|
|
11720
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
11721
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
11722
|
-
/** @private */
|
|
11754
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
11723
11755
|
this.setSelectionInputTypes = [
|
|
11724
11756
|
"text",
|
|
11725
11757
|
"password",
|
|
11726
11758
|
"email"
|
|
11727
|
-
];
|
|
11728
|
-
this.shape = 'classic';
|
|
11729
|
-
/** @private */
|
|
11759
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
11730
11760
|
this.showPassword = false;
|
|
11731
|
-
this.size = 'lg';
|
|
11732
11761
|
this.touched = false;
|
|
11733
|
-
/** @private */
|
|
11734
11762
|
this.uniqueId = new UniqueId$2().create();
|
|
11735
|
-
/** @private */
|
|
11736
11763
|
this.util = new AuroInputUtilities$3({
|
|
11737
11764
|
locale: this.locale,
|
|
11738
11765
|
format: this.format
|
|
11739
11766
|
});
|
|
11740
|
-
/** @private */
|
|
11741
11767
|
this.validation = new AuroFormValidation$7();
|
|
11742
|
-
/** @private */
|
|
11743
11768
|
this.validationCCLength = undefined;
|
|
11744
|
-
this.value = undefined;
|
|
11745
|
-
this._valueObject = undefined;
|
|
11746
11769
|
}
|
|
11747
11770
|
|
|
11748
11771
|
// function to define props used within the scope of this component
|
|
@@ -12290,15 +12313,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
12290
12313
|
|
|
12291
12314
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
12292
12315
|
|
|
12293
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
12294
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
12295
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
12296
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
12297
|
-
// unset.
|
|
12298
|
-
if (this.format) {
|
|
12299
|
-
this.format = this.format.toLowerCase();
|
|
12300
|
-
}
|
|
12301
|
-
|
|
12302
12316
|
// use validity message override if declared when initializing the component
|
|
12303
12317
|
if (this.hasAttribute('setCustomValidity')) {
|
|
12304
12318
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -12732,38 +12746,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
12732
12746
|
this.touched = true;
|
|
12733
12747
|
this.validation.validate(this);
|
|
12734
12748
|
}
|
|
12735
|
-
|
|
12736
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
12737
|
-
// update that can re-render the input and reset the native cursor; we
|
|
12738
|
-
// capture the caret position before that update commits and restore it
|
|
12739
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
12740
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
12741
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
12742
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
12743
|
-
// on input types that don't support text selection (number, email in
|
|
12744
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
12745
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
12746
|
-
// the gated types currently support it, since the list is a public
|
|
12747
|
-
// property a consumer could mutate.
|
|
12748
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
12749
|
-
let selectionStart;
|
|
12750
|
-
try {
|
|
12751
|
-
selectionStart = this.inputElement.selectionStart;
|
|
12752
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
12753
|
-
return;
|
|
12754
|
-
}
|
|
12755
|
-
if (typeof selectionStart !== 'number') {
|
|
12756
|
-
return;
|
|
12757
|
-
}
|
|
12758
|
-
this.updateComplete.then(() => {
|
|
12759
|
-
try {
|
|
12760
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
12761
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
12762
|
-
// Some input types (number/email in certain UAs) throw on
|
|
12763
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
12764
|
-
}
|
|
12765
|
-
});
|
|
12766
|
-
}
|
|
12767
12749
|
}
|
|
12768
12750
|
|
|
12769
12751
|
/**
|
|
@@ -13390,7 +13372,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13390
13372
|
}
|
|
13391
13373
|
};
|
|
13392
13374
|
|
|
13393
|
-
var formkitVersion$8 = '
|
|
13375
|
+
var formkitVersion$8 = '202606291652';
|
|
13394
13376
|
|
|
13395
13377
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13396
13378
|
// See LICENSE in the project root for license information.
|
|
@@ -13893,7 +13875,6 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13893
13875
|
<${this.buttonTag}
|
|
13894
13876
|
@click="${this.handleClickShowPassword}"
|
|
13895
13877
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
13896
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
13897
13878
|
class="notificationBtn passwordBtn"
|
|
13898
13879
|
shape="circle"
|
|
13899
13880
|
size="sm"
|
|
@@ -13967,29 +13948,25 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13967
13948
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
13968
13949
|
*/
|
|
13969
13950
|
renderHtmlHelpText() {
|
|
13970
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
13971
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
13972
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
13973
|
-
// re-announce because the live-region element it was watching had been
|
|
13974
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
13975
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
13976
|
-
// observe and announce.
|
|
13977
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
13978
13951
|
return u$c`
|
|
13979
|
-
|
|
13980
|
-
|
|
13981
|
-
|
|
13982
|
-
|
|
13983
|
-
|
|
13984
|
-
|
|
13985
|
-
|
|
13986
|
-
|
|
13987
|
-
|
|
13988
|
-
|
|
13989
|
-
|
|
13990
|
-
|
|
13991
|
-
|
|
13992
|
-
|
|
13952
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
13953
|
+
? u$c`
|
|
13954
|
+
<${this.helpTextTag}
|
|
13955
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
13956
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
13957
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
13958
|
+
</p>
|
|
13959
|
+
</${this.helpTextTag}>
|
|
13960
|
+
`
|
|
13961
|
+
: u$c`
|
|
13962
|
+
<${this.helpTextTag} error
|
|
13963
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
13964
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
13965
|
+
${this.errorMessage}
|
|
13966
|
+
</p>
|
|
13967
|
+
</${this.helpTextTag}>
|
|
13968
|
+
`
|
|
13969
|
+
}
|
|
13993
13970
|
`;
|
|
13994
13971
|
}
|
|
13995
13972
|
|
|
@@ -24630,13 +24607,6 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
|
24630
24607
|
* @returns {string | undefined}
|
|
24631
24608
|
*/
|
|
24632
24609
|
toFormattedValue(valueObject, format) {
|
|
24633
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
24634
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
24635
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
24636
|
-
// as "no format → no display value".
|
|
24637
|
-
if (!format) {
|
|
24638
|
-
return undefined;
|
|
24639
|
-
}
|
|
24640
24610
|
const normalizedFormat = format.toLowerCase();
|
|
24641
24611
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
24642
24612
|
|
|
@@ -24896,9 +24866,9 @@ var snowflakeStyle = i$6`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
24896
24866
|
|
|
24897
24867
|
var snowflakeColors = i$6`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
24898
24868
|
|
|
24899
|
-
var styleCss$7$1 = i$6`.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}`;
|
|
24869
|
+
var styleCss$7$1 = i$6`.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}`;
|
|
24900
24870
|
|
|
24901
|
-
var colorCss$7$1 = i$6`.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
|
|
24871
|
+
var colorCss$7$1 = i$6`.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)}}`;
|
|
24902
24872
|
|
|
24903
24873
|
var styleCss$6$1 = i$6`: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)}`;
|
|
24904
24874
|
|
|
@@ -27249,7 +27219,7 @@ class CalendarUtilities {
|
|
|
27249
27219
|
|
|
27250
27220
|
var colorCss$4$2 = i$6`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
27251
27221
|
|
|
27252
|
-
var styleCss$4$3 = i$6`#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)}`;
|
|
27222
|
+
var styleCss$4$3 = i$6`#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)}`;
|
|
27253
27223
|
|
|
27254
27224
|
var tokenCss$4 = i$6`: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)}`;
|
|
27255
27225
|
|
|
@@ -27644,7 +27614,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27644
27614
|
}
|
|
27645
27615
|
};
|
|
27646
27616
|
|
|
27647
|
-
var formkitVersion$2$1 = '
|
|
27617
|
+
var formkitVersion$2$1 = '202606291652';
|
|
27648
27618
|
|
|
27649
27619
|
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$2`${s$3(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$6`: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}
|
|
27650
27620
|
`,u$4$2=i$6`.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}}
|
|
@@ -27750,10 +27720,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27750
27720
|
this.activeCellDate = null;
|
|
27751
27721
|
|
|
27752
27722
|
/**
|
|
27753
|
-
* Cached reference to the active cell host
|
|
27754
|
-
*
|
|
27755
|
-
* or missing). Lets scrollToActiveCell skip a full cell scan on each
|
|
27756
|
-
* arrow key.
|
|
27723
|
+
* Cached reference to the active cell host, set by setActiveCell.
|
|
27724
|
+
* Lets scrollToActiveCell skip a full cell scan on each arrow key.
|
|
27757
27725
|
* @private
|
|
27758
27726
|
*/
|
|
27759
27727
|
this._activeCell = null;
|
|
@@ -28729,9 +28697,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28729
28697
|
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
28730
28698
|
}
|
|
28731
28699
|
}
|
|
28732
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
28733
|
-
// activated cell is what gets scrolled into view.
|
|
28734
|
-
this.scrollToActiveCell();
|
|
28735
28700
|
// Re-focus grid wrapper after month change re-render
|
|
28736
28701
|
this.focusActiveCell();
|
|
28737
28702
|
});
|
|
@@ -28772,9 +28737,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28772
28737
|
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
28773
28738
|
}
|
|
28774
28739
|
}
|
|
28775
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
28776
|
-
// activated cell is what gets scrolled into view.
|
|
28777
|
-
this.scrollToActiveCell();
|
|
28778
28740
|
this.focusActiveCell();
|
|
28779
28741
|
});
|
|
28780
28742
|
}
|
|
@@ -28809,8 +28771,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28809
28771
|
const targetCell = allCells[targetIndex];
|
|
28810
28772
|
this.setActiveCell(targetCell.day.date);
|
|
28811
28773
|
this.scrollToActiveCell();
|
|
28812
|
-
// Match the cross-month branches: keep DOM focus on the grid wrapper
|
|
28813
|
-
// so subsequent arrow keys continue to land on this handler.
|
|
28814
28774
|
this.focusActiveCell();
|
|
28815
28775
|
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
28816
28776
|
// Navigate to next month and focus the computed next date.
|
|
@@ -28832,6 +28792,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28832
28792
|
const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
|
|
28833
28793
|
if (target) {
|
|
28834
28794
|
this.setActiveCell(target.day.date);
|
|
28795
|
+
this.focusActiveCell();
|
|
28835
28796
|
} else {
|
|
28836
28797
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
28837
28798
|
// `cells[length - 1]` would land on the end of the new month,
|
|
@@ -28839,10 +28800,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28839
28800
|
const fallback = this.pickNearestCell(cells, nextTs, 'next');
|
|
28840
28801
|
if (fallback) {
|
|
28841
28802
|
this.setActiveCell(fallback.day.date);
|
|
28803
|
+
this.focusActiveCell();
|
|
28842
28804
|
}
|
|
28843
28805
|
}
|
|
28844
|
-
this.scrollToActiveCell();
|
|
28845
|
-
this.focusActiveCell();
|
|
28846
28806
|
});
|
|
28847
28807
|
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
28848
28808
|
// Navigate to previous month and focus the computed previous date.
|
|
@@ -28861,6 +28821,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28861
28821
|
const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
|
|
28862
28822
|
if (target) {
|
|
28863
28823
|
this.setActiveCell(target.day.date);
|
|
28824
|
+
this.focusActiveCell();
|
|
28864
28825
|
} else {
|
|
28865
28826
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
28866
28827
|
// `cells[0]` would land on the start of the previous month, far
|
|
@@ -28868,10 +28829,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28868
28829
|
const fallback = this.pickNearestCell(cells, prevTs, 'prev');
|
|
28869
28830
|
if (fallback) {
|
|
28870
28831
|
this.setActiveCell(fallback.day.date);
|
|
28832
|
+
this.focusActiveCell();
|
|
28871
28833
|
}
|
|
28872
28834
|
}
|
|
28873
|
-
this.scrollToActiveCell();
|
|
28874
|
-
this.focusActiveCell();
|
|
28875
28835
|
});
|
|
28876
28836
|
}
|
|
28877
28837
|
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
@@ -28904,6 +28864,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28904
28864
|
const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
|
|
28905
28865
|
if (target) {
|
|
28906
28866
|
this.setActiveCell(target.day.date);
|
|
28867
|
+
this.focusActiveCell();
|
|
28907
28868
|
} else {
|
|
28908
28869
|
// Same nearest-by-date fallback handleGridKeyDown uses — the
|
|
28909
28870
|
// old direction-based `cells[0]`/`cells[length-1]` clamp
|
|
@@ -28911,10 +28872,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28911
28872
|
const nearest = this.pickNearestCell(cells, targetDate, navDirection);
|
|
28912
28873
|
if (nearest) {
|
|
28913
28874
|
this.setActiveCell(nearest.day.date);
|
|
28875
|
+
this.focusActiveCell();
|
|
28914
28876
|
}
|
|
28915
28877
|
}
|
|
28916
|
-
this.scrollToActiveCell();
|
|
28917
|
-
this.focusActiveCell();
|
|
28918
28878
|
});
|
|
28919
28879
|
}
|
|
28920
28880
|
}
|
|
@@ -29115,28 +29075,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29115
29075
|
}
|
|
29116
29076
|
|
|
29117
29077
|
/**
|
|
29118
|
-
* Scrolls the calendar
|
|
29119
|
-
*
|
|
29120
|
-
*
|
|
29121
|
-
*
|
|
29122
|
-
*
|
|
29123
|
-
* ancestor's viewport. Native `scrollIntoView` is not used because the
|
|
29124
|
-
* cell sits inside multiple nested scroll containers (the dropdown bib's
|
|
29125
|
-
* `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
|
|
29126
|
-
* scrolls one of them on its own, leaving the cell short of the
|
|
29127
|
-
* viewport in mobile fullscreen.
|
|
29128
|
-
*
|
|
29129
|
-
* Uses `behavior: 'auto'` (the spec's universally-supported non-animated
|
|
29130
|
-
* value) so each `scrollBy` resolves synchronously and the next
|
|
29131
|
-
* iteration's `getBoundingClientRect` reads post-scroll positions
|
|
29132
|
-
* accurately. This also satisfies `prefers-reduced-motion` users — the
|
|
29133
|
-
* scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
|
|
29134
|
-
* is effectively instant.
|
|
29135
|
-
*
|
|
29136
|
-
* The active cell is looked up from the cache populated by
|
|
29137
|
-
* `setActiveCell`. On a cache miss (stale or absent) the cache is
|
|
29138
|
-
* refreshed from a single full scan so subsequent calls stay on the
|
|
29139
|
-
* fast path.
|
|
29078
|
+
* Scrolls the calendar to ensure the active cell is visible.
|
|
29079
|
+
* Targets the cell itself (not its month) so that same-month vertical
|
|
29080
|
+
* navigation in mobile fullscreen — where a single month can exceed the
|
|
29081
|
+
* viewport height — scrolls to the target row. `block: 'nearest'` is a
|
|
29082
|
+
* no-op when the cell is already in view, preserving desktop behavior.
|
|
29140
29083
|
* @private
|
|
29141
29084
|
* @returns {void}
|
|
29142
29085
|
*/
|
|
@@ -29148,67 +29091,20 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29148
29091
|
// Prefer the cell cached by setActiveCell so arrow-key navigation does
|
|
29149
29092
|
// not rebuild the full cell list on every keypress. Fall back to a
|
|
29150
29093
|
// lookup when the cache is stale (e.g. detached after month re-render)
|
|
29151
|
-
// or absent (scrollToActiveCell called without a prior setActiveCell)
|
|
29152
|
-
// refresh the cache on the fallback path so a subsequent call reuses it.
|
|
29094
|
+
// or absent (scrollToActiveCell called without a prior setActiveCell).
|
|
29153
29095
|
const activeDate = this.activeCellDate;
|
|
29154
29096
|
const cached = this._activeCell;
|
|
29155
29097
|
const cacheFresh = cached && cached.isConnected && cached.day && cached.day.date === activeDate;
|
|
29156
|
-
|
|
29157
|
-
if (cacheFresh) {
|
|
29158
|
-
activeCell = cached;
|
|
29159
|
-
} else {
|
|
29160
|
-
activeCell = this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
29161
|
-
this._activeCell = activeCell || null;
|
|
29162
|
-
}
|
|
29098
|
+
const activeCell = cacheFresh ? cached : this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
29163
29099
|
if (!activeCell) {
|
|
29164
29100
|
return;
|
|
29165
29101
|
}
|
|
29166
29102
|
|
|
29167
|
-
|
|
29168
|
-
|
|
29169
|
-
|
|
29170
|
-
|
|
29171
|
-
|
|
29172
|
-
activeCell;
|
|
29173
|
-
|
|
29174
|
-
// parentNode follows the authored DOM tree and steps over shadow roots
|
|
29175
|
-
// via slot projection. A slotted element's visual parent is its
|
|
29176
|
-
// assignedSlot's parent (inside the host's shadow tree), not the host
|
|
29177
|
-
// itself. Without this hop, the walk skips right past #bodyContainer
|
|
29178
|
-
// and <dialog> and finds no scrollable ancestor at all.
|
|
29179
|
-
const flatParent = (current) => {
|
|
29180
|
-
if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
29181
|
-
return current.host || null;
|
|
29182
|
-
}
|
|
29183
|
-
if (current.assignedSlot) {
|
|
29184
|
-
return current.assignedSlot.parentNode;
|
|
29185
|
-
}
|
|
29186
|
-
return current.parentNode;
|
|
29187
|
-
};
|
|
29188
|
-
|
|
29189
|
-
let node = flatParent(target);
|
|
29190
|
-
while (node && node !== document && node !== window) {
|
|
29191
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
29192
|
-
const { overflowY } = window.getComputedStyle(node);
|
|
29193
|
-
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
29194
|
-
const targetRect = target.getBoundingClientRect();
|
|
29195
|
-
const scrollerRect = node.getBoundingClientRect();
|
|
29196
|
-
let delta = 0;
|
|
29197
|
-
if (targetRect.top < scrollerRect.top) {
|
|
29198
|
-
delta = targetRect.top - scrollerRect.top;
|
|
29199
|
-
} else if (targetRect.bottom > scrollerRect.bottom) {
|
|
29200
|
-
delta = targetRect.bottom - scrollerRect.bottom;
|
|
29201
|
-
}
|
|
29202
|
-
if (delta !== 0) {
|
|
29203
|
-
node.scrollBy({
|
|
29204
|
-
top: delta,
|
|
29205
|
-
behavior: 'auto'
|
|
29206
|
-
});
|
|
29207
|
-
}
|
|
29208
|
-
}
|
|
29209
|
-
}
|
|
29210
|
-
node = flatParent(node);
|
|
29211
|
-
}
|
|
29103
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
29104
|
+
activeCell.scrollIntoView({
|
|
29105
|
+
block: 'nearest',
|
|
29106
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
29107
|
+
});
|
|
29212
29108
|
}
|
|
29213
29109
|
|
|
29214
29110
|
/**
|
|
@@ -29498,7 +29394,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29498
29394
|
</div>
|
|
29499
29395
|
</div>
|
|
29500
29396
|
|
|
29501
|
-
<div class="calendarWrapper">
|
|
29397
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
29502
29398
|
<div class="calendarNavButtons">
|
|
29503
29399
|
${this.showPrevMonthBtn ? u$c`
|
|
29504
29400
|
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
@@ -33396,7 +33292,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33396
33292
|
}
|
|
33397
33293
|
};
|
|
33398
33294
|
|
|
33399
|
-
var formkitVersion$1$3 = '
|
|
33295
|
+
var formkitVersion$1$3 = '202606291652';
|
|
33400
33296
|
|
|
33401
33297
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33402
33298
|
static get properties() {
|
|
@@ -34668,7 +34564,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34668
34564
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
34669
34565
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
34670
34566
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
34671
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
34672
34567
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
34673
34568
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
34674
34569
|
@focusin="${this.handleFocusin}"
|
|
@@ -45115,13 +45010,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
45115
45010
|
* @returns {string | undefined}
|
|
45116
45011
|
*/
|
|
45117
45012
|
toFormattedValue(valueObject, format) {
|
|
45118
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
45119
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
45120
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
45121
|
-
// as "no format → no display value".
|
|
45122
|
-
if (!format) {
|
|
45123
|
-
return undefined;
|
|
45124
|
-
}
|
|
45125
45013
|
const normalizedFormat = format.toLowerCase();
|
|
45126
45014
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
45127
45015
|
|
|
@@ -45272,18 +45160,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45272
45160
|
constructor() {
|
|
45273
45161
|
super();
|
|
45274
45162
|
|
|
45275
|
-
|
|
45276
|
-
|
|
45277
|
-
|
|
45278
|
-
|
|
45279
|
-
|
|
45280
|
-
|
|
45281
|
-
|
|
45282
|
-
|
|
45283
|
-
|
|
45284
|
-
|
|
45163
|
+
this.appearance = "default";
|
|
45164
|
+
this.disabled = false;
|
|
45165
|
+
this.layout = 'classic';
|
|
45166
|
+
this.locale = 'en-US';
|
|
45167
|
+
this.max = undefined;
|
|
45168
|
+
this._maxObject = undefined;
|
|
45169
|
+
this.maxLength = undefined;
|
|
45170
|
+
this.min = undefined;
|
|
45171
|
+
this._minObject = undefined;
|
|
45172
|
+
this.minLength = undefined;
|
|
45173
|
+
this.required = false;
|
|
45174
|
+
this.onDark = false;
|
|
45175
|
+
this.setCustomValidityForType = undefined;
|
|
45176
|
+
this.size = 'lg';
|
|
45177
|
+
this.shape = 'classic';
|
|
45178
|
+
this.value = undefined;
|
|
45179
|
+
this._valueObject = undefined;
|
|
45180
|
+
|
|
45181
|
+
this._initializePrivateDefaults();
|
|
45182
|
+
}
|
|
45183
|
+
|
|
45184
|
+
/**
|
|
45185
|
+
* Internal Defaults.
|
|
45186
|
+
* @private
|
|
45187
|
+
* @returns {void}
|
|
45188
|
+
*/
|
|
45189
|
+
_initializePrivateDefaults() {
|
|
45285
45190
|
this.activeLabel = false;
|
|
45286
|
-
|
|
45191
|
+
this.appearance = "default";
|
|
45192
|
+
this.icon = false;
|
|
45193
|
+
this.disabled = false;
|
|
45194
|
+
this.dvInputOnly = false;
|
|
45195
|
+
this.hideLabelVisually = false;
|
|
45196
|
+
this.max = undefined;
|
|
45197
|
+
this.maxLength = undefined;
|
|
45198
|
+
this.min = undefined;
|
|
45199
|
+
this.minLength = undefined;
|
|
45200
|
+
this.noValidate = false;
|
|
45201
|
+
this.onDark = false;
|
|
45202
|
+
this.required = false;
|
|
45203
|
+
this.setCustomValidityForType = undefined;
|
|
45204
|
+
|
|
45205
|
+
// Used for storing raw values returned from input mask.
|
|
45206
|
+
this._rawMaskValue = undefined;
|
|
45207
|
+
|
|
45208
|
+
/**
|
|
45209
|
+
* @private
|
|
45210
|
+
*/
|
|
45211
|
+
this.layout = 'classic';
|
|
45212
|
+
|
|
45213
|
+
/**
|
|
45214
|
+
* @private
|
|
45215
|
+
*/
|
|
45216
|
+
this.shape = 'classic';
|
|
45217
|
+
|
|
45218
|
+
/**
|
|
45219
|
+
* @private
|
|
45220
|
+
*/
|
|
45221
|
+
this.size = 'lg';
|
|
45222
|
+
|
|
45223
|
+
this.touched = false;
|
|
45224
|
+
this.util = new AuroInputUtilities$2({
|
|
45225
|
+
locale: "en-US",
|
|
45226
|
+
format: this.format
|
|
45227
|
+
});
|
|
45228
|
+
this.validation = new AuroFormValidation$6();
|
|
45229
|
+
this.inputIconName = undefined;
|
|
45230
|
+
this.showPassword = false;
|
|
45231
|
+
this.validationCCLength = undefined;
|
|
45232
|
+
this.hasValue = false;
|
|
45233
|
+
this.label = 'Input label is undefined';
|
|
45234
|
+
|
|
45235
|
+
|
|
45287
45236
|
this.allowedInputTypes = [
|
|
45288
45237
|
"text",
|
|
45289
45238
|
"number",
|
|
@@ -45292,8 +45241,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45292
45241
|
"credit-card",
|
|
45293
45242
|
"tel"
|
|
45294
45243
|
];
|
|
45295
|
-
this.
|
|
45296
|
-
/** @private */
|
|
45244
|
+
this.icon = false;
|
|
45297
45245
|
this.dateFormatMap = {
|
|
45298
45246
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
45299
45247
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -45310,57 +45258,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45310
45258
|
'dd/mm': 'dateDDMM',
|
|
45311
45259
|
'mm/dd': 'dateMMDD'
|
|
45312
45260
|
};
|
|
45313
|
-
this.disabled = false;
|
|
45314
|
-
/** @private */
|
|
45315
45261
|
this.domHandler = new DomHandler$2();
|
|
45316
45262
|
this.dvInputOnly = false;
|
|
45317
45263
|
this.hasValue = false;
|
|
45318
|
-
this.hideLabelVisually = false;
|
|
45319
|
-
this.icon = false;
|
|
45320
|
-
/** @private */
|
|
45321
45264
|
this.inputIconName = undefined;
|
|
45322
|
-
/** @private */
|
|
45323
45265
|
this.label = 'Input label is undefined';
|
|
45324
|
-
this.layout = 'classic';
|
|
45325
|
-
this.locale = 'en-US';
|
|
45326
|
-
this.max = undefined;
|
|
45327
|
-
this._maxObject = undefined;
|
|
45328
|
-
this.maxLength = undefined;
|
|
45329
|
-
this.min = undefined;
|
|
45330
|
-
this._minObject = undefined;
|
|
45331
|
-
this.minLength = undefined;
|
|
45332
45266
|
this.noValidate = false;
|
|
45333
|
-
this.
|
|
45334
|
-
// Raw values returned from the input mask before model normalization.
|
|
45335
|
-
this._rawMaskValue = undefined;
|
|
45336
|
-
this.required = false;
|
|
45337
|
-
this.setCustomValidityForType = undefined;
|
|
45338
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
45339
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
45340
|
-
/** @private */
|
|
45267
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
45341
45268
|
this.setSelectionInputTypes = [
|
|
45342
45269
|
"text",
|
|
45343
45270
|
"password",
|
|
45344
45271
|
"email"
|
|
45345
|
-
];
|
|
45346
|
-
this.shape = 'classic';
|
|
45347
|
-
/** @private */
|
|
45272
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
45348
45273
|
this.showPassword = false;
|
|
45349
|
-
this.size = 'lg';
|
|
45350
45274
|
this.touched = false;
|
|
45351
|
-
/** @private */
|
|
45352
45275
|
this.uniqueId = new UniqueId$1().create();
|
|
45353
|
-
/** @private */
|
|
45354
45276
|
this.util = new AuroInputUtilities$2({
|
|
45355
45277
|
locale: this.locale,
|
|
45356
45278
|
format: this.format
|
|
45357
45279
|
});
|
|
45358
|
-
/** @private */
|
|
45359
45280
|
this.validation = new AuroFormValidation$6();
|
|
45360
|
-
/** @private */
|
|
45361
45281
|
this.validationCCLength = undefined;
|
|
45362
|
-
this.value = undefined;
|
|
45363
|
-
this._valueObject = undefined;
|
|
45364
45282
|
}
|
|
45365
45283
|
|
|
45366
45284
|
// function to define props used within the scope of this component
|
|
@@ -45908,15 +45826,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45908
45826
|
|
|
45909
45827
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
45910
45828
|
|
|
45911
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
45912
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
45913
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
45914
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
45915
|
-
// unset.
|
|
45916
|
-
if (this.format) {
|
|
45917
|
-
this.format = this.format.toLowerCase();
|
|
45918
|
-
}
|
|
45919
|
-
|
|
45920
45829
|
// use validity message override if declared when initializing the component
|
|
45921
45830
|
if (this.hasAttribute('setCustomValidity')) {
|
|
45922
45831
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -46350,38 +46259,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
46350
46259
|
this.touched = true;
|
|
46351
46260
|
this.validation.validate(this);
|
|
46352
46261
|
}
|
|
46353
|
-
|
|
46354
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
46355
|
-
// update that can re-render the input and reset the native cursor; we
|
|
46356
|
-
// capture the caret position before that update commits and restore it
|
|
46357
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
46358
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
46359
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
46360
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
46361
|
-
// on input types that don't support text selection (number, email in
|
|
46362
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
46363
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
46364
|
-
// the gated types currently support it, since the list is a public
|
|
46365
|
-
// property a consumer could mutate.
|
|
46366
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
46367
|
-
let selectionStart;
|
|
46368
|
-
try {
|
|
46369
|
-
selectionStart = this.inputElement.selectionStart;
|
|
46370
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
46371
|
-
return;
|
|
46372
|
-
}
|
|
46373
|
-
if (typeof selectionStart !== 'number') {
|
|
46374
|
-
return;
|
|
46375
|
-
}
|
|
46376
|
-
this.updateComplete.then(() => {
|
|
46377
|
-
try {
|
|
46378
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
46379
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
46380
|
-
// Some input types (number/email in certain UAs) throw on
|
|
46381
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
46382
|
-
}
|
|
46383
|
-
});
|
|
46384
|
-
}
|
|
46385
46262
|
}
|
|
46386
46263
|
|
|
46387
46264
|
/**
|
|
@@ -47008,7 +46885,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47008
46885
|
}
|
|
47009
46886
|
};
|
|
47010
46887
|
|
|
47011
|
-
var formkitVersion$7 = '
|
|
46888
|
+
var formkitVersion$7 = '202606291652';
|
|
47012
46889
|
|
|
47013
46890
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47014
46891
|
// See LICENSE in the project root for license information.
|
|
@@ -47511,7 +47388,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47511
47388
|
<${this.buttonTag}
|
|
47512
47389
|
@click="${this.handleClickShowPassword}"
|
|
47513
47390
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
47514
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
47515
47391
|
class="notificationBtn passwordBtn"
|
|
47516
47392
|
shape="circle"
|
|
47517
47393
|
size="sm"
|
|
@@ -47585,29 +47461,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47585
47461
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
47586
47462
|
*/
|
|
47587
47463
|
renderHtmlHelpText() {
|
|
47588
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
47589
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
47590
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
47591
|
-
// re-announce because the live-region element it was watching had been
|
|
47592
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
47593
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
47594
|
-
// observe and announce.
|
|
47595
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
47596
47464
|
return u$c`
|
|
47597
|
-
|
|
47598
|
-
|
|
47599
|
-
|
|
47600
|
-
|
|
47601
|
-
|
|
47602
|
-
|
|
47603
|
-
|
|
47604
|
-
|
|
47605
|
-
|
|
47606
|
-
|
|
47607
|
-
|
|
47608
|
-
|
|
47609
|
-
|
|
47610
|
-
|
|
47465
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
47466
|
+
? u$c`
|
|
47467
|
+
<${this.helpTextTag}
|
|
47468
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
47469
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
47470
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
47471
|
+
</p>
|
|
47472
|
+
</${this.helpTextTag}>
|
|
47473
|
+
`
|
|
47474
|
+
: u$c`
|
|
47475
|
+
<${this.helpTextTag} error
|
|
47476
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
47477
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
47478
|
+
${this.errorMessage}
|
|
47479
|
+
</p>
|
|
47480
|
+
</${this.helpTextTag}>
|
|
47481
|
+
`
|
|
47482
|
+
}
|
|
47611
47483
|
`;
|
|
47612
47484
|
}
|
|
47613
47485
|
|
|
@@ -47754,15 +47626,6 @@ function formatISODate(isoStr, format) {
|
|
|
47754
47626
|
try {
|
|
47755
47627
|
const date = dateFormatter$2.stringToDateInstance(isoStr);
|
|
47756
47628
|
|
|
47757
|
-
// `stringToDateInstance` returns an `Invalid Date` for malformed strings
|
|
47758
|
-
// and `null` for non-string input — it does NOT throw. Without this
|
|
47759
|
-
// guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
|
|
47760
|
-
// yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
|
|
47761
|
-
// like "0NaN/0NaN/0NaN" instead of `undefined`.
|
|
47762
|
-
if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
|
|
47763
|
-
return undefined;
|
|
47764
|
-
}
|
|
47765
|
-
|
|
47766
47629
|
const year = String(date.getFullYear()).padStart(4, '0');
|
|
47767
47630
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
47768
47631
|
const day = String(date.getDate()).padStart(2, '0');
|
|
@@ -47773,10 +47636,7 @@ function formatISODate(isoStr, format) {
|
|
|
47773
47636
|
replace(/mm/iu, month).
|
|
47774
47637
|
replace(/dd/iu, day);
|
|
47775
47638
|
} catch (err) {
|
|
47776
|
-
//
|
|
47777
|
-
// (inside `stringToDateInstance`) could throw on pathological input
|
|
47778
|
-
// future-library-versions might introduce. Treat any thrown error as
|
|
47779
|
-
// "not a valid date" and return undefined.
|
|
47639
|
+
// If the input string is not a valid date, return undefined
|
|
47780
47640
|
return undefined;
|
|
47781
47641
|
}
|
|
47782
47642
|
}
|
|
@@ -49485,14 +49345,11 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49485
49345
|
this.calendar.announceSelection(announcement);
|
|
49486
49346
|
}, 500);
|
|
49487
49347
|
|
|
49488
|
-
// On mobile fullscreen
|
|
49489
|
-
//
|
|
49490
|
-
//
|
|
49491
|
-
|
|
49492
|
-
// would happen if we tried to scroll before the cell was set.
|
|
49493
|
-
if (this.dropdown.isBibFullscreen || this.forceScrollOnNextMobileCalendarRender) {
|
|
49348
|
+
// On mobile fullscreen, scroll the month list so the active cell's
|
|
49349
|
+
// month is visible. Without this, the list stays scrolled to the
|
|
49350
|
+
// calendarStartDate month which may be far from the active cell.
|
|
49351
|
+
if (this.dropdown.isBibFullscreen) {
|
|
49494
49352
|
this.calendar.scrollToActiveCell();
|
|
49495
|
-
this.forceScrollOnNextMobileCalendarRender = false;
|
|
49496
49353
|
}
|
|
49497
49354
|
} else if (attempts < MAX_ATTEMPTS) {
|
|
49498
49355
|
requestAnimationFrame(tryFocus);
|
|
@@ -49616,10 +49473,18 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49616
49473
|
}
|
|
49617
49474
|
}
|
|
49618
49475
|
|
|
49619
|
-
//
|
|
49620
|
-
|
|
49621
|
-
|
|
49622
|
-
|
|
49476
|
+
// If on mobile, and the calendar is opened, scroll the focus date into view if the flag is set
|
|
49477
|
+
if (this.dropdown.isPopoverVisible && this.forceScrollOnNextMobileCalendarRender) {
|
|
49478
|
+
|
|
49479
|
+
// Since the calendar is not rendered until the dropdown is opened,
|
|
49480
|
+
// and the auroDropdown-toggled event fires before the popover is actually open,
|
|
49481
|
+
// we need to wait until the next frame to ensure the calendar is fully rendered
|
|
49482
|
+
// and the area we're trying to scroll to is present in the DOM.
|
|
49483
|
+
setTimeout(() => {
|
|
49484
|
+
this.calendar.scrollMonthIntoView(this.calendarFocusDate);
|
|
49485
|
+
this.forceScrollOnNextMobileCalendarRender = false;
|
|
49486
|
+
}, 0);
|
|
49487
|
+
}
|
|
49623
49488
|
}, { signal });
|
|
49624
49489
|
|
|
49625
49490
|
// Handle responsive strategy changes while the dropdown is open
|
|
@@ -51875,7 +51740,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
51875
51740
|
}
|
|
51876
51741
|
};
|
|
51877
51742
|
|
|
51878
|
-
var formkitVersion$1$2 = '
|
|
51743
|
+
var formkitVersion$1$2 = '202606291652';
|
|
51879
51744
|
|
|
51880
51745
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51881
51746
|
// See LICENSE in the project root for license information.
|
|
@@ -56203,7 +56068,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56203
56068
|
}
|
|
56204
56069
|
};
|
|
56205
56070
|
|
|
56206
|
-
var formkitVersion$6 = '
|
|
56071
|
+
var formkitVersion$6 = '202606291652';
|
|
56207
56072
|
|
|
56208
56073
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56209
56074
|
static get properties() {
|
|
@@ -57475,7 +57340,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57475
57340
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
57476
57341
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
57477
57342
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
57478
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
57479
57343
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
57480
57344
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
57481
57345
|
@focusin="${this.handleFocusin}"
|
|
@@ -57602,7 +57466,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57602
57466
|
|
|
57603
57467
|
var colorCss$1$6 = i$6`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
57604
57468
|
|
|
57605
|
-
var styleCss$1$6 = i$6`#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)}`;
|
|
57469
|
+
var styleCss$1$6 = i$6`#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)}`;
|
|
57606
57470
|
|
|
57607
57471
|
var tokenCss$3 = i$6`: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)}`;
|
|
57608
57472
|
|
|
@@ -58608,13 +58472,6 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
58608
58472
|
*/
|
|
58609
58473
|
configureDropdownCounters() {
|
|
58610
58474
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
58611
|
-
|
|
58612
|
-
// Counter rows are slotted into the bib through multiple shadow roots
|
|
58613
|
-
// (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
|
|
58614
|
-
// `:focus-within` focus-loss check fails to match the dropdown host in Chromium
|
|
58615
|
-
// and the bib auto-closes immediately after opening. Mirrors auro-select.
|
|
58616
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
58617
|
-
|
|
58618
58475
|
this.dropdown.requestUpdate();
|
|
58619
58476
|
|
|
58620
58477
|
const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
|
|
@@ -60151,7 +60008,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60151
60008
|
}
|
|
60152
60009
|
};
|
|
60153
60010
|
|
|
60154
|
-
var formkitVersion$5 = '
|
|
60011
|
+
var formkitVersion$5 = '202606291652';
|
|
60155
60012
|
|
|
60156
60013
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60157
60014
|
// See LICENSE in the project root for license information.
|
|
@@ -61901,7 +61758,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
61901
61758
|
}
|
|
61902
61759
|
};
|
|
61903
61760
|
|
|
61904
|
-
var formkitVersion$4 = '
|
|
61761
|
+
var formkitVersion$4 = '202606291652';
|
|
61905
61762
|
|
|
61906
61763
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61907
61764
|
// See LICENSE in the project root for license information.
|
|
@@ -67116,7 +66973,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67116
66973
|
}
|
|
67117
66974
|
};
|
|
67118
66975
|
|
|
67119
|
-
var formkitVersion$2 = '
|
|
66976
|
+
var formkitVersion$2 = '202606291652';
|
|
67120
66977
|
|
|
67121
66978
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67122
66979
|
static get properties() {
|
|
@@ -68388,7 +68245,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68388
68245
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
68389
68246
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
68390
68247
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
68391
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
68392
68248
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
68393
68249
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
68394
68250
|
@focusin="${this.handleFocusin}"
|
|
@@ -78835,13 +78691,6 @@ class AuroInputUtilities {
|
|
|
78835
78691
|
* @returns {string | undefined}
|
|
78836
78692
|
*/
|
|
78837
78693
|
toFormattedValue(valueObject, format) {
|
|
78838
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
78839
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
78840
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
78841
|
-
// as "no format → no display value".
|
|
78842
|
-
if (!format) {
|
|
78843
|
-
return undefined;
|
|
78844
|
-
}
|
|
78845
78694
|
const normalizedFormat = format.toLowerCase();
|
|
78846
78695
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
78847
78696
|
|
|
@@ -78992,18 +78841,79 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78992
78841
|
constructor() {
|
|
78993
78842
|
super();
|
|
78994
78843
|
|
|
78995
|
-
|
|
78996
|
-
|
|
78997
|
-
|
|
78998
|
-
|
|
78999
|
-
|
|
79000
|
-
|
|
79001
|
-
|
|
79002
|
-
|
|
79003
|
-
|
|
79004
|
-
|
|
78844
|
+
this.appearance = "default";
|
|
78845
|
+
this.disabled = false;
|
|
78846
|
+
this.layout = 'classic';
|
|
78847
|
+
this.locale = 'en-US';
|
|
78848
|
+
this.max = undefined;
|
|
78849
|
+
this._maxObject = undefined;
|
|
78850
|
+
this.maxLength = undefined;
|
|
78851
|
+
this.min = undefined;
|
|
78852
|
+
this._minObject = undefined;
|
|
78853
|
+
this.minLength = undefined;
|
|
78854
|
+
this.required = false;
|
|
78855
|
+
this.onDark = false;
|
|
78856
|
+
this.setCustomValidityForType = undefined;
|
|
78857
|
+
this.size = 'lg';
|
|
78858
|
+
this.shape = 'classic';
|
|
78859
|
+
this.value = undefined;
|
|
78860
|
+
this._valueObject = undefined;
|
|
78861
|
+
|
|
78862
|
+
this._initializePrivateDefaults();
|
|
78863
|
+
}
|
|
78864
|
+
|
|
78865
|
+
/**
|
|
78866
|
+
* Internal Defaults.
|
|
78867
|
+
* @private
|
|
78868
|
+
* @returns {void}
|
|
78869
|
+
*/
|
|
78870
|
+
_initializePrivateDefaults() {
|
|
79005
78871
|
this.activeLabel = false;
|
|
79006
|
-
|
|
78872
|
+
this.appearance = "default";
|
|
78873
|
+
this.icon = false;
|
|
78874
|
+
this.disabled = false;
|
|
78875
|
+
this.dvInputOnly = false;
|
|
78876
|
+
this.hideLabelVisually = false;
|
|
78877
|
+
this.max = undefined;
|
|
78878
|
+
this.maxLength = undefined;
|
|
78879
|
+
this.min = undefined;
|
|
78880
|
+
this.minLength = undefined;
|
|
78881
|
+
this.noValidate = false;
|
|
78882
|
+
this.onDark = false;
|
|
78883
|
+
this.required = false;
|
|
78884
|
+
this.setCustomValidityForType = undefined;
|
|
78885
|
+
|
|
78886
|
+
// Used for storing raw values returned from input mask.
|
|
78887
|
+
this._rawMaskValue = undefined;
|
|
78888
|
+
|
|
78889
|
+
/**
|
|
78890
|
+
* @private
|
|
78891
|
+
*/
|
|
78892
|
+
this.layout = 'classic';
|
|
78893
|
+
|
|
78894
|
+
/**
|
|
78895
|
+
* @private
|
|
78896
|
+
*/
|
|
78897
|
+
this.shape = 'classic';
|
|
78898
|
+
|
|
78899
|
+
/**
|
|
78900
|
+
* @private
|
|
78901
|
+
*/
|
|
78902
|
+
this.size = 'lg';
|
|
78903
|
+
|
|
78904
|
+
this.touched = false;
|
|
78905
|
+
this.util = new AuroInputUtilities({
|
|
78906
|
+
locale: "en-US",
|
|
78907
|
+
format: this.format
|
|
78908
|
+
});
|
|
78909
|
+
this.validation = new AuroFormValidation$2();
|
|
78910
|
+
this.inputIconName = undefined;
|
|
78911
|
+
this.showPassword = false;
|
|
78912
|
+
this.validationCCLength = undefined;
|
|
78913
|
+
this.hasValue = false;
|
|
78914
|
+
this.label = 'Input label is undefined';
|
|
78915
|
+
|
|
78916
|
+
|
|
79007
78917
|
this.allowedInputTypes = [
|
|
79008
78918
|
"text",
|
|
79009
78919
|
"number",
|
|
@@ -79012,8 +78922,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79012
78922
|
"credit-card",
|
|
79013
78923
|
"tel"
|
|
79014
78924
|
];
|
|
79015
|
-
this.
|
|
79016
|
-
/** @private */
|
|
78925
|
+
this.icon = false;
|
|
79017
78926
|
this.dateFormatMap = {
|
|
79018
78927
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
79019
78928
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -79030,57 +78939,27 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79030
78939
|
'dd/mm': 'dateDDMM',
|
|
79031
78940
|
'mm/dd': 'dateMMDD'
|
|
79032
78941
|
};
|
|
79033
|
-
this.disabled = false;
|
|
79034
|
-
/** @private */
|
|
79035
78942
|
this.domHandler = new DomHandler();
|
|
79036
78943
|
this.dvInputOnly = false;
|
|
79037
78944
|
this.hasValue = false;
|
|
79038
|
-
this.hideLabelVisually = false;
|
|
79039
|
-
this.icon = false;
|
|
79040
|
-
/** @private */
|
|
79041
78945
|
this.inputIconName = undefined;
|
|
79042
|
-
/** @private */
|
|
79043
78946
|
this.label = 'Input label is undefined';
|
|
79044
|
-
this.layout = 'classic';
|
|
79045
|
-
this.locale = 'en-US';
|
|
79046
|
-
this.max = undefined;
|
|
79047
|
-
this._maxObject = undefined;
|
|
79048
|
-
this.maxLength = undefined;
|
|
79049
|
-
this.min = undefined;
|
|
79050
|
-
this._minObject = undefined;
|
|
79051
|
-
this.minLength = undefined;
|
|
79052
78947
|
this.noValidate = false;
|
|
79053
|
-
this.
|
|
79054
|
-
// Raw values returned from the input mask before model normalization.
|
|
79055
|
-
this._rawMaskValue = undefined;
|
|
79056
|
-
this.required = false;
|
|
79057
|
-
this.setCustomValidityForType = undefined;
|
|
79058
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
79059
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
79060
|
-
/** @private */
|
|
78948
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
79061
78949
|
this.setSelectionInputTypes = [
|
|
79062
78950
|
"text",
|
|
79063
78951
|
"password",
|
|
79064
78952
|
"email"
|
|
79065
|
-
];
|
|
79066
|
-
this.shape = 'classic';
|
|
79067
|
-
/** @private */
|
|
78953
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
79068
78954
|
this.showPassword = false;
|
|
79069
|
-
this.size = 'lg';
|
|
79070
78955
|
this.touched = false;
|
|
79071
|
-
/** @private */
|
|
79072
78956
|
this.uniqueId = new UniqueId().create();
|
|
79073
|
-
/** @private */
|
|
79074
78957
|
this.util = new AuroInputUtilities({
|
|
79075
78958
|
locale: this.locale,
|
|
79076
78959
|
format: this.format
|
|
79077
78960
|
});
|
|
79078
|
-
/** @private */
|
|
79079
78961
|
this.validation = new AuroFormValidation$2();
|
|
79080
|
-
/** @private */
|
|
79081
78962
|
this.validationCCLength = undefined;
|
|
79082
|
-
this.value = undefined;
|
|
79083
|
-
this._valueObject = undefined;
|
|
79084
78963
|
}
|
|
79085
78964
|
|
|
79086
78965
|
// function to define props used within the scope of this component
|
|
@@ -79628,15 +79507,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79628
79507
|
|
|
79629
79508
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
79630
79509
|
|
|
79631
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
79632
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
79633
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
79634
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
79635
|
-
// unset.
|
|
79636
|
-
if (this.format) {
|
|
79637
|
-
this.format = this.format.toLowerCase();
|
|
79638
|
-
}
|
|
79639
|
-
|
|
79640
79510
|
// use validity message override if declared when initializing the component
|
|
79641
79511
|
if (this.hasAttribute('setCustomValidity')) {
|
|
79642
79512
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -80070,38 +79940,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
80070
79940
|
this.touched = true;
|
|
80071
79941
|
this.validation.validate(this);
|
|
80072
79942
|
}
|
|
80073
|
-
|
|
80074
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
80075
|
-
// update that can re-render the input and reset the native cursor; we
|
|
80076
|
-
// capture the caret position before that update commits and restore it
|
|
80077
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
80078
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
80079
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
80080
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
80081
|
-
// on input types that don't support text selection (number, email in
|
|
80082
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
80083
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
80084
|
-
// the gated types currently support it, since the list is a public
|
|
80085
|
-
// property a consumer could mutate.
|
|
80086
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
80087
|
-
let selectionStart;
|
|
80088
|
-
try {
|
|
80089
|
-
selectionStart = this.inputElement.selectionStart;
|
|
80090
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
80091
|
-
return;
|
|
80092
|
-
}
|
|
80093
|
-
if (typeof selectionStart !== 'number') {
|
|
80094
|
-
return;
|
|
80095
|
-
}
|
|
80096
|
-
this.updateComplete.then(() => {
|
|
80097
|
-
try {
|
|
80098
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
80099
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
80100
|
-
// Some input types (number/email in certain UAs) throw on
|
|
80101
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
80102
|
-
}
|
|
80103
|
-
});
|
|
80104
|
-
}
|
|
80105
79943
|
}
|
|
80106
79944
|
|
|
80107
79945
|
/**
|
|
@@ -80728,7 +80566,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
80728
80566
|
}
|
|
80729
80567
|
};
|
|
80730
80568
|
|
|
80731
|
-
var formkitVersion$1$1 = '
|
|
80569
|
+
var formkitVersion$1$1 = '202606291652';
|
|
80732
80570
|
|
|
80733
80571
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80734
80572
|
// See LICENSE in the project root for license information.
|
|
@@ -81231,7 +81069,6 @@ class AuroInput extends BaseInput {
|
|
|
81231
81069
|
<${this.buttonTag}
|
|
81232
81070
|
@click="${this.handleClickShowPassword}"
|
|
81233
81071
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
81234
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
81235
81072
|
class="notificationBtn passwordBtn"
|
|
81236
81073
|
shape="circle"
|
|
81237
81074
|
size="sm"
|
|
@@ -81305,29 +81142,25 @@ class AuroInput extends BaseInput {
|
|
|
81305
81142
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
81306
81143
|
*/
|
|
81307
81144
|
renderHtmlHelpText() {
|
|
81308
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
81309
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
81310
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
81311
|
-
// re-announce because the live-region element it was watching had been
|
|
81312
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
81313
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
81314
|
-
// observe and announce.
|
|
81315
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
81316
81145
|
return u$c`
|
|
81317
|
-
|
|
81318
|
-
|
|
81319
|
-
|
|
81320
|
-
|
|
81321
|
-
|
|
81322
|
-
|
|
81323
|
-
|
|
81324
|
-
|
|
81325
|
-
|
|
81326
|
-
|
|
81327
|
-
|
|
81328
|
-
|
|
81329
|
-
|
|
81330
|
-
|
|
81146
|
+
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
81147
|
+
? u$c`
|
|
81148
|
+
<${this.helpTextTag}
|
|
81149
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
81150
|
+
<p id="${this.uniqueId}" part="helpText">
|
|
81151
|
+
<slot name="helpText">${this.getHelpText()}</slot>
|
|
81152
|
+
</p>
|
|
81153
|
+
</${this.helpTextTag}>
|
|
81154
|
+
`
|
|
81155
|
+
: u$c`
|
|
81156
|
+
<${this.helpTextTag} error
|
|
81157
|
+
appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
81158
|
+
<p id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
81159
|
+
${this.errorMessage}
|
|
81160
|
+
</p>
|
|
81161
|
+
</${this.helpTextTag}>
|
|
81162
|
+
`
|
|
81163
|
+
}
|
|
81331
81164
|
`;
|
|
81332
81165
|
}
|
|
81333
81166
|
|
|
@@ -81459,7 +81292,7 @@ class AuroInput extends BaseInput {
|
|
|
81459
81292
|
|
|
81460
81293
|
var colorCss$1$3 = i$6`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
81461
81294
|
|
|
81462
|
-
var styleCss$2$2 = i$6`#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)}`;
|
|
81295
|
+
var styleCss$2$2 = i$6`#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)}`;
|
|
81463
81296
|
|
|
81464
81297
|
var tokenCss$1 = i$6`: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)}`;
|
|
81465
81298
|
|
|
@@ -81854,7 +81687,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
81854
81687
|
}
|
|
81855
81688
|
};
|
|
81856
81689
|
|
|
81857
|
-
var formkitVersion$3 = '
|
|
81690
|
+
var formkitVersion$3 = '202606291652';
|
|
81858
81691
|
|
|
81859
81692
|
var styleCss$1$3 = i$6`.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}`;
|
|
81860
81693
|
|
|
@@ -86667,28 +86500,19 @@ const selectKeyboardStrategy = {
|
|
|
86667
86500
|
},
|
|
86668
86501
|
|
|
86669
86502
|
End(component, evt, ctx) {
|
|
86503
|
+
if (!ctx.isExpanded) {
|
|
86504
|
+
return;
|
|
86505
|
+
}
|
|
86670
86506
|
evt.preventDefault();
|
|
86671
86507
|
evt.stopPropagation();
|
|
86672
86508
|
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
86673
86509
|
const lastOption = getEnabledOptions(component.menu).pop();
|
|
86674
|
-
if (
|
|
86675
|
-
|
|
86676
|
-
}
|
|
86677
|
-
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
86678
|
-
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
86679
|
-
// otherwise show() synchronously fires the handler and writes
|
|
86680
|
-
// aria-activedescendant once before we overwrite it.
|
|
86681
|
-
component.menu.updateActiveOption(lastOption);
|
|
86682
|
-
if (!ctx.isExpanded) {
|
|
86683
|
-
component.dropdown.show();
|
|
86510
|
+
if (lastOption) {
|
|
86511
|
+
component.menu.updateActiveOption(lastOption);
|
|
86684
86512
|
}
|
|
86685
86513
|
},
|
|
86686
86514
|
|
|
86687
86515
|
Enter(component, evt, ctx) {
|
|
86688
|
-
// Prevent the keypress from bubbling to parent containers (e.g., forms)
|
|
86689
|
-
// which could interpret Enter as a submit. Matches APG select-only combobox
|
|
86690
|
-
// and native <select> behavior: Enter opens the listbox when closed, selects
|
|
86691
|
-
// the active option when open — it does not submit a parent form.
|
|
86692
86516
|
evt.preventDefault();
|
|
86693
86517
|
evt.stopPropagation();
|
|
86694
86518
|
if (!ctx.isExpanded) {
|
|
@@ -86699,16 +86523,14 @@ const selectKeyboardStrategy = {
|
|
|
86699
86523
|
},
|
|
86700
86524
|
|
|
86701
86525
|
Home(component, evt, ctx) {
|
|
86526
|
+
if (!ctx.isExpanded) {
|
|
86527
|
+
return;
|
|
86528
|
+
}
|
|
86702
86529
|
evt.preventDefault();
|
|
86703
86530
|
evt.stopPropagation();
|
|
86704
86531
|
const [firstOption] = getEnabledOptions(component.menu);
|
|
86705
|
-
if (
|
|
86706
|
-
|
|
86707
|
-
}
|
|
86708
|
-
// See End() for why this must run before show().
|
|
86709
|
-
component.menu.updateActiveOption(firstOption);
|
|
86710
|
-
if (!ctx.isExpanded) {
|
|
86711
|
-
component.dropdown.show();
|
|
86532
|
+
if (firstOption) {
|
|
86533
|
+
component.menu.updateActiveOption(firstOption);
|
|
86712
86534
|
}
|
|
86713
86535
|
},
|
|
86714
86536
|
|
|
@@ -90656,7 +90478,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
90656
90478
|
}
|
|
90657
90479
|
};
|
|
90658
90480
|
|
|
90659
|
-
var formkitVersion$1 = '
|
|
90481
|
+
var formkitVersion$1 = '202606291652';
|
|
90660
90482
|
|
|
90661
90483
|
class AuroElement extends i$3 {
|
|
90662
90484
|
static get properties() {
|
|
@@ -91928,7 +91750,6 @@ class AuroDropdown extends AuroElement {
|
|
|
91928
91750
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
91929
91751
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
91930
91752
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
91931
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
91932
91753
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
91933
91754
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
91934
91755
|
@focusin="${this.handleFocusin}"
|
|
@@ -92055,7 +91876,7 @@ class AuroDropdown extends AuroElement {
|
|
|
92055
91876
|
|
|
92056
91877
|
var colorCss$1 = i$6`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
92057
91878
|
|
|
92058
|
-
var styleCss$2 = i$6`#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)}`;
|
|
91879
|
+
var styleCss$2 = i$6`#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)}`;
|
|
92059
91880
|
|
|
92060
91881
|
var tokenCss = i$6`: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)}`;
|
|
92061
91882
|
|
|
@@ -92678,7 +92499,7 @@ class AuroHelpText extends i$3 {
|
|
|
92678
92499
|
}
|
|
92679
92500
|
}
|
|
92680
92501
|
|
|
92681
|
-
var formkitVersion = '
|
|
92502
|
+
var formkitVersion = '202606291652';
|
|
92682
92503
|
|
|
92683
92504
|
var styleCss = i$6`.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}`;
|
|
92684
92505
|
|
|
@@ -93010,6 +92831,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93010
92831
|
reflect: true
|
|
93011
92832
|
},
|
|
93012
92833
|
|
|
92834
|
+
/**
|
|
92835
|
+
* @private
|
|
92836
|
+
*/
|
|
92837
|
+
options: {
|
|
92838
|
+
type: Array,
|
|
92839
|
+
state: true
|
|
92840
|
+
},
|
|
92841
|
+
|
|
93013
92842
|
/**
|
|
93014
92843
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
93015
92844
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -93297,68 +93126,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93297
93126
|
this.dropdown.dropdownWidth = this.customBibWidth;
|
|
93298
93127
|
}
|
|
93299
93128
|
|
|
93300
|
-
|
|
93129
|
+
// Pass label text to the dropdown bib for accessible dialog naming
|
|
93130
|
+
const labelElement = this.querySelector('span[slot="label"]');
|
|
93131
|
+
if (labelElement) {
|
|
93132
|
+
this.dropdown.bibDialogLabel = labelElement.textContent.trim() || undefined;
|
|
93133
|
+
}
|
|
93301
93134
|
|
|
93302
93135
|
// Exposes the CSS parts from the dropdown for styling
|
|
93303
93136
|
this.dropdown.exposeCssParts();
|
|
93304
93137
|
}
|
|
93305
93138
|
|
|
93306
|
-
/**
|
|
93307
|
-
* Reads the current label slot text and pushes it to the dropdown bib
|
|
93308
|
-
* (for dialog naming) and the menu (for listbox aria-label). Safe to call
|
|
93309
|
-
* before either child has been wired up — each branch self-guards.
|
|
93310
|
-
* @private
|
|
93311
|
-
*/
|
|
93312
|
-
_syncLabelText() {
|
|
93313
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
93314
|
-
const text = labelElement ? labelElement.textContent.trim() : '';
|
|
93315
|
-
if (this.dropdown) {
|
|
93316
|
-
this.dropdown.bibDialogLabel = text || undefined;
|
|
93317
|
-
}
|
|
93318
|
-
if (this.menu) {
|
|
93319
|
-
if (text) {
|
|
93320
|
-
this.menu.setAttribute('aria-label', text);
|
|
93321
|
-
} else {
|
|
93322
|
-
this.menu.removeAttribute('aria-label');
|
|
93323
|
-
}
|
|
93324
|
-
}
|
|
93325
|
-
}
|
|
93326
|
-
|
|
93327
|
-
/**
|
|
93328
|
-
* Keeps the dialog/menu accessible names in sync when consumers mutate the
|
|
93329
|
-
* label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
|
|
93330
|
-
* insufficient — it doesn't fire when textContent of an already-assigned
|
|
93331
|
-
* slotted node changes, which is the common case. We scope the observer to
|
|
93332
|
-
* the label node itself (not the whole host subtree) so option-content
|
|
93333
|
-
* mutations don't trigger label re-syncs, and re-target on `slotchange`
|
|
93334
|
-
* when consumers add or replace the label element.
|
|
93335
|
-
* @private
|
|
93336
|
-
*/
|
|
93337
|
-
_observeLabelChanges() {
|
|
93338
|
-
if (this._labelObserver) return;
|
|
93339
|
-
this._labelObserver = new MutationObserver(() => this._syncLabelText());
|
|
93340
|
-
|
|
93341
|
-
const retarget = () => {
|
|
93342
|
-
this._labelObserver.disconnect();
|
|
93343
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
93344
|
-
if (labelElement) {
|
|
93345
|
-
this._labelObserver.observe(labelElement, {
|
|
93346
|
-
childList: true,
|
|
93347
|
-
subtree: true,
|
|
93348
|
-
characterData: true
|
|
93349
|
-
});
|
|
93350
|
-
}
|
|
93351
|
-
this._syncLabelText();
|
|
93352
|
-
};
|
|
93353
|
-
|
|
93354
|
-
retarget();
|
|
93355
|
-
|
|
93356
|
-
this._retargetLabelObserver = retarget;
|
|
93357
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
93358
|
-
slot.addEventListener('slotchange', retarget);
|
|
93359
|
-
});
|
|
93360
|
-
}
|
|
93361
|
-
|
|
93362
93139
|
/**
|
|
93363
93140
|
* This will register this element with the browser.
|
|
93364
93141
|
* @param {string} [name="auro-select"] - The name of element that you want to register to.
|
|
@@ -93509,7 +93286,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93509
93286
|
this.updateMenuShapeSize();
|
|
93510
93287
|
this.setMenuValue(this.value);
|
|
93511
93288
|
|
|
93512
|
-
|
|
93289
|
+
// Set accessible name on the menu for screen readers based on the label slot content
|
|
93290
|
+
const labelElement = this.querySelector('[slot="label"]');
|
|
93291
|
+
if (labelElement) {
|
|
93292
|
+
this.menu.setAttribute('aria-label', labelElement.textContent.trim());
|
|
93293
|
+
}
|
|
93513
93294
|
|
|
93514
93295
|
if (this.multiSelect) {
|
|
93515
93296
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -93521,21 +93302,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93521
93302
|
if (typeof this.menu.initItems === 'function') {
|
|
93522
93303
|
this.menu.initItems();
|
|
93523
93304
|
}
|
|
93305
|
+
this.options = this.menu.options;
|
|
93524
93306
|
this.updateOptionPositions();
|
|
93525
|
-
// renderNativeSelect reads this.menu.options, which the parent doesn't
|
|
93526
|
-
// observe — request an update so the hidden native <option> list reflects
|
|
93527
|
-
// the menu's options after initItems populates them.
|
|
93528
|
-
this.requestUpdate();
|
|
93529
|
-
|
|
93530
|
-
// Keep aria-setsize/aria-posinset (and the native <option> list) in sync
|
|
93531
|
-
// when the menu re-initializes its items — e.g., slotchange, async/lazy
|
|
93532
|
-
// loads, value-triggered re-init. Without this, stale set-size is
|
|
93533
|
-
// announced and the native select goes stale after dynamic mutations.
|
|
93534
|
-
this.menu.addEventListener('auroMenu-optionsChange', () => {
|
|
93535
|
-
this.updateOptionPositions();
|
|
93536
|
-
this.requestUpdate();
|
|
93537
|
-
});
|
|
93538
|
-
|
|
93539
93307
|
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
93540
93308
|
|
|
93541
93309
|
this.menu.addEventListener("auroMenu-selectValueFailure", () => {
|
|
@@ -93554,26 +93322,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93554
93322
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
93555
93323
|
}
|
|
93556
93324
|
|
|
93557
|
-
//
|
|
93558
|
-
|
|
93559
|
-
// navigation back to the selection, or click in multiSelect — rely on
|
|
93560
|
-
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
93561
|
-
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
93562
|
-
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
93563
|
-
// when Enter on the active+selected option re-fires
|
|
93564
|
-
// auroMenu-selectedOption (see 03b289e39).
|
|
93565
|
-
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
93325
|
+
// Announce the active option for screen readers
|
|
93326
|
+
if (this.optionActive) {
|
|
93566
93327
|
const optionText = this.optionActive.textContent.trim();
|
|
93567
|
-
const
|
|
93568
|
-
|
|
93569
|
-
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
93570
|
-
} else {
|
|
93571
|
-
// Typeahead-on-closed fires this event before `show()` flips
|
|
93572
|
-
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
93573
|
-
// live region once the fullscreen <dialog> opens — otherwise it
|
|
93574
|
-
// lands in the host root, which is inert under the active modal.
|
|
93575
|
-
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
93576
|
-
}
|
|
93328
|
+
const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
|
|
93329
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
|
|
93577
93330
|
}
|
|
93578
93331
|
|
|
93579
93332
|
if (this.dropdown.isPopoverVisible) {
|
|
@@ -93582,7 +93335,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93582
93335
|
});
|
|
93583
93336
|
|
|
93584
93337
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
93585
|
-
const previousSelected = this.optionSelected;
|
|
93586
93338
|
|
|
93587
93339
|
// Update the displayed value
|
|
93588
93340
|
this.updateDisplayedValue();
|
|
@@ -93602,32 +93354,13 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93602
93354
|
this.dropdown.trigger.focus();
|
|
93603
93355
|
}
|
|
93604
93356
|
|
|
93605
|
-
//
|
|
93606
|
-
//
|
|
93607
|
-
|
|
93608
|
-
|
|
93609
|
-
|
|
93610
|
-
|
|
93611
|
-
|
|
93612
|
-
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
93613
|
-
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
93614
|
-
if (removed) {
|
|
93615
|
-
announcement = `${removed.textContent.trim()}, not selected`;
|
|
93616
|
-
} else if (added) {
|
|
93617
|
-
announcement = `${added.textContent.trim()}, selected`;
|
|
93618
|
-
}
|
|
93619
|
-
} else {
|
|
93620
|
-
announcement = `${this.menu.currentLabel}, selected`;
|
|
93621
|
-
}
|
|
93622
|
-
|
|
93623
|
-
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
93624
|
-
// announcement from aria-expanded when the dropdown closes.
|
|
93625
|
-
if (announcement) {
|
|
93626
|
-
const announcementDelay = 300;
|
|
93627
|
-
setTimeout(() => {
|
|
93628
|
-
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
93629
|
-
}, announcementDelay);
|
|
93630
|
-
}
|
|
93357
|
+
// Announce the selection after the dropdown closes so it isn't
|
|
93358
|
+
// overridden by VoiceOver's "collapsed" announcement from aria-expanded.
|
|
93359
|
+
const selectedValue = this.menu.currentLabel;
|
|
93360
|
+
const announcementDelay = 300;
|
|
93361
|
+
setTimeout(() => {
|
|
93362
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${selectedValue}, selected`);
|
|
93363
|
+
}, announcementDelay);
|
|
93631
93364
|
});
|
|
93632
93365
|
}
|
|
93633
93366
|
|
|
@@ -93725,32 +93458,24 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93725
93458
|
|
|
93726
93459
|
this.typeaheadBuffer += key;
|
|
93727
93460
|
|
|
93728
|
-
|
|
93729
|
-
// next item with a name that starts with the string of characters typed").
|
|
93730
|
-
// Only fall back to single-char cycling when the repeated buffer has no
|
|
93731
|
-
// longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
|
|
93732
|
-
// because no option starts with "aa".
|
|
93733
|
-
let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
93461
|
+
const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
93734
93462
|
|
|
93735
|
-
|
|
93463
|
+
let match = null;
|
|
93736
93464
|
if (isRepeatedChar) {
|
|
93737
93465
|
const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
|
|
93738
93466
|
if (matches.length) {
|
|
93739
93467
|
const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
|
|
93740
93468
|
match = matches[cycleIndex];
|
|
93741
93469
|
}
|
|
93470
|
+
} else {
|
|
93471
|
+
match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
93742
93472
|
}
|
|
93743
93473
|
|
|
93744
|
-
// Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
|
|
93745
93474
|
if (match) {
|
|
93746
|
-
// Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
|
|
93747
|
-
// guard short-circuits and skips the firstActive/selected fallback —
|
|
93748
|
-
// otherwise show() synchronously fires the handler, which writes
|
|
93749
|
-
// aria-activedescendant once before we overwrite it.
|
|
93750
|
-
this.menu.updateActiveOption(match);
|
|
93751
93475
|
if (!this.dropdown.isPopoverVisible) {
|
|
93752
93476
|
this.dropdown.show();
|
|
93753
93477
|
}
|
|
93478
|
+
this.menu.updateActiveOption(match);
|
|
93754
93479
|
}
|
|
93755
93480
|
}
|
|
93756
93481
|
|
|
@@ -93867,28 +93592,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93867
93592
|
disconnectedCallback() {
|
|
93868
93593
|
super.disconnectedCallback();
|
|
93869
93594
|
this._clearTypeaheadBuffer();
|
|
93870
|
-
if (this._labelObserver) {
|
|
93871
|
-
this._labelObserver.disconnect();
|
|
93872
|
-
this._labelObserver = null;
|
|
93873
|
-
}
|
|
93874
|
-
if (this._retargetLabelObserver && this.shadowRoot) {
|
|
93875
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
93876
|
-
slot.removeEventListener('slotchange', this._retargetLabelObserver);
|
|
93877
|
-
});
|
|
93878
|
-
this._retargetLabelObserver = null;
|
|
93879
|
-
}
|
|
93880
|
-
}
|
|
93881
|
-
|
|
93882
|
-
connectedCallback() {
|
|
93883
|
-
super.connectedCallback();
|
|
93884
|
-
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
93885
|
-
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
93886
|
-
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
93887
|
-
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
93888
|
-
// unless we re-wire the observer here.
|
|
93889
|
-
if (this.hasUpdated) {
|
|
93890
|
-
this._observeLabelChanges();
|
|
93891
|
-
}
|
|
93892
93595
|
}
|
|
93893
93596
|
|
|
93894
93597
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
@@ -93899,7 +93602,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93899
93602
|
this.configureDropdown();
|
|
93900
93603
|
this.configureMenu();
|
|
93901
93604
|
this.configureSelect();
|
|
93902
|
-
this._observeLabelChanges();
|
|
93903
93605
|
}
|
|
93904
93606
|
|
|
93905
93607
|
setMenuValue(value) {
|
|
@@ -94032,18 +93734,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
94032
93734
|
* @private
|
|
94033
93735
|
*/
|
|
94034
93736
|
_handleNativeSelectChange(event) {
|
|
94035
|
-
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
94036
|
-
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
94037
|
-
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
94038
|
-
// form control even with aria-hidden/tabindex=-1.
|
|
94039
|
-
if (this.multiSelect) return;
|
|
94040
|
-
|
|
94041
93737
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
94042
93738
|
if (!selectedOption) return;
|
|
94043
93739
|
const selectedValue = selectedOption.value;
|
|
94044
93740
|
|
|
94045
|
-
if (this.
|
|
94046
|
-
this.value
|
|
93741
|
+
if (this.multiSelect) {
|
|
93742
|
+
const currentArray = this.menu.value || [];
|
|
93743
|
+
|
|
93744
|
+
if (!currentArray.includes(selectedValue)) {
|
|
93745
|
+
this.value = JSON.stringify([
|
|
93746
|
+
...currentArray,
|
|
93747
|
+
selectedValue
|
|
93748
|
+
]);
|
|
93749
|
+
}
|
|
93750
|
+
} else {
|
|
93751
|
+
const currentValue = this.value;
|
|
93752
|
+
|
|
93753
|
+
if (currentValue !== selectedValue) {
|
|
93754
|
+
this.value = selectedValue;
|
|
93755
|
+
}
|
|
94047
93756
|
}
|
|
94048
93757
|
}
|
|
94049
93758
|
|