@aurodesignsystem-dev/auro-formkit 0.0.0-pr1430.0 → 0.0.0-pr1431.0
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/api.min.js +3 -3
- package/components/checkbox/demo/index.min.js +3 -3
- package/components/checkbox/dist/index.js +3 -3
- package/components/checkbox/dist/registered.js +3 -3
- package/components/combobox/demo/api.html +1 -0
- package/components/combobox/demo/api.js +3 -1
- package/components/combobox/demo/api.md +75 -0
- package/components/combobox/demo/api.min.js +34 -124
- package/components/combobox/demo/index.min.js +21 -123
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
- package/components/combobox/dist/index.js +21 -123
- package/components/combobox/dist/registered.js +21 -123
- package/components/counter/demo/api.html +3 -0
- package/components/counter/demo/api.js +4 -0
- package/components/counter/demo/api.md +130 -0
- package/components/counter/demo/api.min.js +63 -132
- package/components/counter/demo/index.min.js +43 -132
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +3 -0
- package/components/counter/dist/index.js +43 -132
- package/components/counter/dist/registered.js +43 -132
- package/components/datepicker/demo/api.html +1 -0
- package/components/datepicker/demo/api.js +2 -0
- package/components/datepicker/demo/api.md +57 -0
- package/components/datepicker/demo/api.min.js +106 -123
- package/components/datepicker/demo/index.min.js +94 -123
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +3 -1
- package/components/datepicker/dist/index.js +94 -123
- package/components/datepicker/dist/registered.js +94 -123
- package/components/dropdown/demo/api.html +1 -0
- package/components/dropdown/demo/api.js +2 -0
- package/components/dropdown/demo/api.md +95 -0
- package/components/dropdown/demo/api.min.js +25 -116
- package/components/dropdown/demo/index.min.js +5 -116
- package/components/dropdown/dist/index.js +5 -116
- package/components/dropdown/dist/registered.js +5 -116
- package/components/form/demo/api.min.js +220 -547
- package/components/form/demo/index.min.js +220 -547
- package/components/input/demo/api.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/api.min.js +2 -2
- package/components/radio/demo/index.min.js +2 -2
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.html +1 -0
- package/components/select/demo/api.js +2 -0
- package/components/select/demo/api.md +76 -0
- package/components/select/demo/api.min.js +35 -129
- package/components/select/demo/index.min.js +22 -129
- package/components/select/dist/index.js +18 -125
- package/components/select/dist/registered.js +18 -125
- package/custom-elements.json +1451 -1427
- package/package.json +3 -2
|
@@ -9290,7 +9290,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9290
9290
|
}
|
|
9291
9291
|
}
|
|
9292
9292
|
|
|
9293
|
-
var formkitVersion$2 = '
|
|
9293
|
+
var formkitVersion$2 = '202604091424';
|
|
9294
9294
|
|
|
9295
9295
|
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}
|
|
9296
9296
|
`,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}}
|
|
@@ -9797,7 +9797,7 @@ if (!customElements.get('auro-formkit-calendar')) {
|
|
|
9797
9797
|
|
|
9798
9798
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
9799
9799
|
|
|
9800
|
-
let AuroLibraryRuntimeUtils$
|
|
9800
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
9801
9801
|
|
|
9802
9802
|
/* eslint-disable jsdoc/require-param */
|
|
9803
9803
|
|
|
@@ -11586,7 +11586,6 @@ class AuroFloatingUI {
|
|
|
11586
11586
|
this.focusHandler = null;
|
|
11587
11587
|
this.clickHandler = null;
|
|
11588
11588
|
this.keyDownHandler = null;
|
|
11589
|
-
this.touchHandler = null;
|
|
11590
11589
|
|
|
11591
11590
|
/**
|
|
11592
11591
|
* @private
|
|
@@ -12004,28 +12003,6 @@ class AuroFloatingUI {
|
|
|
12004
12003
|
setTimeout(() => {
|
|
12005
12004
|
window.addEventListener("click", this.clickHandler);
|
|
12006
12005
|
}, 0);
|
|
12007
|
-
|
|
12008
|
-
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
12009
|
-
// tapping an inert backdrop never reaches the click handler above.
|
|
12010
|
-
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
12011
|
-
this.touchHandler = (evt) => {
|
|
12012
|
-
const element = this.element;
|
|
12013
|
-
if (!element?.bib) {
|
|
12014
|
-
return;
|
|
12015
|
-
}
|
|
12016
|
-
|
|
12017
|
-
// fullscreen (modal) dialog handles its own dismissal
|
|
12018
|
-
if (element.bib.hasAttribute("isfullscreen")) {
|
|
12019
|
-
return;
|
|
12020
|
-
}
|
|
12021
|
-
|
|
12022
|
-
const path = evt.composedPath();
|
|
12023
|
-
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
12024
|
-
this.hideBib("click");
|
|
12025
|
-
}
|
|
12026
|
-
};
|
|
12027
|
-
|
|
12028
|
-
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
12029
12006
|
}
|
|
12030
12007
|
|
|
12031
12008
|
cleanupHideHandlers() {
|
|
@@ -12041,11 +12018,6 @@ class AuroFloatingUI {
|
|
|
12041
12018
|
this.clickHandler = null;
|
|
12042
12019
|
}
|
|
12043
12020
|
|
|
12044
|
-
if (this.touchHandler) {
|
|
12045
|
-
window.removeEventListener("touchstart", this.touchHandler);
|
|
12046
|
-
this.touchHandler = null;
|
|
12047
|
-
}
|
|
12048
|
-
|
|
12049
12021
|
if (this.keyDownHandler) {
|
|
12050
12022
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
12051
12023
|
this.keyDownHandler = null;
|
|
@@ -12838,89 +12810,6 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
12838
12810
|
|
|
12839
12811
|
var iconVersion$2 = '9.1.2';
|
|
12840
12812
|
|
|
12841
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
12842
|
-
// See LICENSE in the project root for license information.
|
|
12843
|
-
|
|
12844
|
-
// ---------------------------------------------------------------------
|
|
12845
|
-
|
|
12846
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
12847
|
-
|
|
12848
|
-
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
12849
|
-
|
|
12850
|
-
/* eslint-disable jsdoc/require-param */
|
|
12851
|
-
|
|
12852
|
-
/**
|
|
12853
|
-
* This will register a new custom element with the browser.
|
|
12854
|
-
* @param {String} name - The name of the custom element.
|
|
12855
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
12856
|
-
* @returns {void}
|
|
12857
|
-
*/
|
|
12858
|
-
registerComponent(name, componentClass) {
|
|
12859
|
-
if (!customElements.get(name)) {
|
|
12860
|
-
customElements.define(name, class extends componentClass {});
|
|
12861
|
-
}
|
|
12862
|
-
}
|
|
12863
|
-
|
|
12864
|
-
/**
|
|
12865
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
12866
|
-
* @returns {void}
|
|
12867
|
-
*/
|
|
12868
|
-
closestElement(
|
|
12869
|
-
selector, // selector like in .closest()
|
|
12870
|
-
base = this, // extra functionality to skip a parent
|
|
12871
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
12872
|
-
!el || el === document || el === window
|
|
12873
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
12874
|
-
: found
|
|
12875
|
-
? found // found a selector INside this element
|
|
12876
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
12877
|
-
) {
|
|
12878
|
-
return __Closest(base);
|
|
12879
|
-
}
|
|
12880
|
-
/* eslint-enable jsdoc/require-param */
|
|
12881
|
-
|
|
12882
|
-
/**
|
|
12883
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
12884
|
-
* @param {Object} elem - The element to check.
|
|
12885
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
12886
|
-
* @returns {void}
|
|
12887
|
-
*/
|
|
12888
|
-
handleComponentTagRename(elem, tagName) {
|
|
12889
|
-
const tag = tagName.toLowerCase();
|
|
12890
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
12891
|
-
|
|
12892
|
-
if (elemTag !== tag) {
|
|
12893
|
-
elem.setAttribute(tag, true);
|
|
12894
|
-
}
|
|
12895
|
-
}
|
|
12896
|
-
|
|
12897
|
-
/**
|
|
12898
|
-
* Validates if an element is a specific Auro component.
|
|
12899
|
-
* @param {Object} elem - The element to validate.
|
|
12900
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
12901
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
12902
|
-
*/
|
|
12903
|
-
elementMatch(elem, tagName) {
|
|
12904
|
-
const tag = tagName.toLowerCase();
|
|
12905
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
12906
|
-
|
|
12907
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
12908
|
-
}
|
|
12909
|
-
|
|
12910
|
-
/**
|
|
12911
|
-
* Gets the text content of a named slot.
|
|
12912
|
-
* @returns {String}
|
|
12913
|
-
* @private
|
|
12914
|
-
*/
|
|
12915
|
-
getSlotText(elem, name) {
|
|
12916
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
12917
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
12918
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
12919
|
-
|
|
12920
|
-
return text || null;
|
|
12921
|
-
}
|
|
12922
|
-
};
|
|
12923
|
-
|
|
12924
12813
|
/**
|
|
12925
12814
|
* Computes display state once per keydown event.
|
|
12926
12815
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -12932,7 +12821,7 @@ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
|
12932
12821
|
* @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
|
|
12933
12822
|
* isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
|
|
12934
12823
|
*/
|
|
12935
|
-
function createDisplayContext(component, options = {}) {
|
|
12824
|
+
function createDisplayContext$1(component, options = {}) {
|
|
12936
12825
|
const dd = options.dropdown || component.dropdown;
|
|
12937
12826
|
// isPopoverVisible reflects as the `open` attribute.
|
|
12938
12827
|
// It reports whether the bib is open in any mode (popover or modal).
|
|
@@ -12962,11 +12851,11 @@ function createDisplayContext(component, options = {}) {
|
|
|
12962
12851
|
* @param {Object} strategy - Map of key names to handler functions.
|
|
12963
12852
|
* @param {Object} [options] - Optional config passed to createDisplayContext.
|
|
12964
12853
|
*/
|
|
12965
|
-
function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
12854
|
+
function applyKeyboardStrategy$1(component, strategy, options = {}) {
|
|
12966
12855
|
component.addEventListener('keydown', async (evt) => {
|
|
12967
12856
|
const handler = strategy[evt.key] || strategy.default;
|
|
12968
12857
|
if (typeof handler === 'function') {
|
|
12969
|
-
const ctx = createDisplayContext(component, options);
|
|
12858
|
+
const ctx = createDisplayContext$1(component, options);
|
|
12970
12859
|
await handler(component, evt, ctx);
|
|
12971
12860
|
}
|
|
12972
12861
|
});
|
|
@@ -13201,7 +13090,7 @@ class AuroDropdownBib extends i$1 {
|
|
|
13201
13090
|
|
|
13202
13091
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
13203
13092
|
this._setupCancelHandler(dialog);
|
|
13204
|
-
applyKeyboardStrategy(dialog, createDropdownBibKeyboardStrategy());
|
|
13093
|
+
applyKeyboardStrategy$1(dialog, createDropdownBibKeyboardStrategy());
|
|
13205
13094
|
|
|
13206
13095
|
this.dispatchEvent(new CustomEvent('auro-dropdownbib-connected', {
|
|
13207
13096
|
bubbles: true,
|
|
@@ -13603,7 +13492,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
13603
13492
|
}
|
|
13604
13493
|
};
|
|
13605
13494
|
|
|
13606
|
-
var formkitVersion$1 = '
|
|
13495
|
+
var formkitVersion$1 = '202604091424';
|
|
13607
13496
|
|
|
13608
13497
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
13609
13498
|
static get properties() {
|
|
@@ -13709,7 +13598,7 @@ let AuroElement$2 = class AuroElement extends i$1 {
|
|
|
13709
13598
|
}
|
|
13710
13599
|
};
|
|
13711
13600
|
|
|
13712
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
13601
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
13713
13602
|
// See LICENSE in the project root for license information.
|
|
13714
13603
|
|
|
13715
13604
|
|
|
@@ -13814,7 +13703,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13814
13703
|
/**
|
|
13815
13704
|
* @private
|
|
13816
13705
|
*/
|
|
13817
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
13706
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
13818
13707
|
|
|
13819
13708
|
/**
|
|
13820
13709
|
* @private
|
|
@@ -14232,7 +14121,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14232
14121
|
*
|
|
14233
14122
|
*/
|
|
14234
14123
|
static register(name = "auro-dropdown") {
|
|
14235
|
-
AuroLibraryRuntimeUtils$
|
|
14124
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
14236
14125
|
}
|
|
14237
14126
|
|
|
14238
14127
|
/**
|
|
@@ -21367,7 +21256,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
21367
21256
|
}
|
|
21368
21257
|
};
|
|
21369
21258
|
|
|
21370
|
-
var formkitVersion = '
|
|
21259
|
+
var formkitVersion = '202604091424';
|
|
21371
21260
|
|
|
21372
21261
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
21373
21262
|
// See LICENSE in the project root for license information.
|
|
@@ -22564,7 +22453,88 @@ function guardTouchPassthrough(element) {
|
|
|
22564
22453
|
}, { once: true });
|
|
22565
22454
|
}
|
|
22566
22455
|
|
|
22567
|
-
|
|
22456
|
+
/**
|
|
22457
|
+
* Computes display state once per keydown event.
|
|
22458
|
+
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
22459
|
+
*
|
|
22460
|
+
* @param {HTMLElement} component - The component with a dropdown reference.
|
|
22461
|
+
* @param {Object} [options] - Optional config.
|
|
22462
|
+
* @param {HTMLElement} [options.dropdown] - Explicit dropdown reference. Falls back to component.dropdown.
|
|
22463
|
+
* @param {Function} [options.inputResolver] - Called with (component, ctx) to resolve the active input element.
|
|
22464
|
+
* @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
|
|
22465
|
+
* isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
|
|
22466
|
+
*/
|
|
22467
|
+
function createDisplayContext(component, options = {}) {
|
|
22468
|
+
const dd = options.dropdown || component.dropdown;
|
|
22469
|
+
// isPopoverVisible reflects as the `open` attribute.
|
|
22470
|
+
// It reports whether the bib is open in any mode (popover or modal).
|
|
22471
|
+
const isExpanded = Boolean(dd && dd.isPopoverVisible);
|
|
22472
|
+
const isFullscreen = Boolean(dd && dd.isBibFullscreen);
|
|
22473
|
+
|
|
22474
|
+
const ctx = {
|
|
22475
|
+
isExpanded,
|
|
22476
|
+
isModal: isFullscreen,
|
|
22477
|
+
isPopover: !isFullscreen,
|
|
22478
|
+
activeInput: null,
|
|
22479
|
+
};
|
|
22480
|
+
|
|
22481
|
+
if (options.inputResolver) {
|
|
22482
|
+
const resolvedInput = options.inputResolver(component, ctx);
|
|
22483
|
+
// Guard against resolvers returning undefined or non-HTMLElement values.
|
|
22484
|
+
ctx.activeInput = resolvedInput instanceof HTMLElement ? resolvedInput : null;
|
|
22485
|
+
}
|
|
22486
|
+
|
|
22487
|
+
return ctx;
|
|
22488
|
+
}
|
|
22489
|
+
|
|
22490
|
+
/**
|
|
22491
|
+
* Wires up a keydown listener that dispatches to strategy[evt.key] or strategy.default.
|
|
22492
|
+
* Handles both sync and async handlers.
|
|
22493
|
+
* @param {HTMLElement} component - The component to attach the listener to.
|
|
22494
|
+
* @param {Object} strategy - Map of key names to handler functions.
|
|
22495
|
+
* @param {Object} [options] - Optional config passed to createDisplayContext.
|
|
22496
|
+
*/
|
|
22497
|
+
function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
22498
|
+
component.addEventListener('keydown', async (evt) => {
|
|
22499
|
+
const handler = strategy[evt.key] || strategy.default;
|
|
22500
|
+
if (typeof handler === 'function') {
|
|
22501
|
+
const ctx = createDisplayContext(component, options);
|
|
22502
|
+
await handler(component, evt, ctx);
|
|
22503
|
+
}
|
|
22504
|
+
});
|
|
22505
|
+
}
|
|
22506
|
+
|
|
22507
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
22508
|
+
// See LICENSE in the project root for license information.
|
|
22509
|
+
|
|
22510
|
+
// Authoritative datepicker keyboard behavior spec:
|
|
22511
|
+
// components/datepicker/docs/partials/keyboardBehavior.md
|
|
22512
|
+
//
|
|
22513
|
+
// Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
|
|
22514
|
+
// - The bib opens and closes via pointer/touch interaction only.
|
|
22515
|
+
// - Escape closes the bib and prevents the event from reaching parent containers.
|
|
22516
|
+
// - Tab uses the browser's default tabindex sequence across trigger controls.
|
|
22517
|
+
// - Enter and Space do not open or close the bib.
|
|
22518
|
+
//
|
|
22519
|
+
// This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
|
|
22520
|
+
// added, handlers should go here following the same strategy pattern used by
|
|
22521
|
+
// auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
|
|
22522
|
+
const datepickerKeyboardStrategy = {
|
|
22523
|
+
Escape(component, evt) {
|
|
22524
|
+
if (!component.dropdown || !component.dropdown.isPopoverVisible) {
|
|
22525
|
+
return;
|
|
22526
|
+
}
|
|
22527
|
+
|
|
22528
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
|
|
22529
|
+
// Because stopPropagation prevents the document-level floatingUI keydown handler from
|
|
22530
|
+
// seeing this event, we must also close the dropdown explicitly.
|
|
22531
|
+
evt.stopPropagation();
|
|
22532
|
+
|
|
22533
|
+
component.dropdown.hide();
|
|
22534
|
+
},
|
|
22535
|
+
};
|
|
22536
|
+
|
|
22537
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
22568
22538
|
// See LICENSE in the project root for license information.
|
|
22569
22539
|
|
|
22570
22540
|
|
|
@@ -24021,6 +23991,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24021
23991
|
this.configureCalendar();
|
|
24022
23992
|
this.configureDatepicker();
|
|
24023
23993
|
this.configureClickHandler();
|
|
23994
|
+
applyKeyboardStrategy(this, datepickerKeyboardStrategy);
|
|
24024
23995
|
}
|
|
24025
23996
|
|
|
24026
23997
|
connectedCallback() {
|