@aurodesignsystem-dev/auro-formkit 0.0.0-pr1429.1 → 0.0.0-pr1430.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 +0 -1
- package/components/combobox/demo/api.js +1 -3
- package/components/combobox/demo/api.md +0 -75
- package/components/combobox/demo/api.min.js +122 -32
- package/components/combobox/demo/index.min.js +121 -19
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
- package/components/combobox/dist/index.js +121 -19
- package/components/combobox/dist/registered.js +121 -19
- package/components/counter/demo/api.html +0 -3
- package/components/counter/demo/api.js +0 -4
- package/components/counter/demo/api.md +0 -130
- package/components/counter/demo/api.min.js +132 -63
- package/components/counter/demo/index.min.js +132 -43
- package/components/counter/dist/index.js +132 -43
- package/components/counter/dist/registered.js +132 -43
- package/components/datepicker/demo/api.html +0 -1
- package/components/datepicker/demo/api.js +0 -2
- package/components/datepicker/demo/api.md +0 -57
- package/components/datepicker/demo/api.min.js +123 -106
- package/components/datepicker/demo/index.min.js +123 -94
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -3
- package/components/datepicker/dist/index.js +123 -94
- package/components/datepicker/dist/registered.js +123 -94
- package/components/dropdown/demo/api.html +0 -1
- package/components/dropdown/demo/api.js +0 -2
- package/components/dropdown/demo/api.md +0 -95
- package/components/dropdown/demo/api.min.js +116 -25
- package/components/dropdown/demo/index.min.js +116 -5
- package/components/dropdown/dist/index.js +116 -5
- package/components/dropdown/dist/registered.js +116 -5
- package/components/form/demo/api.min.js +545 -218
- package/components/form/demo/index.min.js +545 -218
- 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 +0 -1
- package/components/select/demo/api.js +0 -2
- package/components/select/demo/api.md +0 -76
- package/components/select/demo/api.min.js +129 -35
- package/components/select/demo/index.min.js +129 -22
- package/components/select/dist/index.js +125 -18
- package/components/select/dist/registered.js +125 -18
- package/custom-elements.json +3 -27
- package/package.json +2 -3
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -3
|
@@ -9290,7 +9290,7 @@ class AuroBibtemplate extends i$1 {
|
|
|
9290
9290
|
}
|
|
9291
9291
|
}
|
|
9292
9292
|
|
|
9293
|
-
var formkitVersion$2 = '
|
|
9293
|
+
var formkitVersion$2 = '202604082129';
|
|
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$2$1 = class AuroLibraryRuntimeUtils {
|
|
9801
9801
|
|
|
9802
9802
|
/* eslint-disable jsdoc/require-param */
|
|
9803
9803
|
|
|
@@ -11586,6 +11586,7 @@ class AuroFloatingUI {
|
|
|
11586
11586
|
this.focusHandler = null;
|
|
11587
11587
|
this.clickHandler = null;
|
|
11588
11588
|
this.keyDownHandler = null;
|
|
11589
|
+
this.touchHandler = null;
|
|
11589
11590
|
|
|
11590
11591
|
/**
|
|
11591
11592
|
* @private
|
|
@@ -12003,6 +12004,28 @@ class AuroFloatingUI {
|
|
|
12003
12004
|
setTimeout(() => {
|
|
12004
12005
|
window.addEventListener("click", this.clickHandler);
|
|
12005
12006
|
}, 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 });
|
|
12006
12029
|
}
|
|
12007
12030
|
|
|
12008
12031
|
cleanupHideHandlers() {
|
|
@@ -12018,6 +12041,11 @@ class AuroFloatingUI {
|
|
|
12018
12041
|
this.clickHandler = null;
|
|
12019
12042
|
}
|
|
12020
12043
|
|
|
12044
|
+
if (this.touchHandler) {
|
|
12045
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
12046
|
+
this.touchHandler = null;
|
|
12047
|
+
}
|
|
12048
|
+
|
|
12021
12049
|
if (this.keyDownHandler) {
|
|
12022
12050
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
12023
12051
|
this.keyDownHandler = null;
|
|
@@ -12810,6 +12838,89 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
12810
12838
|
|
|
12811
12839
|
var iconVersion$2 = '9.1.2';
|
|
12812
12840
|
|
|
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
|
+
|
|
12813
12924
|
/**
|
|
12814
12925
|
* Computes display state once per keydown event.
|
|
12815
12926
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -12821,7 +12932,7 @@ var iconVersion$2 = '9.1.2';
|
|
|
12821
12932
|
* @returns {{isExpanded: boolean, isModal: boolean, isPopover: boolean, activeInput: HTMLElement|null}}
|
|
12822
12933
|
* isModal and isPopover reflect the display mode (fullscreen vs not) regardless of expanded state.
|
|
12823
12934
|
*/
|
|
12824
|
-
function createDisplayContext
|
|
12935
|
+
function createDisplayContext(component, options = {}) {
|
|
12825
12936
|
const dd = options.dropdown || component.dropdown;
|
|
12826
12937
|
// isPopoverVisible reflects as the `open` attribute.
|
|
12827
12938
|
// It reports whether the bib is open in any mode (popover or modal).
|
|
@@ -12851,11 +12962,11 @@ function createDisplayContext$1(component, options = {}) {
|
|
|
12851
12962
|
* @param {Object} strategy - Map of key names to handler functions.
|
|
12852
12963
|
* @param {Object} [options] - Optional config passed to createDisplayContext.
|
|
12853
12964
|
*/
|
|
12854
|
-
function applyKeyboardStrategy
|
|
12965
|
+
function applyKeyboardStrategy(component, strategy, options = {}) {
|
|
12855
12966
|
component.addEventListener('keydown', async (evt) => {
|
|
12856
12967
|
const handler = strategy[evt.key] || strategy.default;
|
|
12857
12968
|
if (typeof handler === 'function') {
|
|
12858
|
-
const ctx = createDisplayContext
|
|
12969
|
+
const ctx = createDisplayContext(component, options);
|
|
12859
12970
|
await handler(component, evt, ctx);
|
|
12860
12971
|
}
|
|
12861
12972
|
});
|
|
@@ -13090,7 +13201,7 @@ class AuroDropdownBib extends i$1 {
|
|
|
13090
13201
|
|
|
13091
13202
|
const dialog = this.shadowRoot.querySelector('dialog');
|
|
13092
13203
|
this._setupCancelHandler(dialog);
|
|
13093
|
-
applyKeyboardStrategy
|
|
13204
|
+
applyKeyboardStrategy(dialog, createDropdownBibKeyboardStrategy());
|
|
13094
13205
|
|
|
13095
13206
|
this.dispatchEvent(new CustomEvent('auro-dropdownbib-connected', {
|
|
13096
13207
|
bubbles: true,
|
|
@@ -13492,7 +13603,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
|
|
|
13492
13603
|
}
|
|
13493
13604
|
};
|
|
13494
13605
|
|
|
13495
|
-
var formkitVersion$1 = '
|
|
13606
|
+
var formkitVersion$1 = '202604082129';
|
|
13496
13607
|
|
|
13497
13608
|
let AuroElement$2 = class AuroElement extends i$1 {
|
|
13498
13609
|
static get properties() {
|
|
@@ -13598,7 +13709,7 @@ let AuroElement$2 = class AuroElement extends i$1 {
|
|
|
13598
13709
|
}
|
|
13599
13710
|
};
|
|
13600
13711
|
|
|
13601
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
13712
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13602
13713
|
// See LICENSE in the project root for license information.
|
|
13603
13714
|
|
|
13604
13715
|
|
|
@@ -13703,7 +13814,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
13703
13814
|
/**
|
|
13704
13815
|
* @private
|
|
13705
13816
|
*/
|
|
13706
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
13817
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2$1();
|
|
13707
13818
|
|
|
13708
13819
|
/**
|
|
13709
13820
|
* @private
|
|
@@ -14121,7 +14232,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14121
14232
|
*
|
|
14122
14233
|
*/
|
|
14123
14234
|
static register(name = "auro-dropdown") {
|
|
14124
|
-
AuroLibraryRuntimeUtils$
|
|
14235
|
+
AuroLibraryRuntimeUtils$2$1.prototype.registerComponent(name, AuroDropdown);
|
|
14125
14236
|
}
|
|
14126
14237
|
|
|
14127
14238
|
/**
|
|
@@ -21256,7 +21367,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
21256
21367
|
}
|
|
21257
21368
|
};
|
|
21258
21369
|
|
|
21259
|
-
var formkitVersion = '
|
|
21370
|
+
var formkitVersion = '202604082129';
|
|
21260
21371
|
|
|
21261
21372
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
21262
21373
|
// See LICENSE in the project root for license information.
|
|
@@ -22453,88 +22564,7 @@ function guardTouchPassthrough(element) {
|
|
|
22453
22564
|
}, { once: true });
|
|
22454
22565
|
}
|
|
22455
22566
|
|
|
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
|
|
22567
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
22538
22568
|
// See LICENSE in the project root for license information.
|
|
22539
22569
|
|
|
22540
22570
|
|
|
@@ -23991,7 +24021,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
23991
24021
|
this.configureCalendar();
|
|
23992
24022
|
this.configureDatepicker();
|
|
23993
24023
|
this.configureClickHandler();
|
|
23994
|
-
applyKeyboardStrategy(this, datepickerKeyboardStrategy);
|
|
23995
24024
|
}
|
|
23996
24025
|
|
|
23997
24026
|
connectedCallback() {
|