@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.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +45 -441
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/customize.min.js +30 -60
- package/components/datepicker/demo/index.min.js +30 -60
- package/components/datepicker/dist/index.js +30 -60
- package/components/datepicker/dist/registered.js +30 -60
- package/components/datepicker/dist/src/auro-calendar.d.ts +11 -18
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +881 -911
- package/components/form/demo/getting-started.min.js +881 -911
- package/components/form/demo/index.min.js +881 -911
- package/components/form/demo/registerDemoDeps.min.js +876 -906
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1440 -1451
- package/package.json +1 -1
|
@@ -9749,7 +9749,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9749
9749
|
}
|
|
9750
9750
|
}
|
|
9751
9751
|
|
|
9752
|
-
var formkitVersion$2 = '
|
|
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
|
-
*
|
|
10966
|
-
*
|
|
10967
|
-
*
|
|
10968
|
-
*
|
|
10969
|
-
*
|
|
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
|
|
10991
|
-
|
|
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
|
-
*
|
|
11069
|
-
*
|
|
11070
|
-
*
|
|
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 = '
|
|
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 = '
|
|
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
|
-
*
|
|
370
|
-
*
|
|
371
|
-
*
|
|
372
|
-
*
|
|
373
|
-
*
|
|
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:
|
|
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
|
-
*
|
|
402
|
-
*
|
|
403
|
-
*
|
|
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}
|