@aurodesignsystem-dev/auro-formkit 0.0.0-pr1504.0 → 0.0.0-pr1506.0

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 (60) hide show
  1. package/components/checkbox/demo/customize.min.js +2 -2
  2. package/components/checkbox/demo/getting-started.min.js +2 -2
  3. package/components/checkbox/demo/index.min.js +2 -2
  4. package/components/checkbox/dist/index.js +2 -2
  5. package/components/checkbox/dist/registered.js +2 -2
  6. package/components/combobox/demo/customize.md +7 -3
  7. package/components/combobox/demo/customize.min.js +1435 -1666
  8. package/components/combobox/demo/getting-started.min.js +1435 -1666
  9. package/components/combobox/demo/index.min.js +1435 -1666
  10. package/components/combobox/dist/auro-combobox.d.ts +14 -0
  11. package/components/combobox/dist/index.js +489 -145
  12. package/components/combobox/dist/registered.js +489 -145
  13. package/components/counter/demo/customize.min.js +3 -3
  14. package/components/counter/demo/index.min.js +3 -3
  15. package/components/counter/dist/index.js +3 -3
  16. package/components/counter/dist/registered.js +3 -3
  17. package/components/datepicker/demo/customize.min.js +140 -61
  18. package/components/datepicker/demo/index.min.js +140 -61
  19. package/components/datepicker/dist/index.js +140 -61
  20. package/components/datepicker/dist/registered.js +140 -61
  21. package/components/dropdown/demo/customize.min.js +1 -1
  22. package/components/dropdown/demo/getting-started.min.js +1 -1
  23. package/components/dropdown/demo/index.min.js +1 -1
  24. package/components/dropdown/dist/index.js +1 -1
  25. package/components/dropdown/dist/registered.js +1 -1
  26. package/components/form/demo/customize.min.js +2336 -2269
  27. package/components/form/demo/getting-started.min.js +2336 -2269
  28. package/components/form/demo/index.min.js +2336 -2269
  29. package/components/form/demo/registerDemoDeps.min.js +2334 -2267
  30. package/components/input/demo/customize.min.js +138 -57
  31. package/components/input/demo/getting-started.min.js +138 -57
  32. package/components/input/demo/index.min.js +138 -57
  33. package/components/input/dist/base-input.d.ts +16 -0
  34. package/components/input/dist/index.js +138 -57
  35. package/components/input/dist/registered.js +138 -57
  36. package/components/menu/demo/api.md +41 -45
  37. package/components/menu/demo/customize.md +0 -28
  38. package/components/menu/demo/index.min.js +779 -1354
  39. package/components/menu/dist/auro-menu.d.ts +95 -110
  40. package/components/menu/dist/auro-menuoption.d.ts +32 -138
  41. package/components/menu/dist/index.js +753 -1308
  42. package/components/menu/dist/registered.js +765 -1308
  43. package/components/radio/demo/customize.min.js +2 -2
  44. package/components/radio/demo/getting-started.min.js +2 -2
  45. package/components/radio/demo/index.min.js +2 -2
  46. package/components/radio/dist/index.js +2 -2
  47. package/components/radio/dist/registered.js +2 -2
  48. package/components/select/demo/api.md +1 -0
  49. package/components/select/demo/customize.md +78 -3
  50. package/components/select/demo/customize.min.js +1140 -1577
  51. package/components/select/demo/getting-started.min.js +1140 -1577
  52. package/components/select/demo/index.min.js +1140 -1577
  53. package/components/select/demo/keyboard-behavior.md +18 -0
  54. package/components/select/dist/auro-select.d.ts +38 -2
  55. package/components/select/dist/index.js +177 -39
  56. package/components/select/dist/registered.js +177 -39
  57. package/components/select/dist/selectUtils.d.ts +24 -0
  58. package/custom-elements.json +503 -1037
  59. package/package.json +1 -1
  60. package/components/menu/dist/auro-menu.context.d.ts +0 -238
@@ -727,7 +727,7 @@ class AuroFormValidation {
727
727
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
728
728
  const input = elem.renderRoot.querySelector('input');
729
729
 
730
- if (input.validationMessage.length > 0) {
730
+ if (input && input.validationMessage.length > 0) {
731
731
  elem.errorMessage = input.validationMessage;
732
732
  }
733
733
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1099
  }
1100
1100
  };
1101
1101
 
1102
- var formkitVersion$1 = '202606141505';
1102
+ var formkitVersion$1 = '202606190840';
1103
1103
 
1104
1104
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1105
1105
  // See LICENSE in the project root for license information.
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
5445
5445
  }
5446
5446
  }
5447
5447
 
5448
- var formkitVersion = '202606141505';
5448
+ var formkitVersion = '202606190840';
5449
5449
 
5450
5450
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5451
  static get properties() {
@@ -727,7 +727,7 @@ class AuroFormValidation {
727
727
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
728
728
  const input = elem.renderRoot.querySelector('input');
729
729
 
730
- if (input.validationMessage.length > 0) {
730
+ if (input && input.validationMessage.length > 0) {
731
731
  elem.errorMessage = input.validationMessage;
732
732
  }
733
733
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1099
  }
1100
1100
  };
1101
1101
 
1102
- var formkitVersion$1 = '202606141505';
1102
+ var formkitVersion$1 = '202606190840';
1103
1103
 
1104
1104
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1105
1105
  // See LICENSE in the project root for license information.
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
5445
5445
  }
5446
5446
  }
5447
5447
 
5448
- var formkitVersion = '202606141505';
5448
+ var formkitVersion = '202606190840';
5449
5449
 
5450
5450
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5451
  static get properties() {
@@ -683,7 +683,7 @@ class AuroFormValidation {
683
683
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
684
684
  const input = elem.renderRoot.querySelector('input');
685
685
 
686
- if (input.validationMessage.length > 0) {
686
+ if (input && input.validationMessage.length > 0) {
687
687
  elem.errorMessage = input.validationMessage;
688
688
  }
689
689
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1049
  }
1050
1050
  };
1051
1051
 
1052
- var formkitVersion$1 = '202606141505';
1052
+ var formkitVersion$1 = '202606190840';
1053
1053
 
1054
1054
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1055
1055
  // See LICENSE in the project root for license information.
@@ -5377,7 +5377,7 @@ class AuroHelpText extends LitElement {
5377
5377
  }
5378
5378
  }
5379
5379
 
5380
- var formkitVersion = '202606141505';
5380
+ var formkitVersion = '202606190840';
5381
5381
 
5382
5382
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5383
  static get properties() {
@@ -683,7 +683,7 @@ class AuroFormValidation {
683
683
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
684
684
  const input = elem.renderRoot.querySelector('input');
685
685
 
686
- if (input.validationMessage.length > 0) {
686
+ if (input && input.validationMessage.length > 0) {
687
687
  elem.errorMessage = input.validationMessage;
688
688
  }
689
689
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1049
  }
1050
1050
  };
1051
1051
 
1052
- var formkitVersion$1 = '202606141505';
1052
+ var formkitVersion$1 = '202606190840';
1053
1053
 
1054
1054
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1055
1055
  // See LICENSE in the project root for license information.
@@ -5377,7 +5377,7 @@ class AuroHelpText extends LitElement {
5377
5377
  }
5378
5378
  }
5379
5379
 
5380
- var formkitVersion = '202606141505';
5380
+ var formkitVersion = '202606190840';
5381
5381
 
5382
5382
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5383
  static get properties() {
@@ -764,7 +764,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
764
764
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
765
765
  const input = elem.renderRoot.querySelector('input');
766
766
 
767
- if (input.validationMessage.length > 0) {
767
+ if (input && input.validationMessage.length > 0) {
768
768
  elem.errorMessage = input.validationMessage;
769
769
  }
770
770
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -13440,7 +13440,7 @@ class AuroBibtemplate extends i$1 {
13440
13440
  }
13441
13441
  }
13442
13442
 
13443
- var formkitVersion$2 = '202606141505';
13443
+ var formkitVersion$2 = '202606190840';
13444
13444
 
13445
13445
  let l$1 = 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 = 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$4 = 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$3=i$3`: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}
13446
13446
  `,u$6=i$3`.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}}
@@ -18975,7 +18975,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
18975
18975
  }
18976
18976
  };
18977
18977
 
18978
- var formkitVersion$1 = '202606141505';
18978
+ var formkitVersion$1 = '202606190840';
18979
18979
 
18980
18980
  let AuroElement$2 = class AuroElement extends i$1 {
18981
18981
  static get properties() {
@@ -24855,7 +24855,7 @@ class AuroFormValidation {
24855
24855
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-input') && elem.errorMessage === '') {
24856
24856
  const input = elem.renderRoot.querySelector('input');
24857
24857
 
24858
- if (input.validationMessage.length > 0) {
24858
+ if (input && input.validationMessage.length > 0) {
24859
24859
  elem.errorMessage = input.validationMessage;
24860
24860
  }
24861
24861
  } else if (this.runtimeUtils.elementMatch(elem, 'auro-combobox') && elem.errorMessage === '') {
@@ -31399,7 +31399,7 @@ class BaseInput extends AuroElement$1 {
31399
31399
  * @returns {Date|undefined}
31400
31400
  */
31401
31401
  get valueObject() {
31402
- return this._valueObject;
31402
+ return this._valueObject || this._computeDateObjectFallback(this.value);
31403
31403
  }
31404
31404
 
31405
31405
  /**
@@ -31407,7 +31407,7 @@ class BaseInput extends AuroElement$1 {
31407
31407
  * @returns {Date|undefined}
31408
31408
  */
31409
31409
  get minObject() {
31410
- return this._minObject;
31410
+ return this._minObject || this._computeDateObjectFallback(this.min);
31411
31411
  }
31412
31412
 
31413
31413
  /**
@@ -31415,7 +31415,31 @@ class BaseInput extends AuroElement$1 {
31415
31415
  * @returns {Date|undefined}
31416
31416
  */
31417
31417
  get maxObject() {
31418
- return this._maxObject;
31418
+ return this._maxObject || this._computeDateObjectFallback(this.max);
31419
+ }
31420
+
31421
+ /**
31422
+ * Parses a date string into a Date object when the corresponding `_*Object`
31423
+ * field hasn't been synced yet by `updated()`. Returns undefined when the
31424
+ * input type/format isn't a full date or the string is not a valid date.
31425
+ *
31426
+ * Why this exists: a parent (datepicker) can call `inputN.validate()` from
31427
+ * inside its own `updated()` before this input's `updated()` has run
31428
+ * `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
31429
+ * and range checks would otherwise silently no-op (flipping the result to
31430
+ * `valid` or `patternMismatch`).
31431
+ * @private
31432
+ * @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
31433
+ * @returns {Date|undefined}
31434
+ */
31435
+ _computeDateObjectFallback(dateStr) {
31436
+ if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
31437
+ return undefined;
31438
+ }
31439
+ if (!dateFormatter.isValidDate(dateStr)) {
31440
+ return undefined;
31441
+ }
31442
+ return dateFormatter.stringToDateInstance(dateStr);
31419
31443
  }
31420
31444
 
31421
31445
  /**
@@ -31440,8 +31464,30 @@ class BaseInput extends AuroElement$1 {
31440
31464
  connectedCallback() {
31441
31465
  super.connectedCallback();
31442
31466
 
31467
+ // Mark for query selectors when registered under a versioned tag (e.g. inside
31468
+ // a datepicker/combobox). Must run before parent components call validate() on
31469
+ // their inner inputs — the validation framework matches via tag-or-attribute,
31470
+ // and parents trigger validation during their own updated() cycle, which can
31471
+ // precede this input's firstUpdated().
31472
+ if (this.tagName.toLowerCase() !== 'auro-input' && !this.hasAttribute('auro-input')) {
31473
+ this.setAttribute('auro-input', '');
31474
+ }
31475
+
31443
31476
  this.locale = this.domHandler.getLocale(this);
31444
31477
  notifyOnLangChange(this);
31478
+
31479
+ // Pre-compute lengthForType and date-object fields so a parent (e.g. datepicker)
31480
+ // calling our validate() synchronously during its own updated() cycle sees
31481
+ // populated values. Without this, range validation silently no-ops because
31482
+ // `max.length === lengthForType` fails when lengthForType is still undefined.
31483
+ // Rebuild util here (constructor seeded with en-US default) so configureDataForType's
31484
+ // locale-derived format lookup uses the actual locale just resolved above.
31485
+ this.util = new AuroInputUtilities({
31486
+ locale: this.locale,
31487
+ format: this.format
31488
+ });
31489
+ this.configureDataForType();
31490
+ this.syncDateValues();
31445
31491
  }
31446
31492
 
31447
31493
  disconnectedCallback() {
@@ -31461,10 +31507,6 @@ class BaseInput extends AuroElement$1 {
31461
31507
  this.wrapperElement.addEventListener('click', this.handleClick);
31462
31508
  }
31463
31509
 
31464
- // add attribute for query selectors when auro-input is registered under a custom name
31465
- if (this.tagName.toLowerCase() !== 'auro-input') {
31466
- this.setAttribute('auro-input', true);
31467
- }
31468
31510
  this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
31469
31511
 
31470
31512
  // use validity message override if declared when initializing the component
@@ -31511,6 +31553,12 @@ class BaseInput extends AuroElement$1 {
31511
31553
  return;
31512
31554
  }
31513
31555
 
31556
+ // While configureAutoFormatting is running, imask's internal updateControl
31557
+ // writes el.value to align display with the masked value. A synthetic input
31558
+ // event from that write would re-enter handleInput → processCreditCard mid-setup
31559
+ // and clobber a Lit value that was just pushed by the parent combobox.
31560
+ if (component._configuringMask) return;
31561
+
31514
31562
  // If all guard clauses are passed, dispatch the event
31515
31563
  const inputEvent = new InputEvent('input', {
31516
31564
  bubbles: true,
@@ -31629,7 +31677,16 @@ class BaseInput extends AuroElement$1 {
31629
31677
 
31630
31678
  if (formattedValue !== this.inputElement.value) {
31631
31679
  this.skipNextProgrammaticInputEvent = true;
31632
- if (formattedValue) {
31680
+ if (this.maskInstance && this.type !== 'date') {
31681
+ // Route through the mask so its _value and el.value stay in lock-step
31682
+ // (set value calls updateControl which writes el.value = displayValue).
31683
+ // Writing el.value directly leaves the mask thinking displayValue is
31684
+ // stale; _saveSelection on the next focus/click then warns. Date is
31685
+ // excluded because its formattedValue can be raw ISO when the calendar
31686
+ // is invalid, and re-masking through mm/dd/yyyy would truncate it and
31687
+ // flip validity from patternMismatch to tooShort.
31688
+ this.maskInstance.value = formattedValue || '';
31689
+ } else if (formattedValue) {
31633
31690
  this.inputElement.value = formattedValue;
31634
31691
  } else {
31635
31692
  this.inputElement.value = '';
@@ -31738,58 +31795,82 @@ class BaseInput extends AuroElement$1 {
31738
31795
  * @returns {void}
31739
31796
  */
31740
31797
  configureAutoFormatting() {
31741
- if (this.maskInstance) {
31742
- this.maskInstance.destroy();
31743
- }
31798
+ // _configuringMask gates two things: external re-entry into this method
31799
+ // while setup is mid-flight (from property changes that call back here),
31800
+ // and the accept/complete listeners below — both need to ignore the mask
31801
+ // events fired by our own value-restore step.
31802
+ if (this._configuringMask) return;
31803
+ this._configuringMask = true;
31804
+ try {
31805
+ // Destroy any prior mask so IMask can attach fresh under the new format.
31806
+ if (this.maskInstance) {
31807
+ this.maskInstance.destroy();
31808
+ }
31744
31809
 
31745
- // Pass new format to util
31746
- this.util.updateFormat(this.format);
31810
+ this.util.updateFormat(this.format);
31747
31811
 
31748
- const maskOptions = this.util.getMaskOptions(this.type, this.format);
31812
+ const maskOptions = this.util.getMaskOptions(this.type, this.format);
31749
31813
 
31750
- if (this.inputElement && maskOptions.mask) {
31814
+ if (this.inputElement && maskOptions.mask) {
31815
+ // Capture the current display so it can be re-applied after IMask
31816
+ // attaches. The restore at the bottom goes through maskInstance.value
31817
+ // (not inputElement.value directly) so the mask's internal state and
31818
+ // the input's displayed text stay in lock-step.
31819
+ let existingValue = this.inputElement.value;
31751
31820
 
31752
- // Stash and clear any existing value before IMask init.
31753
- // IMask's constructor processes the current input value which requires
31754
- // selection state clearing first avoids that scenario entirely.
31755
- // When the format changes (e.g. locale switch) and we have a valid ISO
31756
- // model value, compute the display string for the NEW format instead of
31757
- // re-using the old display string, which may be invalid in the new mask.
31758
- let existingValue = this.inputElement.value;
31759
- if (
31760
- this.util.isFullDateFormat(this.type, this.format) &&
31761
- this.value &&
31762
- dateFormatter.isValidDate(this.value) &&
31763
- this.valueObject instanceof Date &&
31764
- !Number.isNaN(this.valueObject.getTime()) &&
31765
- typeof maskOptions.format === 'function'
31766
- ) {
31767
- existingValue = maskOptions.format(this.valueObject);
31768
- }
31769
-
31770
- this.skipNextProgrammaticInputEvent = true;
31771
- this.inputElement.value = '';
31821
+ // Format-change case (e.g. locale switch): existingValue is the OLD
31822
+ // mask's display string and may not parse under the new mask. When
31823
+ // we have a valid date model, rebuild the display from valueObject
31824
+ // (the canonical source) using the new mask's format function.
31825
+ if (
31826
+ this.util.isFullDateFormat(this.type, this.format) &&
31827
+ this.value &&
31828
+ dateFormatter.isValidDate(this.value) &&
31829
+ this.valueObject instanceof Date &&
31830
+ !Number.isNaN(this.valueObject.getTime()) &&
31831
+ typeof maskOptions.format === 'function'
31832
+ ) {
31833
+ existingValue = maskOptions.format(this.valueObject);
31834
+ }
31772
31835
 
31773
- this.maskInstance = IMask(this.inputElement, maskOptions);
31836
+ // Clear before IMask attaches so the constructor seeds an empty
31837
+ // internal value. Otherwise IMask reads the stale unmasked string
31838
+ // and emits a spurious 'accept' before the restore below runs.
31839
+ this.skipNextProgrammaticInputEvent = true;
31840
+ this.inputElement.value = '';
31841
+
31842
+ this.maskInstance = IMask(this.inputElement, maskOptions);
31843
+
31844
+ // Mask fires 'accept' on every value change, including the restore
31845
+ // step below. Skip events fired during configureAutoFormatting so
31846
+ // we don't overwrite a value the parent just pushed.
31847
+ this.maskInstance.on('accept', () => {
31848
+ if (this._configuringMask) return;
31849
+ this.value = this.util.toModelValue(this.maskInstance.value, this.format);
31850
+ if (this.type === "date") {
31851
+ this._rawMaskValue = this.maskInstance.value;
31852
+ }
31853
+ });
31774
31854
 
31775
- this.maskInstance.on('accept', () => {
31776
- this.value = this.util.toModelValue(this.maskInstance.value, this.format);
31777
- if (this.type === "date") {
31778
- this._rawMaskValue = this.maskInstance.value;
31779
- }
31780
- });
31855
+ // Mask fires 'complete' on the restore step below for any value that
31856
+ // happens to be a complete match. Same setup-suppression as 'accept'.
31857
+ this.maskInstance.on('complete', () => {
31858
+ if (this._configuringMask) return;
31859
+ this.value = this.util.toModelValue(this.maskInstance.value, this.format);
31860
+ if (this.type === "date") {
31861
+ this._rawMaskValue = this.maskInstance.value;
31862
+ }
31863
+ });
31781
31864
 
31782
- this.maskInstance.on('complete', () => {
31783
- this.value = this.util.toModelValue(this.maskInstance.value, this.format);
31784
- if (this.type === "date") {
31785
- this._rawMaskValue = this.maskInstance.value;
31865
+ // Write existingValue through the mask (not the input directly) so
31866
+ // the mask reformats it under the new rules and keeps its internal
31867
+ // _value aligned with the input's displayed text.
31868
+ if (existingValue) {
31869
+ this.maskInstance.value = existingValue;
31786
31870
  }
31787
- });
31788
-
31789
- // Restore the stashed value through IMask so it's properly masked
31790
- if (existingValue) {
31791
- this.maskInstance.value = existingValue;
31792
31871
  }
31872
+ } finally {
31873
+ this._configuringMask = false;
31793
31874
  }
31794
31875
  }
31795
31876
 
@@ -32076,10 +32157,10 @@ class BaseInput extends AuroElement$1 {
32076
32157
  },
32077
32158
  {
32078
32159
  name: 'Diners club',
32079
- regex: /^(?<num>36|38)\d{0}/u,
32160
+ regex: /^(?<num>30[0-5]|36|38)\d{0}/u,
32080
32161
  formatLength: 16,
32081
32162
  errorMessage: CreditCardValidationMessage,
32082
- cardIcon: 'credit-card',
32163
+ cardIcon: 'cc-dinersclub',
32083
32164
  maskFormat: "0000 000000 0000"
32084
32165
  },
32085
32166
  {
@@ -32489,7 +32570,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
32489
32570
  }
32490
32571
  };
32491
32572
 
32492
- var formkitVersion = '202606141505';
32573
+ var formkitVersion = '202606190840';
32493
32574
 
32494
32575
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
32495
32576
  // See LICENSE in the project root for license information.
@@ -35504,9 +35585,7 @@ class AuroDatePicker extends AuroElement {
35504
35585
  // update the calendar
35505
35586
  if (this.valueEndObject) {
35506
35587
  this.calendar.dateTo = this.convertToWcValidTime(this.valueEndObject);
35507
- if (!(this.wasCellClick && this.range)) {
35508
- this.calendarRenderUtil.updateCentralDate(this, this.valueEndObject);
35509
- }
35588
+ this.calendarRenderUtil.updateCentralDate(this, this.valueEndObject);
35510
35589
  } else {
35511
35590
  if (this.inputList[1].value !== this.valueEnd) {
35512
35591
  this.inputList[1].value = this.valueEnd || '';