@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.0 → 0.0.0-pr1411.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 (39) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +27 -7
  6. package/components/combobox/demo/index.min.js +27 -7
  7. package/components/combobox/dist/index.js +27 -7
  8. package/components/combobox/dist/registered.js +27 -7
  9. package/components/counter/demo/api.min.js +26 -6
  10. package/components/counter/demo/index.min.js +26 -6
  11. package/components/counter/dist/index.js +26 -6
  12. package/components/counter/dist/registered.js +26 -6
  13. package/components/datepicker/demo/api.min.js +27 -7
  14. package/components/datepicker/demo/index.min.js +27 -7
  15. package/components/datepicker/dist/index.js +27 -7
  16. package/components/datepicker/dist/registered.js +27 -7
  17. package/components/dropdown/demo/api.md +29 -28
  18. package/components/dropdown/demo/api.min.js +25 -5
  19. package/components/dropdown/demo/index.min.js +25 -5
  20. package/components/dropdown/dist/auro-dropdown.d.ts +8 -0
  21. package/components/dropdown/dist/index.js +25 -5
  22. package/components/dropdown/dist/registered.js +25 -5
  23. package/components/form/demo/api.min.js +159 -54
  24. package/components/form/demo/index.min.js +159 -54
  25. package/components/input/demo/api.min.js +1 -1
  26. package/components/input/demo/index.min.js +1 -1
  27. package/components/input/dist/index.js +1 -1
  28. package/components/input/dist/registered.js +1 -1
  29. package/components/radio/demo/api.min.js +1 -1
  30. package/components/radio/demo/index.min.js +1 -1
  31. package/components/radio/dist/index.js +1 -1
  32. package/components/radio/dist/registered.js +1 -1
  33. package/components/select/demo/api.min.js +76 -31
  34. package/components/select/demo/index.min.js +76 -31
  35. package/components/select/dist/index.js +76 -31
  36. package/components/select/dist/registered.js +76 -31
  37. package/components/select/dist/selectKeyboardStrategy.d.ts +4 -3
  38. package/custom-elements.json +20 -1
  39. package/package.json +5 -5
package/components/datepicker/dist/index.js CHANGED
@@ -9242,7 +9242,7 @@ class AuroBibtemplate extends LitElement {
9242
9242
  }
9243
9243
  }
9244
9244
 
9245
- var formkitVersion$2 = '202604021512';
9245
+ var formkitVersion$2 = '202604021752';
9246
9246
 
9247
9247
  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=literal`${unsafeStatic(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$1 = 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=css`: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}
9248
9248
  `,u$4=css`.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}}
@@ -11507,6 +11507,11 @@ class AuroFloatingUI {
11507
11507
  this.clickHandler = null;
11508
11508
  this.keyDownHandler = null;
11509
11509
 
11510
+ /**
11511
+ * @private
11512
+ */
11513
+ this.enableKeyboardHandling = true;
11514
+
11510
11515
  /**
11511
11516
  * @private
11512
11517
  */
@@ -11841,7 +11846,9 @@ class AuroFloatingUI {
11841
11846
  document.addEventListener("focusin", this.focusHandler);
11842
11847
  }
11843
11848
 
11844
- document.addEventListener("keydown", this.keyDownHandler);
11849
+ if (this.enableKeyboardHandling) {
11850
+ document.addEventListener("keydown", this.keyDownHandler);
11851
+ }
11845
11852
 
11846
11853
  // send this task to the end of queue to prevent conflicting
11847
11854
  // it conflicts if showBib gets call from a button that's not this.element.trigger
@@ -12097,8 +12104,9 @@ class AuroFloatingUI {
12097
12104
  this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
12098
12105
  }
12099
12106
 
12100
- configure(elem, eventPrefix) {
12107
+ configure(elem, eventPrefix, enableKeyboardHandling = true) {
12101
12108
  AuroFloatingUI.setupMousePressChecker();
12109
+ this.enableKeyboardHandling = enableKeyboardHandling;
12102
12110
 
12103
12111
  this.eventPrefix = eventPrefix;
12104
12112
  if (this.element !== elem) {
@@ -12131,7 +12139,9 @@ class AuroFloatingUI {
12131
12139
 
12132
12140
  this.handleEvent = this.handleEvent.bind(this);
12133
12141
  if (this.element.trigger) {
12134
- this.element.trigger.addEventListener("keydown", this.handleEvent);
12142
+ if (this.enableKeyboardHandling) {
12143
+ this.element.trigger.addEventListener("keydown", this.handleEvent);
12144
+ }
12135
12145
  this.element.trigger.addEventListener("click", this.handleEvent);
12136
12146
  this.element.trigger.addEventListener("mouseenter", this.handleEvent);
12137
12147
  this.element.trigger.addEventListener("mouseleave", this.handleEvent);
@@ -13285,7 +13295,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
13285
13295
  }
13286
13296
  };
13287
13297
 
13288
- var formkitVersion$1 = '202604021512';
13298
+ var formkitVersion$1 = '202604021752';
13289
13299
 
13290
13300
  let AuroElement$2 = class AuroElement extends LitElement {
13291
13301
  static get properties() {
@@ -13466,6 +13476,7 @@ class AuroDropdown extends AuroElement$2 {
13466
13476
  this.appearance = 'default';
13467
13477
  this.chevron = false;
13468
13478
  this.disabled = false;
13479
+ this.disableKeyboardHandling = false;
13469
13480
  this.error = false;
13470
13481
  this.tabIndex = 0;
13471
13482
  this.noToggle = false;
@@ -13677,6 +13688,14 @@ class AuroDropdown extends AuroElement$2 {
13677
13688
  reflect: true
13678
13689
  },
13679
13690
 
13691
+ /**
13692
+ * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
13693
+ */
13694
+ disableKeyboardHandling: {
13695
+ type: Boolean,
13696
+ reflect: true
13697
+ },
13698
+
13680
13699
  /**
13681
13700
  * @private
13682
13701
  */
@@ -13982,7 +14001,7 @@ class AuroDropdown extends AuroElement$2 {
13982
14001
 
13983
14002
  firstUpdated() {
13984
14003
  // Configure the floater to, this will generate the ID for the bib
13985
- this.floater.configure(this, 'auroDropdown');
14004
+ this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
13986
14005
 
13987
14006
  // Prevent `contain: layout` on the dropdown host. Layout containment
13988
14007
  // creates a containing block for position:fixed descendants (the bib),
@@ -14290,6 +14309,7 @@ class AuroDropdown extends AuroElement$2 {
14290
14309
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
14291
14310
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
14292
14311
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
14312
+ aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
14293
14313
  @focusin="${this.handleFocusin}"
14294
14314
  @blur="${this.handleFocusOut}">
14295
14315
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -21032,7 +21052,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
21032
21052
  }
21033
21053
  };
21034
21054
 
21035
- var formkitVersion = '202604021512';
21055
+ var formkitVersion = '202604021752';
21036
21056
 
21037
21057
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
21038
21058
  // See LICENSE in the project root for license information.
package/components/datepicker/dist/registered.js CHANGED
@@ -9242,7 +9242,7 @@ class AuroBibtemplate extends LitElement {
9242
9242
  }
9243
9243
  }
9244
9244
 
9245
- var formkitVersion$2 = '202604021512';
9245
+ var formkitVersion$2 = '202604021752';
9246
9246
 
9247
9247
  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=literal`${unsafeStatic(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$1 = 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=css`: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}
9248
9248
  `,u$4=css`.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}}
@@ -11507,6 +11507,11 @@ class AuroFloatingUI {
11507
11507
  this.clickHandler = null;
11508
11508
  this.keyDownHandler = null;
11509
11509
 
11510
+ /**
11511
+ * @private
11512
+ */
11513
+ this.enableKeyboardHandling = true;
11514
+
11510
11515
  /**
11511
11516
  * @private
11512
11517
  */
@@ -11841,7 +11846,9 @@ class AuroFloatingUI {
11841
11846
  document.addEventListener("focusin", this.focusHandler);
11842
11847
  }
11843
11848
 
11844
- document.addEventListener("keydown", this.keyDownHandler);
11849
+ if (this.enableKeyboardHandling) {
11850
+ document.addEventListener("keydown", this.keyDownHandler);
11851
+ }
11845
11852
 
11846
11853
  // send this task to the end of queue to prevent conflicting
11847
11854
  // it conflicts if showBib gets call from a button that's not this.element.trigger
@@ -12097,8 +12104,9 @@ class AuroFloatingUI {
12097
12104
  this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
12098
12105
  }
12099
12106
 
12100
- configure(elem, eventPrefix) {
12107
+ configure(elem, eventPrefix, enableKeyboardHandling = true) {
12101
12108
  AuroFloatingUI.setupMousePressChecker();
12109
+ this.enableKeyboardHandling = enableKeyboardHandling;
12102
12110
 
12103
12111
  this.eventPrefix = eventPrefix;
12104
12112
  if (this.element !== elem) {
@@ -12131,7 +12139,9 @@ class AuroFloatingUI {
12131
12139
 
12132
12140
  this.handleEvent = this.handleEvent.bind(this);
12133
12141
  if (this.element.trigger) {
12134
- this.element.trigger.addEventListener("keydown", this.handleEvent);
12142
+ if (this.enableKeyboardHandling) {
12143
+ this.element.trigger.addEventListener("keydown", this.handleEvent);
12144
+ }
12135
12145
  this.element.trigger.addEventListener("click", this.handleEvent);
12136
12146
  this.element.trigger.addEventListener("mouseenter", this.handleEvent);
12137
12147
  this.element.trigger.addEventListener("mouseleave", this.handleEvent);
@@ -13285,7 +13295,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
13285
13295
  }
13286
13296
  };
13287
13297
 
13288
- var formkitVersion$1 = '202604021512';
13298
+ var formkitVersion$1 = '202604021752';
13289
13299
 
13290
13300
  let AuroElement$2 = class AuroElement extends LitElement {
13291
13301
  static get properties() {
@@ -13466,6 +13476,7 @@ class AuroDropdown extends AuroElement$2 {
13466
13476
  this.appearance = 'default';
13467
13477
  this.chevron = false;
13468
13478
  this.disabled = false;
13479
+ this.disableKeyboardHandling = false;
13469
13480
  this.error = false;
13470
13481
  this.tabIndex = 0;
13471
13482
  this.noToggle = false;
@@ -13677,6 +13688,14 @@ class AuroDropdown extends AuroElement$2 {
13677
13688
  reflect: true
13678
13689
  },
13679
13690
 
13691
+ /**
13692
+ * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
13693
+ */
13694
+ disableKeyboardHandling: {
13695
+ type: Boolean,
13696
+ reflect: true
13697
+ },
13698
+
13680
13699
  /**
13681
13700
  * @private
13682
13701
  */
@@ -13982,7 +14001,7 @@ class AuroDropdown extends AuroElement$2 {
13982
14001
 
13983
14002
  firstUpdated() {
13984
14003
  // Configure the floater to, this will generate the ID for the bib
13985
- this.floater.configure(this, 'auroDropdown');
14004
+ this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
13986
14005
 
13987
14006
  // Prevent `contain: layout` on the dropdown host. Layout containment
13988
14007
  // creates a containing block for position:fixed descendants (the bib),
@@ -14290,6 +14309,7 @@ class AuroDropdown extends AuroElement$2 {
14290
14309
  aria-expanded="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
14291
14310
  aria-controls="${ifDefined(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
14292
14311
  aria-labelledby="${ifDefined(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
14312
+ aria-disabled="${ifDefined(this.disabled ? 'true' : undefined)}"
14293
14313
  @focusin="${this.handleFocusin}"
14294
14314
  @blur="${this.handleFocusOut}">
14295
14315
  <div class="triggerContentWrapper" id="triggerLabel">
@@ -21032,7 +21052,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
21032
21052
  }
21033
21053
  };
21034
21054
 
21035
- var formkitVersion = '202604021512';
21055
+ var formkitVersion = '202604021752';
21036
21056
 
21037
21057
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
21038
21058
  // See LICENSE in the project root for license information.
package/components/dropdown/demo/api.md CHANGED
@@ -7,34 +7,35 @@ The `auro-dropdown` element provides a way to place content in a bib that can be
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Type | Default | Description |
11
- |-------------------------|-------------------------|--------------------------------------------------|------------------|--------------------------------------------------|
12
- | `a11yRole` | | `string` | | The value for the role attribute of the trigger element. |
13
- | [appearance](#appearance) | `appearance` | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
14
- | [autoPlacement](#autoPlacement) | `autoPlacement` | `boolean` | | If declared, bib's position will be automatically calculated where to appear. |
15
- | [chevron](#chevron) | `chevron` | `boolean` | | If declared, the dropdown displays a chevron on the right. |
16
- | [disableEventShow](#disableEventShow) | `disableEventShow` | `boolean` | | If declared, the dropdown will only show by calling the API .show() public method. |
17
- | [disabled](#disabled) | `disabled` | `boolean` | | If declared, the dropdown is not interactive. |
18
- | [error](#error) | `error` | `boolean` | | If declared, will apply error UI to the dropdown. |
19
- | [errorMessage](#errorMessage) | `errorMessage` | `string` | "undefined" | Contains the help text message for the current validity error. |
20
- | [focusShow](#focusShow) | `focusShow` | `boolean` | | If declared, the bib will display when focus is applied to the trigger. |
21
- | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'" | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
22
- | [hoverToggle](#hoverToggle) | `hoverToggle` | `boolean` | | If declared, the trigger will toggle the dropdown on mouseover/mouseout. |
23
- | [isBibFullscreen](#isBibFullscreen) | `isBibFullscreen` | `boolean` | false | If true, the dropdown bib is taking the fullscreen when it's open. |
24
- | [isPopoverVisible](#isPopoverVisible) | `open` | `boolean` | false | If true, the dropdown bib is displayed. |
25
- | [layout](#layout) | `layout` | `'classic' \| 'emphasized' \| 'snowflake'` | "'classic'" | Sets the layout of the dropdown. |
26
- | [matchWidth](#matchWidth) | `matchWidth` | `boolean` | false | If declared, the popover and trigger will be set to the same width. |
27
- | [noFlip](#noFlip) | `noFlip` | `boolean` | | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
28
- | [noHideOnThisFocusLoss](#noHideOnThisFocusLoss) | `noHideOnThisFocusLoss` | `boolean` | false | If declared, the dropdown will not hide when moving focus outside the element. |
29
- | [noToggle](#noToggle) | `noToggle` | `boolean` | | If declared, the trigger will only show the dropdown bib. |
30
- | [offset](#offset) | `offset` | `number` | "0" | Gap between the trigger element and bib. |
31
- | [onDark](#onDark) | `onDark` | `boolean` | | DEPRECATED - use `appearance="inverse"` instead. |
32
- | [onSlotChange](#onSlotChange) | `onSlotChange` | | | If declared, and a function is set, that function will execute when the slot content is updated. |
33
- | [placement](#placement) | `placement` | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
34
- | [shape](#shape) | | | "undefined" | |
35
- | [shift](#shift) | `shift` | `boolean` | | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
36
- | [simple](#simple) | `simple` | `boolean` | | If declared, applies a border around the trigger slot. |
37
- | [size](#size) | | | "undefined" | |
10
+ | Property | Attribute | Type | Default | Description |
11
+ |---------------------------|---------------------------|--------------------------------------------------|------------------|--------------------------------------------------|
12
+ | `a11yRole` | | `string` | | The value for the role attribute of the trigger element. |
13
+ | [appearance](#appearance) | `appearance` | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
14
+ | [autoPlacement](#autoPlacement) | `autoPlacement` | `boolean` | | If declared, bib's position will be automatically calculated where to appear. |
15
+ | [chevron](#chevron) | `chevron` | `boolean` | | If declared, the dropdown displays a chevron on the right. |
16
+ | [disableEventShow](#disableEventShow) | `disableEventShow` | `boolean` | | If declared, the dropdown will only show by calling the API .show() public method. |
17
+ | [disableKeyboardHandling](#disableKeyboardHandling) | `disableKeyboardHandling` | `boolean` | | If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior. |
18
+ | [disabled](#disabled) | `disabled` | `boolean` | | If declared, the dropdown is not interactive. |
19
+ | [error](#error) | `error` | `boolean` | | If declared, will apply error UI to the dropdown. |
20
+ | [errorMessage](#errorMessage) | `errorMessage` | `string` | "undefined" | Contains the help text message for the current validity error. |
21
+ | [focusShow](#focusShow) | `focusShow` | `boolean` | | If declared, the bib will display when focus is applied to the trigger. |
22
+ | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'" | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
23
+ | [hoverToggle](#hoverToggle) | `hoverToggle` | `boolean` | | If declared, the trigger will toggle the dropdown on mouseover/mouseout. |
24
+ | [isBibFullscreen](#isBibFullscreen) | `isBibFullscreen` | `boolean` | false | If true, the dropdown bib is taking the fullscreen when it's open. |
25
+ | [isPopoverVisible](#isPopoverVisible) | `open` | `boolean` | false | If true, the dropdown bib is displayed. |
26
+ | [layout](#layout) | `layout` | `'classic' \| 'emphasized' \| 'snowflake'` | "'classic'" | Sets the layout of the dropdown. |
27
+ | [matchWidth](#matchWidth) | `matchWidth` | `boolean` | false | If declared, the popover and trigger will be set to the same width. |
28
+ | [noFlip](#noFlip) | `noFlip` | `boolean` | | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
29
+ | [noHideOnThisFocusLoss](#noHideOnThisFocusLoss) | `noHideOnThisFocusLoss` | `boolean` | false | If declared, the dropdown will not hide when moving focus outside the element. |
30
+ | [noToggle](#noToggle) | `noToggle` | `boolean` | | If declared, the trigger will only show the dropdown bib. |
31
+ | [offset](#offset) | `offset` | `number` | "0" | Gap between the trigger element and bib. |
32
+ | [onDark](#onDark) | `onDark` | `boolean` | | DEPRECATED - use `appearance="inverse"` instead. |
33
+ | [onSlotChange](#onSlotChange) | `onSlotChange` | | | If declared, and a function is set, that function will execute when the slot content is updated. |
34
+ | [placement](#placement) | `placement` | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
35
+ | [shape](#shape) | | | "undefined" | |
36
+ | [shift](#shift) | `shift` | `boolean` | | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
37
+ | [simple](#simple) | `simple` | `boolean` | | If declared, applies a border around the trigger slot. |
38
+ | [size](#size) | | | "undefined" | |
38
39
 
39
40
  ## Methods
40
41
 
package/components/dropdown/demo/api.min.js CHANGED
@@ -1919,6 +1919,11 @@ class AuroFloatingUI {
1919
1919
  this.clickHandler = null;
1920
1920
  this.keyDownHandler = null;
1921
1921
 
1922
+ /**
1923
+ * @private
1924
+ */
1925
+ this.enableKeyboardHandling = true;
1926
+
1922
1927
  /**
1923
1928
  * @private
1924
1929
  */
@@ -2253,7 +2258,9 @@ class AuroFloatingUI {
2253
2258
  document.addEventListener("focusin", this.focusHandler);
2254
2259
  }
2255
2260
 
2256
- document.addEventListener("keydown", this.keyDownHandler);
2261
+ if (this.enableKeyboardHandling) {
2262
+ document.addEventListener("keydown", this.keyDownHandler);
2263
+ }
2257
2264
 
2258
2265
  // send this task to the end of queue to prevent conflicting
2259
2266
  // it conflicts if showBib gets call from a button that's not this.element.trigger
@@ -2509,8 +2516,9 @@ class AuroFloatingUI {
2509
2516
  this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
2510
2517
  }
2511
2518
 
2512
- configure(elem, eventPrefix) {
2519
+ configure(elem, eventPrefix, enableKeyboardHandling = true) {
2513
2520
  AuroFloatingUI.setupMousePressChecker();
2521
+ this.enableKeyboardHandling = enableKeyboardHandling;
2514
2522
 
2515
2523
  this.eventPrefix = eventPrefix;
2516
2524
  if (this.element !== elem) {
@@ -2543,7 +2551,9 @@ class AuroFloatingUI {
2543
2551
 
2544
2552
  this.handleEvent = this.handleEvent.bind(this);
2545
2553
  if (this.element.trigger) {
2546
- this.element.trigger.addEventListener("keydown", this.handleEvent);
2554
+ if (this.enableKeyboardHandling) {
2555
+ this.element.trigger.addEventListener("keydown", this.handleEvent);
2556
+ }
2547
2557
  this.element.trigger.addEventListener("click", this.handleEvent);
2548
2558
  this.element.trigger.addEventListener("mouseenter", this.handleEvent);
2549
2559
  this.element.trigger.addEventListener("mouseleave", this.handleEvent);
@@ -3728,7 +3738,7 @@ class AuroHelpText extends i {
3728
3738
  }
3729
3739
  }
3730
3740
 
3731
- var formkitVersion = '202604021512';
3741
+ var formkitVersion = '202604021752';
3732
3742
 
3733
3743
  class AuroElement extends i {
3734
3744
  static get properties() {
@@ -3909,6 +3919,7 @@ class AuroDropdown extends AuroElement {
3909
3919
  this.appearance = 'default';
3910
3920
  this.chevron = false;
3911
3921
  this.disabled = false;
3922
+ this.disableKeyboardHandling = false;
3912
3923
  this.error = false;
3913
3924
  this.tabIndex = 0;
3914
3925
  this.noToggle = false;
@@ -4120,6 +4131,14 @@ class AuroDropdown extends AuroElement {
4120
4131
  reflect: true
4121
4132
  },
4122
4133
 
4134
+ /**
4135
+ * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
4136
+ */
4137
+ disableKeyboardHandling: {
4138
+ type: Boolean,
4139
+ reflect: true
4140
+ },
4141
+
4123
4142
  /**
4124
4143
  * @private
4125
4144
  */
@@ -4425,7 +4444,7 @@ class AuroDropdown extends AuroElement {
4425
4444
 
4426
4445
  firstUpdated() {
4427
4446
  // Configure the floater to, this will generate the ID for the bib
4428
- this.floater.configure(this, 'auroDropdown');
4447
+ this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
4429
4448
 
4430
4449
  // Prevent `contain: layout` on the dropdown host. Layout containment
4431
4450
  // creates a containing block for position:fixed descendants (the bib),
@@ -4733,6 +4752,7 @@ class AuroDropdown extends AuroElement {
4733
4752
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
4734
4753
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
4735
4754
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
4755
+ aria-disabled="${o(this.disabled ? 'true' : undefined)}"
4736
4756
  @focusin="${this.handleFocusin}"
4737
4757
  @blur="${this.handleFocusOut}">
4738
4758
  <div class="triggerContentWrapper" id="triggerLabel">
package/components/dropdown/demo/index.min.js CHANGED
@@ -1859,6 +1859,11 @@ class AuroFloatingUI {
1859
1859
  this.clickHandler = null;
1860
1860
  this.keyDownHandler = null;
1861
1861
 
1862
+ /**
1863
+ * @private
1864
+ */
1865
+ this.enableKeyboardHandling = true;
1866
+
1862
1867
  /**
1863
1868
  * @private
1864
1869
  */
@@ -2193,7 +2198,9 @@ class AuroFloatingUI {
2193
2198
  document.addEventListener("focusin", this.focusHandler);
2194
2199
  }
2195
2200
 
2196
- document.addEventListener("keydown", this.keyDownHandler);
2201
+ if (this.enableKeyboardHandling) {
2202
+ document.addEventListener("keydown", this.keyDownHandler);
2203
+ }
2197
2204
 
2198
2205
  // send this task to the end of queue to prevent conflicting
2199
2206
  // it conflicts if showBib gets call from a button that's not this.element.trigger
@@ -2449,8 +2456,9 @@ class AuroFloatingUI {
2449
2456
  this.element.bib.setAttribute("id", `${this.id}-floater-bib`);
2450
2457
  }
2451
2458
 
2452
- configure(elem, eventPrefix) {
2459
+ configure(elem, eventPrefix, enableKeyboardHandling = true) {
2453
2460
  AuroFloatingUI.setupMousePressChecker();
2461
+ this.enableKeyboardHandling = enableKeyboardHandling;
2454
2462
 
2455
2463
  this.eventPrefix = eventPrefix;
2456
2464
  if (this.element !== elem) {
@@ -2483,7 +2491,9 @@ class AuroFloatingUI {
2483
2491
 
2484
2492
  this.handleEvent = this.handleEvent.bind(this);
2485
2493
  if (this.element.trigger) {
2486
- this.element.trigger.addEventListener("keydown", this.handleEvent);
2494
+ if (this.enableKeyboardHandling) {
2495
+ this.element.trigger.addEventListener("keydown", this.handleEvent);
2496
+ }
2487
2497
  this.element.trigger.addEventListener("click", this.handleEvent);
2488
2498
  this.element.trigger.addEventListener("mouseenter", this.handleEvent);
2489
2499
  this.element.trigger.addEventListener("mouseleave", this.handleEvent);
@@ -3668,7 +3678,7 @@ class AuroHelpText extends i {
3668
3678
  }
3669
3679
  }
3670
3680
 
3671
- var formkitVersion = '202604021512';
3681
+ var formkitVersion = '202604021752';
3672
3682
 
3673
3683
  class AuroElement extends i {
3674
3684
  static get properties() {
@@ -3849,6 +3859,7 @@ class AuroDropdown extends AuroElement {
3849
3859
  this.appearance = 'default';
3850
3860
  this.chevron = false;
3851
3861
  this.disabled = false;
3862
+ this.disableKeyboardHandling = false;
3852
3863
  this.error = false;
3853
3864
  this.tabIndex = 0;
3854
3865
  this.noToggle = false;
@@ -4060,6 +4071,14 @@ class AuroDropdown extends AuroElement {
4060
4071
  reflect: true
4061
4072
  },
4062
4073
 
4074
+ /**
4075
+ * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
4076
+ */
4077
+ disableKeyboardHandling: {
4078
+ type: Boolean,
4079
+ reflect: true
4080
+ },
4081
+
4063
4082
  /**
4064
4083
  * @private
4065
4084
  */
@@ -4365,7 +4384,7 @@ class AuroDropdown extends AuroElement {
4365
4384
 
4366
4385
  firstUpdated() {
4367
4386
  // Configure the floater to, this will generate the ID for the bib
4368
- this.floater.configure(this, 'auroDropdown');
4387
+ this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
4369
4388
 
4370
4389
  // Prevent `contain: layout` on the dropdown host. Layout containment
4371
4390
  // creates a containing block for position:fixed descendants (the bib),
@@ -4673,6 +4692,7 @@ class AuroDropdown extends AuroElement {
4673
4692
  aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
4674
4693
  aria-controls="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.dropdownId)}"
4675
4694
  aria-labelledby="${o(this.triggerContentFocusable ? undefined : 'triggerLabel')}"
4695
+ aria-disabled="${o(this.disabled ? 'true' : undefined)}"
4676
4696
  @focusin="${this.handleFocusin}"
4677
4697
  @blur="${this.handleFocusOut}">
4678
4698
  <div class="triggerContentWrapper" id="triggerLabel">
package/components/dropdown/dist/auro-dropdown.d.ts CHANGED
@@ -73,6 +73,13 @@ export class AuroDropdown extends AuroElement {
73
73
  type: BooleanConstructor;
74
74
  reflect: boolean;
75
75
  };
76
+ /**
77
+ * If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.
78
+ */
79
+ disableKeyboardHandling: {
80
+ type: BooleanConstructor;
81
+ reflect: boolean;
82
+ };
76
83
  /**
77
84
  * @private
78
85
  */
@@ -279,6 +286,7 @@ export class AuroDropdown extends AuroElement {
279
286
  appearance: string;
280
287
  chevron: boolean;
281
288
  disabled: boolean;
289
+ disableKeyboardHandling: boolean;
282
290
  error: boolean;
283
291
  noToggle: boolean;
284
292
  a11yRole: string;