@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.
Files changed (54) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/customize.min.js +1 -1
  4. package/components/checkbox/demo/getting-started.min.js +1 -1
  5. package/components/checkbox/demo/index.min.js +1 -1
  6. package/components/checkbox/dist/index.js +1 -1
  7. package/components/checkbox/dist/registered.js +1 -1
  8. package/components/combobox/demo/customize.min.js +97 -121
  9. package/components/combobox/demo/getting-started.min.js +97 -121
  10. package/components/combobox/demo/index.min.js +97 -121
  11. package/components/combobox/dist/index.js +96 -120
  12. package/components/combobox/dist/registered.js +96 -120
  13. package/components/counter/demo/customize.min.js +3 -11
  14. package/components/counter/demo/index.min.js +3 -11
  15. package/components/counter/dist/index.js +3 -11
  16. package/components/counter/dist/registered.js +3 -11
  17. package/components/datepicker/demo/customize.min.js +137 -271
  18. package/components/datepicker/demo/index.min.js +137 -271
  19. package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -6
  20. package/components/datepicker/dist/auro-calendar.d.ts +7 -26
  21. package/components/datepicker/dist/index.js +137 -271
  22. package/components/datepicker/dist/registered.js +137 -271
  23. package/components/dropdown/demo/customize.min.js +1 -2
  24. package/components/dropdown/demo/getting-started.min.js +1 -2
  25. package/components/dropdown/demo/index.min.js +1 -2
  26. package/components/dropdown/dist/index.js +1 -2
  27. package/components/dropdown/dist/registered.js +1 -2
  28. package/components/form/demo/customize.min.js +396 -709
  29. package/components/form/demo/getting-started.min.js +396 -709
  30. package/components/form/demo/index.min.js +396 -709
  31. package/components/form/demo/registerDemoDeps.min.js +396 -709
  32. package/components/input/demo/api.md +5 -5
  33. package/components/input/demo/customize.md +8 -8
  34. package/components/input/demo/customize.min.js +93 -116
  35. package/components/input/demo/getting-started.min.js +93 -116
  36. package/components/input/demo/index.min.js +93 -116
  37. package/components/input/dist/base-input.d.ts +44 -33
  38. package/components/input/dist/index.js +94 -129
  39. package/components/input/dist/registered.js +93 -116
  40. package/components/radio/demo/customize.min.js +1 -1
  41. package/components/radio/demo/getting-started.min.js +1 -1
  42. package/components/radio/demo/index.min.js +1 -1
  43. package/components/radio/dist/index.js +1 -1
  44. package/components/radio/dist/registered.js +1 -1
  45. package/components/select/demo/customize.md +0 -86
  46. package/components/select/demo/customize.min.js +63 -187
  47. package/components/select/demo/getting-started.min.js +110 -189
  48. package/components/select/demo/index.min.js +63 -187
  49. package/components/select/demo/keyboard-behavior.md +4 -18
  50. package/components/select/dist/auro-select.d.ts +8 -20
  51. package/components/select/dist/index.js +63 -187
  52. package/components/select/dist/registered.js +63 -187
  53. package/custom-elements.json +1791 -1997
  54. 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
- // Single-source initialization. Alphabetized so duplicate or stale
11658
- // defaults are immediately obvious on a diff. Every field is assigned
11659
- // exactly once here (previously the constructor + the old
11660
- // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
11661
- // fields and double-allocated `util` and `validation`, discarding the
11662
- // first instance). `validation` is now allocated exactly once; `util`
11663
- // is seeded here with an en-US default and then rebuilt in
11664
- // `connectedCallback` once the consumer-resolved locale is available,
11665
- // so a parent (datepicker/combobox) calling `validate()` synchronously
11666
- // during its own update cycle sees a populated util instance.
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
- /** @private */
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.appearance = "default";
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.onDark = false;
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 = '202606292048';
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
- <${this.helpTextTag}
13980
- appearance="${this.onDark ? 'inverse' : this.appearance}"
13981
- ?error=${isError}>
13982
- <p
13983
- id="${this.uniqueId}"
13984
- part="helpText"
13985
- role="${o$4(isError ? 'alert' : undefined)}"
13986
- aria-live="${o$4(isError ? 'assertive' : undefined)}">
13987
- ${isError
13988
- ? this.errorMessage
13989
- : u$c`<slot name="helpText">${this.getHelpText()}</slot>`
13990
- }
13991
- </p>
13992
- </${this.helpTextTag}>
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-visible{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);outline:2px solid var(--ds-basic-color-brand-primary, #01426a);outline-offset:-2px}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);outline:2px solid var(--ds-basic-color-brand-primary, #01426a);outline-offset:-2px;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)}}`;
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 = '202606292048';
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. Set by setActiveCell and
27776
- * refreshed by scrollToActiveCell when its cache check misses (stale
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 so the active cell is visible.
29141
- *
29142
- * Walks the flat tree (rendered, slot-aware) outward from the active
29143
- * cell's button and calls `scrollBy` on every vertically-scrollable
29144
- * ancestor by whatever delta still separates the cell from that
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
- let activeCell = null;
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
- // Scroll the button inside the cell — it has concrete dimensions,
29190
- // which avoids quirks when the cell host has display: inline / contents
29191
- // / flex-without-explicit-size.
29192
- const target = activeCell._cachedButton ||
29193
- activeCell.shadowRoot?.querySelector('button.day') ||
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 = '202606292048';
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
- // Single-source initialization. Alphabetized so duplicate or stale
45298
- // defaults are immediately obvious on a diff. Every field is assigned
45299
- // exactly once here (previously the constructor + the old
45300
- // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
45301
- // fields and double-allocated `util` and `validation`, discarding the
45302
- // first instance). `validation` is now allocated exactly once; `util`
45303
- // is seeded here with an en-US default and then rebuilt in
45304
- // `connectedCallback` once the consumer-resolved locale is available,
45305
- // so a parent (datepicker/combobox) calling `validate()` synchronously
45306
- // during its own update cycle sees a populated util instance.
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
- /** @private */
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.appearance = "default";
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.onDark = false;
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 = '202606292048';
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
- <${this.helpTextTag}
47620
- appearance="${this.onDark ? 'inverse' : this.appearance}"
47621
- ?error=${isError}>
47622
- <p
47623
- id="${this.uniqueId}"
47624
- part="helpText"
47625
- role="${o$4(isError ? 'alert' : undefined)}"
47626
- aria-live="${o$4(isError ? 'assertive' : undefined)}">
47627
- ${isError
47628
- ? this.errorMessage
47629
- : u$c`<slot name="helpText">${this.getHelpText()}</slot>`
47630
- }
47631
- </p>
47632
- </${this.helpTextTag}>
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
- // Defensive: the Date-returning path is guarded above, but `parseDate`
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 or when an explicit focusDate change has
49511
- // requested a forced scroll on the next render scroll the active
49512
- // cell into view. Doing this here (after activeCellDate has been
49513
- // resolved by the rAF loop above) prevents a no-op scroll that
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
- // Note: the forceScrollOnNextMobileCalendarRender scroll-into-view
49642
- // happens inside focusActiveCellWhenReady() once activeCellDate has
49643
- // been resolved by its rAF wait — not here in a setTimeout(0), which
49644
- // fired before the active date was set and silently no-op'd.
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 = '202606292048';
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 = '202606292048';
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 = '202606292048';
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 = '202606292048';
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 = '202606292048';
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
- // Single-source initialization. Alphabetized so duplicate or stale
79018
- // defaults are immediately obvious on a diff. Every field is assigned
79019
- // exactly once here (previously the constructor + the old
79020
- // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
79021
- // fields and double-allocated `util` and `validation`, discarding the
79022
- // first instance). `validation` is now allocated exactly once; `util`
79023
- // is seeded here with an en-US default and then rebuilt in
79024
- // `connectedCallback` once the consumer-resolved locale is available,
79025
- // so a parent (datepicker/combobox) calling `validate()` synchronously
79026
- // during its own update cycle sees a populated util instance.
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
- /** @private */
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.appearance = "default";
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.onDark = false;
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 = '202606292048';
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
- <${this.helpTextTag}
81340
- appearance="${this.onDark ? 'inverse' : this.appearance}"
81341
- ?error=${isError}>
81342
- <p
81343
- id="${this.uniqueId}"
81344
- part="helpText"
81345
- role="${o$4(isError ? 'alert' : undefined)}"
81346
- aria-live="${o$4(isError ? 'assertive' : undefined)}">
81347
- ${isError
81348
- ? this.errorMessage
81349
- : u$c`<slot name="helpText">${this.getHelpText()}</slot>`
81350
- }
81351
- </p>
81352
- </${this.helpTextTag}>
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 = '202606292048';
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 (!lastOption) {
86697
- return;
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 (!firstOption) {
86728
- return;
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 = '202606292048';
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 = '202606292048';
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
- this._syncLabelText();
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
- this._syncLabelText();
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
- // Live-region announce only for [not selected] options. For activations
93580
- // on an already-selected option — auto-activation on bib open, arrow
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 message = `${optionText}, not selected`;
93590
- if (this.dropdown.isPopoverVisible) {
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
- // Describe the actual change. In multiSelect, currentLabel is the
93628
- // concatenated remaining list — announcing "{list}, selected" after a
93629
- // deselect would falsely claim every remaining label was just added.
93630
- // Diff previous vs next to recover the toggled option.
93631
- let announcement = '';
93632
- if (this.multiSelect) {
93633
- const prev = Array.isArray(previousSelected) ? previousSelected : [];
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
- // Prefer the literal buffer as a prefix per WAI-ARIA APG ("focus moves to the
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
- const isRepeatedChar = !match && this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
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.value !== selectedValue) {
94068
- this.value = selectedValue;
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