@aurodesignsystem-dev/auro-formkit 0.0.0-pr1506.1 → 0.0.0-pr1507.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 (49) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +268 -140
  7. package/components/combobox/demo/getting-started.min.js +268 -140
  8. package/components/combobox/demo/index.min.js +268 -140
  9. package/components/combobox/dist/auro-combobox.d.ts +0 -9
  10. package/components/combobox/dist/index.js +266 -138
  11. package/components/combobox/dist/registered.js +266 -138
  12. package/components/counter/demo/customize.min.js +2 -2
  13. package/components/counter/demo/index.min.js +2 -2
  14. package/components/counter/dist/index.js +2 -2
  15. package/components/counter/dist/registered.js +2 -2
  16. package/components/datepicker/demo/customize.min.js +149 -39
  17. package/components/datepicker/demo/index.min.js +149 -39
  18. package/components/datepicker/dist/index.js +149 -39
  19. package/components/datepicker/dist/registered.js +149 -39
  20. package/components/dropdown/demo/customize.min.js +1 -1
  21. package/components/dropdown/demo/getting-started.min.js +1 -1
  22. package/components/dropdown/demo/index.min.js +1 -1
  23. package/components/dropdown/dist/index.js +1 -1
  24. package/components/dropdown/dist/registered.js +1 -1
  25. package/components/form/demo/customize.min.js +570 -221
  26. package/components/form/demo/getting-started.min.js +570 -221
  27. package/components/form/demo/index.min.js +570 -221
  28. package/components/form/demo/registerDemoDeps.min.js +570 -221
  29. package/components/input/demo/customize.min.js +147 -36
  30. package/components/input/demo/getting-started.min.js +147 -36
  31. package/components/input/demo/index.min.js +147 -36
  32. package/components/input/dist/base-input.d.ts +48 -0
  33. package/components/input/dist/index.js +147 -36
  34. package/components/input/dist/registered.js +147 -36
  35. package/components/menu/demo/index.min.js +2 -2
  36. package/components/menu/dist/index.js +2 -2
  37. package/components/menu/dist/registered.js +2 -2
  38. package/components/radio/demo/customize.min.js +1 -1
  39. package/components/radio/demo/getting-started.min.js +1 -1
  40. package/components/radio/demo/index.min.js +1 -1
  41. package/components/radio/dist/index.js +1 -1
  42. package/components/radio/dist/registered.js +1 -1
  43. package/components/select/demo/customize.min.js +4 -4
  44. package/components/select/demo/getting-started.min.js +4 -4
  45. package/components/select/demo/index.min.js +4 -4
  46. package/components/select/dist/index.js +2 -2
  47. package/components/select/dist/registered.js +2 -2
  48. package/custom-elements.json +264 -20
  49. package/package.json +1 -1
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1099
  }
1100
1100
  };
1101
1101
 
1102
- var formkitVersion$1 = '202606192004';
1102
+ var formkitVersion$1 = '202606192121';
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 = '202606192004';
5448
+ var formkitVersion = '202606192121';
5449
5449
 
5450
5450
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5451
  static get properties() {
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1099
1099
  }
1100
1100
  };
1101
1101
 
1102
- var formkitVersion$1 = '202606192004';
1102
+ var formkitVersion$1 = '202606192121';
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 = '202606192004';
5448
+ var formkitVersion = '202606192121';
5449
5449
 
5450
5450
  let AuroElement$1 = class AuroElement extends i$2 {
5451
5451
  static get properties() {
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1049
  }
1050
1050
  };
1051
1051
 
1052
- var formkitVersion$1 = '202606192004';
1052
+ var formkitVersion$1 = '202606192121';
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 = '202606192004';
5380
+ var formkitVersion = '202606192121';
5381
5381
 
5382
5382
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5383
  static get properties() {
@@ -1049,7 +1049,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1049
1049
  }
1050
1050
  };
1051
1051
 
1052
- var formkitVersion$1 = '202606192004';
1052
+ var formkitVersion$1 = '202606192121';
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 = '202606192004';
5380
+ var formkitVersion = '202606192121';
5381
5381
 
5382
5382
  let AuroElement$1 = class AuroElement extends LitElement {
5383
5383
  static get properties() {
@@ -10528,7 +10528,6 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
10528
10528
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
10529
10529
 
10530
10530
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
10531
- console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
10532
10531
  return undefined;
10533
10532
  }
10534
10533
 
@@ -13440,7 +13439,7 @@ class AuroBibtemplate extends i$1 {
13440
13439
  }
13441
13440
  }
13442
13441
 
13443
- var formkitVersion$2 = '202606192004';
13442
+ var formkitVersion$2 = '202606192121';
13444
13443
 
13445
13444
  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
13445
  `,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 +18974,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
18975
18974
  }
18976
18975
  };
18977
18976
 
18978
- var formkitVersion$1 = '202606192004';
18977
+ var formkitVersion$1 = '202606192121';
18979
18978
 
18980
18979
  let AuroElement$2 = class AuroElement extends i$1 {
18981
18980
  static get properties() {
@@ -30696,7 +30695,6 @@ class AuroInputUtilities {
30696
30695
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
30697
30696
 
30698
30697
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
30699
- console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
30700
30698
  return undefined;
30701
30699
  }
30702
30700
 
@@ -30848,8 +30846,10 @@ class BaseInput extends AuroElement$1 {
30848
30846
  this.layout = 'classic';
30849
30847
  this.locale = 'en-US';
30850
30848
  this.max = undefined;
30849
+ this._maxObject = undefined;
30851
30850
  this.maxLength = undefined;
30852
30851
  this.min = undefined;
30852
+ this._minObject = undefined;
30853
30853
  this.minLength = undefined;
30854
30854
  this.required = false;
30855
30855
  this.onDark = false;
@@ -30857,6 +30857,7 @@ class BaseInput extends AuroElement$1 {
30857
30857
  this.size = 'lg';
30858
30858
  this.shape = 'classic';
30859
30859
  this.value = undefined;
30860
+ this._valueObject = undefined;
30860
30861
 
30861
30862
  this._initializePrivateDefaults();
30862
30863
  }
@@ -31396,7 +31397,7 @@ class BaseInput extends AuroElement$1 {
31396
31397
  * @returns {Date|undefined}
31397
31398
  */
31398
31399
  get valueObject() {
31399
- return this.value && dateFormatter.isValidDate(this.value) ? dateFormatter.stringToDateInstance(this.value) : undefined;
31400
+ return this._valueObject || this._computeDateObjectFallback(this.value);
31400
31401
  }
31401
31402
 
31402
31403
  /**
@@ -31404,7 +31405,7 @@ class BaseInput extends AuroElement$1 {
31404
31405
  * @returns {Date|undefined}
31405
31406
  */
31406
31407
  get minObject() {
31407
- return this.min && dateFormatter.isValidDate(this.min) ? dateFormatter.stringToDateInstance(this.min) : undefined;
31408
+ return this._minObject || this._computeDateObjectFallback(this.min);
31408
31409
  }
31409
31410
 
31410
31411
  /**
@@ -31412,7 +31413,50 @@ class BaseInput extends AuroElement$1 {
31412
31413
  * @returns {Date|undefined}
31413
31414
  */
31414
31415
  get maxObject() {
31415
- return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
31416
+ return this._maxObject || this._computeDateObjectFallback(this.max);
31417
+ }
31418
+
31419
+ /**
31420
+ * Parses a date string into a Date object when the corresponding `_*Object`
31421
+ * field hasn't been synced yet by `updated()`. Returns undefined when the
31422
+ * input type/format isn't a full date or the string is not a valid date.
31423
+ *
31424
+ * Why this exists: a parent (datepicker) can call `inputN.validate()` from
31425
+ * inside its own `updated()` before this input's `updated()` has run
31426
+ * `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
31427
+ * and range checks would otherwise silently no-op (flipping the result to
31428
+ * `valid` or `patternMismatch`).
31429
+ * @private
31430
+ * @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
31431
+ * @returns {Date|undefined}
31432
+ */
31433
+ _computeDateObjectFallback(dateStr) {
31434
+ if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
31435
+ return undefined;
31436
+ }
31437
+ if (!dateFormatter.isValidDate(dateStr)) {
31438
+ return undefined;
31439
+ }
31440
+ return dateFormatter.stringToDateInstance(dateStr);
31441
+ }
31442
+
31443
+ /**
31444
+ * Internal setter for readonly date object properties.
31445
+ * @private
31446
+ * @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
31447
+ * @param {Date|undefined} propertyValue - Value to assign.
31448
+ * @returns {void}
31449
+ */
31450
+ setDateObjectProperty(propertyName, propertyValue) {
31451
+ const internalPropertyName = `_${propertyName}`;
31452
+ const previousValue = this[internalPropertyName];
31453
+
31454
+ if (previousValue === propertyValue) {
31455
+ return;
31456
+ }
31457
+
31458
+ this[internalPropertyName] = propertyValue;
31459
+ this.requestUpdate(propertyName, previousValue);
31416
31460
  }
31417
31461
 
31418
31462
  connectedCallback() {
@@ -31441,6 +31485,7 @@ class BaseInput extends AuroElement$1 {
31441
31485
  format: this.format
31442
31486
  });
31443
31487
  this.configureDataForType();
31488
+ this.syncDateValues();
31444
31489
  }
31445
31490
 
31446
31491
  disconnectedCallback() {
@@ -31460,6 +31505,10 @@ class BaseInput extends AuroElement$1 {
31460
31505
  this.wrapperElement.addEventListener('click', this.handleClick);
31461
31506
  }
31462
31507
 
31508
+ // add attribute for query selectors when auro-input is registered under a custom name
31509
+ if (this.tagName.toLowerCase() !== 'auro-input' && !this.hasAttribute('auro-input')) {
31510
+ this.setAttribute('auro-input', '');
31511
+ }
31463
31512
  this.inputId = this.id ? `${this.id}-input` : window.crypto.randomUUID();
31464
31513
 
31465
31514
  // use validity message override if declared when initializing the component
@@ -31470,6 +31519,7 @@ class BaseInput extends AuroElement$1 {
31470
31519
  this.setCustomHelpTextMessage();
31471
31520
  this.configureAutoFormatting();
31472
31521
  this.configureDataForType();
31522
+ this.syncDateValues();
31473
31523
  }
31474
31524
 
31475
31525
  /**
@@ -31606,6 +31656,8 @@ class BaseInput extends AuroElement$1 {
31606
31656
  this.configureDataForType();
31607
31657
  }
31608
31658
 
31659
+ this.syncDateValues(changedProperties);
31660
+
31609
31661
  if (changedProperties.has('value')) {
31610
31662
  if (this.value && this.value.length > 0) {
31611
31663
  this.hasValue = true;
@@ -31627,14 +31679,14 @@ class BaseInput extends AuroElement$1 {
31627
31679
 
31628
31680
  if (formattedValue !== this.inputElement.value) {
31629
31681
  this.skipNextProgrammaticInputEvent = true;
31630
- if (this.maskInstance && this.type !== 'date') {
31682
+ if (this.maskInstance && this.type === 'credit-card') {
31631
31683
  // Route through the mask so its _value and el.value stay in lock-step
31632
31684
  // (set value calls updateControl which writes el.value = displayValue).
31633
31685
  // Writing el.value directly leaves the mask thinking displayValue is
31634
- // stale; _saveSelection on the next focus/click then warns. Date is
31635
- // excluded because its formattedValue can be raw ISO when the calendar
31636
- // is invalid, and re-masking through mm/dd/yyyy would truncate it and
31637
- // flip validity from patternMismatch to tooShort.
31686
+ // stale; _saveSelection on the next focus/click then warns. Scoped to
31687
+ // credit-card so date's own formattedValue (raw ISO when calendar-invalid)
31688
+ // isn't re-masked through the mm/dd/yyyy mask, which would truncate it
31689
+ // and flip validity from patternMismatch to tooShort.
31638
31690
  this.maskInstance.value = formattedValue || '';
31639
31691
  } else if (formattedValue) {
31640
31692
  this.inputElement.value = formattedValue;
@@ -31676,60 +31728,120 @@ class BaseInput extends AuroElement$1 {
31676
31728
  }));
31677
31729
  }
31678
31730
 
31731
+
31732
+ /**
31733
+ * Synchronizes the ISO string values and Date object representations for date-related properties.
31734
+ * This keeps the model and display values aligned when either side changes.
31735
+ *
31736
+ * When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
31737
+ * Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
31738
+ * represents a full year/month/day date format.
31739
+ *
31740
+ * @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
31741
+ * @returns {void}
31742
+ * @private
31743
+ */
31744
+ syncDateValues(changedProperties = undefined) {
31745
+ if (!this.util.isFullDateFormat(this.type, this.format)) {
31746
+ return;
31747
+ }
31748
+
31749
+ this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
31750
+ this.syncSingleDateValue(changedProperties, 'minObject', 'min');
31751
+ this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
31752
+ }
31753
+
31754
+ /**
31755
+ * Synchronizes one date object/string property pair.
31756
+ * @private
31757
+ * @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
31758
+ * @param {string} objectProperty - Date object property name.
31759
+ * @param {string} valueProperty - ISO string property name.
31760
+ * @returns {void}
31761
+ */
31762
+ syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
31763
+ const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
31764
+
31765
+ // objectProperty wins over valueProperty when both changed
31766
+ if (objectPropertyChanged && this[objectProperty]) {
31767
+ this[valueProperty] = dateFormatter.toISOFormatString(this[objectProperty]);
31768
+ return;
31769
+ }
31770
+
31771
+ const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
31772
+ if (!valuePropertyChanged) {
31773
+ return;
31774
+ }
31775
+
31776
+ // when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
31777
+ if (
31778
+ changedProperties &&
31779
+ valueProperty === 'value' &&
31780
+ changedProperties.get('value') === undefined &&
31781
+ this[objectProperty] instanceof Date &&
31782
+ this[valueProperty] === dateFormatter.toISOFormatString(this[objectProperty])
31783
+ ) {
31784
+ return;
31785
+ }
31786
+
31787
+ if (dateFormatter.isValidDate(this[valueProperty])) {
31788
+ this.setDateObjectProperty(objectProperty, dateFormatter.stringToDateInstance(this[valueProperty]));
31789
+ } else {
31790
+ this.setDateObjectProperty(objectProperty, undefined);
31791
+ }
31792
+ }
31793
+
31679
31794
  /**
31680
31795
  * Sets up IMasks and logic based on auto-formatting requirements.
31681
31796
  * @private
31682
31797
  * @returns {void}
31683
31798
  */
31684
31799
  configureAutoFormatting() {
31685
- // _configuringMask gates two things: external re-entry into this method
31686
- // while setup is mid-flight (from property changes that call back here),
31687
- // and the accept/complete listeners below both need to ignore the mask
31688
- // events fired by our own value-restore step.
31800
+ // Re-entrancy guard. The patched-setter's synthetic input event (suppressed
31801
+ // by _configuringMask above) could otherwise trigger handleInput
31802
+ // processCreditCard configureAutoFormatting before the outer call's
31803
+ // set value has finished its alignCursor pass.
31689
31804
  if (this._configuringMask) return;
31690
31805
  this._configuringMask = true;
31691
31806
  try {
31692
- // Destroy any prior mask so IMask can attach fresh under the new format.
31693
31807
  if (this.maskInstance) {
31694
31808
  this.maskInstance.destroy();
31695
31809
  }
31696
31810
 
31811
+ // Pass new format to util
31697
31812
  this.util.updateFormat(this.format);
31698
31813
 
31699
31814
  const maskOptions = this.util.getMaskOptions(this.type, this.format);
31700
31815
 
31701
31816
  if (this.inputElement && maskOptions.mask) {
31702
- // Capture the current display so it can be re-applied after IMask
31703
- // attaches. The restore at the bottom goes through maskInstance.value
31704
- // (not inputElement.value directly) so the mask's internal state and
31705
- // the input's displayed text stay in lock-step.
31706
- let existingValue = this.inputElement.value;
31707
31817
 
31708
- // Format-change case (e.g. locale switch): existingValue is the OLD
31709
- // mask's display string and may not parse under the new mask. When
31710
- // we have a valid date model, rebuild the display from valueObject
31711
- // (the canonical source) using the new mask's format function.
31818
+ // Stash and clear any existing value before IMask init.
31819
+ // IMask's constructor processes the current input value which requires
31820
+ // selection state clearing first avoids that scenario entirely.
31821
+ // When the format changes (e.g. locale switch) and we have a valid ISO
31822
+ // model value, compute the display string for the NEW format instead of
31823
+ // re-using the old display string, which may be invalid in the new mask.
31824
+ let existingValue = this.inputElement.value;
31712
31825
  if (
31713
31826
  this.util.isFullDateFormat(this.type, this.format) &&
31714
31827
  this.value &&
31715
- this.valueObject &&
31828
+ dateFormatter.isValidDate(this.value) &&
31829
+ this.valueObject instanceof Date &&
31830
+ !Number.isNaN(this.valueObject.getTime()) &&
31716
31831
  typeof maskOptions.format === 'function'
31717
31832
  ) {
31718
31833
  existingValue = maskOptions.format(this.valueObject);
31719
31834
  }
31720
31835
 
31721
- // Clear before IMask attaches so the constructor seeds an empty
31722
- // internal value. Otherwise IMask reads the stale unmasked string
31723
- // and emits a spurious 'accept' before the restore below runs.
31724
31836
  this.skipNextProgrammaticInputEvent = true;
31725
31837
  this.inputElement.value = '';
31726
31838
 
31727
31839
  this.maskInstance = IMask(this.inputElement, maskOptions);
31728
31840
 
31729
- // Mask fires 'accept' on every value change, including the restore
31730
- // step below. Skip events fired during configureAutoFormatting so
31731
- // we don't overwrite a value the parent just pushed.
31732
31841
  this.maskInstance.on('accept', () => {
31842
+ // Suppress propagation during configureAutoFormatting's own value-restoration
31843
+ // (line below) — the mask emits 'accept' on every value-set, including ours,
31844
+ // and we don't want to overwrite a value the parent just pushed.
31733
31845
  if (this._configuringMask) return;
31734
31846
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
31735
31847
  if (this.type === "date") {
@@ -31737,8 +31849,6 @@ class BaseInput extends AuroElement$1 {
31737
31849
  }
31738
31850
  });
31739
31851
 
31740
- // Mask fires 'complete' on the restore step below for any value that
31741
- // happens to be a complete match. Same setup-suppression as 'accept'.
31742
31852
  this.maskInstance.on('complete', () => {
31743
31853
  if (this._configuringMask) return;
31744
31854
  this.value = this.util.toModelValue(this.maskInstance.value, this.format);
@@ -31747,9 +31857,7 @@ class BaseInput extends AuroElement$1 {
31747
31857
  }
31748
31858
  });
31749
31859
 
31750
- // Write existingValue through the mask (not the input directly) so
31751
- // the mask reformats it under the new rules and keeps its internal
31752
- // _value aligned with the input's displayed text.
31860
+ // Restore the stashed value through IMask so it's properly masked
31753
31861
  if (existingValue) {
31754
31862
  this.maskInstance.value = existingValue;
31755
31863
  }
@@ -31917,6 +32025,7 @@ class BaseInput extends AuroElement$1 {
31917
32025
  */
31918
32026
  reset() {
31919
32027
  this.value = undefined;
32028
+ this.setDateObjectProperty('valueObject', undefined);
31920
32029
  this.validation.reset(this);
31921
32030
  }
31922
32031
 
@@ -31925,6 +32034,7 @@ class BaseInput extends AuroElement$1 {
31925
32034
  */
31926
32035
  clear() {
31927
32036
  this.value = undefined;
32037
+ this.setDateObjectProperty('valueObject', undefined);
31928
32038
  }
31929
32039
 
31930
32040
  /**
@@ -32453,7 +32563,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
32453
32563
  }
32454
32564
  };
32455
32565
 
32456
- var formkitVersion = '202606192004';
32566
+ var formkitVersion = '202606192121';
32457
32567
 
32458
32568
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
32459
32569
  // See LICENSE in the project root for license information.