@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.10 → 0.0.0-pr1480.12
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 +1 -1
- 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 +40 -70
- package/components/form/demo/getting-started.min.js +40 -70
- package/components/form/demo/index.min.js +40 -70
- package/components/form/demo/registerDemoDeps.min.js +40 -70
- 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 +2 -13
- package/package.json +1 -1
|
@@ -9797,7 +9797,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9797
9797
|
}
|
|
9798
9798
|
}
|
|
9799
9799
|
|
|
9800
|
-
var formkitVersion$2 = '
|
|
9800
|
+
var formkitVersion$2 = '202605271444';
|
|
9801
9801
|
|
|
9802
9802
|
let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$4 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$3=i$3`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
9803
9803
|
`,u$6=i$3`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -11010,54 +11010,19 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11010
11010
|
}
|
|
11011
11011
|
|
|
11012
11012
|
/**
|
|
11013
|
-
*
|
|
11014
|
-
*
|
|
11015
|
-
*
|
|
11016
|
-
*
|
|
11017
|
-
*
|
|
11018
|
-
*/
|
|
11019
|
-
_getLiveRegionId() {
|
|
11020
|
-
if (!this._liveRegionId) {
|
|
11021
|
-
const datepicker = this.getRootNode()?.host;
|
|
11022
|
-
const suffix = datepicker?.id || Math.random().toString(36).substring(2, 10);
|
|
11023
|
-
this._liveRegionId = `auro-calendar-live-region-${suffix}`;
|
|
11024
|
-
}
|
|
11025
|
-
return this._liveRegionId;
|
|
11026
|
-
}
|
|
11027
|
-
|
|
11028
|
-
/**
|
|
11029
|
-
* Returns (and lazily creates) a document-level aria-live region.
|
|
11030
|
-
* Chrome does not reliably observe aria-live regions inside shadow DOM
|
|
11031
|
-
* (even one level up in a parent component's shadow root), so this
|
|
11032
|
-
* element must be appended to document.body. Each datepicker instance
|
|
11033
|
-
* gets its own uniquely-identified live region.
|
|
11013
|
+
* Returns the aria-live region element from this component's shadow DOM.
|
|
11014
|
+
* The region is rendered as part of the Lit template so it lives inside
|
|
11015
|
+
* the dialog's accessible scope — both when the dropdown uses
|
|
11016
|
+
* showModal() (top layer) and when desktop mode uses _setPageInert().
|
|
11017
|
+
* A live region on document.body would be made inert in both cases.
|
|
11034
11018
|
* @private
|
|
11035
11019
|
* @returns {HTMLElement} The live region element.
|
|
11036
11020
|
*/
|
|
11037
11021
|
getOrCreateLiveRegion() {
|
|
11038
|
-
if (this._liveRegion
|
|
11039
|
-
|
|
11022
|
+
if (!this._liveRegion) {
|
|
11023
|
+
this._liveRegion = this.shadowRoot.querySelector('#calendarLiveRegion');
|
|
11040
11024
|
}
|
|
11041
|
-
|
|
11042
|
-
const regionId = this._getLiveRegionId();
|
|
11043
|
-
|
|
11044
|
-
// Reuse an existing region if it was already created for this instance.
|
|
11045
|
-
const existing = document.getElementById(regionId);
|
|
11046
|
-
if (existing) {
|
|
11047
|
-
this._liveRegion = existing;
|
|
11048
|
-
return existing;
|
|
11049
|
-
}
|
|
11050
|
-
|
|
11051
|
-
const el = document.createElement('div');
|
|
11052
|
-
el.id = regionId;
|
|
11053
|
-
el.setAttribute('aria-live', 'polite');
|
|
11054
|
-
el.setAttribute('aria-atomic', 'true');
|
|
11055
|
-
// Visually hidden but available to screen readers
|
|
11056
|
-
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;';
|
|
11057
|
-
document.body.appendChild(el);
|
|
11058
|
-
|
|
11059
|
-
this._liveRegion = el;
|
|
11060
|
-
return el;
|
|
11025
|
+
return this._liveRegion;
|
|
11061
11026
|
}
|
|
11062
11027
|
|
|
11063
11028
|
/**
|
|
@@ -11068,8 +11033,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11068
11033
|
disconnectedCallback() {
|
|
11069
11034
|
super.disconnectedCallback();
|
|
11070
11035
|
|
|
11071
|
-
// Cancel any pending announcements so they don't fire after teardown
|
|
11072
|
-
// and recreate an orphaned live region.
|
|
11036
|
+
// Cancel any pending announcements so they don't fire after teardown.
|
|
11073
11037
|
if (this._announceRafId) {
|
|
11074
11038
|
cancelAnimationFrame(this._announceRafId);
|
|
11075
11039
|
this._announceRafId = null;
|
|
@@ -11079,11 +11043,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11079
11043
|
this._focusAnnounceTimer = null;
|
|
11080
11044
|
}
|
|
11081
11045
|
|
|
11082
|
-
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11083
|
-
this._liveRegion.remove();
|
|
11084
|
-
}
|
|
11085
11046
|
this._liveRegion = null;
|
|
11086
|
-
this._liveRegionId = null;
|
|
11087
11047
|
}
|
|
11088
11048
|
|
|
11089
11049
|
/**
|
|
@@ -11102,7 +11062,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11102
11062
|
if (this._announceRafId) {
|
|
11103
11063
|
cancelAnimationFrame(this._announceRafId);
|
|
11104
11064
|
}
|
|
11105
|
-
|
|
11106
11065
|
const liveRegion = this.getOrCreateLiveRegion();
|
|
11107
11066
|
liveRegion.textContent = '';
|
|
11108
11067
|
this._announceRafId = requestAnimationFrame(() => {
|
|
@@ -11113,9 +11072,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11113
11072
|
|
|
11114
11073
|
/**
|
|
11115
11074
|
* Debounced version of announceSelection for focus navigation.
|
|
11116
|
-
*
|
|
11117
|
-
*
|
|
11118
|
-
*
|
|
11075
|
+
* Uses the assertive live region with a 150ms debounce so only the
|
|
11076
|
+
* final cell after rapid arrow-key traversal is announced. We
|
|
11077
|
+
* originally tried aria-live="polite" here, but VoiceOver treats
|
|
11078
|
+
* polite as "wait until idle" — which never happens during active
|
|
11079
|
+
* keyboard navigation — so the announcements were silently dropped.
|
|
11119
11080
|
* @private
|
|
11120
11081
|
* @param {String} dateStr - The localized date string to announce.
|
|
11121
11082
|
* @returns {void}
|
|
@@ -11146,6 +11107,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11146
11107
|
}
|
|
11147
11108
|
|
|
11148
11109
|
firstUpdated() {
|
|
11110
|
+
|
|
11149
11111
|
this.addEventListener('date-from-changed', () => {
|
|
11150
11112
|
this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
|
|
11151
11113
|
bubbles: true,
|
|
@@ -11278,6 +11240,8 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11278
11240
|
</div>
|
|
11279
11241
|
</div>
|
|
11280
11242
|
|
|
11243
|
+
<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>
|
|
11244
|
+
|
|
11281
11245
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
11282
11246
|
</${this.bibtemplateTag}>
|
|
11283
11247
|
`;
|
|
@@ -15180,7 +15144,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
15180
15144
|
}
|
|
15181
15145
|
};
|
|
15182
15146
|
|
|
15183
|
-
var formkitVersion$1 = '
|
|
15147
|
+
var formkitVersion$1 = '202605271444';
|
|
15184
15148
|
|
|
15185
15149
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
15186
15150
|
static get properties() {
|
|
@@ -23142,7 +23106,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
23142
23106
|
}
|
|
23143
23107
|
};
|
|
23144
23108
|
|
|
23145
|
-
var formkitVersion = '
|
|
23109
|
+
var formkitVersion = '202605271444';
|
|
23146
23110
|
|
|
23147
23111
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
23148
23112
|
// See LICENSE in the project root for license information.
|
|
@@ -25375,12 +25339,18 @@ class AuroDatePicker extends AuroElement {
|
|
|
25375
25339
|
// Focus the calendar grid wrapper (aria-activedescendant handles
|
|
25376
25340
|
// the SR announcement for the active cell).
|
|
25377
25341
|
if (activeCell) {
|
|
25378
|
-
// Announce the initial active cell via the live region
|
|
25379
|
-
const announcement = this.calendar.buildFocusAnnouncement(activeCell.day.date);
|
|
25380
|
-
this.calendar.announceSelection(announcement);
|
|
25381
|
-
|
|
25382
25342
|
this.calendar.focusActiveCell();
|
|
25383
25343
|
|
|
25344
|
+
// Announce the initial active cell via the live region.
|
|
25345
|
+
// Delay the announcement so it arrives after VoiceOver finishes
|
|
25346
|
+
// speaking the focus-change announcement for the grid wrapper.
|
|
25347
|
+
// Without this delay, VoiceOver drops the live region update
|
|
25348
|
+
// because it's already mid-announcement from the focus move.
|
|
25349
|
+
const announcement = this.calendar.buildFocusAnnouncement(activeCell.day.date);
|
|
25350
|
+
setTimeout(() => {
|
|
25351
|
+
this.calendar.announceSelection(announcement);
|
|
25352
|
+
}, 500);
|
|
25353
|
+
|
|
25384
25354
|
// On mobile fullscreen, scroll the month list so the active cell's
|
|
25385
25355
|
// month is visible. Without this, the list stays scrolled to the
|
|
25386
25356
|
// calendarStartDate month which may be far from the active cell.
|
|
@@ -9749,7 +9749,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9749
9749
|
}
|
|
9750
9750
|
}
|
|
9751
9751
|
|
|
9752
|
-
var formkitVersion$2 = '
|
|
9752
|
+
var formkitVersion$2 = '202605271444';
|
|
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 = '202605271444';
|
|
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 = '202605271444';
|
|
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.
|
|
@@ -9749,7 +9749,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9749
9749
|
}
|
|
9750
9750
|
}
|
|
9751
9751
|
|
|
9752
|
-
var formkitVersion$2 = '
|
|
9752
|
+
var formkitVersion$2 = '202605271444';
|
|
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 = '202605271444';
|
|
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 = '202605271444';
|
|
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.
|