@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.12 → 0.0.0-pr1514.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +97 -121
- package/components/combobox/demo/getting-started.min.js +97 -121
- package/components/combobox/demo/index.min.js +97 -121
- package/components/combobox/dist/index.js +96 -120
- package/components/combobox/dist/registered.js +96 -120
- package/components/counter/demo/customize.min.js +3 -11
- package/components/counter/demo/index.min.js +3 -11
- package/components/counter/dist/index.js +3 -11
- package/components/counter/dist/registered.js +3 -11
- package/components/datepicker/demo/customize.min.js +137 -271
- package/components/datepicker/demo/index.min.js +137 -271
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -6
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +137 -271
- package/components/datepicker/dist/registered.js +137 -271
- package/components/dropdown/demo/customize.min.js +1 -2
- package/components/dropdown/demo/getting-started.min.js +1 -2
- package/components/dropdown/demo/index.min.js +1 -2
- package/components/dropdown/dist/index.js +1 -2
- package/components/dropdown/dist/registered.js +1 -2
- package/components/form/demo/customize.min.js +396 -709
- package/components/form/demo/getting-started.min.js +396 -709
- package/components/form/demo/index.min.js +396 -709
- package/components/form/demo/registerDemoDeps.min.js +396 -709
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +93 -116
- package/components/input/demo/getting-started.min.js +93 -116
- package/components/input/demo/index.min.js +93 -116
- package/components/input/dist/base-input.d.ts +44 -33
- package/components/input/dist/index.js +94 -129
- package/components/input/dist/registered.js +93 -116
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +0 -86
- package/components/select/demo/customize.min.js +63 -187
- package/components/select/demo/getting-started.min.js +110 -189
- package/components/select/demo/index.min.js +63 -187
- package/components/select/demo/keyboard-behavior.md +4 -18
- package/components/select/dist/auro-select.d.ts +8 -20
- package/components/select/dist/index.js +63 -187
- package/components/select/dist/registered.js +63 -187
- package/custom-elements.json +1791 -1997
- package/package.json +1 -1
|
@@ -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
|
|
|
@@ -26371,18 +26341,6 @@ class AuroCalendarCell extends i$3 {
|
|
|
26371
26341
|
this.updateHostAria();
|
|
26372
26342
|
}
|
|
26373
26343
|
|
|
26374
|
-
// When the rendered range shifts (month nav, min/max change), a cell
|
|
26375
|
-
// host may be re-rendered for a new date that is now out-of-range —
|
|
26376
|
-
// but its imperatively-set `active` flag and `activeCell` ring class
|
|
26377
|
-
// from the previous date persist because setActiveCell only iterates
|
|
26378
|
-
// focusable (in-range) cells when clearing the prior active state.
|
|
26379
|
-
// Drop the active state here so the disabled cell isn't left visually
|
|
26380
|
-
// ringed.
|
|
26381
|
-
if ((properties.has('day') || properties.has('min') || properties.has('max')) &&
|
|
26382
|
-
this.active && this.isOutOfRange(this.day, this.min, this.max)) {
|
|
26383
|
-
this.clearActive();
|
|
26384
|
-
}
|
|
26385
|
-
|
|
26386
26344
|
// Configure popover when it first becomes rendered
|
|
26387
26345
|
if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
|
|
26388
26346
|
this.updateComplete.then(() => this.configurePopover());
|
|
@@ -26446,19 +26404,9 @@ class AuroCalendarCell extends i$3 {
|
|
|
26446
26404
|
* Buttons stay tabindex="-1" because DOM focus stays on the grid wrapper —
|
|
26447
26405
|
* arrow keys move the active cell imperatively and the live region carries
|
|
26448
26406
|
* the SR announcement.
|
|
26449
|
-
*
|
|
26450
|
-
* Refuses to activate out-of-range cells: those are aria-hidden, have no
|
|
26451
|
-
* click/focus handlers, and are filtered out of `getFocusableCells`. The
|
|
26452
|
-
* active class showing on a disabled cell would be visually misleading,
|
|
26453
|
-
* so this guard is the single source of truth across every code path
|
|
26454
|
-
* that might call setActive (keyboard nav, focus restore, cell click).
|
|
26455
26407
|
* @returns {void}
|
|
26456
26408
|
*/
|
|
26457
26409
|
setActive() {
|
|
26458
|
-
if (this.isOutOfRange(this.day, this.min, this.max)) {
|
|
26459
|
-
return;
|
|
26460
|
-
}
|
|
26461
|
-
|
|
26462
26410
|
this.active = true;
|
|
26463
26411
|
|
|
26464
26412
|
// Show the popover when this cell becomes active via keyboard navigation.
|
|
@@ -27271,7 +27219,7 @@ class CalendarUtilities {
|
|
|
27271
27219
|
|
|
27272
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)}`;
|
|
27273
27221
|
|
|
27274
|
-
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)}`;
|
|
27275
27223
|
|
|
27276
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)}`;
|
|
27277
27225
|
|
|
@@ -27666,7 +27614,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27666
27614
|
}
|
|
27667
27615
|
};
|
|
27668
27616
|
|
|
27669
|
-
var formkitVersion$2$1 = '
|
|
27617
|
+
var formkitVersion$2$1 = '202606291652';
|
|
27670
27618
|
|
|
27671
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}
|
|
27672
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}}
|
|
@@ -27772,10 +27720,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
27772
27720
|
this.activeCellDate = null;
|
|
27773
27721
|
|
|
27774
27722
|
/**
|
|
27775
|
-
* Cached reference to the active cell host
|
|
27776
|
-
*
|
|
27777
|
-
* or missing). Lets scrollToActiveCell skip a full cell scan on each
|
|
27778
|
-
* 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.
|
|
27779
27725
|
* @private
|
|
27780
27726
|
*/
|
|
27781
27727
|
this._activeCell = null;
|
|
@@ -28751,9 +28697,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28751
28697
|
this.handleCellFocused({ detail: { date: fallback.day.date } });
|
|
28752
28698
|
}
|
|
28753
28699
|
}
|
|
28754
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
28755
|
-
// activated cell is what gets scrolled into view.
|
|
28756
|
-
this.scrollToActiveCell();
|
|
28757
28700
|
// Re-focus grid wrapper after month change re-render
|
|
28758
28701
|
this.focusActiveCell();
|
|
28759
28702
|
});
|
|
@@ -28794,9 +28737,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28794
28737
|
this.handleCellFocused({ detail: { date: nearest.day.date } });
|
|
28795
28738
|
}
|
|
28796
28739
|
}
|
|
28797
|
-
// Scroll AFTER the cross-month setActiveCell so the freshly
|
|
28798
|
-
// activated cell is what gets scrolled into view.
|
|
28799
|
-
this.scrollToActiveCell();
|
|
28800
28740
|
this.focusActiveCell();
|
|
28801
28741
|
});
|
|
28802
28742
|
}
|
|
@@ -28831,8 +28771,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28831
28771
|
const targetCell = allCells[targetIndex];
|
|
28832
28772
|
this.setActiveCell(targetCell.day.date);
|
|
28833
28773
|
this.scrollToActiveCell();
|
|
28834
|
-
// Match the cross-month branches: keep DOM focus on the grid wrapper
|
|
28835
|
-
// so subsequent arrow keys continue to land on this handler.
|
|
28836
28774
|
this.focusActiveCell();
|
|
28837
28775
|
} else if (direction === 'next' && this.showNextMonthBtn) {
|
|
28838
28776
|
// Navigate to next month and focus the computed next date.
|
|
@@ -28854,6 +28792,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28854
28792
|
const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
|
|
28855
28793
|
if (target) {
|
|
28856
28794
|
this.setActiveCell(target.day.date);
|
|
28795
|
+
this.focusActiveCell();
|
|
28857
28796
|
} else {
|
|
28858
28797
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
28859
28798
|
// `cells[length - 1]` would land on the end of the new month,
|
|
@@ -28861,10 +28800,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28861
28800
|
const fallback = this.pickNearestCell(cells, nextTs, 'next');
|
|
28862
28801
|
if (fallback) {
|
|
28863
28802
|
this.setActiveCell(fallback.day.date);
|
|
28803
|
+
this.focusActiveCell();
|
|
28864
28804
|
}
|
|
28865
28805
|
}
|
|
28866
|
-
this.scrollToActiveCell();
|
|
28867
|
-
this.focusActiveCell();
|
|
28868
28806
|
});
|
|
28869
28807
|
} else if (direction === 'prev' && this.showPrevMonthBtn) {
|
|
28870
28808
|
// Navigate to previous month and focus the computed previous date.
|
|
@@ -28883,6 +28821,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28883
28821
|
const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
|
|
28884
28822
|
if (target) {
|
|
28885
28823
|
this.setActiveCell(target.day.date);
|
|
28824
|
+
this.focusActiveCell();
|
|
28886
28825
|
} else {
|
|
28887
28826
|
// Same nearest-by-date fallback handleGridKeyDown uses — direct
|
|
28888
28827
|
// `cells[0]` would land on the start of the previous month, far
|
|
@@ -28890,10 +28829,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28890
28829
|
const fallback = this.pickNearestCell(cells, prevTs, 'prev');
|
|
28891
28830
|
if (fallback) {
|
|
28892
28831
|
this.setActiveCell(fallback.day.date);
|
|
28832
|
+
this.focusActiveCell();
|
|
28893
28833
|
}
|
|
28894
28834
|
}
|
|
28895
|
-
this.scrollToActiveCell();
|
|
28896
|
-
this.focusActiveCell();
|
|
28897
28835
|
});
|
|
28898
28836
|
}
|
|
28899
28837
|
} else if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
@@ -28926,6 +28864,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28926
28864
|
const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
|
|
28927
28865
|
if (target) {
|
|
28928
28866
|
this.setActiveCell(target.day.date);
|
|
28867
|
+
this.focusActiveCell();
|
|
28929
28868
|
} else {
|
|
28930
28869
|
// Same nearest-by-date fallback handleGridKeyDown uses — the
|
|
28931
28870
|
// old direction-based `cells[0]`/`cells[length-1]` clamp
|
|
@@ -28933,10 +28872,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
28933
28872
|
const nearest = this.pickNearestCell(cells, targetDate, navDirection);
|
|
28934
28873
|
if (nearest) {
|
|
28935
28874
|
this.setActiveCell(nearest.day.date);
|
|
28875
|
+
this.focusActiveCell();
|
|
28936
28876
|
}
|
|
28937
28877
|
}
|
|
28938
|
-
this.scrollToActiveCell();
|
|
28939
|
-
this.focusActiveCell();
|
|
28940
28878
|
});
|
|
28941
28879
|
}
|
|
28942
28880
|
}
|
|
@@ -29137,28 +29075,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29137
29075
|
}
|
|
29138
29076
|
|
|
29139
29077
|
/**
|
|
29140
|
-
* Scrolls the calendar
|
|
29141
|
-
*
|
|
29142
|
-
*
|
|
29143
|
-
*
|
|
29144
|
-
*
|
|
29145
|
-
* ancestor's viewport. Native `scrollIntoView` is not used because the
|
|
29146
|
-
* cell sits inside multiple nested scroll containers (the dropdown bib's
|
|
29147
|
-
* `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
|
|
29148
|
-
* scrolls one of them on its own, leaving the cell short of the
|
|
29149
|
-
* viewport in mobile fullscreen.
|
|
29150
|
-
*
|
|
29151
|
-
* Uses `behavior: 'auto'` (the spec's universally-supported non-animated
|
|
29152
|
-
* value) so each `scrollBy` resolves synchronously and the next
|
|
29153
|
-
* iteration's `getBoundingClientRect` reads post-scroll positions
|
|
29154
|
-
* accurately. This also satisfies `prefers-reduced-motion` users — the
|
|
29155
|
-
* scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
|
|
29156
|
-
* is effectively instant.
|
|
29157
|
-
*
|
|
29158
|
-
* The active cell is looked up from the cache populated by
|
|
29159
|
-
* `setActiveCell`. On a cache miss (stale or absent) the cache is
|
|
29160
|
-
* refreshed from a single full scan so subsequent calls stay on the
|
|
29161
|
-
* 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.
|
|
29162
29083
|
* @private
|
|
29163
29084
|
* @returns {void}
|
|
29164
29085
|
*/
|
|
@@ -29170,67 +29091,20 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29170
29091
|
// Prefer the cell cached by setActiveCell so arrow-key navigation does
|
|
29171
29092
|
// not rebuild the full cell list on every keypress. Fall back to a
|
|
29172
29093
|
// lookup when the cache is stale (e.g. detached after month re-render)
|
|
29173
|
-
// or absent (scrollToActiveCell called without a prior setActiveCell)
|
|
29174
|
-
// refresh the cache on the fallback path so a subsequent call reuses it.
|
|
29094
|
+
// or absent (scrollToActiveCell called without a prior setActiveCell).
|
|
29175
29095
|
const activeDate = this.activeCellDate;
|
|
29176
29096
|
const cached = this._activeCell;
|
|
29177
29097
|
const cacheFresh = cached && cached.isConnected && cached.day && cached.day.date === activeDate;
|
|
29178
|
-
|
|
29179
|
-
if (cacheFresh) {
|
|
29180
|
-
activeCell = cached;
|
|
29181
|
-
} else {
|
|
29182
|
-
activeCell = this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
29183
|
-
this._activeCell = activeCell || null;
|
|
29184
|
-
}
|
|
29098
|
+
const activeCell = cacheFresh ? cached : this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
|
|
29185
29099
|
if (!activeCell) {
|
|
29186
29100
|
return;
|
|
29187
29101
|
}
|
|
29188
29102
|
|
|
29189
|
-
|
|
29190
|
-
|
|
29191
|
-
|
|
29192
|
-
|
|
29193
|
-
|
|
29194
|
-
activeCell;
|
|
29195
|
-
|
|
29196
|
-
// parentNode follows the authored DOM tree and steps over shadow roots
|
|
29197
|
-
// via slot projection. A slotted element's visual parent is its
|
|
29198
|
-
// assignedSlot's parent (inside the host's shadow tree), not the host
|
|
29199
|
-
// itself. Without this hop, the walk skips right past #bodyContainer
|
|
29200
|
-
// and <dialog> and finds no scrollable ancestor at all.
|
|
29201
|
-
const flatParent = (current) => {
|
|
29202
|
-
if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
29203
|
-
return current.host || null;
|
|
29204
|
-
}
|
|
29205
|
-
if (current.assignedSlot) {
|
|
29206
|
-
return current.assignedSlot.parentNode;
|
|
29207
|
-
}
|
|
29208
|
-
return current.parentNode;
|
|
29209
|
-
};
|
|
29210
|
-
|
|
29211
|
-
let node = flatParent(target);
|
|
29212
|
-
while (node && node !== document && node !== window) {
|
|
29213
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
29214
|
-
const { overflowY } = window.getComputedStyle(node);
|
|
29215
|
-
if (overflowY === 'auto' || overflowY === 'scroll') {
|
|
29216
|
-
const targetRect = target.getBoundingClientRect();
|
|
29217
|
-
const scrollerRect = node.getBoundingClientRect();
|
|
29218
|
-
let delta = 0;
|
|
29219
|
-
if (targetRect.top < scrollerRect.top) {
|
|
29220
|
-
delta = targetRect.top - scrollerRect.top;
|
|
29221
|
-
} else if (targetRect.bottom > scrollerRect.bottom) {
|
|
29222
|
-
delta = targetRect.bottom - scrollerRect.bottom;
|
|
29223
|
-
}
|
|
29224
|
-
if (delta !== 0) {
|
|
29225
|
-
node.scrollBy({
|
|
29226
|
-
top: delta,
|
|
29227
|
-
behavior: 'auto'
|
|
29228
|
-
});
|
|
29229
|
-
}
|
|
29230
|
-
}
|
|
29231
|
-
}
|
|
29232
|
-
node = flatParent(node);
|
|
29233
|
-
}
|
|
29103
|
+
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
29104
|
+
activeCell.scrollIntoView({
|
|
29105
|
+
block: 'nearest',
|
|
29106
|
+
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
|
29107
|
+
});
|
|
29234
29108
|
}
|
|
29235
29109
|
|
|
29236
29110
|
/**
|
|
@@ -29520,7 +29394,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
29520
29394
|
</div>
|
|
29521
29395
|
</div>
|
|
29522
29396
|
|
|
29523
|
-
<div class="calendarWrapper">
|
|
29397
|
+
<div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
|
|
29524
29398
|
<div class="calendarNavButtons">
|
|
29525
29399
|
${this.showPrevMonthBtn ? u$c`
|
|
29526
29400
|
<button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
|
|
@@ -33418,7 +33292,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33418
33292
|
}
|
|
33419
33293
|
};
|
|
33420
33294
|
|
|
33421
|
-
var formkitVersion$1$3 = '
|
|
33295
|
+
var formkitVersion$1$3 = '202606291652';
|
|
33422
33296
|
|
|
33423
33297
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33424
33298
|
static get properties() {
|
|
@@ -34690,7 +34564,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
|
|
|
34690
34564
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
34691
34565
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
34692
34566
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
34693
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
34694
34567
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
34695
34568
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
34696
34569
|
@focusin="${this.handleFocusin}"
|
|
@@ -45137,13 +45010,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
45137
45010
|
* @returns {string | undefined}
|
|
45138
45011
|
*/
|
|
45139
45012
|
toFormattedValue(valueObject, format) {
|
|
45140
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
45141
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
45142
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
45143
|
-
// as "no format → no display value".
|
|
45144
|
-
if (!format) {
|
|
45145
|
-
return undefined;
|
|
45146
|
-
}
|
|
45147
45013
|
const normalizedFormat = format.toLowerCase();
|
|
45148
45014
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
45149
45015
|
|
|
@@ -45294,18 +45160,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45294
45160
|
constructor() {
|
|
45295
45161
|
super();
|
|
45296
45162
|
|
|
45297
|
-
|
|
45298
|
-
|
|
45299
|
-
|
|
45300
|
-
|
|
45301
|
-
|
|
45302
|
-
|
|
45303
|
-
|
|
45304
|
-
|
|
45305
|
-
|
|
45306
|
-
|
|
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() {
|
|
45307
45190
|
this.activeLabel = false;
|
|
45308
|
-
|
|
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
|
+
|
|
45309
45236
|
this.allowedInputTypes = [
|
|
45310
45237
|
"text",
|
|
45311
45238
|
"number",
|
|
@@ -45314,8 +45241,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45314
45241
|
"credit-card",
|
|
45315
45242
|
"tel"
|
|
45316
45243
|
];
|
|
45317
|
-
this.
|
|
45318
|
-
/** @private */
|
|
45244
|
+
this.icon = false;
|
|
45319
45245
|
this.dateFormatMap = {
|
|
45320
45246
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
45321
45247
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -45332,57 +45258,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45332
45258
|
'dd/mm': 'dateDDMM',
|
|
45333
45259
|
'mm/dd': 'dateMMDD'
|
|
45334
45260
|
};
|
|
45335
|
-
this.disabled = false;
|
|
45336
|
-
/** @private */
|
|
45337
45261
|
this.domHandler = new DomHandler$2();
|
|
45338
45262
|
this.dvInputOnly = false;
|
|
45339
45263
|
this.hasValue = false;
|
|
45340
|
-
this.hideLabelVisually = false;
|
|
45341
|
-
this.icon = false;
|
|
45342
|
-
/** @private */
|
|
45343
45264
|
this.inputIconName = undefined;
|
|
45344
|
-
/** @private */
|
|
45345
45265
|
this.label = 'Input label is undefined';
|
|
45346
|
-
this.layout = 'classic';
|
|
45347
|
-
this.locale = 'en-US';
|
|
45348
|
-
this.max = undefined;
|
|
45349
|
-
this._maxObject = undefined;
|
|
45350
|
-
this.maxLength = undefined;
|
|
45351
|
-
this.min = undefined;
|
|
45352
|
-
this._minObject = undefined;
|
|
45353
|
-
this.minLength = undefined;
|
|
45354
45266
|
this.noValidate = false;
|
|
45355
|
-
this.
|
|
45356
|
-
// Raw values returned from the input mask before model normalization.
|
|
45357
|
-
this._rawMaskValue = undefined;
|
|
45358
|
-
this.required = false;
|
|
45359
|
-
this.setCustomValidityForType = undefined;
|
|
45360
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
45361
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
45362
|
-
/** @private */
|
|
45267
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
45363
45268
|
this.setSelectionInputTypes = [
|
|
45364
45269
|
"text",
|
|
45365
45270
|
"password",
|
|
45366
45271
|
"email"
|
|
45367
|
-
];
|
|
45368
|
-
this.shape = 'classic';
|
|
45369
|
-
/** @private */
|
|
45272
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
45370
45273
|
this.showPassword = false;
|
|
45371
|
-
this.size = 'lg';
|
|
45372
45274
|
this.touched = false;
|
|
45373
|
-
/** @private */
|
|
45374
45275
|
this.uniqueId = new UniqueId$1().create();
|
|
45375
|
-
/** @private */
|
|
45376
45276
|
this.util = new AuroInputUtilities$2({
|
|
45377
45277
|
locale: this.locale,
|
|
45378
45278
|
format: this.format
|
|
45379
45279
|
});
|
|
45380
|
-
/** @private */
|
|
45381
45280
|
this.validation = new AuroFormValidation$6();
|
|
45382
|
-
/** @private */
|
|
45383
45281
|
this.validationCCLength = undefined;
|
|
45384
|
-
this.value = undefined;
|
|
45385
|
-
this._valueObject = undefined;
|
|
45386
45282
|
}
|
|
45387
45283
|
|
|
45388
45284
|
// function to define props used within the scope of this component
|
|
@@ -45930,15 +45826,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45930
45826
|
|
|
45931
45827
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
45932
45828
|
|
|
45933
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
45934
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
45935
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
45936
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
45937
|
-
// unset.
|
|
45938
|
-
if (this.format) {
|
|
45939
|
-
this.format = this.format.toLowerCase();
|
|
45940
|
-
}
|
|
45941
|
-
|
|
45942
45829
|
// use validity message override if declared when initializing the component
|
|
45943
45830
|
if (this.hasAttribute('setCustomValidity')) {
|
|
45944
45831
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -46372,38 +46259,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
46372
46259
|
this.touched = true;
|
|
46373
46260
|
this.validation.validate(this);
|
|
46374
46261
|
}
|
|
46375
|
-
|
|
46376
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
46377
|
-
// update that can re-render the input and reset the native cursor; we
|
|
46378
|
-
// capture the caret position before that update commits and restore it
|
|
46379
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
46380
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
46381
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
46382
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
46383
|
-
// on input types that don't support text selection (number, email in
|
|
46384
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
46385
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
46386
|
-
// the gated types currently support it, since the list is a public
|
|
46387
|
-
// property a consumer could mutate.
|
|
46388
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
46389
|
-
let selectionStart;
|
|
46390
|
-
try {
|
|
46391
|
-
selectionStart = this.inputElement.selectionStart;
|
|
46392
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
46393
|
-
return;
|
|
46394
|
-
}
|
|
46395
|
-
if (typeof selectionStart !== 'number') {
|
|
46396
|
-
return;
|
|
46397
|
-
}
|
|
46398
|
-
this.updateComplete.then(() => {
|
|
46399
|
-
try {
|
|
46400
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
46401
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
46402
|
-
// Some input types (number/email in certain UAs) throw on
|
|
46403
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
46404
|
-
}
|
|
46405
|
-
});
|
|
46406
|
-
}
|
|
46407
46262
|
}
|
|
46408
46263
|
|
|
46409
46264
|
/**
|
|
@@ -47030,7 +46885,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47030
46885
|
}
|
|
47031
46886
|
};
|
|
47032
46887
|
|
|
47033
|
-
var formkitVersion$7 = '
|
|
46888
|
+
var formkitVersion$7 = '202606291652';
|
|
47034
46889
|
|
|
47035
46890
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47036
46891
|
// See LICENSE in the project root for license information.
|
|
@@ -47533,7 +47388,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47533
47388
|
<${this.buttonTag}
|
|
47534
47389
|
@click="${this.handleClickShowPassword}"
|
|
47535
47390
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
47536
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
47537
47391
|
class="notificationBtn passwordBtn"
|
|
47538
47392
|
shape="circle"
|
|
47539
47393
|
size="sm"
|
|
@@ -47607,29 +47461,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47607
47461
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
47608
47462
|
*/
|
|
47609
47463
|
renderHtmlHelpText() {
|
|
47610
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
47611
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
47612
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
47613
|
-
// re-announce because the live-region element it was watching had been
|
|
47614
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
47615
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
47616
|
-
// observe and announce.
|
|
47617
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
47618
47464
|
return u$c`
|
|
47619
|
-
|
|
47620
|
-
|
|
47621
|
-
|
|
47622
|
-
|
|
47623
|
-
|
|
47624
|
-
|
|
47625
|
-
|
|
47626
|
-
|
|
47627
|
-
|
|
47628
|
-
|
|
47629
|
-
|
|
47630
|
-
|
|
47631
|
-
|
|
47632
|
-
|
|
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
|
+
}
|
|
47633
47483
|
`;
|
|
47634
47484
|
}
|
|
47635
47485
|
|
|
@@ -47776,15 +47626,6 @@ function formatISODate(isoStr, format) {
|
|
|
47776
47626
|
try {
|
|
47777
47627
|
const date = dateFormatter$2.stringToDateInstance(isoStr);
|
|
47778
47628
|
|
|
47779
|
-
// `stringToDateInstance` returns an `Invalid Date` for malformed strings
|
|
47780
|
-
// and `null` for non-string input — it does NOT throw. Without this
|
|
47781
|
-
// guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
|
|
47782
|
-
// yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
|
|
47783
|
-
// like "0NaN/0NaN/0NaN" instead of `undefined`.
|
|
47784
|
-
if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
|
|
47785
|
-
return undefined;
|
|
47786
|
-
}
|
|
47787
|
-
|
|
47788
47629
|
const year = String(date.getFullYear()).padStart(4, '0');
|
|
47789
47630
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
47790
47631
|
const day = String(date.getDate()).padStart(2, '0');
|
|
@@ -47795,10 +47636,7 @@ function formatISODate(isoStr, format) {
|
|
|
47795
47636
|
replace(/mm/iu, month).
|
|
47796
47637
|
replace(/dd/iu, day);
|
|
47797
47638
|
} catch (err) {
|
|
47798
|
-
//
|
|
47799
|
-
// (inside `stringToDateInstance`) could throw on pathological input
|
|
47800
|
-
// future-library-versions might introduce. Treat any thrown error as
|
|
47801
|
-
// "not a valid date" and return undefined.
|
|
47639
|
+
// If the input string is not a valid date, return undefined
|
|
47802
47640
|
return undefined;
|
|
47803
47641
|
}
|
|
47804
47642
|
}
|
|
@@ -49507,14 +49345,11 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49507
49345
|
this.calendar.announceSelection(announcement);
|
|
49508
49346
|
}, 500);
|
|
49509
49347
|
|
|
49510
|
-
// On mobile fullscreen
|
|
49511
|
-
//
|
|
49512
|
-
//
|
|
49513
|
-
|
|
49514
|
-
// would happen if we tried to scroll before the cell was set.
|
|
49515
|
-
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) {
|
|
49516
49352
|
this.calendar.scrollToActiveCell();
|
|
49517
|
-
this.forceScrollOnNextMobileCalendarRender = false;
|
|
49518
49353
|
}
|
|
49519
49354
|
} else if (attempts < MAX_ATTEMPTS) {
|
|
49520
49355
|
requestAnimationFrame(tryFocus);
|
|
@@ -49638,10 +49473,18 @@ class AuroDatePicker extends AuroElement$5 {
|
|
|
49638
49473
|
}
|
|
49639
49474
|
}
|
|
49640
49475
|
|
|
49641
|
-
//
|
|
49642
|
-
|
|
49643
|
-
|
|
49644
|
-
|
|
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
|
+
}
|
|
49645
49488
|
}, { signal });
|
|
49646
49489
|
|
|
49647
49490
|
// Handle responsive strategy changes while the dropdown is open
|
|
@@ -51897,7 +51740,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
51897
51740
|
}
|
|
51898
51741
|
};
|
|
51899
51742
|
|
|
51900
|
-
var formkitVersion$1$2 = '
|
|
51743
|
+
var formkitVersion$1$2 = '202606291652';
|
|
51901
51744
|
|
|
51902
51745
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
51903
51746
|
// See LICENSE in the project root for license information.
|
|
@@ -56225,7 +56068,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56225
56068
|
}
|
|
56226
56069
|
};
|
|
56227
56070
|
|
|
56228
|
-
var formkitVersion$6 = '
|
|
56071
|
+
var formkitVersion$6 = '202606291652';
|
|
56229
56072
|
|
|
56230
56073
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56231
56074
|
static get properties() {
|
|
@@ -57497,7 +57340,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57497
57340
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
57498
57341
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
57499
57342
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
57500
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
57501
57343
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
57502
57344
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
57503
57345
|
@focusin="${this.handleFocusin}"
|
|
@@ -57624,7 +57466,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
|
|
|
57624
57466
|
|
|
57625
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)}`;
|
|
57626
57468
|
|
|
57627
|
-
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)}`;
|
|
57628
57470
|
|
|
57629
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)}`;
|
|
57630
57472
|
|
|
@@ -58630,13 +58472,6 @@ class AuroCounterGroup extends AuroElement$4 {
|
|
|
58630
58472
|
*/
|
|
58631
58473
|
configureDropdownCounters() {
|
|
58632
58474
|
this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
|
|
58633
|
-
|
|
58634
|
-
// Counter rows are slotted into the bib through multiple shadow roots
|
|
58635
|
-
// (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
|
|
58636
|
-
// `:focus-within` focus-loss check fails to match the dropdown host in Chromium
|
|
58637
|
-
// and the bib auto-closes immediately after opening. Mirrors auro-select.
|
|
58638
|
-
this.dropdown.noHideOnThisFocusLoss = true;
|
|
58639
|
-
|
|
58640
58475
|
this.dropdown.requestUpdate();
|
|
58641
58476
|
|
|
58642
58477
|
const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
|
|
@@ -60173,7 +60008,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60173
60008
|
}
|
|
60174
60009
|
};
|
|
60175
60010
|
|
|
60176
|
-
var formkitVersion$5 = '
|
|
60011
|
+
var formkitVersion$5 = '202606291652';
|
|
60177
60012
|
|
|
60178
60013
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60179
60014
|
// See LICENSE in the project root for license information.
|
|
@@ -61923,7 +61758,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
61923
61758
|
}
|
|
61924
61759
|
};
|
|
61925
61760
|
|
|
61926
|
-
var formkitVersion$4 = '
|
|
61761
|
+
var formkitVersion$4 = '202606291652';
|
|
61927
61762
|
|
|
61928
61763
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
61929
61764
|
// See LICENSE in the project root for license information.
|
|
@@ -67138,7 +66973,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67138
66973
|
}
|
|
67139
66974
|
};
|
|
67140
66975
|
|
|
67141
|
-
var formkitVersion$2 = '
|
|
66976
|
+
var formkitVersion$2 = '202606291652';
|
|
67142
66977
|
|
|
67143
66978
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67144
66979
|
static get properties() {
|
|
@@ -68410,7 +68245,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
|
|
|
68410
68245
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
68411
68246
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
68412
68247
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
68413
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
68414
68248
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
68415
68249
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
68416
68250
|
@focusin="${this.handleFocusin}"
|
|
@@ -78857,13 +78691,6 @@ class AuroInputUtilities {
|
|
|
78857
78691
|
* @returns {string | undefined}
|
|
78858
78692
|
*/
|
|
78859
78693
|
toFormattedValue(valueObject, format) {
|
|
78860
|
-
// Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
|
|
78861
|
-
// `format` argument has to fail gracefully rather than throw on
|
|
78862
|
-
// `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
|
|
78863
|
-
// as "no format → no display value".
|
|
78864
|
-
if (!format) {
|
|
78865
|
-
return undefined;
|
|
78866
|
-
}
|
|
78867
78694
|
const normalizedFormat = format.toLowerCase();
|
|
78868
78695
|
const maskOptions = this.getMaskOptions('date', normalizedFormat);
|
|
78869
78696
|
|
|
@@ -79014,18 +78841,79 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79014
78841
|
constructor() {
|
|
79015
78842
|
super();
|
|
79016
78843
|
|
|
79017
|
-
|
|
79018
|
-
|
|
79019
|
-
|
|
79020
|
-
|
|
79021
|
-
|
|
79022
|
-
|
|
79023
|
-
|
|
79024
|
-
|
|
79025
|
-
|
|
79026
|
-
|
|
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() {
|
|
79027
78871
|
this.activeLabel = false;
|
|
79028
|
-
|
|
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
|
+
|
|
79029
78917
|
this.allowedInputTypes = [
|
|
79030
78918
|
"text",
|
|
79031
78919
|
"number",
|
|
@@ -79034,8 +78922,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79034
78922
|
"credit-card",
|
|
79035
78923
|
"tel"
|
|
79036
78924
|
];
|
|
79037
|
-
this.
|
|
79038
|
-
/** @private */
|
|
78925
|
+
this.icon = false;
|
|
79039
78926
|
this.dateFormatMap = {
|
|
79040
78927
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
79041
78928
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -79052,57 +78939,27 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79052
78939
|
'dd/mm': 'dateDDMM',
|
|
79053
78940
|
'mm/dd': 'dateMMDD'
|
|
79054
78941
|
};
|
|
79055
|
-
this.disabled = false;
|
|
79056
|
-
/** @private */
|
|
79057
78942
|
this.domHandler = new DomHandler();
|
|
79058
78943
|
this.dvInputOnly = false;
|
|
79059
78944
|
this.hasValue = false;
|
|
79060
|
-
this.hideLabelVisually = false;
|
|
79061
|
-
this.icon = false;
|
|
79062
|
-
/** @private */
|
|
79063
78945
|
this.inputIconName = undefined;
|
|
79064
|
-
/** @private */
|
|
79065
78946
|
this.label = 'Input label is undefined';
|
|
79066
|
-
this.layout = 'classic';
|
|
79067
|
-
this.locale = 'en-US';
|
|
79068
|
-
this.max = undefined;
|
|
79069
|
-
this._maxObject = undefined;
|
|
79070
|
-
this.maxLength = undefined;
|
|
79071
|
-
this.min = undefined;
|
|
79072
|
-
this._minObject = undefined;
|
|
79073
|
-
this.minLength = undefined;
|
|
79074
78947
|
this.noValidate = false;
|
|
79075
|
-
this.
|
|
79076
|
-
// Raw values returned from the input mask before model normalization.
|
|
79077
|
-
this._rawMaskValue = undefined;
|
|
79078
|
-
this.required = false;
|
|
79079
|
-
this.setCustomValidityForType = undefined;
|
|
79080
|
-
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
79081
|
-
// itself, and listing it here caused cursor placement issues in Safari.
|
|
79082
|
-
/** @private */
|
|
78948
|
+
this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
|
|
79083
78949
|
this.setSelectionInputTypes = [
|
|
79084
78950
|
"text",
|
|
79085
78951
|
"password",
|
|
79086
78952
|
"email"
|
|
79087
|
-
];
|
|
79088
|
-
this.shape = 'classic';
|
|
79089
|
-
/** @private */
|
|
78953
|
+
]; // Credit Card is not included as this caused cursor placement issues in Safari.
|
|
79090
78954
|
this.showPassword = false;
|
|
79091
|
-
this.size = 'lg';
|
|
79092
78955
|
this.touched = false;
|
|
79093
|
-
/** @private */
|
|
79094
78956
|
this.uniqueId = new UniqueId().create();
|
|
79095
|
-
/** @private */
|
|
79096
78957
|
this.util = new AuroInputUtilities({
|
|
79097
78958
|
locale: this.locale,
|
|
79098
78959
|
format: this.format
|
|
79099
78960
|
});
|
|
79100
|
-
/** @private */
|
|
79101
78961
|
this.validation = new AuroFormValidation$2();
|
|
79102
|
-
/** @private */
|
|
79103
78962
|
this.validationCCLength = undefined;
|
|
79104
|
-
this.value = undefined;
|
|
79105
|
-
this._valueObject = undefined;
|
|
79106
78963
|
}
|
|
79107
78964
|
|
|
79108
78965
|
// function to define props used within the scope of this component
|
|
@@ -79650,15 +79507,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79650
79507
|
|
|
79651
79508
|
this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
|
|
79652
79509
|
|
|
79653
|
-
// Normalize the format token to lowercase so case-mixed values supplied
|
|
79654
|
-
// via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
|
|
79655
|
-
// lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
|
|
79656
|
-
// format silently misses the map and leaves `setCustomValidityForType`
|
|
79657
|
-
// unset.
|
|
79658
|
-
if (this.format) {
|
|
79659
|
-
this.format = this.format.toLowerCase();
|
|
79660
|
-
}
|
|
79661
|
-
|
|
79662
79510
|
// use validity message override if declared when initializing the component
|
|
79663
79511
|
if (this.hasAttribute('setCustomValidity')) {
|
|
79664
79512
|
this.ValidityMessageOverride = this.setCustomValidity;
|
|
@@ -80092,38 +79940,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
80092
79940
|
this.touched = true;
|
|
80093
79941
|
this.validation.validate(this);
|
|
80094
79942
|
}
|
|
80095
|
-
|
|
80096
|
-
// Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
|
|
80097
|
-
// update that can re-render the input and reset the native cursor; we
|
|
80098
|
-
// capture the caret position before that update commits and restore it
|
|
80099
|
-
// via `setSelectionRange` once the update has flushed. Gated on
|
|
80100
|
-
// `setSelectionInputTypes` so credit-card (and other masked types whose
|
|
80101
|
-
// formatter manages the cursor itself) doesn't get a competing write.
|
|
80102
|
-
// Capture the caret position INSIDE the gate — reading `selectionStart`
|
|
80103
|
-
// on input types that don't support text selection (number, email in
|
|
80104
|
-
// some browsers) throws InvalidStateError, which would crash all input
|
|
80105
|
-
// handling. Wrap the read in try/catch belt-and-suspenders even though
|
|
80106
|
-
// the gated types currently support it, since the list is a public
|
|
80107
|
-
// property a consumer could mutate.
|
|
80108
|
-
if (this.setSelectionInputTypes.includes(this.type)) {
|
|
80109
|
-
let selectionStart;
|
|
80110
|
-
try {
|
|
80111
|
-
selectionStart = this.inputElement.selectionStart;
|
|
80112
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
80113
|
-
return;
|
|
80114
|
-
}
|
|
80115
|
-
if (typeof selectionStart !== 'number') {
|
|
80116
|
-
return;
|
|
80117
|
-
}
|
|
80118
|
-
this.updateComplete.then(() => {
|
|
80119
|
-
try {
|
|
80120
|
-
this.inputElement.setSelectionRange(selectionStart, selectionStart);
|
|
80121
|
-
} catch (error) { // eslint-disable-line no-unused-vars
|
|
80122
|
-
// Some input types (number/email in certain UAs) throw on
|
|
80123
|
-
// setSelectionRange; swallow and let the native cursor stand.
|
|
80124
|
-
}
|
|
80125
|
-
});
|
|
80126
|
-
}
|
|
80127
79943
|
}
|
|
80128
79944
|
|
|
80129
79945
|
/**
|
|
@@ -80750,7 +80566,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
80750
80566
|
}
|
|
80751
80567
|
};
|
|
80752
80568
|
|
|
80753
|
-
var formkitVersion$1$1 = '
|
|
80569
|
+
var formkitVersion$1$1 = '202606291652';
|
|
80754
80570
|
|
|
80755
80571
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
80756
80572
|
// See LICENSE in the project root for license information.
|
|
@@ -81253,7 +81069,6 @@ class AuroInput extends BaseInput {
|
|
|
81253
81069
|
<${this.buttonTag}
|
|
81254
81070
|
@click="${this.handleClickShowPassword}"
|
|
81255
81071
|
appearance="${this.onDark ? 'inverse' : this.appearance}"
|
|
81256
|
-
aria-pressed="${this.showPassword ? 'true' : 'false'}"
|
|
81257
81072
|
class="notificationBtn passwordBtn"
|
|
81258
81073
|
shape="circle"
|
|
81259
81074
|
size="sm"
|
|
@@ -81327,29 +81142,25 @@ class AuroInput extends BaseInput {
|
|
|
81327
81142
|
* @returns {html} - Returns HTML for the help text and error message.
|
|
81328
81143
|
*/
|
|
81329
81144
|
renderHtmlHelpText() {
|
|
81330
|
-
// Single `<p>` with stable identity across validity transitions —
|
|
81331
|
-
// previously two distinct templates (valid vs invalid) caused Lit to
|
|
81332
|
-
// replace the node entirely on a flip, and VoiceOver wouldn't
|
|
81333
|
-
// re-announce because the live-region element it was watching had been
|
|
81334
|
-
// removed and a new one inserted. Keeping one node means the `role`,
|
|
81335
|
-
// `aria-live`, and text content all change in-place, which AT does
|
|
81336
|
-
// observe and announce.
|
|
81337
|
-
const isError = this.validity && this.validity !== 'valid';
|
|
81338
81145
|
return u$c`
|
|
81339
|
-
|
|
81340
|
-
|
|
81341
|
-
|
|
81342
|
-
|
|
81343
|
-
|
|
81344
|
-
|
|
81345
|
-
|
|
81346
|
-
|
|
81347
|
-
|
|
81348
|
-
|
|
81349
|
-
|
|
81350
|
-
|
|
81351
|
-
|
|
81352
|
-
|
|
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
|
+
}
|
|
81353
81164
|
`;
|
|
81354
81165
|
}
|
|
81355
81166
|
|
|
@@ -81481,7 +81292,7 @@ class AuroInput extends BaseInput {
|
|
|
81481
81292
|
|
|
81482
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)}`;
|
|
81483
81294
|
|
|
81484
|
-
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)}`;
|
|
81485
81296
|
|
|
81486
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)}`;
|
|
81487
81298
|
|
|
@@ -81876,7 +81687,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
81876
81687
|
}
|
|
81877
81688
|
};
|
|
81878
81689
|
|
|
81879
|
-
var formkitVersion$3 = '
|
|
81690
|
+
var formkitVersion$3 = '202606291652';
|
|
81880
81691
|
|
|
81881
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}`;
|
|
81882
81693
|
|
|
@@ -86689,28 +86500,19 @@ const selectKeyboardStrategy = {
|
|
|
86689
86500
|
},
|
|
86690
86501
|
|
|
86691
86502
|
End(component, evt, ctx) {
|
|
86503
|
+
if (!ctx.isExpanded) {
|
|
86504
|
+
return;
|
|
86505
|
+
}
|
|
86692
86506
|
evt.preventDefault();
|
|
86693
86507
|
evt.stopPropagation();
|
|
86694
86508
|
// `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
|
|
86695
86509
|
const lastOption = getEnabledOptions(component.menu).pop();
|
|
86696
|
-
if (
|
|
86697
|
-
|
|
86698
|
-
}
|
|
86699
|
-
// Pre-stash before show() so the auroDropdown-toggled handler's
|
|
86700
|
-
// `!optionActive` guard short-circuits the firstActive/selected fallback —
|
|
86701
|
-
// otherwise show() synchronously fires the handler and writes
|
|
86702
|
-
// aria-activedescendant once before we overwrite it.
|
|
86703
|
-
component.menu.updateActiveOption(lastOption);
|
|
86704
|
-
if (!ctx.isExpanded) {
|
|
86705
|
-
component.dropdown.show();
|
|
86510
|
+
if (lastOption) {
|
|
86511
|
+
component.menu.updateActiveOption(lastOption);
|
|
86706
86512
|
}
|
|
86707
86513
|
},
|
|
86708
86514
|
|
|
86709
86515
|
Enter(component, evt, ctx) {
|
|
86710
|
-
// Prevent the keypress from bubbling to parent containers (e.g., forms)
|
|
86711
|
-
// which could interpret Enter as a submit. Matches APG select-only combobox
|
|
86712
|
-
// and native <select> behavior: Enter opens the listbox when closed, selects
|
|
86713
|
-
// the active option when open — it does not submit a parent form.
|
|
86714
86516
|
evt.preventDefault();
|
|
86715
86517
|
evt.stopPropagation();
|
|
86716
86518
|
if (!ctx.isExpanded) {
|
|
@@ -86721,16 +86523,14 @@ const selectKeyboardStrategy = {
|
|
|
86721
86523
|
},
|
|
86722
86524
|
|
|
86723
86525
|
Home(component, evt, ctx) {
|
|
86526
|
+
if (!ctx.isExpanded) {
|
|
86527
|
+
return;
|
|
86528
|
+
}
|
|
86724
86529
|
evt.preventDefault();
|
|
86725
86530
|
evt.stopPropagation();
|
|
86726
86531
|
const [firstOption] = getEnabledOptions(component.menu);
|
|
86727
|
-
if (
|
|
86728
|
-
|
|
86729
|
-
}
|
|
86730
|
-
// See End() for why this must run before show().
|
|
86731
|
-
component.menu.updateActiveOption(firstOption);
|
|
86732
|
-
if (!ctx.isExpanded) {
|
|
86733
|
-
component.dropdown.show();
|
|
86532
|
+
if (firstOption) {
|
|
86533
|
+
component.menu.updateActiveOption(firstOption);
|
|
86734
86534
|
}
|
|
86735
86535
|
},
|
|
86736
86536
|
|
|
@@ -90678,7 +90478,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
90678
90478
|
}
|
|
90679
90479
|
};
|
|
90680
90480
|
|
|
90681
|
-
var formkitVersion$1 = '
|
|
90481
|
+
var formkitVersion$1 = '202606291652';
|
|
90682
90482
|
|
|
90683
90483
|
class AuroElement extends i$3 {
|
|
90684
90484
|
static get properties() {
|
|
@@ -91950,7 +91750,6 @@ class AuroDropdown extends AuroElement {
|
|
|
91950
91750
|
role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
91951
91751
|
aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
91952
91752
|
aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
|
|
91953
|
-
aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
|
|
91954
91753
|
aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
|
|
91955
91754
|
aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
|
|
91956
91755
|
@focusin="${this.handleFocusin}"
|
|
@@ -92077,7 +91876,7 @@ class AuroDropdown extends AuroElement {
|
|
|
92077
91876
|
|
|
92078
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)}`;
|
|
92079
91878
|
|
|
92080
|
-
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)}`;
|
|
92081
91880
|
|
|
92082
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)}`;
|
|
92083
91882
|
|
|
@@ -92700,7 +92499,7 @@ class AuroHelpText extends i$3 {
|
|
|
92700
92499
|
}
|
|
92701
92500
|
}
|
|
92702
92501
|
|
|
92703
|
-
var formkitVersion = '
|
|
92502
|
+
var formkitVersion = '202606291652';
|
|
92704
92503
|
|
|
92705
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}`;
|
|
92706
92505
|
|
|
@@ -93032,6 +92831,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93032
92831
|
reflect: true
|
|
93033
92832
|
},
|
|
93034
92833
|
|
|
92834
|
+
/**
|
|
92835
|
+
* @private
|
|
92836
|
+
*/
|
|
92837
|
+
options: {
|
|
92838
|
+
type: Array,
|
|
92839
|
+
state: true
|
|
92840
|
+
},
|
|
92841
|
+
|
|
93035
92842
|
/**
|
|
93036
92843
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
93037
92844
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -93319,68 +93126,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93319
93126
|
this.dropdown.dropdownWidth = this.customBibWidth;
|
|
93320
93127
|
}
|
|
93321
93128
|
|
|
93322
|
-
|
|
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
|
+
}
|
|
93323
93134
|
|
|
93324
93135
|
// Exposes the CSS parts from the dropdown for styling
|
|
93325
93136
|
this.dropdown.exposeCssParts();
|
|
93326
93137
|
}
|
|
93327
93138
|
|
|
93328
|
-
/**
|
|
93329
|
-
* Reads the current label slot text and pushes it to the dropdown bib
|
|
93330
|
-
* (for dialog naming) and the menu (for listbox aria-label). Safe to call
|
|
93331
|
-
* before either child has been wired up — each branch self-guards.
|
|
93332
|
-
* @private
|
|
93333
|
-
*/
|
|
93334
|
-
_syncLabelText() {
|
|
93335
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
93336
|
-
const text = labelElement ? labelElement.textContent.trim() : '';
|
|
93337
|
-
if (this.dropdown) {
|
|
93338
|
-
this.dropdown.bibDialogLabel = text || undefined;
|
|
93339
|
-
}
|
|
93340
|
-
if (this.menu) {
|
|
93341
|
-
if (text) {
|
|
93342
|
-
this.menu.setAttribute('aria-label', text);
|
|
93343
|
-
} else {
|
|
93344
|
-
this.menu.removeAttribute('aria-label');
|
|
93345
|
-
}
|
|
93346
|
-
}
|
|
93347
|
-
}
|
|
93348
|
-
|
|
93349
|
-
/**
|
|
93350
|
-
* Keeps the dialog/menu accessible names in sync when consumers mutate the
|
|
93351
|
-
* label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
|
|
93352
|
-
* insufficient — it doesn't fire when textContent of an already-assigned
|
|
93353
|
-
* slotted node changes, which is the common case. We scope the observer to
|
|
93354
|
-
* the label node itself (not the whole host subtree) so option-content
|
|
93355
|
-
* mutations don't trigger label re-syncs, and re-target on `slotchange`
|
|
93356
|
-
* when consumers add or replace the label element.
|
|
93357
|
-
* @private
|
|
93358
|
-
*/
|
|
93359
|
-
_observeLabelChanges() {
|
|
93360
|
-
if (this._labelObserver) return;
|
|
93361
|
-
this._labelObserver = new MutationObserver(() => this._syncLabelText());
|
|
93362
|
-
|
|
93363
|
-
const retarget = () => {
|
|
93364
|
-
this._labelObserver.disconnect();
|
|
93365
|
-
const labelElement = this.querySelector('[slot="label"]');
|
|
93366
|
-
if (labelElement) {
|
|
93367
|
-
this._labelObserver.observe(labelElement, {
|
|
93368
|
-
childList: true,
|
|
93369
|
-
subtree: true,
|
|
93370
|
-
characterData: true
|
|
93371
|
-
});
|
|
93372
|
-
}
|
|
93373
|
-
this._syncLabelText();
|
|
93374
|
-
};
|
|
93375
|
-
|
|
93376
|
-
retarget();
|
|
93377
|
-
|
|
93378
|
-
this._retargetLabelObserver = retarget;
|
|
93379
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
93380
|
-
slot.addEventListener('slotchange', retarget);
|
|
93381
|
-
});
|
|
93382
|
-
}
|
|
93383
|
-
|
|
93384
93139
|
/**
|
|
93385
93140
|
* This will register this element with the browser.
|
|
93386
93141
|
* @param {string} [name="auro-select"] - The name of element that you want to register to.
|
|
@@ -93531,7 +93286,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93531
93286
|
this.updateMenuShapeSize();
|
|
93532
93287
|
this.setMenuValue(this.value);
|
|
93533
93288
|
|
|
93534
|
-
|
|
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
|
+
}
|
|
93535
93294
|
|
|
93536
93295
|
if (this.multiSelect) {
|
|
93537
93296
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -93543,21 +93302,8 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93543
93302
|
if (typeof this.menu.initItems === 'function') {
|
|
93544
93303
|
this.menu.initItems();
|
|
93545
93304
|
}
|
|
93305
|
+
this.options = this.menu.options;
|
|
93546
93306
|
this.updateOptionPositions();
|
|
93547
|
-
// renderNativeSelect reads this.menu.options, which the parent doesn't
|
|
93548
|
-
// observe — request an update so the hidden native <option> list reflects
|
|
93549
|
-
// the menu's options after initItems populates them.
|
|
93550
|
-
this.requestUpdate();
|
|
93551
|
-
|
|
93552
|
-
// Keep aria-setsize/aria-posinset (and the native <option> list) in sync
|
|
93553
|
-
// when the menu re-initializes its items — e.g., slotchange, async/lazy
|
|
93554
|
-
// loads, value-triggered re-init. Without this, stale set-size is
|
|
93555
|
-
// announced and the native select goes stale after dynamic mutations.
|
|
93556
|
-
this.menu.addEventListener('auroMenu-optionsChange', () => {
|
|
93557
|
-
this.updateOptionPositions();
|
|
93558
|
-
this.requestUpdate();
|
|
93559
|
-
});
|
|
93560
|
-
|
|
93561
93307
|
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
93562
93308
|
|
|
93563
93309
|
this.menu.addEventListener("auroMenu-selectValueFailure", () => {
|
|
@@ -93576,26 +93322,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93576
93322
|
this.dropdown.setActiveDescendant(this.optionActive);
|
|
93577
93323
|
}
|
|
93578
93324
|
|
|
93579
|
-
//
|
|
93580
|
-
|
|
93581
|
-
// navigation back to the selection, or click in multiSelect — rely on
|
|
93582
|
-
// aria-activedescendant + aria-selected="true" to convey state per the
|
|
93583
|
-
// WAI-ARIA listbox pattern. This is intentional, not limited to the
|
|
93584
|
-
// initial activation on open: it also prevents a duplicate "X, selected"
|
|
93585
|
-
// when Enter on the active+selected option re-fires
|
|
93586
|
-
// auroMenu-selectedOption (see 03b289e39).
|
|
93587
|
-
if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
|
|
93325
|
+
// Announce the active option for screen readers
|
|
93326
|
+
if (this.optionActive) {
|
|
93588
93327
|
const optionText = this.optionActive.textContent.trim();
|
|
93589
|
-
const
|
|
93590
|
-
|
|
93591
|
-
announceToScreenReader(this._getAnnouncementRoot(), message);
|
|
93592
|
-
} else {
|
|
93593
|
-
// Typeahead-on-closed fires this event before `show()` flips
|
|
93594
|
-
// isPopoverVisible. Defer so the announcement targets the bib's
|
|
93595
|
-
// live region once the fullscreen <dialog> opens — otherwise it
|
|
93596
|
-
// lands in the host root, which is inert under the active modal.
|
|
93597
|
-
queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
|
|
93598
|
-
}
|
|
93328
|
+
const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
|
|
93329
|
+
announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
|
|
93599
93330
|
}
|
|
93600
93331
|
|
|
93601
93332
|
if (this.dropdown.isPopoverVisible) {
|
|
@@ -93604,7 +93335,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93604
93335
|
});
|
|
93605
93336
|
|
|
93606
93337
|
this.menu.addEventListener('auroMenu-selectedOption', () => {
|
|
93607
|
-
const previousSelected = this.optionSelected;
|
|
93608
93338
|
|
|
93609
93339
|
// Update the displayed value
|
|
93610
93340
|
this.updateDisplayedValue();
|
|
@@ -93624,32 +93354,13 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93624
93354
|
this.dropdown.trigger.focus();
|
|
93625
93355
|
}
|
|
93626
93356
|
|
|
93627
|
-
//
|
|
93628
|
-
//
|
|
93629
|
-
|
|
93630
|
-
|
|
93631
|
-
|
|
93632
|
-
|
|
93633
|
-
|
|
93634
|
-
const removed = prev.find((opt) => !nextSelected.includes(opt));
|
|
93635
|
-
const added = nextSelected.find((opt) => !prev.includes(opt));
|
|
93636
|
-
if (removed) {
|
|
93637
|
-
announcement = `${removed.textContent.trim()}, not selected`;
|
|
93638
|
-
} else if (added) {
|
|
93639
|
-
announcement = `${added.textContent.trim()}, selected`;
|
|
93640
|
-
}
|
|
93641
|
-
} else {
|
|
93642
|
-
announcement = `${this.menu.currentLabel}, selected`;
|
|
93643
|
-
}
|
|
93644
|
-
|
|
93645
|
-
// Delay so the utterance isn't overridden by VoiceOver's "collapsed"
|
|
93646
|
-
// announcement from aria-expanded when the dropdown closes.
|
|
93647
|
-
if (announcement) {
|
|
93648
|
-
const announcementDelay = 300;
|
|
93649
|
-
setTimeout(() => {
|
|
93650
|
-
announceToScreenReader(this._getAnnouncementRoot(), announcement);
|
|
93651
|
-
}, announcementDelay);
|
|
93652
|
-
}
|
|
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);
|
|
93653
93364
|
});
|
|
93654
93365
|
}
|
|
93655
93366
|
|
|
@@ -93747,32 +93458,24 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93747
93458
|
|
|
93748
93459
|
this.typeaheadBuffer += key;
|
|
93749
93460
|
|
|
93750
|
-
|
|
93751
|
-
// next item with a name that starts with the string of characters typed").
|
|
93752
|
-
// Only fall back to single-char cycling when the repeated buffer has no
|
|
93753
|
-
// longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
|
|
93754
|
-
// because no option starts with "aa".
|
|
93755
|
-
let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
93461
|
+
const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
|
|
93756
93462
|
|
|
93757
|
-
|
|
93463
|
+
let match = null;
|
|
93758
93464
|
if (isRepeatedChar) {
|
|
93759
93465
|
const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
|
|
93760
93466
|
if (matches.length) {
|
|
93761
93467
|
const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
|
|
93762
93468
|
match = matches[cycleIndex];
|
|
93763
93469
|
}
|
|
93470
|
+
} else {
|
|
93471
|
+
match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
|
|
93764
93472
|
}
|
|
93765
93473
|
|
|
93766
|
-
// Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
|
|
93767
93474
|
if (match) {
|
|
93768
|
-
// Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
|
|
93769
|
-
// guard short-circuits and skips the firstActive/selected fallback —
|
|
93770
|
-
// otherwise show() synchronously fires the handler, which writes
|
|
93771
|
-
// aria-activedescendant once before we overwrite it.
|
|
93772
|
-
this.menu.updateActiveOption(match);
|
|
93773
93475
|
if (!this.dropdown.isPopoverVisible) {
|
|
93774
93476
|
this.dropdown.show();
|
|
93775
93477
|
}
|
|
93478
|
+
this.menu.updateActiveOption(match);
|
|
93776
93479
|
}
|
|
93777
93480
|
}
|
|
93778
93481
|
|
|
@@ -93889,28 +93592,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93889
93592
|
disconnectedCallback() {
|
|
93890
93593
|
super.disconnectedCallback();
|
|
93891
93594
|
this._clearTypeaheadBuffer();
|
|
93892
|
-
if (this._labelObserver) {
|
|
93893
|
-
this._labelObserver.disconnect();
|
|
93894
|
-
this._labelObserver = null;
|
|
93895
|
-
}
|
|
93896
|
-
if (this._retargetLabelObserver && this.shadowRoot) {
|
|
93897
|
-
this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
|
|
93898
|
-
slot.removeEventListener('slotchange', this._retargetLabelObserver);
|
|
93899
|
-
});
|
|
93900
|
-
this._retargetLabelObserver = null;
|
|
93901
|
-
}
|
|
93902
|
-
}
|
|
93903
|
-
|
|
93904
|
-
connectedCallback() {
|
|
93905
|
-
super.connectedCallback();
|
|
93906
|
-
// Regression guard: firstUpdated() fires once per instance, so the label
|
|
93907
|
-
// observer setup it triggers does NOT re-run on reconnect. After a
|
|
93908
|
-
// disconnect+reconnect (reparent, SPA route swap), runtime label mutations
|
|
93909
|
-
// would silently stop syncing menu aria-label / dropdown.bibDialogLabel
|
|
93910
|
-
// unless we re-wire the observer here.
|
|
93911
|
-
if (this.hasUpdated) {
|
|
93912
|
-
this._observeLabelChanges();
|
|
93913
|
-
}
|
|
93914
93595
|
}
|
|
93915
93596
|
|
|
93916
93597
|
// lifecycle runs only after the element's DOM has been updated the first time
|
|
@@ -93921,7 +93602,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
93921
93602
|
this.configureDropdown();
|
|
93922
93603
|
this.configureMenu();
|
|
93923
93604
|
this.configureSelect();
|
|
93924
|
-
this._observeLabelChanges();
|
|
93925
93605
|
}
|
|
93926
93606
|
|
|
93927
93607
|
setMenuValue(value) {
|
|
@@ -94054,18 +93734,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
94054
93734
|
* @private
|
|
94055
93735
|
*/
|
|
94056
93736
|
_handleNativeSelectChange(event) {
|
|
94057
|
-
// Hidden native <select> has no `multiple` attribute, so any change it fires
|
|
94058
|
-
// is a single raw value — applying it in multiSelect mode would collapse the
|
|
94059
|
-
// JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
|
|
94060
|
-
// form control even with aria-hidden/tabindex=-1.
|
|
94061
|
-
if (this.multiSelect) return;
|
|
94062
|
-
|
|
94063
93737
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
94064
93738
|
if (!selectedOption) return;
|
|
94065
93739
|
const selectedValue = selectedOption.value;
|
|
94066
93740
|
|
|
94067
|
-
if (this.
|
|
94068
|
-
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
|
+
}
|
|
94069
93756
|
}
|
|
94070
93757
|
}
|
|
94071
93758
|
|