@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.11 → 0.0.0-pr1514.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) 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 -249
  18. package/components/datepicker/demo/index.min.js +137 -249
  19. package/components/datepicker/dist/auro-calendar.d.ts +7 -26
  20. package/components/datepicker/dist/index.js +137 -249
  21. package/components/datepicker/dist/registered.js +137 -249
  22. package/components/dropdown/demo/customize.min.js +1 -2
  23. package/components/dropdown/demo/getting-started.min.js +1 -2
  24. package/components/dropdown/demo/index.min.js +1 -2
  25. package/components/dropdown/dist/index.js +1 -2
  26. package/components/dropdown/dist/registered.js +1 -2
  27. package/components/form/demo/customize.min.js +396 -687
  28. package/components/form/demo/getting-started.min.js +396 -687
  29. package/components/form/demo/index.min.js +396 -687
  30. package/components/form/demo/registerDemoDeps.min.js +396 -687
  31. package/components/input/demo/api.md +5 -5
  32. package/components/input/demo/customize.md +8 -8
  33. package/components/input/demo/customize.min.js +93 -116
  34. package/components/input/demo/getting-started.min.js +93 -116
  35. package/components/input/demo/index.min.js +93 -116
  36. package/components/input/dist/base-input.d.ts +44 -33
  37. package/components/input/dist/index.js +94 -129
  38. package/components/input/dist/registered.js +93 -116
  39. package/components/radio/demo/customize.min.js +1 -1
  40. package/components/radio/demo/getting-started.min.js +1 -1
  41. package/components/radio/demo/index.min.js +1 -1
  42. package/components/radio/dist/index.js +1 -1
  43. package/components/radio/dist/registered.js +1 -1
  44. package/components/select/demo/customize.md +0 -86
  45. package/components/select/demo/customize.min.js +63 -187
  46. package/components/select/demo/getting-started.min.js +110 -189
  47. package/components/select/demo/index.min.js +63 -187
  48. package/components/select/demo/keyboard-behavior.md +4 -18
  49. package/components/select/dist/auro-select.d.ts +8 -20
  50. package/components/select/dist/index.js +63 -187
  51. package/components/select/dist/registered.js +63 -187
  52. package/custom-elements.json +276 -482
  53. 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 = '202606292042';
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
 
@@ -26208,7 +26178,7 @@ class CalendarUtilities {
26208
26178
 
26209
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)}`;
26210
26180
 
26211
- 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)}`;
26212
26182
 
26213
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)}`;
26214
26184
 
@@ -26603,7 +26573,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26603
26573
  }
26604
26574
  };
26605
26575
 
26606
- var formkitVersion$2$1 = '202606292042';
26576
+ var formkitVersion$2$1 = '202606291652';
26607
26577
 
26608
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}
26609
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}}
@@ -26709,10 +26679,8 @@ class AuroCalendar extends RangeDatepicker {
26709
26679
  this.activeCellDate = null;
26710
26680
 
26711
26681
  /**
26712
- * Cached reference to the active cell host. Set by setActiveCell and
26713
- * refreshed by scrollToActiveCell when its cache check misses (stale
26714
- * or missing). Lets scrollToActiveCell skip a full cell scan on each
26715
- * 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.
26716
26684
  * @private
26717
26685
  */
26718
26686
  this._activeCell = null;
@@ -27688,9 +27656,6 @@ class AuroCalendar extends RangeDatepicker {
27688
27656
  this.handleCellFocused({ detail: { date: fallback.day.date } });
27689
27657
  }
27690
27658
  }
27691
- // Scroll AFTER the cross-month setActiveCell so the freshly
27692
- // activated cell is what gets scrolled into view.
27693
- this.scrollToActiveCell();
27694
27659
  // Re-focus grid wrapper after month change re-render
27695
27660
  this.focusActiveCell();
27696
27661
  });
@@ -27731,9 +27696,6 @@ class AuroCalendar extends RangeDatepicker {
27731
27696
  this.handleCellFocused({ detail: { date: nearest.day.date } });
27732
27697
  }
27733
27698
  }
27734
- // Scroll AFTER the cross-month setActiveCell so the freshly
27735
- // activated cell is what gets scrolled into view.
27736
- this.scrollToActiveCell();
27737
27699
  this.focusActiveCell();
27738
27700
  });
27739
27701
  }
@@ -27768,8 +27730,6 @@ class AuroCalendar extends RangeDatepicker {
27768
27730
  const targetCell = allCells[targetIndex];
27769
27731
  this.setActiveCell(targetCell.day.date);
27770
27732
  this.scrollToActiveCell();
27771
- // Match the cross-month branches: keep DOM focus on the grid wrapper
27772
- // so subsequent arrow keys continue to land on this handler.
27773
27733
  this.focusActiveCell();
27774
27734
  } else if (direction === 'next' && this.showNextMonthBtn) {
27775
27735
  // Navigate to next month and focus the computed next date.
@@ -27791,6 +27751,7 @@ class AuroCalendar extends RangeDatepicker {
27791
27751
  const target = cells.find((cell) => cell.day && cell.day.date === nextTs);
27792
27752
  if (target) {
27793
27753
  this.setActiveCell(target.day.date);
27754
+ this.focusActiveCell();
27794
27755
  } else {
27795
27756
  // Same nearest-by-date fallback handleGridKeyDown uses — direct
27796
27757
  // `cells[length - 1]` would land on the end of the new month,
@@ -27798,10 +27759,9 @@ class AuroCalendar extends RangeDatepicker {
27798
27759
  const fallback = this.pickNearestCell(cells, nextTs, 'next');
27799
27760
  if (fallback) {
27800
27761
  this.setActiveCell(fallback.day.date);
27762
+ this.focusActiveCell();
27801
27763
  }
27802
27764
  }
27803
- this.scrollToActiveCell();
27804
- this.focusActiveCell();
27805
27765
  });
27806
27766
  } else if (direction === 'prev' && this.showPrevMonthBtn) {
27807
27767
  // Navigate to previous month and focus the computed previous date.
@@ -27820,6 +27780,7 @@ class AuroCalendar extends RangeDatepicker {
27820
27780
  const target = cells.find((cell) => cell.day && cell.day.date === prevTs);
27821
27781
  if (target) {
27822
27782
  this.setActiveCell(target.day.date);
27783
+ this.focusActiveCell();
27823
27784
  } else {
27824
27785
  // Same nearest-by-date fallback handleGridKeyDown uses — direct
27825
27786
  // `cells[0]` would land on the start of the previous month, far
@@ -27827,10 +27788,9 @@ class AuroCalendar extends RangeDatepicker {
27827
27788
  const fallback = this.pickNearestCell(cells, prevTs, 'prev');
27828
27789
  if (fallback) {
27829
27790
  this.setActiveCell(fallback.day.date);
27791
+ this.focusActiveCell();
27830
27792
  }
27831
27793
  }
27832
- this.scrollToActiveCell();
27833
- this.focusActiveCell();
27834
27794
  });
27835
27795
  }
27836
27796
  } else if (key === 'ArrowDown' || key === 'ArrowUp') {
@@ -27863,6 +27823,7 @@ class AuroCalendar extends RangeDatepicker {
27863
27823
  const target = cells.find((cell) => cell.day && cell.day.date === targetDate);
27864
27824
  if (target) {
27865
27825
  this.setActiveCell(target.day.date);
27826
+ this.focusActiveCell();
27866
27827
  } else {
27867
27828
  // Same nearest-by-date fallback handleGridKeyDown uses — the
27868
27829
  // old direction-based `cells[0]`/`cells[length-1]` clamp
@@ -27870,10 +27831,9 @@ class AuroCalendar extends RangeDatepicker {
27870
27831
  const nearest = this.pickNearestCell(cells, targetDate, navDirection);
27871
27832
  if (nearest) {
27872
27833
  this.setActiveCell(nearest.day.date);
27834
+ this.focusActiveCell();
27873
27835
  }
27874
27836
  }
27875
- this.scrollToActiveCell();
27876
- this.focusActiveCell();
27877
27837
  });
27878
27838
  }
27879
27839
  }
@@ -28074,28 +28034,11 @@ class AuroCalendar extends RangeDatepicker {
28074
28034
  }
28075
28035
 
28076
28036
  /**
28077
- * Scrolls the calendar so the active cell is visible.
28078
- *
28079
- * Walks the flat tree (rendered, slot-aware) outward from the active
28080
- * cell's button and calls `scrollBy` on every vertically-scrollable
28081
- * ancestor by whatever delta still separates the cell from that
28082
- * ancestor's viewport. Native `scrollIntoView` is not used because the
28083
- * cell sits inside multiple nested scroll containers (the dropdown bib's
28084
- * `<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only
28085
- * scrolls one of them on its own, leaving the cell short of the
28086
- * viewport in mobile fullscreen.
28087
- *
28088
- * Uses `behavior: 'auto'` (the spec's universally-supported non-animated
28089
- * value) so each `scrollBy` resolves synchronously and the next
28090
- * iteration's `getBoundingClientRect` reads post-scroll positions
28091
- * accurately. This also satisfies `prefers-reduced-motion` users — the
28092
- * scroll containers do not set CSS `scroll-behavior: smooth`, so `auto`
28093
- * is effectively instant.
28094
- *
28095
- * The active cell is looked up from the cache populated by
28096
- * `setActiveCell`. On a cache miss (stale or absent) the cache is
28097
- * refreshed from a single full scan so subsequent calls stay on the
28098
- * 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.
28099
28042
  * @private
28100
28043
  * @returns {void}
28101
28044
  */
@@ -28107,67 +28050,20 @@ class AuroCalendar extends RangeDatepicker {
28107
28050
  // Prefer the cell cached by setActiveCell so arrow-key navigation does
28108
28051
  // not rebuild the full cell list on every keypress. Fall back to a
28109
28052
  // lookup when the cache is stale (e.g. detached after month re-render)
28110
- // or absent (scrollToActiveCell called without a prior setActiveCell);
28111
- // refresh the cache on the fallback path so a subsequent call reuses it.
28053
+ // or absent (scrollToActiveCell called without a prior setActiveCell).
28112
28054
  const activeDate = this.activeCellDate;
28113
28055
  const cached = this._activeCell;
28114
28056
  const cacheFresh = cached && cached.isConnected && cached.day && cached.day.date === activeDate;
28115
- let activeCell = null;
28116
- if (cacheFresh) {
28117
- activeCell = cached;
28118
- } else {
28119
- activeCell = this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
28120
- this._activeCell = activeCell || null;
28121
- }
28057
+ const activeCell = cacheFresh ? cached : this.getAllFocusableCells().find((cell) => cell.day && cell.day.date === activeDate);
28122
28058
  if (!activeCell) {
28123
28059
  return;
28124
28060
  }
28125
28061
 
28126
- // Scroll the button inside the cell — it has concrete dimensions,
28127
- // which avoids quirks when the cell host has display: inline / contents
28128
- // / flex-without-explicit-size.
28129
- const target = activeCell._cachedButton ||
28130
- activeCell.shadowRoot?.querySelector('button.day') ||
28131
- activeCell;
28132
-
28133
- // parentNode follows the authored DOM tree and steps over shadow roots
28134
- // via slot projection. A slotted element's visual parent is its
28135
- // assignedSlot's parent (inside the host's shadow tree), not the host
28136
- // itself. Without this hop, the walk skips right past #bodyContainer
28137
- // and <dialog> and finds no scrollable ancestor at all.
28138
- const flatParent = (current) => {
28139
- if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
28140
- return current.host || null;
28141
- }
28142
- if (current.assignedSlot) {
28143
- return current.assignedSlot.parentNode;
28144
- }
28145
- return current.parentNode;
28146
- };
28147
-
28148
- let node = flatParent(target);
28149
- while (node && node !== document && node !== window) {
28150
- if (node.nodeType === Node.ELEMENT_NODE) {
28151
- const { overflowY } = window.getComputedStyle(node);
28152
- if (overflowY === 'auto' || overflowY === 'scroll') {
28153
- const targetRect = target.getBoundingClientRect();
28154
- const scrollerRect = node.getBoundingClientRect();
28155
- let delta = 0;
28156
- if (targetRect.top < scrollerRect.top) {
28157
- delta = targetRect.top - scrollerRect.top;
28158
- } else if (targetRect.bottom > scrollerRect.bottom) {
28159
- delta = targetRect.bottom - scrollerRect.bottom;
28160
- }
28161
- if (delta !== 0) {
28162
- node.scrollBy({
28163
- top: delta,
28164
- behavior: 'auto'
28165
- });
28166
- }
28167
- }
28168
- }
28169
- node = flatParent(node);
28170
- }
28062
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
28063
+ activeCell.scrollIntoView({
28064
+ block: 'nearest',
28065
+ behavior: prefersReducedMotion ? 'auto' : 'smooth'
28066
+ });
28171
28067
  }
28172
28068
 
28173
28069
  /**
@@ -28457,7 +28353,7 @@ class AuroCalendar extends RangeDatepicker {
28457
28353
  </div>
28458
28354
  </div>
28459
28355
 
28460
- <div class="calendarWrapper">
28356
+ <div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
28461
28357
  <div class="calendarNavButtons">
28462
28358
  ${this.showPrevMonthBtn ? u$d`
28463
28359
  <button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
@@ -32355,7 +32251,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32355
32251
  }
32356
32252
  };
32357
32253
 
32358
- var formkitVersion$1$3 = '202606292042';
32254
+ var formkitVersion$1$3 = '202606291652';
32359
32255
 
32360
32256
  let AuroElement$2$2 = class AuroElement extends i$2 {
32361
32257
  static get properties() {
@@ -33627,7 +33523,6 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33627
33523
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
33628
33524
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
33629
33525
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
33630
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
33631
33526
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
33632
33527
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
33633
33528
  @focusin="${this.handleFocusin}"
@@ -44074,13 +43969,6 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
44074
43969
  * @returns {string | undefined}
44075
43970
  */
44076
43971
  toFormattedValue(valueObject, format) {
44077
- // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
44078
- // `format` argument has to fail gracefully rather than throw on
44079
- // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
44080
- // as "no format → no display value".
44081
- if (!format) {
44082
- return undefined;
44083
- }
44084
43972
  const normalizedFormat = format.toLowerCase();
44085
43973
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
44086
43974
 
@@ -44231,18 +44119,79 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44231
44119
  constructor() {
44232
44120
  super();
44233
44121
 
44234
- // Single-source initialization. Alphabetized so duplicate or stale
44235
- // defaults are immediately obvious on a diff. Every field is assigned
44236
- // exactly once here (previously the constructor + the old
44237
- // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
44238
- // fields and double-allocated `util` and `validation`, discarding the
44239
- // first instance). `validation` is now allocated exactly once; `util`
44240
- // is seeded here with an en-US default and then rebuilt in
44241
- // `connectedCallback` once the consumer-resolved locale is available,
44242
- // so a parent (datepicker/combobox) calling `validate()` synchronously
44243
- // 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() {
44244
44149
  this.activeLabel = false;
44245
- /** @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
+
44246
44195
  this.allowedInputTypes = [
44247
44196
  "text",
44248
44197
  "number",
@@ -44251,8 +44200,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44251
44200
  "credit-card",
44252
44201
  "tel"
44253
44202
  ];
44254
- this.appearance = "default";
44255
- /** @private */
44203
+ this.icon = false;
44256
44204
  this.dateFormatMap = {
44257
44205
  'mm/dd/yyyy': 'dateMMDDYYYY',
44258
44206
  'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -44269,57 +44217,27 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44269
44217
  'dd/mm': 'dateDDMM',
44270
44218
  'mm/dd': 'dateMMDD'
44271
44219
  };
44272
- this.disabled = false;
44273
- /** @private */
44274
44220
  this.domHandler = new DomHandler$2();
44275
44221
  this.dvInputOnly = false;
44276
44222
  this.hasValue = false;
44277
- this.hideLabelVisually = false;
44278
- this.icon = false;
44279
- /** @private */
44280
44223
  this.inputIconName = undefined;
44281
- /** @private */
44282
44224
  this.label = 'Input label is undefined';
44283
- this.layout = 'classic';
44284
- this.locale = 'en-US';
44285
- this.max = undefined;
44286
- this._maxObject = undefined;
44287
- this.maxLength = undefined;
44288
- this.min = undefined;
44289
- this._minObject = undefined;
44290
- this.minLength = undefined;
44291
44225
  this.noValidate = false;
44292
- this.onDark = false;
44293
- // Raw values returned from the input mask before model normalization.
44294
- this._rawMaskValue = undefined;
44295
- this.required = false;
44296
- this.setCustomValidityForType = undefined;
44297
- // Credit Card is intentionally excluded — its mask manages the cursor
44298
- // itself, and listing it here caused cursor placement issues in Safari.
44299
- /** @private */
44226
+ this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
44300
44227
  this.setSelectionInputTypes = [
44301
44228
  "text",
44302
44229
  "password",
44303
44230
  "email"
44304
- ];
44305
- this.shape = 'classic';
44306
- /** @private */
44231
+ ]; // Credit Card is not included as this caused cursor placement issues in Safari.
44307
44232
  this.showPassword = false;
44308
- this.size = 'lg';
44309
44233
  this.touched = false;
44310
- /** @private */
44311
44234
  this.uniqueId = new UniqueId$1().create();
44312
- /** @private */
44313
44235
  this.util = new AuroInputUtilities$2({
44314
44236
  locale: this.locale,
44315
44237
  format: this.format
44316
44238
  });
44317
- /** @private */
44318
44239
  this.validation = new AuroFormValidation$6();
44319
- /** @private */
44320
44240
  this.validationCCLength = undefined;
44321
- this.value = undefined;
44322
- this._valueObject = undefined;
44323
44241
  }
44324
44242
 
44325
44243
  // function to define props used within the scope of this component
@@ -44867,15 +44785,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44867
44785
 
44868
44786
  this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
44869
44787
 
44870
- // Normalize the format token to lowercase so case-mixed values supplied
44871
- // via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
44872
- // lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
44873
- // format silently misses the map and leaves `setCustomValidityForType`
44874
- // unset.
44875
- if (this.format) {
44876
- this.format = this.format.toLowerCase();
44877
- }
44878
-
44879
44788
  // use validity message override if declared when initializing the component
44880
44789
  if (this.hasAttribute('setCustomValidity')) {
44881
44790
  this.ValidityMessageOverride = this.setCustomValidity;
@@ -45309,38 +45218,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
45309
45218
  this.touched = true;
45310
45219
  this.validation.validate(this);
45311
45220
  }
45312
-
45313
- // Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
45314
- // update that can re-render the input and reset the native cursor; we
45315
- // capture the caret position before that update commits and restore it
45316
- // via `setSelectionRange` once the update has flushed. Gated on
45317
- // `setSelectionInputTypes` so credit-card (and other masked types whose
45318
- // formatter manages the cursor itself) doesn't get a competing write.
45319
- // Capture the caret position INSIDE the gate — reading `selectionStart`
45320
- // on input types that don't support text selection (number, email in
45321
- // some browsers) throws InvalidStateError, which would crash all input
45322
- // handling. Wrap the read in try/catch belt-and-suspenders even though
45323
- // the gated types currently support it, since the list is a public
45324
- // property a consumer could mutate.
45325
- if (this.setSelectionInputTypes.includes(this.type)) {
45326
- let selectionStart;
45327
- try {
45328
- selectionStart = this.inputElement.selectionStart;
45329
- } catch (error) { // eslint-disable-line no-unused-vars
45330
- return;
45331
- }
45332
- if (typeof selectionStart !== 'number') {
45333
- return;
45334
- }
45335
- this.updateComplete.then(() => {
45336
- try {
45337
- this.inputElement.setSelectionRange(selectionStart, selectionStart);
45338
- } catch (error) { // eslint-disable-line no-unused-vars
45339
- // Some input types (number/email in certain UAs) throw on
45340
- // setSelectionRange; swallow and let the native cursor stand.
45341
- }
45342
- });
45343
- }
45344
45221
  }
45345
45222
 
45346
45223
  /**
@@ -45967,7 +45844,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
45967
45844
  }
45968
45845
  };
45969
45846
 
45970
- var formkitVersion$7 = '202606292042';
45847
+ var formkitVersion$7 = '202606291652';
45971
45848
 
45972
45849
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
45973
45850
  // See LICENSE in the project root for license information.
@@ -46470,7 +46347,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46470
46347
  <${this.buttonTag}
46471
46348
  @click="${this.handleClickShowPassword}"
46472
46349
  appearance="${this.onDark ? 'inverse' : this.appearance}"
46473
- aria-pressed="${this.showPassword ? 'true' : 'false'}"
46474
46350
  class="notificationBtn passwordBtn"
46475
46351
  shape="circle"
46476
46352
  size="sm"
@@ -46544,29 +46420,25 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46544
46420
  * @returns {html} - Returns HTML for the help text and error message.
46545
46421
  */
46546
46422
  renderHtmlHelpText() {
46547
- // Single `<p>` with stable identity across validity transitions —
46548
- // previously two distinct templates (valid vs invalid) caused Lit to
46549
- // replace the node entirely on a flip, and VoiceOver wouldn't
46550
- // re-announce because the live-region element it was watching had been
46551
- // removed and a new one inserted. Keeping one node means the `role`,
46552
- // `aria-live`, and text content all change in-place, which AT does
46553
- // observe and announce.
46554
- const isError = this.validity && this.validity !== 'valid';
46555
46423
  return u$d`
46556
- <${this.helpTextTag}
46557
- appearance="${this.onDark ? 'inverse' : this.appearance}"
46558
- ?error=${isError}>
46559
- <p
46560
- id="${this.uniqueId}"
46561
- part="helpText"
46562
- role="${o$4(isError ? 'alert' : undefined)}"
46563
- aria-live="${o$4(isError ? 'assertive' : undefined)}">
46564
- ${isError
46565
- ? this.errorMessage
46566
- : u$d`<slot name="helpText">${this.getHelpText()}</slot>`
46567
- }
46568
- </p>
46569
- </${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
+ }
46570
46442
  `;
46571
46443
  }
46572
46444
 
@@ -46713,15 +46585,6 @@ function formatISODate(isoStr, format) {
46713
46585
  try {
46714
46586
  const date = dateFormatter$2.stringToDateInstance(isoStr);
46715
46587
 
46716
- // `stringToDateInstance` returns an `Invalid Date` for malformed strings
46717
- // and `null` for non-string input — it does NOT throw. Without this
46718
- // guard, `getFullYear()`/`getMonth()`/`getDate()` on an Invalid Date
46719
- // yield `NaN`, and `String(NaN).padStart(4, '0')` produces literals
46720
- // like "0NaN/0NaN/0NaN" instead of `undefined`.
46721
- if (!(date instanceof Date) || Number.isNaN(date.getTime())) {
46722
- return undefined;
46723
- }
46724
-
46725
46588
  const year = String(date.getFullYear()).padStart(4, '0');
46726
46589
  const month = String(date.getMonth() + 1).padStart(2, '0');
46727
46590
  const day = String(date.getDate()).padStart(2, '0');
@@ -46732,10 +46595,7 @@ function formatISODate(isoStr, format) {
46732
46595
  replace(/mm/iu, month).
46733
46596
  replace(/dd/iu, day);
46734
46597
  } catch (err) {
46735
- // Defensive: the Date-returning path is guarded above, but `parseDate`
46736
- // (inside `stringToDateInstance`) could throw on pathological input
46737
- // future-library-versions might introduce. Treat any thrown error as
46738
- // "not a valid date" and return undefined.
46598
+ // If the input string is not a valid date, return undefined
46739
46599
  return undefined;
46740
46600
  }
46741
46601
  }
@@ -48444,14 +48304,11 @@ class AuroDatePicker extends AuroElement$5 {
48444
48304
  this.calendar.announceSelection(announcement);
48445
48305
  }, 500);
48446
48306
 
48447
- // On mobile fullscreen or when an explicit focusDate change has
48448
- // requested a forced scroll on the next render scroll the active
48449
- // cell into view. Doing this here (after activeCellDate has been
48450
- // resolved by the rAF loop above) prevents a no-op scroll that
48451
- // would happen if we tried to scroll before the cell was set.
48452
- 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) {
48453
48311
  this.calendar.scrollToActiveCell();
48454
- this.forceScrollOnNextMobileCalendarRender = false;
48455
48312
  }
48456
48313
  } else if (attempts < MAX_ATTEMPTS) {
48457
48314
  requestAnimationFrame(tryFocus);
@@ -48575,10 +48432,18 @@ class AuroDatePicker extends AuroElement$5 {
48575
48432
  }
48576
48433
  }
48577
48434
 
48578
- // Note: the forceScrollOnNextMobileCalendarRender scroll-into-view
48579
- // happens inside focusActiveCellWhenReady() once activeCellDate has
48580
- // been resolved by its rAF wait — not here in a setTimeout(0), which
48581
- // 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
+ }
48582
48447
  }, { signal });
48583
48448
 
48584
48449
  // Handle responsive strategy changes while the dropdown is open
@@ -50834,7 +50699,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
50834
50699
  }
50835
50700
  };
50836
50701
 
50837
- var formkitVersion$1$2 = '202606292042';
50702
+ var formkitVersion$1$2 = '202606291652';
50838
50703
 
50839
50704
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
50840
50705
  // See LICENSE in the project root for license information.
@@ -55162,7 +55027,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55162
55027
  }
55163
55028
  };
55164
55029
 
55165
- var formkitVersion$6 = '202606292042';
55030
+ var formkitVersion$6 = '202606291652';
55166
55031
 
55167
55032
  let AuroElement$1$2 = class AuroElement extends i$2 {
55168
55033
  static get properties() {
@@ -56434,7 +56299,6 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56434
56299
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
56435
56300
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
56436
56301
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
56437
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
56438
56302
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
56439
56303
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
56440
56304
  @focusin="${this.handleFocusin}"
@@ -56561,7 +56425,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56561
56425
 
56562
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)}`;
56563
56427
 
56564
- 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)}`;
56565
56429
 
56566
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)}`;
56567
56431
 
@@ -57567,13 +57431,6 @@ class AuroCounterGroup extends AuroElement$4 {
57567
57431
  */
57568
57432
  configureDropdownCounters() {
57569
57433
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
57570
-
57571
- // Counter rows are slotted into the bib through multiple shadow roots
57572
- // (dropdown → bib → bibtemplate → counter-group → counter), so the floater's
57573
- // `:focus-within` focus-loss check fails to match the dropdown host in Chromium
57574
- // and the bib auto-closes immediately after opening. Mirrors auro-select.
57575
- this.dropdown.noHideOnThisFocusLoss = true;
57576
-
57577
57434
  this.dropdown.requestUpdate();
57578
57435
 
57579
57436
  const counterWrapper = this.shadowRoot.querySelector('auro-counter-wrapper');
@@ -59110,7 +58967,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59110
58967
  }
59111
58968
  };
59112
58969
 
59113
- var formkitVersion$5 = '202606292042';
58970
+ var formkitVersion$5 = '202606291652';
59114
58971
 
59115
58972
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59116
58973
  // See LICENSE in the project root for license information.
@@ -60860,7 +60717,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
60860
60717
  }
60861
60718
  };
60862
60719
 
60863
- var formkitVersion$4 = '202606292042';
60720
+ var formkitVersion$4 = '202606291652';
60864
60721
 
60865
60722
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
60866
60723
  // See LICENSE in the project root for license information.
@@ -66075,7 +65932,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66075
65932
  }
66076
65933
  };
66077
65934
 
66078
- var formkitVersion$2 = '202606292042';
65935
+ var formkitVersion$2 = '202606291652';
66079
65936
 
66080
65937
  let AuroElement$2$1 = class AuroElement extends i$2 {
66081
65938
  static get properties() {
@@ -67347,7 +67204,6 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67347
67204
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
67348
67205
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
67349
67206
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
67350
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
67351
67207
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
67352
67208
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
67353
67209
  @focusin="${this.handleFocusin}"
@@ -77794,13 +77650,6 @@ class AuroInputUtilities {
77794
77650
  * @returns {string | undefined}
77795
77651
  */
77796
77652
  toFormattedValue(valueObject, format) {
77797
- // Exposed publicly via `AuroInputUtil.toFormattedValue`, so a missing
77798
- // `format` argument has to fail gracefully rather than throw on
77799
- // `format.toLowerCase()`. Treat any falsy value (undefined, null, '')
77800
- // as "no format → no display value".
77801
- if (!format) {
77802
- return undefined;
77803
- }
77804
77653
  const normalizedFormat = format.toLowerCase();
77805
77654
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
77806
77655
 
@@ -77951,18 +77800,79 @@ class BaseInput extends AuroElement$1$1 {
77951
77800
  constructor() {
77952
77801
  super();
77953
77802
 
77954
- // Single-source initialization. Alphabetized so duplicate or stale
77955
- // defaults are immediately obvious on a diff. Every field is assigned
77956
- // exactly once here (previously the constructor + the old
77957
- // `_initializePrivateDefaults` overlapped — both wrote ~14 of the same
77958
- // fields and double-allocated `util` and `validation`, discarding the
77959
- // first instance). `validation` is now allocated exactly once; `util`
77960
- // is seeded here with an en-US default and then rebuilt in
77961
- // `connectedCallback` once the consumer-resolved locale is available,
77962
- // so a parent (datepicker/combobox) calling `validate()` synchronously
77963
- // 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() {
77964
77830
  this.activeLabel = false;
77965
- /** @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
+
77966
77876
  this.allowedInputTypes = [
77967
77877
  "text",
77968
77878
  "number",
@@ -77971,8 +77881,7 @@ class BaseInput extends AuroElement$1$1 {
77971
77881
  "credit-card",
77972
77882
  "tel"
77973
77883
  ];
77974
- this.appearance = "default";
77975
- /** @private */
77884
+ this.icon = false;
77976
77885
  this.dateFormatMap = {
77977
77886
  'mm/dd/yyyy': 'dateMMDDYYYY',
77978
77887
  'dd/mm/yyyy': 'dateDDMMYYYY',
@@ -77989,57 +77898,27 @@ class BaseInput extends AuroElement$1$1 {
77989
77898
  'dd/mm': 'dateDDMM',
77990
77899
  'mm/dd': 'dateMMDD'
77991
77900
  };
77992
- this.disabled = false;
77993
- /** @private */
77994
77901
  this.domHandler = new DomHandler();
77995
77902
  this.dvInputOnly = false;
77996
77903
  this.hasValue = false;
77997
- this.hideLabelVisually = false;
77998
- this.icon = false;
77999
- /** @private */
78000
77904
  this.inputIconName = undefined;
78001
- /** @private */
78002
77905
  this.label = 'Input label is undefined';
78003
- this.layout = 'classic';
78004
- this.locale = 'en-US';
78005
- this.max = undefined;
78006
- this._maxObject = undefined;
78007
- this.maxLength = undefined;
78008
- this.min = undefined;
78009
- this._minObject = undefined;
78010
- this.minLength = undefined;
78011
77906
  this.noValidate = false;
78012
- this.onDark = false;
78013
- // Raw values returned from the input mask before model normalization.
78014
- this._rawMaskValue = undefined;
78015
- this.required = false;
78016
- this.setCustomValidityForType = undefined;
78017
- // Credit Card is intentionally excluded — its mask manages the cursor
78018
- // itself, and listing it here caused cursor placement issues in Safari.
78019
- /** @private */
77907
+ this._rawMaskValue = undefined; // Used for storing raw values returned from input mask.
78020
77908
  this.setSelectionInputTypes = [
78021
77909
  "text",
78022
77910
  "password",
78023
77911
  "email"
78024
- ];
78025
- this.shape = 'classic';
78026
- /** @private */
77912
+ ]; // Credit Card is not included as this caused cursor placement issues in Safari.
78027
77913
  this.showPassword = false;
78028
- this.size = 'lg';
78029
77914
  this.touched = false;
78030
- /** @private */
78031
77915
  this.uniqueId = new UniqueId().create();
78032
- /** @private */
78033
77916
  this.util = new AuroInputUtilities({
78034
77917
  locale: this.locale,
78035
77918
  format: this.format
78036
77919
  });
78037
- /** @private */
78038
77920
  this.validation = new AuroFormValidation$2();
78039
- /** @private */
78040
77921
  this.validationCCLength = undefined;
78041
- this.value = undefined;
78042
- this._valueObject = undefined;
78043
77922
  }
78044
77923
 
78045
77924
  // function to define props used within the scope of this component
@@ -78587,15 +78466,6 @@ class BaseInput extends AuroElement$1$1 {
78587
78466
 
78588
78467
  this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
78589
78468
 
78590
- // Normalize the format token to lowercase so case-mixed values supplied
78591
- // via attribute (e.g. `format="MM/DD/YYYY"`) hit the `dateFormatMap`
78592
- // lookup inside `setCustomHelpTextMessage`. Without this, an uppercase
78593
- // format silently misses the map and leaves `setCustomValidityForType`
78594
- // unset.
78595
- if (this.format) {
78596
- this.format = this.format.toLowerCase();
78597
- }
78598
-
78599
78469
  // use validity message override if declared when initializing the component
78600
78470
  if (this.hasAttribute('setCustomValidity')) {
78601
78471
  this.ValidityMessageOverride = this.setCustomValidity;
@@ -79029,38 +78899,6 @@ class BaseInput extends AuroElement$1$1 {
79029
78899
  this.touched = true;
79030
78900
  this.validation.validate(this);
79031
78901
  }
79032
-
79033
- // Prevents cursor jumping in Safari. Setting `this.value` triggers a Lit
79034
- // update that can re-render the input and reset the native cursor; we
79035
- // capture the caret position before that update commits and restore it
79036
- // via `setSelectionRange` once the update has flushed. Gated on
79037
- // `setSelectionInputTypes` so credit-card (and other masked types whose
79038
- // formatter manages the cursor itself) doesn't get a competing write.
79039
- // Capture the caret position INSIDE the gate — reading `selectionStart`
79040
- // on input types that don't support text selection (number, email in
79041
- // some browsers) throws InvalidStateError, which would crash all input
79042
- // handling. Wrap the read in try/catch belt-and-suspenders even though
79043
- // the gated types currently support it, since the list is a public
79044
- // property a consumer could mutate.
79045
- if (this.setSelectionInputTypes.includes(this.type)) {
79046
- let selectionStart;
79047
- try {
79048
- selectionStart = this.inputElement.selectionStart;
79049
- } catch (error) { // eslint-disable-line no-unused-vars
79050
- return;
79051
- }
79052
- if (typeof selectionStart !== 'number') {
79053
- return;
79054
- }
79055
- this.updateComplete.then(() => {
79056
- try {
79057
- this.inputElement.setSelectionRange(selectionStart, selectionStart);
79058
- } catch (error) { // eslint-disable-line no-unused-vars
79059
- // Some input types (number/email in certain UAs) throw on
79060
- // setSelectionRange; swallow and let the native cursor stand.
79061
- }
79062
- });
79063
- }
79064
78902
  }
79065
78903
 
79066
78904
  /**
@@ -79687,7 +79525,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
79687
79525
  }
79688
79526
  };
79689
79527
 
79690
- var formkitVersion$1$1 = '202606292042';
79528
+ var formkitVersion$1$1 = '202606291652';
79691
79529
 
79692
79530
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
79693
79531
  // See LICENSE in the project root for license information.
@@ -80190,7 +80028,6 @@ class AuroInput extends BaseInput {
80190
80028
  <${this.buttonTag}
80191
80029
  @click="${this.handleClickShowPassword}"
80192
80030
  appearance="${this.onDark ? 'inverse' : this.appearance}"
80193
- aria-pressed="${this.showPassword ? 'true' : 'false'}"
80194
80031
  class="notificationBtn passwordBtn"
80195
80032
  shape="circle"
80196
80033
  size="sm"
@@ -80264,29 +80101,25 @@ class AuroInput extends BaseInput {
80264
80101
  * @returns {html} - Returns HTML for the help text and error message.
80265
80102
  */
80266
80103
  renderHtmlHelpText() {
80267
- // Single `<p>` with stable identity across validity transitions —
80268
- // previously two distinct templates (valid vs invalid) caused Lit to
80269
- // replace the node entirely on a flip, and VoiceOver wouldn't
80270
- // re-announce because the live-region element it was watching had been
80271
- // removed and a new one inserted. Keeping one node means the `role`,
80272
- // `aria-live`, and text content all change in-place, which AT does
80273
- // observe and announce.
80274
- const isError = this.validity && this.validity !== 'valid';
80275
80104
  return u$d`
80276
- <${this.helpTextTag}
80277
- appearance="${this.onDark ? 'inverse' : this.appearance}"
80278
- ?error=${isError}>
80279
- <p
80280
- id="${this.uniqueId}"
80281
- part="helpText"
80282
- role="${o$4(isError ? 'alert' : undefined)}"
80283
- aria-live="${o$4(isError ? 'assertive' : undefined)}">
80284
- ${isError
80285
- ? this.errorMessage
80286
- : u$d`<slot name="helpText">${this.getHelpText()}</slot>`
80287
- }
80288
- </p>
80289
- </${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
+ }
80290
80123
  `;
80291
80124
  }
80292
80125
 
@@ -80418,7 +80251,7 @@ class AuroInput extends BaseInput {
80418
80251
 
80419
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)}`;
80420
80253
 
80421
- 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)}`;
80422
80255
 
80423
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)}`;
80424
80257
 
@@ -80813,7 +80646,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
80813
80646
  }
80814
80647
  };
80815
80648
 
80816
- var formkitVersion$3 = '202606292042';
80649
+ var formkitVersion$3 = '202606291652';
80817
80650
 
80818
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}`;
80819
80652
 
@@ -85626,28 +85459,19 @@ const selectKeyboardStrategy = {
85626
85459
  },
85627
85460
 
85628
85461
  End(component, evt, ctx) {
85462
+ if (!ctx.isExpanded) {
85463
+ return;
85464
+ }
85629
85465
  evt.preventDefault();
85630
85466
  evt.stopPropagation();
85631
85467
  // `pop()` is safe here: getEnabledOptions returns a fresh filtered array.
85632
85468
  const lastOption = getEnabledOptions(component.menu).pop();
85633
- if (!lastOption) {
85634
- return;
85635
- }
85636
- // Pre-stash before show() so the auroDropdown-toggled handler's
85637
- // `!optionActive` guard short-circuits the firstActive/selected fallback —
85638
- // otherwise show() synchronously fires the handler and writes
85639
- // aria-activedescendant once before we overwrite it.
85640
- component.menu.updateActiveOption(lastOption);
85641
- if (!ctx.isExpanded) {
85642
- component.dropdown.show();
85469
+ if (lastOption) {
85470
+ component.menu.updateActiveOption(lastOption);
85643
85471
  }
85644
85472
  },
85645
85473
 
85646
85474
  Enter(component, evt, ctx) {
85647
- // Prevent the keypress from bubbling to parent containers (e.g., forms)
85648
- // which could interpret Enter as a submit. Matches APG select-only combobox
85649
- // and native <select> behavior: Enter opens the listbox when closed, selects
85650
- // the active option when open — it does not submit a parent form.
85651
85475
  evt.preventDefault();
85652
85476
  evt.stopPropagation();
85653
85477
  if (!ctx.isExpanded) {
@@ -85658,16 +85482,14 @@ const selectKeyboardStrategy = {
85658
85482
  },
85659
85483
 
85660
85484
  Home(component, evt, ctx) {
85485
+ if (!ctx.isExpanded) {
85486
+ return;
85487
+ }
85661
85488
  evt.preventDefault();
85662
85489
  evt.stopPropagation();
85663
85490
  const [firstOption] = getEnabledOptions(component.menu);
85664
- if (!firstOption) {
85665
- return;
85666
- }
85667
- // See End() for why this must run before show().
85668
- component.menu.updateActiveOption(firstOption);
85669
- if (!ctx.isExpanded) {
85670
- component.dropdown.show();
85491
+ if (firstOption) {
85492
+ component.menu.updateActiveOption(firstOption);
85671
85493
  }
85672
85494
  },
85673
85495
 
@@ -89615,7 +89437,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
89615
89437
  }
89616
89438
  };
89617
89439
 
89618
- var formkitVersion$1 = '202606292042';
89440
+ var formkitVersion$1 = '202606291652';
89619
89441
 
89620
89442
  class AuroElement extends i$2 {
89621
89443
  static get properties() {
@@ -90887,7 +90709,6 @@ class AuroDropdown extends AuroElement {
90887
90709
  role="${o$4(this.triggerContentFocusable ? undefined : this.a11yRole)}"
90888
90710
  aria-expanded="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
90889
90711
  aria-controls="${o$4(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
90890
- aria-haspopup="${o$4(this.a11yRole === 'combobox' && !this.triggerContentFocusable ? 'listbox' : undefined)}"
90891
90712
  aria-labelledby="${o$4(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
90892
90713
  aria-disabled="${o$4(this.disabled ? 'true' : undefined)}"
90893
90714
  @focusin="${this.handleFocusin}"
@@ -91014,7 +90835,7 @@ class AuroDropdown extends AuroElement {
91014
90835
 
91015
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)}`;
91016
90837
 
91017
- 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)}`;
91018
90839
 
91019
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)}`;
91020
90841
 
@@ -91637,7 +91458,7 @@ class AuroHelpText extends i$2 {
91637
91458
  }
91638
91459
  }
91639
91460
 
91640
- var formkitVersion = '202606292042';
91461
+ var formkitVersion = '202606291652';
91641
91462
 
91642
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}`;
91643
91464
 
@@ -91969,6 +91790,14 @@ class AuroSelect extends AuroElement$1 {
91969
91790
  reflect: true
91970
91791
  },
91971
91792
 
91793
+ /**
91794
+ * @private
91795
+ */
91796
+ options: {
91797
+ type: Array,
91798
+ state: true
91799
+ },
91800
+
91972
91801
  /**
91973
91802
  * Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
91974
91803
  * @type {HTMLElement|Array<HTMLElement>}
@@ -92256,68 +92085,16 @@ class AuroSelect extends AuroElement$1 {
92256
92085
  this.dropdown.dropdownWidth = this.customBibWidth;
92257
92086
  }
92258
92087
 
92259
- 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
+ }
92260
92093
 
92261
92094
  // Exposes the CSS parts from the dropdown for styling
92262
92095
  this.dropdown.exposeCssParts();
92263
92096
  }
92264
92097
 
92265
- /**
92266
- * Reads the current label slot text and pushes it to the dropdown bib
92267
- * (for dialog naming) and the menu (for listbox aria-label). Safe to call
92268
- * before either child has been wired up — each branch self-guards.
92269
- * @private
92270
- */
92271
- _syncLabelText() {
92272
- const labelElement = this.querySelector('[slot="label"]');
92273
- const text = labelElement ? labelElement.textContent.trim() : '';
92274
- if (this.dropdown) {
92275
- this.dropdown.bibDialogLabel = text || undefined;
92276
- }
92277
- if (this.menu) {
92278
- if (text) {
92279
- this.menu.setAttribute('aria-label', text);
92280
- } else {
92281
- this.menu.removeAttribute('aria-label');
92282
- }
92283
- }
92284
- }
92285
-
92286
- /**
92287
- * Keeps the dialog/menu accessible names in sync when consumers mutate the
92288
- * label slot at runtime (e.g., i18n locale swap). `slotchange` alone is
92289
- * insufficient — it doesn't fire when textContent of an already-assigned
92290
- * slotted node changes, which is the common case. We scope the observer to
92291
- * the label node itself (not the whole host subtree) so option-content
92292
- * mutations don't trigger label re-syncs, and re-target on `slotchange`
92293
- * when consumers add or replace the label element.
92294
- * @private
92295
- */
92296
- _observeLabelChanges() {
92297
- if (this._labelObserver) return;
92298
- this._labelObserver = new MutationObserver(() => this._syncLabelText());
92299
-
92300
- const retarget = () => {
92301
- this._labelObserver.disconnect();
92302
- const labelElement = this.querySelector('[slot="label"]');
92303
- if (labelElement) {
92304
- this._labelObserver.observe(labelElement, {
92305
- childList: true,
92306
- subtree: true,
92307
- characterData: true
92308
- });
92309
- }
92310
- this._syncLabelText();
92311
- };
92312
-
92313
- retarget();
92314
-
92315
- this._retargetLabelObserver = retarget;
92316
- this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
92317
- slot.addEventListener('slotchange', retarget);
92318
- });
92319
- }
92320
-
92321
92098
  /**
92322
92099
  * This will register this element with the browser.
92323
92100
  * @param {string} [name="auro-select"] - The name of element that you want to register to.
@@ -92468,7 +92245,11 @@ class AuroSelect extends AuroElement$1 {
92468
92245
  this.updateMenuShapeSize();
92469
92246
  this.setMenuValue(this.value);
92470
92247
 
92471
- 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
+ }
92472
92253
 
92473
92254
  if (this.multiSelect) {
92474
92255
  this.menu.multiSelect = this.multiSelect;
@@ -92480,21 +92261,8 @@ class AuroSelect extends AuroElement$1 {
92480
92261
  if (typeof this.menu.initItems === 'function') {
92481
92262
  this.menu.initItems();
92482
92263
  }
92264
+ this.options = this.menu.options;
92483
92265
  this.updateOptionPositions();
92484
- // renderNativeSelect reads this.menu.options, which the parent doesn't
92485
- // observe — request an update so the hidden native <option> list reflects
92486
- // the menu's options after initItems populates them.
92487
- this.requestUpdate();
92488
-
92489
- // Keep aria-setsize/aria-posinset (and the native <option> list) in sync
92490
- // when the menu re-initializes its items — e.g., slotchange, async/lazy
92491
- // loads, value-triggered re-init. Without this, stale set-size is
92492
- // announced and the native select goes stale after dynamic mutations.
92493
- this.menu.addEventListener('auroMenu-optionsChange', () => {
92494
- this.updateOptionPositions();
92495
- this.requestUpdate();
92496
- });
92497
-
92498
92266
  this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
92499
92267
 
92500
92268
  this.menu.addEventListener("auroMenu-selectValueFailure", () => {
@@ -92513,26 +92281,11 @@ class AuroSelect extends AuroElement$1 {
92513
92281
  this.dropdown.setActiveDescendant(this.optionActive);
92514
92282
  }
92515
92283
 
92516
- // Live-region announce only for [not selected] options. For activations
92517
- // on an already-selected option — auto-activation on bib open, arrow
92518
- // navigation back to the selection, or click in multiSelect — rely on
92519
- // aria-activedescendant + aria-selected="true" to convey state per the
92520
- // WAI-ARIA listbox pattern. This is intentional, not limited to the
92521
- // initial activation on open: it also prevents a duplicate "X, selected"
92522
- // when Enter on the active+selected option re-fires
92523
- // auroMenu-selectedOption (see 03b289e39).
92524
- if (this.optionActive && !this.optionActive.hasAttribute('selected')) {
92284
+ // Announce the active option for screen readers
92285
+ if (this.optionActive) {
92525
92286
  const optionText = this.optionActive.textContent.trim();
92526
- const message = `${optionText}, not selected`;
92527
- if (this.dropdown.isPopoverVisible) {
92528
- announceToScreenReader(this._getAnnouncementRoot(), message);
92529
- } else {
92530
- // Typeahead-on-closed fires this event before `show()` flips
92531
- // isPopoverVisible. Defer so the announcement targets the bib's
92532
- // live region once the fullscreen <dialog> opens — otherwise it
92533
- // lands in the host root, which is inert under the active modal.
92534
- queueMicrotask(() => announceToScreenReader(this._getAnnouncementRoot(), message));
92535
- }
92287
+ const selectedState = this.optionActive.hasAttribute('selected') ? ', selected' : ', not selected';
92288
+ announceToScreenReader(this._getAnnouncementRoot(), `${optionText}${selectedState}`);
92536
92289
  }
92537
92290
 
92538
92291
  if (this.dropdown.isPopoverVisible) {
@@ -92541,7 +92294,6 @@ class AuroSelect extends AuroElement$1 {
92541
92294
  });
92542
92295
 
92543
92296
  this.menu.addEventListener('auroMenu-selectedOption', () => {
92544
- const previousSelected = this.optionSelected;
92545
92297
 
92546
92298
  // Update the displayed value
92547
92299
  this.updateDisplayedValue();
@@ -92561,32 +92313,13 @@ class AuroSelect extends AuroElement$1 {
92561
92313
  this.dropdown.trigger.focus();
92562
92314
  }
92563
92315
 
92564
- // Describe the actual change. In multiSelect, currentLabel is the
92565
- // concatenated remaining list — announcing "{list}, selected" after a
92566
- // deselect would falsely claim every remaining label was just added.
92567
- // Diff previous vs next to recover the toggled option.
92568
- let announcement = '';
92569
- if (this.multiSelect) {
92570
- const prev = Array.isArray(previousSelected) ? previousSelected : [];
92571
- const removed = prev.find((opt) => !nextSelected.includes(opt));
92572
- const added = nextSelected.find((opt) => !prev.includes(opt));
92573
- if (removed) {
92574
- announcement = `${removed.textContent.trim()}, not selected`;
92575
- } else if (added) {
92576
- announcement = `${added.textContent.trim()}, selected`;
92577
- }
92578
- } else {
92579
- announcement = `${this.menu.currentLabel}, selected`;
92580
- }
92581
-
92582
- // Delay so the utterance isn't overridden by VoiceOver's "collapsed"
92583
- // announcement from aria-expanded when the dropdown closes.
92584
- if (announcement) {
92585
- const announcementDelay = 300;
92586
- setTimeout(() => {
92587
- announceToScreenReader(this._getAnnouncementRoot(), announcement);
92588
- }, announcementDelay);
92589
- }
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);
92590
92323
  });
92591
92324
  }
92592
92325
 
@@ -92684,32 +92417,24 @@ class AuroSelect extends AuroElement$1 {
92684
92417
 
92685
92418
  this.typeaheadBuffer += key;
92686
92419
 
92687
- // Prefer the literal buffer as a prefix per WAI-ARIA APG ("focus moves to the
92688
- // next item with a name that starts with the string of characters typed").
92689
- // Only fall back to single-char cycling when the repeated buffer has no
92690
- // longer prefix match — e.g. "aa" cycles through ["Apple", "Apricot"] only
92691
- // because no option starts with "aa".
92692
- let match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
92420
+ const isRepeatedChar = this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
92693
92421
 
92694
- const isRepeatedChar = !match && this.typeaheadBuffer.length > 1 && new Set(this.typeaheadBuffer).size === 1;
92422
+ let match = null;
92695
92423
  if (isRepeatedChar) {
92696
92424
  const matches = options.filter((option) => this._getOptionDisplayText(option).startsWith(key));
92697
92425
  if (matches.length) {
92698
92426
  const cycleIndex = (this.typeaheadBuffer.length - 1) % matches.length;
92699
92427
  match = matches[cycleIndex];
92700
92428
  }
92429
+ } else {
92430
+ match = options.find((option) => this._getOptionDisplayText(option).startsWith(this.typeaheadBuffer));
92701
92431
  }
92702
92432
 
92703
- // Intentional: no-match leaves the bib closed (deviates from APG / some native <select>).
92704
92433
  if (match) {
92705
- // Pre-stash the match so the auroDropdown-toggled handler's `!optionActive`
92706
- // guard short-circuits and skips the firstActive/selected fallback —
92707
- // otherwise show() synchronously fires the handler, which writes
92708
- // aria-activedescendant once before we overwrite it.
92709
- this.menu.updateActiveOption(match);
92710
92434
  if (!this.dropdown.isPopoverVisible) {
92711
92435
  this.dropdown.show();
92712
92436
  }
92437
+ this.menu.updateActiveOption(match);
92713
92438
  }
92714
92439
  }
92715
92440
 
@@ -92826,28 +92551,6 @@ class AuroSelect extends AuroElement$1 {
92826
92551
  disconnectedCallback() {
92827
92552
  super.disconnectedCallback();
92828
92553
  this._clearTypeaheadBuffer();
92829
- if (this._labelObserver) {
92830
- this._labelObserver.disconnect();
92831
- this._labelObserver = null;
92832
- }
92833
- if (this._retargetLabelObserver && this.shadowRoot) {
92834
- this.shadowRoot.querySelectorAll('slot[name="label"]').forEach((slot) => {
92835
- slot.removeEventListener('slotchange', this._retargetLabelObserver);
92836
- });
92837
- this._retargetLabelObserver = null;
92838
- }
92839
- }
92840
-
92841
- connectedCallback() {
92842
- super.connectedCallback();
92843
- // Regression guard: firstUpdated() fires once per instance, so the label
92844
- // observer setup it triggers does NOT re-run on reconnect. After a
92845
- // disconnect+reconnect (reparent, SPA route swap), runtime label mutations
92846
- // would silently stop syncing menu aria-label / dropdown.bibDialogLabel
92847
- // unless we re-wire the observer here.
92848
- if (this.hasUpdated) {
92849
- this._observeLabelChanges();
92850
- }
92851
92554
  }
92852
92555
 
92853
92556
  // lifecycle runs only after the element's DOM has been updated the first time
@@ -92858,7 +92561,6 @@ class AuroSelect extends AuroElement$1 {
92858
92561
  this.configureDropdown();
92859
92562
  this.configureMenu();
92860
92563
  this.configureSelect();
92861
- this._observeLabelChanges();
92862
92564
  }
92863
92565
 
92864
92566
  setMenuValue(value) {
@@ -92991,18 +92693,25 @@ class AuroSelect extends AuroElement$1 {
92991
92693
  * @private
92992
92694
  */
92993
92695
  _handleNativeSelectChange(event) {
92994
- // Hidden native <select> has no `multiple` attribute, so any change it fires
92995
- // is a single raw value — applying it in multiSelect mode would collapse the
92996
- // JSON-array `value` shape. Bfcache/autofill can reach this on a name-bearing
92997
- // form control even with aria-hidden/tabindex=-1.
92998
- if (this.multiSelect) return;
92999
-
93000
92696
  const selectedOption = event.target.options[event.target.selectedIndex];
93001
92697
  if (!selectedOption) return;
93002
92698
  const selectedValue = selectedOption.value;
93003
92699
 
93004
- if (this.value !== selectedValue) {
93005
- 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
+ }
93006
92715
  }
93007
92716
  }
93008
92717