@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.4 → 0.0.0-pr1628.6
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 +29 -14
- package/components/combobox/demo/getting-started.min.js +29 -14
- package/components/combobox/demo/index.min.js +29 -14
- package/components/combobox/dist/index.js +19 -5
- package/components/combobox/dist/registered.js +19 -5
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +32 -5
- package/components/datepicker/demo/getting-started.min.js +32 -5
- package/components/datepicker/demo/index.min.js +32 -5
- package/components/datepicker/dist/index.js +32 -5
- package/components/datepicker/dist/registered.js +32 -5
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +18 -4
- 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/api.md +6 -6
- package/components/form/demo/customize.min.js +85 -29
- package/components/form/demo/getting-started.min.js +85 -29
- package/components/form/demo/index.md +2 -2
- package/components/form/demo/index.min.js +85 -29
- package/components/form/demo/registerDemoDeps.min.js +84 -28
- package/components/form/demo/voiceover.md +1 -1
- package/components/form/demo/why-form.md +1 -1
- package/components/form/dist/auro-form.d.ts +1 -1
- package/components/form/dist/index.js +1 -1
- package/components/form/dist/registered.js +1 -1
- package/components/input/demo/api.md +58 -58
- package/components/input/demo/customize.md +7 -7
- package/components/input/demo/customize.min.js +17 -3
- package/components/input/demo/getting-started.md +3 -3
- package/components/input/demo/getting-started.min.js +17 -3
- package/components/input/demo/index.min.js +17 -3
- package/components/input/demo/why-input.md +1 -1
- package/components/input/dist/base-input.d.ts +3 -2
- package/components/input/dist/index.js +17 -3
- package/components/input/dist/registered.js +17 -3
- package/components/input/dist/utilities.d.ts +11 -0
- package/components/menu/demo/accessibility.md +1 -1
- package/components/menu/demo/customize.md +1 -1
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +1 -1
- package/components/menu/demo/index.min.js +10 -9
- package/components/menu/demo/keyboard-behavior.md +1 -1
- package/components/menu/demo/voiceover.md +1 -1
- package/components/menu/dist/auro-menu.d.ts +9 -8
- package/components/menu/dist/auro-menuoption.d.ts +1 -1
- package/components/menu/dist/index.js +10 -9
- package/components/menu/dist/registered.js +10 -9
- 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 +12 -11
- package/components/select/demo/getting-started.min.js +12 -11
- package/components/select/demo/index.min.js +12 -11
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +25 -16
- package/package.json +1 -1
|
@@ -10282,6 +10282,9 @@ function cleanEscapedString$5(input) {
|
|
|
10282
10282
|
return input.match(escapedStringRegExp$5)[1].replace(doubleQuoteRegExp$5, "'");
|
|
10283
10283
|
}
|
|
10284
10284
|
|
|
10285
|
+
/**
|
|
10286
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
10287
|
+
*/
|
|
10285
10288
|
let AuroInputUtilities$3 = class AuroInputUtilities {
|
|
10286
10289
|
|
|
10287
10290
|
/**
|
|
@@ -10301,7 +10304,17 @@ let AuroInputUtilities$3 = class AuroInputUtilities {
|
|
|
10301
10304
|
} else {
|
|
10302
10305
|
this.locale = 'en-US';
|
|
10303
10306
|
}
|
|
10307
|
+
|
|
10308
|
+
/**
|
|
10309
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
10310
|
+
* @type {string|undefined}
|
|
10311
|
+
*/
|
|
10304
10312
|
this.overrideFormat = config.format;
|
|
10313
|
+
|
|
10314
|
+
/**
|
|
10315
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
10316
|
+
* @type {Intl.DateTimeFormat}
|
|
10317
|
+
*/
|
|
10305
10318
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
10306
10319
|
|
|
10307
10320
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -10892,8 +10905,9 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10892
10905
|
},
|
|
10893
10906
|
|
|
10894
10907
|
/**
|
|
10895
|
-
* Sets the shape of the field's border.
|
|
10896
|
-
* and `pill
|
|
10908
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
10909
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
10910
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
10897
10911
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
10898
10912
|
* @default 'classic'
|
|
10899
10913
|
* @category ui
|
|
@@ -12702,7 +12716,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12702
12716
|
}
|
|
12703
12717
|
};
|
|
12704
12718
|
|
|
12705
|
-
var formkitVersion$8 = '
|
|
12719
|
+
var formkitVersion$8 = '202611082047';
|
|
12706
12720
|
|
|
12707
12721
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12708
12722
|
// See LICENSE in the project root for license information.
|
|
@@ -23816,6 +23830,9 @@ try {
|
|
|
23816
23830
|
globalThis.IMask = IMask$1;
|
|
23817
23831
|
} catch {}
|
|
23818
23832
|
|
|
23833
|
+
/**
|
|
23834
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
23835
|
+
*/
|
|
23819
23836
|
let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
23820
23837
|
|
|
23821
23838
|
/**
|
|
@@ -23835,7 +23852,17 @@ let AuroInputUtilities$1 = class AuroInputUtilities {
|
|
|
23835
23852
|
} else {
|
|
23836
23853
|
this.locale = 'en-US';
|
|
23837
23854
|
}
|
|
23855
|
+
|
|
23856
|
+
/**
|
|
23857
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
23858
|
+
* @type {string|undefined}
|
|
23859
|
+
*/
|
|
23838
23860
|
this.overrideFormat = config.format;
|
|
23861
|
+
|
|
23862
|
+
/**
|
|
23863
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
23864
|
+
* @type {Intl.DateTimeFormat}
|
|
23865
|
+
*/
|
|
23839
23866
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
23840
23867
|
|
|
23841
23868
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -27375,7 +27402,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
27375
27402
|
}
|
|
27376
27403
|
};
|
|
27377
27404
|
|
|
27378
|
-
var formkitVersion$2$1 = '
|
|
27405
|
+
var formkitVersion$2$1 = '202611082047';
|
|
27379
27406
|
|
|
27380
27407
|
let l$1$2 = class l{generateElementName(e,t){let s=e;return s+="-",s+=t.replace(/[.]/g,"_"),s}generateTag(s,o,a){const r=this.generateElementName(s,o),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let h$1$2 = class h{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`),o=(s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return o||null}};let d$1$2 = class d{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>.loader-shape>span{border-color:var(--ds-auro-loader-border-color);background-color:var(--ds-auro-loader-background-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])>.loader-shape>span{--ds-auro-loader-background-color: transparent}:host([orbit])>.loader-shape>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>.loader-shape>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
27381
27408
|
`,u$4$2=i$4`.body-default{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-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{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-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{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-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{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-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{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-sm-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{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-sm-emphasized-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{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-xs-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{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-xs-emphasized-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-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-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{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-emphasized-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);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-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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{position:relative;display:inline-flex;flex-direction:column;align-items:center}:host([message-position=top]){flex-direction:column-reverse}:host([message-position=left]){flex-direction:row-reverse}:host([message-position=right]){flex-direction:row}:host([has-message]){gap:var(--ds-auro-loader-message-spacing)}.loader-shape{position:relative;display:inline-block;width:2rem;height:2rem;flex-shrink:0;font-size:0}.loader-shape>span{position:absolute;top:0;left:0;display:inline-block;width:2rem;height:2rem;box-sizing:border-box;border-width:0;border-style:solid;border-radius:100%;float:none}:host([xs])>.loader-shape{width:1.2rem;height:1.2rem}:host([xs])>.loader-shape>span{width:1.2rem;height:1.2rem}:host([sm])>.loader-shape{width:3rem;height:3rem}:host([sm])>.loader-shape>span{width:3rem;height:3rem}:host([md])>.loader-shape{width:5rem;height:5rem}:host([md])>.loader-shape>span{width:5rem;height:5rem}:host([lg])>.loader-shape{width:8rem;height:8rem}:host([lg])>.loader-shape>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]){position:relative}:host([pulse])>.loader-shape{position:relative;width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>.loader-shape>span{position:relative;width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse])>.loader-shape>span:nth-child(1){animation-delay:-.4s}:host([pulse])>.loader-shape>span:nth-child(2){animation-delay:-.2s}:host([pulse])>.loader-shape>span:nth-child(3){animation-delay:0ms}:host([pulse][xs])>.loader-shape{width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>.loader-shape>span{width:.65rem;height:.65rem;margin:var(--margin-xs)}:host([pulse][sm])>.loader-shape{width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>.loader-shape>span{width:2rem;height:2rem;margin:var(--margin-sm)}:host([pulse][md])>.loader-shape{width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>.loader-shape>span{width:3rem;height:3rem;margin:var(--margin-md)}:host([pulse][lg])>.loader-shape{width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>.loader-shape>span{width:5rem;height:5rem;margin:var(--margin-lg)}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]){opacity:1}:host([orbit])>.loader-shape>span{border-width:5px;opacity:1}:host([orbit])>.loader-shape>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>.loader-shape>span{border-width:8px}:host([orbit][md])>.loader-shape>span{border-width:13px}:host([orbit][lg])>.loader-shape>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>.loader-shape>svg{width:100%;height:100%;animation:rotate 2s linear infinite;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{animation:ringworm 1.5s ease-in-out infinite;stroke-dashoffset:0;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;display:block;overflow:hidden;width:100%;height:0;font-size:unset}:host([laser])>.no-animation,:host([laser])>.message-region{display:none}:host([laser])>.loader-shape>span{position:fixed;z-index:100;width:100%;height:.25rem;border-radius:0}:host([laser])>.loader-shape>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>.loader-shape>span:nth-child(2){width:50%;border-color:currentcolor;animation:laser 2s linear infinite;opacity:1}:host([laser][sm])>.loader-shape>span:nth-child(2){width:20%}:host([laser][md])>.loader-shape>span:nth-child(2){width:30%}:host([laser][lg])>.loader-shape>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>.loader-shape>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}.message-region{min-width:0;color:var(--ds-auro-loader-message-color)}.message-list{padding:0;margin:0}slot[name=message]::slotted([hidden]){display:none!important}:host>.no-animation{display:none;min-width:0}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>.loader-shape{display:none}:host>.loader-shape>span{opacity:1}:host>.no-animation{display:block}:host([has-default-content])>.message-region{display:none}:host([has-message]:not([has-default-content]))>.no-animation{display:none}}
|
|
@@ -33499,7 +33526,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
33499
33526
|
}
|
|
33500
33527
|
};
|
|
33501
33528
|
|
|
33502
|
-
var formkitVersion$1$3 = '
|
|
33529
|
+
var formkitVersion$1$3 = '202611082047';
|
|
33503
33530
|
|
|
33504
33531
|
/**
|
|
33505
33532
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -45253,6 +45280,9 @@ function cleanEscapedString$4(input) {
|
|
|
45253
45280
|
return input.match(escapedStringRegExp$4)[1].replace(doubleQuoteRegExp$4, "'");
|
|
45254
45281
|
}
|
|
45255
45282
|
|
|
45283
|
+
/**
|
|
45284
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
45285
|
+
*/
|
|
45256
45286
|
let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
45257
45287
|
|
|
45258
45288
|
/**
|
|
@@ -45272,7 +45302,17 @@ let AuroInputUtilities$2 = class AuroInputUtilities {
|
|
|
45272
45302
|
} else {
|
|
45273
45303
|
this.locale = 'en-US';
|
|
45274
45304
|
}
|
|
45305
|
+
|
|
45306
|
+
/**
|
|
45307
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
45308
|
+
* @type {string|undefined}
|
|
45309
|
+
*/
|
|
45275
45310
|
this.overrideFormat = config.format;
|
|
45311
|
+
|
|
45312
|
+
/**
|
|
45313
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
45314
|
+
* @type {Intl.DateTimeFormat}
|
|
45315
|
+
*/
|
|
45276
45316
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
45277
45317
|
|
|
45278
45318
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -45863,8 +45903,9 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45863
45903
|
},
|
|
45864
45904
|
|
|
45865
45905
|
/**
|
|
45866
|
-
* Sets the shape of the field's border.
|
|
45867
|
-
* and `pill
|
|
45906
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
45907
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
45908
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
45868
45909
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
45869
45910
|
* @default 'classic'
|
|
45870
45911
|
* @category ui
|
|
@@ -47673,7 +47714,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
47673
47714
|
}
|
|
47674
47715
|
};
|
|
47675
47716
|
|
|
47676
|
-
var formkitVersion$7 = '
|
|
47717
|
+
var formkitVersion$7 = '202611082047';
|
|
47677
47718
|
|
|
47678
47719
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47679
47720
|
// See LICENSE in the project root for license information.
|
|
@@ -52987,7 +53028,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
52987
53028
|
}
|
|
52988
53029
|
};
|
|
52989
53030
|
|
|
52990
|
-
var formkitVersion$1$2 = '
|
|
53031
|
+
var formkitVersion$1$2 = '202611082047';
|
|
52991
53032
|
|
|
52992
53033
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52993
53034
|
// See LICENSE in the project root for license information.
|
|
@@ -57584,7 +57625,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
57584
57625
|
}
|
|
57585
57626
|
};
|
|
57586
57627
|
|
|
57587
|
-
var formkitVersion$6 = '
|
|
57628
|
+
var formkitVersion$6 = '202611082047';
|
|
57588
57629
|
|
|
57589
57630
|
/**
|
|
57590
57631
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -62414,7 +62455,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
62414
62455
|
}
|
|
62415
62456
|
};
|
|
62416
62457
|
|
|
62417
|
-
var formkitVersion$5 = '
|
|
62458
|
+
var formkitVersion$5 = '202611082047';
|
|
62418
62459
|
|
|
62419
62460
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
62420
62461
|
// See LICENSE in the project root for license information.
|
|
@@ -64401,7 +64442,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
64401
64442
|
}
|
|
64402
64443
|
};
|
|
64403
64444
|
|
|
64404
|
-
var formkitVersion$4 = '
|
|
64445
|
+
var formkitVersion$4 = '202611082047';
|
|
64405
64446
|
|
|
64406
64447
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
64407
64448
|
// See LICENSE in the project root for license information.
|
|
@@ -70151,7 +70192,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
70151
70192
|
}
|
|
70152
70193
|
};
|
|
70153
70194
|
|
|
70154
|
-
var formkitVersion$2 = '
|
|
70195
|
+
var formkitVersion$2 = '202611082047';
|
|
70155
70196
|
|
|
70156
70197
|
/**
|
|
70157
70198
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -81905,6 +81946,9 @@ function cleanEscapedString(input) {
|
|
|
81905
81946
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
81906
81947
|
}
|
|
81907
81948
|
|
|
81949
|
+
/**
|
|
81950
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
81951
|
+
*/
|
|
81908
81952
|
class AuroInputUtilities {
|
|
81909
81953
|
|
|
81910
81954
|
/**
|
|
@@ -81924,7 +81968,17 @@ class AuroInputUtilities {
|
|
|
81924
81968
|
} else {
|
|
81925
81969
|
this.locale = 'en-US';
|
|
81926
81970
|
}
|
|
81971
|
+
|
|
81972
|
+
/**
|
|
81973
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
81974
|
+
* @type {string|undefined}
|
|
81975
|
+
*/
|
|
81927
81976
|
this.overrideFormat = config.format;
|
|
81977
|
+
|
|
81978
|
+
/**
|
|
81979
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
81980
|
+
* @type {Intl.DateTimeFormat}
|
|
81981
|
+
*/
|
|
81928
81982
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
81929
81983
|
|
|
81930
81984
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -82515,8 +82569,9 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
82515
82569
|
},
|
|
82516
82570
|
|
|
82517
82571
|
/**
|
|
82518
|
-
* Sets the shape of the field's border.
|
|
82519
|
-
* and `pill
|
|
82572
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
82573
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
82574
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
82520
82575
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
82521
82576
|
* @default 'classic'
|
|
82522
82577
|
* @category ui
|
|
@@ -84325,7 +84380,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
84325
84380
|
}
|
|
84326
84381
|
};
|
|
84327
84382
|
|
|
84328
|
-
var formkitVersion$1$1 = '
|
|
84383
|
+
var formkitVersion$1$1 = '202611082047';
|
|
84329
84384
|
|
|
84330
84385
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
84331
84386
|
// See LICENSE in the project root for license information.
|
|
@@ -85611,7 +85666,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
85611
85666
|
}
|
|
85612
85667
|
};
|
|
85613
85668
|
|
|
85614
|
-
var formkitVersion$3 = '
|
|
85669
|
+
var formkitVersion$3 = '202611082047';
|
|
85615
85670
|
|
|
85616
85671
|
var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
85617
85672
|
|
|
@@ -88949,7 +89004,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
88949
89004
|
},
|
|
88950
89005
|
|
|
88951
89006
|
/**
|
|
88952
|
-
*
|
|
89007
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
88953
89008
|
* @private
|
|
88954
89009
|
*/
|
|
88955
89010
|
level: {
|
|
@@ -89121,8 +89176,8 @@ class AuroMenu extends AuroElement$2 {
|
|
|
89121
89176
|
}
|
|
89122
89177
|
|
|
89123
89178
|
/**
|
|
89124
|
-
*
|
|
89125
|
-
*
|
|
89179
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
89180
|
+
* an array of values parsed from the JSON array string.
|
|
89126
89181
|
* @private
|
|
89127
89182
|
* @returns {String|Array<String>}
|
|
89128
89183
|
*/
|
|
@@ -89932,7 +89987,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
89932
89987
|
}
|
|
89933
89988
|
|
|
89934
89989
|
/**
|
|
89935
|
-
*
|
|
89990
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
89936
89991
|
* @private
|
|
89937
89992
|
* @param {KeyboardEvent} event - The keydown event.
|
|
89938
89993
|
*/
|
|
@@ -89958,7 +90013,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
89958
90013
|
}
|
|
89959
90014
|
|
|
89960
90015
|
/**
|
|
89961
|
-
*
|
|
90016
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
89962
90017
|
* @private
|
|
89963
90018
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
89964
90019
|
*/
|
|
@@ -89978,7 +90033,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
89978
90033
|
}
|
|
89979
90034
|
|
|
89980
90035
|
/**
|
|
89981
|
-
*
|
|
90036
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
89982
90037
|
* @private
|
|
89983
90038
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
89984
90039
|
*/
|
|
@@ -90002,7 +90057,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
90002
90057
|
}
|
|
90003
90058
|
|
|
90004
90059
|
/**
|
|
90005
|
-
*
|
|
90060
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
90006
90061
|
* @private
|
|
90007
90062
|
*/
|
|
90008
90063
|
handleSlotChange() {
|
|
@@ -90098,7 +90153,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
90098
90153
|
}
|
|
90099
90154
|
|
|
90100
90155
|
/**
|
|
90101
|
-
*
|
|
90156
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
90102
90157
|
* @private
|
|
90103
90158
|
* @param {HTMLElement} option - Option with custom event.
|
|
90104
90159
|
*/
|
|
@@ -90118,6 +90173,7 @@ class AuroMenu extends AuroElement$2 {
|
|
|
90118
90173
|
}
|
|
90119
90174
|
|
|
90120
90175
|
/**
|
|
90176
|
+
* Checks whether two selections hold the same options, in any order.
|
|
90121
90177
|
* @private
|
|
90122
90178
|
* @param {any} current - The current selection.
|
|
90123
90179
|
* @param {any} next - The new selection to compare.
|
|
@@ -90587,7 +90643,7 @@ class AuroMenuOption extends AuroElement$2 {
|
|
|
90587
90643
|
}
|
|
90588
90644
|
|
|
90589
90645
|
/**
|
|
90590
|
-
*
|
|
90646
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
90591
90647
|
* @private
|
|
90592
90648
|
*/
|
|
90593
90649
|
handleClick() {
|
|
@@ -95763,7 +95819,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
95763
95819
|
}
|
|
95764
95820
|
};
|
|
95765
95821
|
|
|
95766
|
-
var formkitVersion$1 = '
|
|
95822
|
+
var formkitVersion$1 = '202611082047';
|
|
95767
95823
|
|
|
95768
95824
|
/**
|
|
95769
95825
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -98103,7 +98159,7 @@ class AuroHelpText extends i$2 {
|
|
|
98103
98159
|
}
|
|
98104
98160
|
}
|
|
98105
98161
|
|
|
98106
|
-
var formkitVersion = '
|
|
98162
|
+
var formkitVersion = '202611082047';
|
|
98107
98163
|
|
|
98108
98164
|
var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{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-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{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-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{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-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{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-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{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-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{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-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{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-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{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-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-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, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{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-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);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-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);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-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.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(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
98109
98165
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<li><strong>Role:</strong> The role for the element type, such as <em>"text field"</em> or <em>"pop-up button"</em></li>
|
|
11
11
|
<li><strong>Required state:</strong> <em>"required"</em> if the element has the <code>required</code> attribute</li>
|
|
12
12
|
<li><strong>Value:</strong> The current value if one is set</li>
|
|
13
|
-
<li><strong>Help text:</strong>
|
|
13
|
+
<li><strong>Help text:</strong> The <code>helpText</code> slot content, for elements that link it to their input, such as <code>auro-input</code>. Some elements, such as <code>auro-select</code> and <code>auro-combobox</code>, don't currently link it, so VoiceOver doesn't read it on focus.</li>
|
|
14
14
|
</ol>
|
|
15
15
|
<auro-header level="3" id="voiceOverValidation">Validation errors</auro-header>
|
|
16
16
|
<p>When <code>submit()</code> runs and a form element fails validation:</p>
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
<p>Each Auro component dispatches its own events, such as <code>auroSelect-valueSet</code> and <code>auroDatePicker-toggled</code>. Listening for all of these individually is error-prone.</p>
|
|
43
43
|
<p><code>auro-form</code> normalizes events:</p>
|
|
44
44
|
<ul>
|
|
45
|
-
<li><code>input</code>:
|
|
45
|
+
<li><code>input</code>: Bubbles up from any child element that receives user input, except <code>auro-counter-group</code>, which doesn't currently bubble it.</li>
|
|
46
46
|
<li><code>change</code>: Fires when any child element's value changes, and when the form rebuilds its state.</li>
|
|
47
47
|
<li><code>submit</code>: Fires with aggregated form values on valid submission.</li>
|
|
48
48
|
<li><code>reset</code>: Fires with the previous values on reset.</li>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
*
|
|
33
33
|
* @slot default - Named Auro form elements, such as `auro-input` and `auro-select`, plus the submit and reset buttons the form controls. Fields can be nested in other elements, such as a `div` or `fieldset`. {@requiredWhen always} {@category ui}
|
|
34
34
|
*
|
|
35
|
-
* @event input -
|
|
35
|
+
* @event input - Bubbles up from a child form element when it receives user input; the form doesn't fire `input` itself. `auro-counter-group` doesn't currently bubble its `input` event, so listen for `change` to catch every field.
|
|
36
36
|
* @event change - Fires when a child form element's value changes, and when the form rebuilds its state, such as after its content changes or a reset.
|
|
37
37
|
* @event reset - Fires after the form resets. The event's `detail.previousValue` holds the form's values from just before the reset.
|
|
38
38
|
* @event submit - Fires when the form is submitted and no enabled field is invalid or required but empty. The event's `detail.value` holds the form's current values.
|
|
@@ -124,7 +124,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
124
124
|
*
|
|
125
125
|
* @slot default - Named Auro form elements, such as `auro-input` and `auro-select`, plus the submit and reset buttons the form controls. Fields can be nested in other elements, such as a `div` or `fieldset`. {@requiredWhen always} {@category ui}
|
|
126
126
|
*
|
|
127
|
-
* @event input -
|
|
127
|
+
* @event input - Bubbles up from a child form element when it receives user input; the form doesn't fire `input` itself. `auro-counter-group` doesn't currently bubble its `input` event, so listen for `change` to catch every field.
|
|
128
128
|
* @event change - Fires when a child form element's value changes, and when the form rebuilds its state, such as after its content changes or a reset.
|
|
129
129
|
* @event reset - Fires after the form resets. The event's `detail.previousValue` holds the form's values from just before the reset.
|
|
130
130
|
* @event submit - Fires when the form is submitted and no enabled field is invalid or required but empty. The event's `detail.value` holds the form's current values.
|
|
@@ -124,7 +124,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
124
124
|
*
|
|
125
125
|
* @slot default - Named Auro form elements, such as `auro-input` and `auro-select`, plus the submit and reset buttons the form controls. Fields can be nested in other elements, such as a `div` or `fieldset`. {@requiredWhen always} {@category ui}
|
|
126
126
|
*
|
|
127
|
-
* @event input -
|
|
127
|
+
* @event input - Bubbles up from a child form element when it receives user input; the form doesn't fire `input` itself. `auro-counter-group` doesn't currently bubble its `input` event, so listen for `change` to catch every field.
|
|
128
128
|
* @event change - Fires when a child form element's value changes, and when the form rebuilds its state, such as after its content changes or a reset.
|
|
129
129
|
* @event reset - Fires after the form resets. The event's `detail.previousValue` holds the form's values from just before the reset.
|
|
130
130
|
* @event submit - Fires when the form is submitted and no enabled field is invalid or required but empty. The event's `detail.value` holds the form's current values.
|