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