@aurodesignsystem-dev/auro-formkit 0.0.0-pr1480.6 → 0.0.0-pr1480.8
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 +77 -52
- package/components/datepicker/demo/index.min.js +77 -52
- package/components/datepicker/dist/index.js +77 -52
- package/components/datepicker/dist/registered.js +77 -52
- package/components/datepicker/dist/src/auro-calendar.d.ts +16 -2
- 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 +86 -61
- package/components/form/demo/getting-started.min.js +86 -61
- package/components/form/demo/index.min.js +86 -61
- package/components/form/demo/registerDemoDeps.min.js +86 -61
- 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 +13 -2
- 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 = '202605261805';
|
|
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}}
|
|
@@ -10107,6 +10107,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10107
10107
|
* @returns {void}
|
|
10108
10108
|
*/
|
|
10109
10109
|
announceMonthChange() {
|
|
10110
|
+
// Cancel any pending debounced cell announcement so it does not
|
|
10111
|
+
// overwrite this month navigation announcement.
|
|
10112
|
+
if (this._focusAnnounceTimer) {
|
|
10113
|
+
clearTimeout(this._focusAnnounceTimer);
|
|
10114
|
+
this._focusAnnounceTimer = null;
|
|
10115
|
+
}
|
|
10116
|
+
|
|
10110
10117
|
const date = new Date(this.centralDate);
|
|
10111
10118
|
const localeCode = this.locale?.code || undefined;
|
|
10112
10119
|
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
@@ -10291,47 +10298,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10291
10298
|
const btn = newActiveCell._cachedButton || newActiveCell.shadowRoot.querySelector('button.day');
|
|
10292
10299
|
if (btn) btn.classList.add('visualFocus');
|
|
10293
10300
|
}
|
|
10294
|
-
|
|
10295
|
-
// Update the proxy element that aria-activedescendant references.
|
|
10296
|
-
// The proxy lives in the same shadow root as the grid wrapper, so
|
|
10297
|
-
// string-based aria-activedescendant works reliably with all SRs.
|
|
10298
|
-
if (newActiveCell) {
|
|
10299
|
-
const proxy = this.shadowRoot.querySelector('[data-role="activeDescendantProxy"]');
|
|
10300
|
-
if (proxy) {
|
|
10301
|
-
proxy.setAttribute('aria-label', newActiveCell.getAriaLabel());
|
|
10302
|
-
proxy.setAttribute('aria-selected', newActiveCell.selected ? 'true' : 'false');
|
|
10303
|
-
if (newActiveCell.isCurrentDate) {
|
|
10304
|
-
proxy.setAttribute('aria-current', 'date');
|
|
10305
|
-
} else {
|
|
10306
|
-
proxy.removeAttribute('aria-current');
|
|
10307
|
-
}
|
|
10308
|
-
if (newActiveCell.isBlackout()) {
|
|
10309
|
-
proxy.setAttribute('aria-disabled', 'true');
|
|
10310
|
-
} else {
|
|
10311
|
-
proxy.removeAttribute('aria-disabled');
|
|
10312
|
-
}
|
|
10313
|
-
}
|
|
10314
|
-
|
|
10315
|
-
// Force Chrome to fire an ActiveDescendantChanged event by giving
|
|
10316
|
-
// the proxy a new unique ID each time. Chrome batches synchronous
|
|
10317
|
-
// DOM mutations, so removing and re-setting the same string value
|
|
10318
|
-
// is silently coalesced. A genuinely different value ensures the
|
|
10319
|
-
// accessibility event fires on every navigation.
|
|
10320
|
-
this._proxyIdCounter += 1;
|
|
10321
|
-
const proxyId = `activeDescendantProxy-${this._proxyIdCounter}`;
|
|
10322
|
-
if (proxy) {
|
|
10323
|
-
proxy.setAttribute('id', proxyId);
|
|
10324
|
-
}
|
|
10325
|
-
const gridWrapper = this.shadowRoot.querySelector('#calendarGrid');
|
|
10326
|
-
if (gridWrapper) {
|
|
10327
|
-
gridWrapper.setAttribute('aria-activedescendant', proxyId);
|
|
10328
|
-
}
|
|
10329
|
-
}
|
|
10330
10301
|
}
|
|
10331
10302
|
|
|
10332
10303
|
/**
|
|
10333
10304
|
* Focuses the calendar grid wrapper and sets the active cell.
|
|
10334
|
-
* DOM focus stays on the grid wrapper;
|
|
10305
|
+
* DOM focus stays on the grid wrapper; the aria-live region
|
|
10335
10306
|
* tells the screen reader which cell is "active".
|
|
10336
10307
|
* @returns {void}
|
|
10337
10308
|
*/
|
|
@@ -11038,21 +11009,78 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11038
11009
|
}
|
|
11039
11010
|
}
|
|
11040
11011
|
|
|
11012
|
+
/**
|
|
11013
|
+
* Returns (and lazily creates) a document-level aria-live region.
|
|
11014
|
+
* Chrome does not reliably observe aria-live regions inside shadow DOM,
|
|
11015
|
+
* so this element is appended to document.body where all browsers and
|
|
11016
|
+
* screen readers can observe it.
|
|
11017
|
+
* @private
|
|
11018
|
+
* @returns {HTMLElement} The live region element.
|
|
11019
|
+
*/
|
|
11020
|
+
getOrCreateLiveRegion() {
|
|
11021
|
+
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11022
|
+
return this._liveRegion;
|
|
11023
|
+
}
|
|
11024
|
+
|
|
11025
|
+
// Reuse an existing shared region if another calendar instance created one.
|
|
11026
|
+
const existing = document.getElementById('auro-calendar-live-region');
|
|
11027
|
+
if (existing) {
|
|
11028
|
+
this._liveRegion = existing;
|
|
11029
|
+
return existing;
|
|
11030
|
+
}
|
|
11031
|
+
|
|
11032
|
+
const el = document.createElement('div');
|
|
11033
|
+
el.id = 'auro-calendar-live-region';
|
|
11034
|
+
el.setAttribute('aria-live', 'assertive');
|
|
11035
|
+
el.setAttribute('aria-atomic', 'true');
|
|
11036
|
+
el.setAttribute('role', 'status');
|
|
11037
|
+
// Visually hidden but available to screen readers
|
|
11038
|
+
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;';
|
|
11039
|
+
document.body.appendChild(el);
|
|
11040
|
+
this._liveRegion = el;
|
|
11041
|
+
return el;
|
|
11042
|
+
}
|
|
11043
|
+
|
|
11044
|
+
/**
|
|
11045
|
+
* Removes the document-level live region when this calendar is disconnected.
|
|
11046
|
+
* @private
|
|
11047
|
+
* @returns {void}
|
|
11048
|
+
*/
|
|
11049
|
+
disconnectedCallback() {
|
|
11050
|
+
super.disconnectedCallback();
|
|
11051
|
+
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11052
|
+
// Only remove if no other calendar instances are still using it.
|
|
11053
|
+
const otherCalendars = document.querySelectorAll('auro-formkit-calendar');
|
|
11054
|
+
if (otherCalendars.length === 0) {
|
|
11055
|
+
this._liveRegion.remove();
|
|
11056
|
+
}
|
|
11057
|
+
}
|
|
11058
|
+
this._liveRegion = null;
|
|
11059
|
+
}
|
|
11060
|
+
|
|
11041
11061
|
/**
|
|
11042
11062
|
* Announces a date selection or focus change via the live region.
|
|
11063
|
+
* Uses requestAnimationFrame to ensure the clear and set happen in
|
|
11064
|
+
* separate rendering frames — Chrome may coalesce synchronous or
|
|
11065
|
+
* microtask-deferred mutations into a single accessibility tree update.
|
|
11043
11066
|
* @private
|
|
11044
11067
|
* @param {String} dateStr - The localized date string to announce.
|
|
11045
11068
|
* @returns {void}
|
|
11046
11069
|
*/
|
|
11047
11070
|
announceSelection(dateStr) {
|
|
11048
|
-
|
|
11049
|
-
|
|
11050
|
-
|
|
11051
|
-
|
|
11052
|
-
|
|
11053
|
-
|
|
11054
|
-
|
|
11055
|
-
|
|
11071
|
+
// Cancel any previously queued rAF announcement so a rapid
|
|
11072
|
+
// sequence of calls (e.g. bib open → month nav) only announces
|
|
11073
|
+
// the last one.
|
|
11074
|
+
if (this._announceRafId) {
|
|
11075
|
+
cancelAnimationFrame(this._announceRafId);
|
|
11076
|
+
}
|
|
11077
|
+
|
|
11078
|
+
const liveRegion = this.getOrCreateLiveRegion();
|
|
11079
|
+
liveRegion.textContent = '';
|
|
11080
|
+
this._announceRafId = requestAnimationFrame(() => {
|
|
11081
|
+
liveRegion.textContent = dateStr;
|
|
11082
|
+
this._announceRafId = null;
|
|
11083
|
+
});
|
|
11056
11084
|
}
|
|
11057
11085
|
|
|
11058
11086
|
/**
|
|
@@ -11217,14 +11245,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11217
11245
|
</button>
|
|
11218
11246
|
` : undefined}
|
|
11219
11247
|
</div>
|
|
11220
|
-
<div id="calendarGrid" class="calendars" role="group" tabindex="0"
|
|
11221
|
-
<span id="activeDescendantProxy" data-role="activeDescendantProxy" role="gridcell" aria-label="" class="sr-only"></span>
|
|
11248
|
+
<div id="calendarGrid" class="calendars" role="group" tabindex="0" @keydown="${this.handleGridKeyDown}" @focusin="${this.handleGridFocusIn}" @focusout="${this.handleGridFocusOut}">
|
|
11222
11249
|
${this.renderAllCalendars()}
|
|
11223
11250
|
</div>
|
|
11224
11251
|
</div>
|
|
11225
11252
|
|
|
11226
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
11227
|
-
|
|
11228
11253
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
11229
11254
|
</${this.bibtemplateTag}>
|
|
11230
11255
|
`;
|
|
@@ -15127,7 +15152,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
15127
15152
|
}
|
|
15128
15153
|
};
|
|
15129
15154
|
|
|
15130
|
-
var formkitVersion$1 = '
|
|
15155
|
+
var formkitVersion$1 = '202605261805';
|
|
15131
15156
|
|
|
15132
15157
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
15133
15158
|
static get properties() {
|
|
@@ -23089,7 +23114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
23089
23114
|
}
|
|
23090
23115
|
};
|
|
23091
23116
|
|
|
23092
|
-
var formkitVersion = '
|
|
23117
|
+
var formkitVersion = '202605261805';
|
|
23093
23118
|
|
|
23094
23119
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
23095
23120
|
// See LICENSE in the project root for license information.
|
|
@@ -9749,7 +9749,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9749
9749
|
}
|
|
9750
9750
|
}
|
|
9751
9751
|
|
|
9752
|
-
var formkitVersion$2 = '
|
|
9752
|
+
var formkitVersion$2 = '202605261805';
|
|
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}}
|
|
@@ -10059,6 +10059,13 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10059
10059
|
* @returns {void}
|
|
10060
10060
|
*/
|
|
10061
10061
|
announceMonthChange() {
|
|
10062
|
+
// Cancel any pending debounced cell announcement so it does not
|
|
10063
|
+
// overwrite this month navigation announcement.
|
|
10064
|
+
if (this._focusAnnounceTimer) {
|
|
10065
|
+
clearTimeout(this._focusAnnounceTimer);
|
|
10066
|
+
this._focusAnnounceTimer = null;
|
|
10067
|
+
}
|
|
10068
|
+
|
|
10062
10069
|
const date = new Date(this.centralDate);
|
|
10063
10070
|
const localeCode = this.locale?.code || undefined;
|
|
10064
10071
|
const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
|
|
@@ -10243,47 +10250,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10243
10250
|
const btn = newActiveCell._cachedButton || newActiveCell.shadowRoot.querySelector('button.day');
|
|
10244
10251
|
if (btn) btn.classList.add('visualFocus');
|
|
10245
10252
|
}
|
|
10246
|
-
|
|
10247
|
-
// Update the proxy element that aria-activedescendant references.
|
|
10248
|
-
// The proxy lives in the same shadow root as the grid wrapper, so
|
|
10249
|
-
// string-based aria-activedescendant works reliably with all SRs.
|
|
10250
|
-
if (newActiveCell) {
|
|
10251
|
-
const proxy = this.shadowRoot.querySelector('[data-role="activeDescendantProxy"]');
|
|
10252
|
-
if (proxy) {
|
|
10253
|
-
proxy.setAttribute('aria-label', newActiveCell.getAriaLabel());
|
|
10254
|
-
proxy.setAttribute('aria-selected', newActiveCell.selected ? 'true' : 'false');
|
|
10255
|
-
if (newActiveCell.isCurrentDate) {
|
|
10256
|
-
proxy.setAttribute('aria-current', 'date');
|
|
10257
|
-
} else {
|
|
10258
|
-
proxy.removeAttribute('aria-current');
|
|
10259
|
-
}
|
|
10260
|
-
if (newActiveCell.isBlackout()) {
|
|
10261
|
-
proxy.setAttribute('aria-disabled', 'true');
|
|
10262
|
-
} else {
|
|
10263
|
-
proxy.removeAttribute('aria-disabled');
|
|
10264
|
-
}
|
|
10265
|
-
}
|
|
10266
|
-
|
|
10267
|
-
// Force Chrome to fire an ActiveDescendantChanged event by giving
|
|
10268
|
-
// the proxy a new unique ID each time. Chrome batches synchronous
|
|
10269
|
-
// DOM mutations, so removing and re-setting the same string value
|
|
10270
|
-
// is silently coalesced. A genuinely different value ensures the
|
|
10271
|
-
// accessibility event fires on every navigation.
|
|
10272
|
-
this._proxyIdCounter += 1;
|
|
10273
|
-
const proxyId = `activeDescendantProxy-${this._proxyIdCounter}`;
|
|
10274
|
-
if (proxy) {
|
|
10275
|
-
proxy.setAttribute('id', proxyId);
|
|
10276
|
-
}
|
|
10277
|
-
const gridWrapper = this.shadowRoot.querySelector('#calendarGrid');
|
|
10278
|
-
if (gridWrapper) {
|
|
10279
|
-
gridWrapper.setAttribute('aria-activedescendant', proxyId);
|
|
10280
|
-
}
|
|
10281
|
-
}
|
|
10282
10253
|
}
|
|
10283
10254
|
|
|
10284
10255
|
/**
|
|
10285
10256
|
* Focuses the calendar grid wrapper and sets the active cell.
|
|
10286
|
-
* DOM focus stays on the grid wrapper;
|
|
10257
|
+
* DOM focus stays on the grid wrapper; the aria-live region
|
|
10287
10258
|
* tells the screen reader which cell is "active".
|
|
10288
10259
|
* @returns {void}
|
|
10289
10260
|
*/
|
|
@@ -10990,21 +10961,78 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
10990
10961
|
}
|
|
10991
10962
|
}
|
|
10992
10963
|
|
|
10964
|
+
/**
|
|
10965
|
+
* Returns (and lazily creates) a document-level aria-live region.
|
|
10966
|
+
* Chrome does not reliably observe aria-live regions inside shadow DOM,
|
|
10967
|
+
* so this element is appended to document.body where all browsers and
|
|
10968
|
+
* screen readers can observe it.
|
|
10969
|
+
* @private
|
|
10970
|
+
* @returns {HTMLElement} The live region element.
|
|
10971
|
+
*/
|
|
10972
|
+
getOrCreateLiveRegion() {
|
|
10973
|
+
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
10974
|
+
return this._liveRegion;
|
|
10975
|
+
}
|
|
10976
|
+
|
|
10977
|
+
// Reuse an existing shared region if another calendar instance created one.
|
|
10978
|
+
const existing = document.getElementById('auro-calendar-live-region');
|
|
10979
|
+
if (existing) {
|
|
10980
|
+
this._liveRegion = existing;
|
|
10981
|
+
return existing;
|
|
10982
|
+
}
|
|
10983
|
+
|
|
10984
|
+
const el = document.createElement('div');
|
|
10985
|
+
el.id = 'auro-calendar-live-region';
|
|
10986
|
+
el.setAttribute('aria-live', 'assertive');
|
|
10987
|
+
el.setAttribute('aria-atomic', 'true');
|
|
10988
|
+
el.setAttribute('role', 'status');
|
|
10989
|
+
// Visually hidden but available to screen readers
|
|
10990
|
+
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;';
|
|
10991
|
+
document.body.appendChild(el);
|
|
10992
|
+
this._liveRegion = el;
|
|
10993
|
+
return el;
|
|
10994
|
+
}
|
|
10995
|
+
|
|
10996
|
+
/**
|
|
10997
|
+
* Removes the document-level live region when this calendar is disconnected.
|
|
10998
|
+
* @private
|
|
10999
|
+
* @returns {void}
|
|
11000
|
+
*/
|
|
11001
|
+
disconnectedCallback() {
|
|
11002
|
+
super.disconnectedCallback();
|
|
11003
|
+
if (this._liveRegion && this._liveRegion.isConnected) {
|
|
11004
|
+
// Only remove if no other calendar instances are still using it.
|
|
11005
|
+
const otherCalendars = document.querySelectorAll('auro-formkit-calendar');
|
|
11006
|
+
if (otherCalendars.length === 0) {
|
|
11007
|
+
this._liveRegion.remove();
|
|
11008
|
+
}
|
|
11009
|
+
}
|
|
11010
|
+
this._liveRegion = null;
|
|
11011
|
+
}
|
|
11012
|
+
|
|
10993
11013
|
/**
|
|
10994
11014
|
* Announces a date selection or focus change via the live region.
|
|
11015
|
+
* Uses requestAnimationFrame to ensure the clear and set happen in
|
|
11016
|
+
* separate rendering frames — Chrome may coalesce synchronous or
|
|
11017
|
+
* microtask-deferred mutations into a single accessibility tree update.
|
|
10995
11018
|
* @private
|
|
10996
11019
|
* @param {String} dateStr - The localized date string to announce.
|
|
10997
11020
|
* @returns {void}
|
|
10998
11021
|
*/
|
|
10999
11022
|
announceSelection(dateStr) {
|
|
11000
|
-
|
|
11001
|
-
|
|
11002
|
-
|
|
11003
|
-
|
|
11004
|
-
|
|
11005
|
-
|
|
11006
|
-
|
|
11007
|
-
|
|
11023
|
+
// Cancel any previously queued rAF announcement so a rapid
|
|
11024
|
+
// sequence of calls (e.g. bib open → month nav) only announces
|
|
11025
|
+
// the last one.
|
|
11026
|
+
if (this._announceRafId) {
|
|
11027
|
+
cancelAnimationFrame(this._announceRafId);
|
|
11028
|
+
}
|
|
11029
|
+
|
|
11030
|
+
const liveRegion = this.getOrCreateLiveRegion();
|
|
11031
|
+
liveRegion.textContent = '';
|
|
11032
|
+
this._announceRafId = requestAnimationFrame(() => {
|
|
11033
|
+
liveRegion.textContent = dateStr;
|
|
11034
|
+
this._announceRafId = null;
|
|
11035
|
+
});
|
|
11008
11036
|
}
|
|
11009
11037
|
|
|
11010
11038
|
/**
|
|
@@ -11169,14 +11197,11 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11169
11197
|
</button>
|
|
11170
11198
|
` : undefined}
|
|
11171
11199
|
</div>
|
|
11172
|
-
<div id="calendarGrid" class="calendars" role="group" tabindex="0"
|
|
11173
|
-
<span id="activeDescendantProxy" data-role="activeDescendantProxy" role="gridcell" aria-label="" class="sr-only"></span>
|
|
11200
|
+
<div id="calendarGrid" class="calendars" role="group" tabindex="0" @keydown="${this.handleGridKeyDown}" @focusin="${this.handleGridFocusIn}" @focusout="${this.handleGridFocusOut}">
|
|
11174
11201
|
${this.renderAllCalendars()}
|
|
11175
11202
|
</div>
|
|
11176
11203
|
</div>
|
|
11177
11204
|
|
|
11178
|
-
<div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
|
|
11179
|
-
|
|
11180
11205
|
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
11181
11206
|
</${this.bibtemplateTag}>
|
|
11182
11207
|
`;
|
|
@@ -15055,7 +15080,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
15055
15080
|
}
|
|
15056
15081
|
};
|
|
15057
15082
|
|
|
15058
|
-
var formkitVersion$1 = '
|
|
15083
|
+
var formkitVersion$1 = '202605261805';
|
|
15059
15084
|
|
|
15060
15085
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
15061
15086
|
static get properties() {
|
|
@@ -23010,7 +23035,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
23010
23035
|
}
|
|
23011
23036
|
};
|
|
23012
23037
|
|
|
23013
|
-
var formkitVersion = '
|
|
23038
|
+
var formkitVersion = '202605261805';
|
|
23014
23039
|
|
|
23015
23040
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
23016
23041
|
// See LICENSE in the project root for license information.
|