@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.10 → 0.0.0-pr1480.11

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 (45) 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 +3 -3
  7. package/components/combobox/demo/getting-started.min.js +3 -3
  8. package/components/combobox/demo/index.min.js +3 -3
  9. package/components/combobox/dist/index.js +3 -3
  10. package/components/combobox/dist/registered.js +3 -3
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +45 -441
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/customize.min.js +30 -60
  16. package/components/datepicker/demo/index.min.js +30 -60
  17. package/components/datepicker/dist/index.js +30 -60
  18. package/components/datepicker/dist/registered.js +30 -60
  19. package/components/datepicker/dist/src/auro-calendar.d.ts +11 -18
  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 +881 -911
  26. package/components/form/demo/getting-started.min.js +881 -911
  27. package/components/form/demo/index.min.js +881 -911
  28. package/components/form/demo/registerDemoDeps.min.js +876 -906
  29. package/components/input/demo/customize.min.js +1 -1
  30. package/components/input/demo/getting-started.min.js +1 -1
  31. package/components/input/demo/index.min.js +1 -1
  32. package/components/input/dist/index.js +1 -1
  33. package/components/input/dist/registered.js +1 -1
  34. package/components/radio/demo/customize.min.js +1 -1
  35. package/components/radio/demo/getting-started.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/dist/index.js +1 -1
  38. package/components/radio/dist/registered.js +1 -1
  39. package/components/select/demo/customize.min.js +2 -2
  40. package/components/select/demo/getting-started.min.js +2 -2
  41. package/components/select/demo/index.min.js +2 -2
  42. package/components/select/dist/index.js +2 -2
  43. package/components/select/dist/registered.js +2 -2
  44. package/custom-elements.json +1440 -1451
  45. package/package.json +1 -1
@@ -9749,7 +9749,7 @@ class AuroBibtemplate extends LitElement {
9749
9749
  }
9750
9750
  }
9751
9751
 
9752
- var formkitVersion$2 = '202605262117';
9752
+ var formkitVersion$2 = '202605262243';
9753
9753
 
9754
9754
  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}
9755
9755
  `,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}}
@@ -10962,54 +10962,19 @@ class AuroCalendar extends RangeDatepicker {
10962
10962
  }
10963
10963
 
10964
10964
  /**
10965
- * Generates a unique ID for the live region scoped to this datepicker.
10966
- * Uses the datepicker host's id attribute if present, otherwise falls
10967
- * back to a random hash.
10968
- * @private
10969
- * @returns {string} The unique live region element ID.
10970
- */
10971
- _getLiveRegionId() {
10972
- if (!this._liveRegionId) {
10973
- const datepicker = this.getRootNode()?.host;
10974
- const suffix = datepicker?.id || Math.random().toString(36).substring(2, 10);
10975
- this._liveRegionId = `auro-calendar-live-region-${suffix}`;
10976
- }
10977
- return this._liveRegionId;
10978
- }
10979
-
10980
- /**
10981
- * Returns (and lazily creates) a document-level aria-live region.
10982
- * Chrome does not reliably observe aria-live regions inside shadow DOM
10983
- * (even one level up in a parent component's shadow root), so this
10984
- * element must be appended to document.body. Each datepicker instance
10985
- * gets its own uniquely-identified live region.
10965
+ * Returns the aria-live region element from this component's shadow DOM.
10966
+ * The region is rendered as part of the Lit template so it lives inside
10967
+ * the dialog's accessible scope — both when the dropdown uses
10968
+ * showModal() (top layer) and when desktop mode uses _setPageInert().
10969
+ * A live region on document.body would be made inert in both cases.
10986
10970
  * @private
10987
10971
  * @returns {HTMLElement} The live region element.
10988
10972
  */
10989
10973
  getOrCreateLiveRegion() {
10990
- if (this._liveRegion && this._liveRegion.isConnected) {
10991
- return this._liveRegion;
10974
+ if (!this._liveRegion) {
10975
+ this._liveRegion = this.shadowRoot.querySelector('#calendarLiveRegion');
10992
10976
  }
10993
-
10994
- const regionId = this._getLiveRegionId();
10995
-
10996
- // Reuse an existing region if it was already created for this instance.
10997
- const existing = document.getElementById(regionId);
10998
- if (existing) {
10999
- this._liveRegion = existing;
11000
- return existing;
11001
- }
11002
-
11003
- const el = document.createElement('div');
11004
- el.id = regionId;
11005
- el.setAttribute('aria-live', 'polite');
11006
- el.setAttribute('aria-atomic', 'true');
11007
- // Visually hidden but available to screen readers
11008
- el.style.cssText = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;';
11009
- document.body.appendChild(el);
11010
-
11011
- this._liveRegion = el;
11012
- return el;
10977
+ return this._liveRegion;
11013
10978
  }
11014
10979
 
11015
10980
  /**
@@ -11020,8 +10985,7 @@ class AuroCalendar extends RangeDatepicker {
11020
10985
  disconnectedCallback() {
11021
10986
  super.disconnectedCallback();
11022
10987
 
11023
- // Cancel any pending announcements so they don't fire after teardown
11024
- // and recreate an orphaned live region.
10988
+ // Cancel any pending announcements so they don't fire after teardown.
11025
10989
  if (this._announceRafId) {
11026
10990
  cancelAnimationFrame(this._announceRafId);
11027
10991
  this._announceRafId = null;
@@ -11031,11 +10995,7 @@ class AuroCalendar extends RangeDatepicker {
11031
10995
  this._focusAnnounceTimer = null;
11032
10996
  }
11033
10997
 
11034
- if (this._liveRegion && this._liveRegion.isConnected) {
11035
- this._liveRegion.remove();
11036
- }
11037
10998
  this._liveRegion = null;
11038
- this._liveRegionId = null;
11039
10999
  }
11040
11000
 
11041
11001
  /**
@@ -11054,7 +11014,6 @@ class AuroCalendar extends RangeDatepicker {
11054
11014
  if (this._announceRafId) {
11055
11015
  cancelAnimationFrame(this._announceRafId);
11056
11016
  }
11057
-
11058
11017
  const liveRegion = this.getOrCreateLiveRegion();
11059
11018
  liveRegion.textContent = '';
11060
11019
  this._announceRafId = requestAnimationFrame(() => {
@@ -11065,9 +11024,11 @@ class AuroCalendar extends RangeDatepicker {
11065
11024
 
11066
11025
  /**
11067
11026
  * Debounced version of announceSelection for focus navigation.
11068
- * Only announces the last focused date after rapid navigation pauses,
11069
- * preventing the screen reader from queueing up stale announcements
11070
- * that can't keep pace with arrow-key traversal.
11027
+ * Uses the assertive live region with a 150ms debounce so only the
11028
+ * final cell after rapid arrow-key traversal is announced. We
11029
+ * originally tried aria-live="polite" here, but VoiceOver treats
11030
+ * polite as "wait until idle" — which never happens during active
11031
+ * keyboard navigation — so the announcements were silently dropped.
11071
11032
  * @private
11072
11033
  * @param {String} dateStr - The localized date string to announce.
11073
11034
  * @returns {void}
@@ -11098,6 +11059,7 @@ class AuroCalendar extends RangeDatepicker {
11098
11059
  }
11099
11060
 
11100
11061
  firstUpdated() {
11062
+
11101
11063
  this.addEventListener('date-from-changed', () => {
11102
11064
  this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
11103
11065
  bubbles: true,
@@ -11230,6 +11192,8 @@ class AuroCalendar extends RangeDatepicker {
11230
11192
  </div>
11231
11193
  </div>
11232
11194
 
11195
+ <div id="calendarLiveRegion" aria-live="assertive" aria-atomic="true" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"></div>
11196
+
11233
11197
  <${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
11234
11198
  </${this.bibtemplateTag}>
11235
11199
  `;
@@ -15108,7 +15072,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
15108
15072
  }
15109
15073
  };
15110
15074
 
15111
- var formkitVersion$1 = '202605262117';
15075
+ var formkitVersion$1 = '202605262243';
15112
15076
 
15113
15077
  let AuroElement$2 = class AuroElement extends LitElement {
15114
15078
  static get properties() {
@@ -23063,7 +23027,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
23063
23027
  }
23064
23028
  };
23065
23029
 
23066
- var formkitVersion = '202605262117';
23030
+ var formkitVersion = '202605262243';
23067
23031
 
23068
23032
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
23069
23033
  // See LICENSE in the project root for license information.
@@ -25296,12 +25260,18 @@ class AuroDatePicker extends AuroElement {
25296
25260
  // Focus the calendar grid wrapper (aria-activedescendant handles
25297
25261
  // the SR announcement for the active cell).
25298
25262
  if (activeCell) {
25299
- // Announce the initial active cell via the live region
25300
- const announcement = this.calendar.buildFocusAnnouncement(activeCell.day.date);
25301
- this.calendar.announceSelection(announcement);
25302
-
25303
25263
  this.calendar.focusActiveCell();
25304
25264
 
25265
+ // Announce the initial active cell via the live region.
25266
+ // Delay the announcement so it arrives after VoiceOver finishes
25267
+ // speaking the focus-change announcement for the grid wrapper.
25268
+ // Without this delay, VoiceOver drops the live region update
25269
+ // because it's already mid-announcement from the focus move.
25270
+ const announcement = this.calendar.buildFocusAnnouncement(activeCell.day.date);
25271
+ setTimeout(() => {
25272
+ this.calendar.announceSelection(announcement);
25273
+ }, 500);
25274
+
25305
25275
  // On mobile fullscreen, scroll the month list so the active cell's
25306
25276
  // month is visible. Without this, the list stays scrolled to the
25307
25277
  // calendarStartDate month which may be far from the active cell.
@@ -366,25 +366,16 @@ export class AuroCalendar extends RangeDatepicker {
366
366
  */
367
367
  private scrollToActiveCell;
368
368
  /**
369
- * Generates a unique ID for the live region scoped to this datepicker.
370
- * Uses the datepicker host's id attribute if present, otherwise falls
371
- * back to a random hash.
372
- * @private
373
- * @returns {string} The unique live region element ID.
374
- */
375
- private _getLiveRegionId;
376
- _liveRegionId: string | null | undefined;
377
- /**
378
- * Returns (and lazily creates) a document-level aria-live region.
379
- * Chrome does not reliably observe aria-live regions inside shadow DOM
380
- * (even one level up in a parent component's shadow root), so this
381
- * element must be appended to document.body. Each datepicker instance
382
- * gets its own uniquely-identified live region.
369
+ * Returns the aria-live region element from this component's shadow DOM.
370
+ * The region is rendered as part of the Lit template so it lives inside
371
+ * the dialog's accessible scope — both when the dropdown uses
372
+ * showModal() (top layer) and when desktop mode uses _setPageInert().
373
+ * A live region on document.body would be made inert in both cases.
383
374
  * @private
384
375
  * @returns {HTMLElement} The live region element.
385
376
  */
386
377
  private getOrCreateLiveRegion;
387
- _liveRegion: HTMLElement | HTMLDivElement | null | undefined;
378
+ _liveRegion: Element | null | undefined;
388
379
  _announceRafId: any;
389
380
  /**
390
381
  * Announces a date selection or focus change via the live region.
@@ -398,9 +389,11 @@ export class AuroCalendar extends RangeDatepicker {
398
389
  private announceSelection;
399
390
  /**
400
391
  * Debounced version of announceSelection for focus navigation.
401
- * Only announces the last focused date after rapid navigation pauses,
402
- * preventing the screen reader from queueing up stale announcements
403
- * that can't keep pace with arrow-key traversal.
392
+ * Uses the assertive live region with a 150ms debounce so only the
393
+ * final cell after rapid arrow-key traversal is announced. We
394
+ * originally tried aria-live="polite" here, but VoiceOver treats
395
+ * polite as "wait until idle" — which never happens during active
396
+ * keyboard navigation — so the announcements were silently dropped.
404
397
  * @private
405
398
  * @param {String} dateStr - The localized date string to announce.
406
399
  * @returns {void}
@@ -3942,7 +3942,7 @@ class AuroHelpText extends i {
3942
3942
  }
3943
3943
  }
3944
3944
 
3945
- var formkitVersion = '202605262117';
3945
+ var formkitVersion = '202605262243';
3946
3946
 
3947
3947
  class AuroElement extends i {
3948
3948
  static get properties() {
@@ -3942,7 +3942,7 @@ class AuroHelpText extends i {
3942
3942
  }
3943
3943
  }
3944
3944
 
3945
- var formkitVersion = '202605262117';
3945
+ var formkitVersion = '202605262243';
3946
3946
 
3947
3947
  class AuroElement extends i {
3948
3948
  static get properties() {
@@ -3969,7 +3969,7 @@ class AuroHelpText extends i {
3969
3969
  }
3970
3970
  }
3971
3971
 
3972
- var formkitVersion = '202605262117';
3972
+ var formkitVersion = '202605262243';
3973
3973
 
3974
3974
  class AuroElement extends i {
3975
3975
  static get properties() {
@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
3874
3874
  }
3875
3875
  }
3876
3876
 
3877
- var formkitVersion = '202605262117';
3877
+ var formkitVersion = '202605262243';
3878
3878
 
3879
3879
  class AuroElement extends LitElement {
3880
3880
  static get properties() {
@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
3874
3874
  }
3875
3875
  }
3876
3876
 
3877
- var formkitVersion = '202605262117';
3877
+ var formkitVersion = '202605262243';
3878
3878
 
3879
3879
  class AuroElement extends LitElement {
3880
3880
  static get properties() {