@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.7
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/bibtemplate/dist/auro-bibtemplate.d.ts +1 -0
- package/components/bibtemplate/dist/index.js +88 -6
- package/components/bibtemplate/dist/registered.js +88 -6
- package/components/checkbox/demo/api.min.js +4 -3
- package/components/checkbox/demo/index.min.js +4 -3
- package/components/checkbox/dist/index.js +4 -3
- package/components/checkbox/dist/registered.js +4 -3
- package/components/combobox/demo/api.min.js +514 -172
- package/components/combobox/demo/index.min.js +514 -172
- package/components/combobox/dist/auro-combobox.d.ts +0 -8
- package/components/combobox/dist/index.js +425 -153
- package/components/combobox/dist/registered.js +425 -153
- package/components/counter/demo/api.min.js +404 -106
- package/components/counter/demo/index.min.js +404 -106
- package/components/counter/dist/index.js +404 -106
- package/components/counter/dist/registered.js +404 -106
- package/components/datepicker/demo/api.md +13 -5
- package/components/datepicker/demo/api.min.js +876 -383
- package/components/datepicker/demo/index.md +13 -0
- package/components/datepicker/demo/index.min.js +876 -383
- package/components/datepicker/dist/auro-datepicker.d.ts +21 -2
- package/components/datepicker/dist/index.js +679 -186
- package/components/datepicker/dist/registered.js +679 -186
- package/components/datepicker/dist/styles/emphasized/style-css.d.ts +2 -0
- package/components/datepicker/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/dropdown/demo/api.md +1 -1
- package/components/dropdown/demo/api.min.js +226 -81
- package/components/dropdown/demo/index.min.js +226 -81
- package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
- package/components/dropdown/dist/auro-dropdownBib.d.ts +8 -0
- package/components/dropdown/dist/index.js +226 -81
- package/components/dropdown/dist/registered.js +226 -81
- package/components/input/demo/api.md +46 -48
- package/components/input/demo/api.min.js +96 -15
- package/components/input/demo/index.min.js +96 -15
- package/components/input/dist/auro-input.d.ts +17 -15
- package/components/input/dist/index.js +96 -15
- package/components/input/dist/registered.js +96 -15
- package/components/menu/demo/api.min.js +76 -6
- package/components/menu/demo/index.min.js +76 -6
- package/components/menu/dist/index.js +76 -6
- package/components/menu/dist/registered.js +76 -6
- package/components/radio/demo/api.min.js +4 -3
- package/components/radio/demo/index.min.js +4 -3
- package/components/radio/dist/index.js +4 -3
- package/components/radio/dist/registered.js +4 -3
- package/components/select/demo/api.md +12 -4
- package/components/select/demo/api.min.js +1178 -200
- package/components/select/demo/index.html +1 -0
- package/components/select/demo/index.md +298 -777
- package/components/select/demo/index.min.js +1178 -200
- package/components/select/dist/auro-select.d.ts +96 -4
- package/components/select/dist/helptextVersion.d.ts +2 -0
- package/components/select/dist/index.js +1106 -198
- package/components/select/dist/registered.js +1106 -198
- package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
- package/components/select/dist/styles/tokens-css.d.ts +2 -0
- package/package.json +3 -3
- /package/components/{dropdown/dist/styles/style-css.d.ts → datepicker/dist/styles/default/color-css.d.ts} +0 -0
|
@@ -7,54 +7,52 @@ Generate unique names for dependency components.
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute |
|
|
11
|
-
|
|
12
|
-
| `a11yControls` | `a11yControls` |
|
|
13
|
-
| `a11yExpanded` | `a11yExpanded` |
|
|
14
|
-
| `a11yRole` | `a11yRole` |
|
|
15
|
-
| [activeLabel](#activeLabel) | `activeLabel` |
|
|
16
|
-
| [autocapitalize](#autocapitalize) | `autocapitalize` |
|
|
17
|
-
| [autocomplete](#autocomplete) | `autocomplete` |
|
|
18
|
-
| [autocorrect](#autocorrect) | `autocorrect` |
|
|
19
|
-
| [
|
|
20
|
-
| [
|
|
21
|
-
| [
|
|
22
|
-
| [
|
|
23
|
-
| [
|
|
24
|
-
| [
|
|
25
|
-
| [
|
|
26
|
-
| [
|
|
27
|
-
| [
|
|
28
|
-
| [
|
|
29
|
-
| [
|
|
30
|
-
| [
|
|
31
|
-
| [
|
|
32
|
-
| [
|
|
33
|
-
| [
|
|
34
|
-
| [
|
|
35
|
-
| [
|
|
36
|
-
| [
|
|
37
|
-
| [
|
|
38
|
-
| [
|
|
39
|
-
| [
|
|
40
|
-
| [
|
|
41
|
-
| [
|
|
42
|
-
| [
|
|
43
|
-
| [
|
|
44
|
-
| [
|
|
45
|
-
| [
|
|
46
|
-
| [
|
|
47
|
-
| [
|
|
48
|
-
| [
|
|
49
|
-
| [
|
|
50
|
-
| [
|
|
51
|
-
| [
|
|
52
|
-
| [
|
|
53
|
-
| [
|
|
54
|
-
| [
|
|
55
|
-
| [
|
|
56
|
-
| [validity](#validity) | `validity` | | `string` | | Specifies the `validityState` this element is in. |
|
|
57
|
-
| [value](#value) | `value` | | `string` | | Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input. |
|
|
10
|
+
| Property | Attribute | Type | Default | Description |
|
|
11
|
+
|-----------------------------------|-----------------------------------|-----------|-------------|--------------------------------------------------|
|
|
12
|
+
| `a11yControls` | `a11yControls` | `string` | | The value for the aria-controls attribute. |
|
|
13
|
+
| `a11yExpanded` | `a11yExpanded` | `boolean` | | The value for the aria-expanded attribute. |
|
|
14
|
+
| `a11yRole` | `a11yRole` | `string` | | The value for the role attribute. |
|
|
15
|
+
| [activeLabel](#activeLabel) | `activeLabel` | `boolean` | false | If set, the label will remain fixed in the active position. |
|
|
16
|
+
| [autocapitalize](#autocapitalize) | `autocapitalize` | `string` | | An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]. |
|
|
17
|
+
| [autocomplete](#autocomplete) | `autocomplete` | `string` | | An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported. |
|
|
18
|
+
| [autocorrect](#autocorrect) | `autocorrect` | `string` | | When set to `off`, stops iOS from auto-correcting words when typed into a text box. |
|
|
19
|
+
| [customValidityTypeEmail](#customValidityTypeEmail) | `customValidityTypeEmail` | `string` | | Custom help text message for email type validity. |
|
|
20
|
+
| [disabled](#disabled) | `disabled` | `boolean` | false | If set, disables the input. |
|
|
21
|
+
| [error](#error) | `error` | `string` | | When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value. |
|
|
22
|
+
| [errorMessage](#errorMessage) | `errorMessage` | `string` | | Contains the help text message for the current validity error. |
|
|
23
|
+
| [format](#format) | `format` | `string` | | Specifies the input mask format. |
|
|
24
|
+
| [icon](#icon) | `icon` | `boolean` | false | If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format. |
|
|
25
|
+
| [id](#id) | `id` | `string` | | The id global attribute defines an identifier (ID) which must be unique in the whole document. |
|
|
26
|
+
| [inputmode](#inputmode) | `inputmode` | `string` | | Exposes inputmode attribute for input. |
|
|
27
|
+
| [lang](#lang) | `lang` | `string` | | Defines the language of an element. |
|
|
28
|
+
| [layout](#layout) | | `string` | "classic" | |
|
|
29
|
+
| [max](#max) | `max` | `string` | "undefined" | The maximum value allowed. This only applies for inputs with a type of `number` and all date formats. |
|
|
30
|
+
| [maxLength](#maxLength) | `maxLength` | `number` | "undefined" | The maximum number of characters the user can enter into the text input. This must be an integer value `0` or higher. |
|
|
31
|
+
| [min](#min) | `min` | `string` | "undefined" | The minimum value allowed. This only applies for inputs with a type of `number` and all date formats. |
|
|
32
|
+
| [minLength](#minLength) | `minLength` | `number` | "undefined" | The minimum number of characters the user can enter into the text input. This must be a non-negative integer value smaller than or equal to the value specified by `maxlength`. |
|
|
33
|
+
| [name](#name) | `name` | `string` | | Populates the `name` attribute on the input. |
|
|
34
|
+
| [noValidate](#noValidate) | `noValidate` | `boolean` | false | If set, disables auto-validation on blur. |
|
|
35
|
+
| [onDark](#onDark) | `onDark` | `boolean` | false | Sets onDark styles on input. |
|
|
36
|
+
| [pattern](#pattern) | `pattern` | `string` | | Specifies a regular expression the form control's value should match. |
|
|
37
|
+
| [placeholder](#placeholder) | `placeholder` | `string` | | Define custom placeholder text, only supported by date input formats. |
|
|
38
|
+
| [readonly](#readonly) | `readonly` | `boolean` | | Makes the input read-only, but can be set programmatically. |
|
|
39
|
+
| [required](#required) | `required` | `boolean` | false | Populates the `required` attribute on the input. Used for client-side validation. |
|
|
40
|
+
| [setCustomValidity](#setCustomValidity) | `setCustomValidity` | `string` | | Sets a custom help text message to display for all validityStates. |
|
|
41
|
+
| [setCustomValidityBadInput](#setCustomValidityBadInput) | `setCustomValidityBadInput` | `string` | | Custom help text message to display when validity = `badInput`. |
|
|
42
|
+
| [setCustomValidityCustomError](#setCustomValidityCustomError) | `setCustomValidityCustomError` | `string` | | Custom help text message to display when validity = `customError`. |
|
|
43
|
+
| [setCustomValidityForType](#setCustomValidityForType) | `setCustomValidityForType` | `string` | "undefined" | Custom help text message to display for the declared element `type` and type validity fails. |
|
|
44
|
+
| [setCustomValidityRangeOverflow](#setCustomValidityRangeOverflow) | `setCustomValidityRangeOverflow` | `string` | | Custom help text message to display when validity = `rangeOverflow`. |
|
|
45
|
+
| [setCustomValidityRangeUnderflow](#setCustomValidityRangeUnderflow) | `setCustomValidityRangeUnderflow` | `string` | | Custom help text message to display when validity = `rangeUnderflow`. |
|
|
46
|
+
| [setCustomValidityTooLong](#setCustomValidityTooLong) | `setCustomValidityTooLong` | `string` | | Custom help text message to display when validity = `tooLong`. |
|
|
47
|
+
| [setCustomValidityTooShort](#setCustomValidityTooShort) | `setCustomValidityTooShort` | `string` | | Custom help text message to display when validity = `tooShort`. |
|
|
48
|
+
| [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `string` | | Custom help text message to display when validity = `valueMissing`. |
|
|
49
|
+
| [shape](#shape) | | `string` | "classic" | |
|
|
50
|
+
| [size](#size) | | `string` | "lg" | |
|
|
51
|
+
| [spellcheck](#spellcheck) | `spellcheck` | `string` | | An enumerated attribute defines whether the element may be checked for spelling errors. [true, false]. When set to `false` the attribute `autocorrect` is set to `off` and `autocapitalize` is set to `none`. |
|
|
52
|
+
| [type](#type) | `type` | `string` | | Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `date`, `tel` or `text`. If given value is not allowed or set, defaults to `text`. |
|
|
53
|
+
| [validateOnInput](#validateOnInput) | `validateOnInput` | `boolean` | | Sets validation mode to re-eval with each input. |
|
|
54
|
+
| [validity](#validity) | `validity` | `string` | | Specifies the `validityState` this element is in. |
|
|
55
|
+
| [value](#value) | `value` | `string` | | Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input. |
|
|
58
56
|
|
|
59
57
|
## Methods
|
|
60
58
|
|
|
@@ -116,7 +116,7 @@ const t$2=globalThis,i$3=t$2.trustedTypes,s$3=i$3?i$3.createPolicy("lit-html",{c
|
|
|
116
116
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
117
117
|
*/const s$2=globalThis;let i$2 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};i$2._$litElement$=true,i$2["finalized"]=true,s$2.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$2.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$2.litElementVersions??=[]).push("4.2.0");
|
|
118
118
|
|
|
119
|
-
var shapeSizeCss = i$5`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
119
|
+
var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
120
120
|
|
|
121
121
|
var styleCss$4 = i$5`.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}`;
|
|
122
122
|
|
|
@@ -4194,9 +4194,10 @@ class DateFormatter {
|
|
|
4194
4194
|
/**
|
|
4195
4195
|
* Convert a date object to string format.
|
|
4196
4196
|
* @param {Object} date - Date to convert to string.
|
|
4197
|
-
* @
|
|
4197
|
+
* @param {String} locale - Optional locale to use for the date string. Defaults to user's locale.
|
|
4198
|
+
* @returns {String} Returns the date as a string.
|
|
4198
4199
|
*/
|
|
4199
|
-
this.getDateAsString = (date) => date.toLocaleDateString(
|
|
4200
|
+
this.getDateAsString = (date, locale = undefined) => date.toLocaleDateString(locale, {
|
|
4200
4201
|
year: "numeric",
|
|
4201
4202
|
month: "2-digit",
|
|
4202
4203
|
day: "2-digit",
|
|
@@ -4388,7 +4389,7 @@ class AuroDateUtilities extends AuroDateUtilitiesBase {
|
|
|
4388
4389
|
const dateObj = new Date(this.getFourDigitYear(dateParts.year), dateParts.month - 1, dateParts.day || 1);
|
|
4389
4390
|
|
|
4390
4391
|
// Get the date string of the date object we created from the string date
|
|
4391
|
-
const actualDateStr = dateFormatter.getDateAsString(dateObj);
|
|
4392
|
+
const actualDateStr = dateFormatter.getDateAsString(dateObj, "en-US");
|
|
4392
4393
|
|
|
4393
4394
|
// Guard Clause: Generated date matches date string input
|
|
4394
4395
|
if (expectedDateStr !== actualDateStr) {
|
|
@@ -4553,7 +4554,7 @@ const {
|
|
|
4553
4554
|
|
|
4554
4555
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4555
4556
|
|
|
4556
|
-
let AuroLibraryRuntimeUtils$
|
|
4557
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
4557
4558
|
|
|
4558
4559
|
/* eslint-disable jsdoc/require-param */
|
|
4559
4560
|
|
|
@@ -4623,7 +4624,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
4623
4624
|
class AuroFormValidation {
|
|
4624
4625
|
|
|
4625
4626
|
constructor() {
|
|
4626
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
4627
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
4627
4628
|
}
|
|
4628
4629
|
|
|
4629
4630
|
/**
|
|
@@ -6328,6 +6329,76 @@ var tokensCss$3 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-d
|
|
|
6328
6329
|
|
|
6329
6330
|
var colorCss$3 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]){--ds-auro-icon-color:var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
6330
6331
|
|
|
6332
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
6333
|
+
// See LICENSE in the project root for license information.
|
|
6334
|
+
|
|
6335
|
+
// ---------------------------------------------------------------------
|
|
6336
|
+
|
|
6337
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6338
|
+
|
|
6339
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
6340
|
+
|
|
6341
|
+
/* eslint-disable jsdoc/require-param */
|
|
6342
|
+
|
|
6343
|
+
/**
|
|
6344
|
+
* This will register a new custom element with the browser.
|
|
6345
|
+
* @param {String} name - The name of the custom element.
|
|
6346
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
6347
|
+
* @returns {void}
|
|
6348
|
+
*/
|
|
6349
|
+
registerComponent(name, componentClass) {
|
|
6350
|
+
if (!customElements.get(name)) {
|
|
6351
|
+
customElements.define(name, class extends componentClass {});
|
|
6352
|
+
}
|
|
6353
|
+
}
|
|
6354
|
+
|
|
6355
|
+
/**
|
|
6356
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
6357
|
+
* @returns {void}
|
|
6358
|
+
*/
|
|
6359
|
+
closestElement(
|
|
6360
|
+
selector, // selector like in .closest()
|
|
6361
|
+
base = this, // extra functionality to skip a parent
|
|
6362
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
6363
|
+
!el || el === document || el === window
|
|
6364
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
6365
|
+
: found
|
|
6366
|
+
? found // found a selector INside this element
|
|
6367
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
6368
|
+
) {
|
|
6369
|
+
return __Closest(base);
|
|
6370
|
+
}
|
|
6371
|
+
/* eslint-enable jsdoc/require-param */
|
|
6372
|
+
|
|
6373
|
+
/**
|
|
6374
|
+
* 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.
|
|
6375
|
+
* @param {Object} elem - The element to check.
|
|
6376
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
6377
|
+
* @returns {void}
|
|
6378
|
+
*/
|
|
6379
|
+
handleComponentTagRename(elem, tagName) {
|
|
6380
|
+
const tag = tagName.toLowerCase();
|
|
6381
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
6382
|
+
|
|
6383
|
+
if (elemTag !== tag) {
|
|
6384
|
+
elem.setAttribute(tag, true);
|
|
6385
|
+
}
|
|
6386
|
+
}
|
|
6387
|
+
|
|
6388
|
+
/**
|
|
6389
|
+
* Validates if an element is a specific Auro component.
|
|
6390
|
+
* @param {Object} elem - The element to validate.
|
|
6391
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
6392
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
6393
|
+
*/
|
|
6394
|
+
elementMatch(elem, tagName) {
|
|
6395
|
+
const tag = tagName.toLowerCase();
|
|
6396
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
6397
|
+
|
|
6398
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
6399
|
+
}
|
|
6400
|
+
};
|
|
6401
|
+
|
|
6331
6402
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6332
6403
|
// See LICENSE in the project root for license information.
|
|
6333
6404
|
|
|
@@ -6535,7 +6606,7 @@ class AuroLoader extends i$2 {
|
|
|
6535
6606
|
/**
|
|
6536
6607
|
* @private
|
|
6537
6608
|
*/
|
|
6538
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
6609
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
6539
6610
|
|
|
6540
6611
|
this.orbit = false;
|
|
6541
6612
|
this.ringworm = false;
|
|
@@ -6598,7 +6669,7 @@ class AuroLoader extends i$2 {
|
|
|
6598
6669
|
*
|
|
6599
6670
|
*/
|
|
6600
6671
|
static register(name = "auro-loader") {
|
|
6601
|
-
AuroLibraryRuntimeUtils$
|
|
6672
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroLoader);
|
|
6602
6673
|
}
|
|
6603
6674
|
|
|
6604
6675
|
firstUpdated() {
|
|
@@ -6902,7 +6973,7 @@ class AuroButton extends i$2 {
|
|
|
6902
6973
|
*
|
|
6903
6974
|
*/
|
|
6904
6975
|
static register(name = "auro-button") {
|
|
6905
|
-
AuroLibraryRuntimeUtils$
|
|
6976
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
|
|
6906
6977
|
}
|
|
6907
6978
|
|
|
6908
6979
|
/**
|
|
@@ -7268,7 +7339,7 @@ class AuroInput extends BaseInput {
|
|
|
7268
7339
|
/**
|
|
7269
7340
|
* Returns classmap configuration for html5 inputs in all layouts.
|
|
7270
7341
|
* @private
|
|
7271
|
-
* @returns {object} - Returns classmap
|
|
7342
|
+
* @returns {object} - Returns classmap.
|
|
7272
7343
|
*/
|
|
7273
7344
|
get commonInputClasses() {
|
|
7274
7345
|
return {
|
|
@@ -7277,9 +7348,9 @@ class AuroInput extends BaseInput {
|
|
|
7277
7348
|
}
|
|
7278
7349
|
|
|
7279
7350
|
/**
|
|
7280
|
-
* Returns classmap configuration for html5 inputs in
|
|
7351
|
+
* Returns classmap configuration for html5 inputs in each layout.
|
|
7281
7352
|
* @private
|
|
7282
|
-
* @return {object} - Returns classmap
|
|
7353
|
+
* @return {object} - Returns classmap.
|
|
7283
7354
|
*/
|
|
7284
7355
|
get legacyInputClasses() {
|
|
7285
7356
|
return {
|
|
@@ -7288,6 +7359,11 @@ class AuroInput extends BaseInput {
|
|
|
7288
7359
|
};
|
|
7289
7360
|
}
|
|
7290
7361
|
|
|
7362
|
+
/**
|
|
7363
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
7364
|
+
* @private
|
|
7365
|
+
* @return {object} - Returns classmap.
|
|
7366
|
+
*/
|
|
7291
7367
|
get commonWrapperClasses() {
|
|
7292
7368
|
return {
|
|
7293
7369
|
'wrapper': true,
|
|
@@ -7296,6 +7372,11 @@ class AuroInput extends BaseInput {
|
|
|
7296
7372
|
};
|
|
7297
7373
|
}
|
|
7298
7374
|
|
|
7375
|
+
/**
|
|
7376
|
+
* Returns classmap configuration for helpText elements in each layout.
|
|
7377
|
+
* @private
|
|
7378
|
+
* @return {object} - Returns classmap.
|
|
7379
|
+
*/
|
|
7299
7380
|
get helpTextClasses() {
|
|
7300
7381
|
return {
|
|
7301
7382
|
'helpTextWrapper': true,
|
|
@@ -7313,7 +7394,7 @@ class AuroInput extends BaseInput {
|
|
|
7313
7394
|
*
|
|
7314
7395
|
*/
|
|
7315
7396
|
static register(name = "auro-input") {
|
|
7316
|
-
AuroLibraryRuntimeUtils$
|
|
7397
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroInput);
|
|
7317
7398
|
}
|
|
7318
7399
|
|
|
7319
7400
|
/**
|
|
@@ -7549,9 +7630,9 @@ class AuroInput extends BaseInput {
|
|
|
7549
7630
|
}
|
|
7550
7631
|
|
|
7551
7632
|
/**
|
|
7552
|
-
* Returns HTML for the
|
|
7633
|
+
* Returns HTML for the classic layout.
|
|
7553
7634
|
* @private
|
|
7554
|
-
* @returns {import("lit").TemplateResult} - Returns HTML for the
|
|
7635
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
7555
7636
|
*/
|
|
7556
7637
|
renderLayoutClassic() {
|
|
7557
7638
|
return u$2`
|
|
@@ -41,7 +41,7 @@ const t$2=globalThis,i$3=t$2.trustedTypes,s$3=i$3?i$3.createPolicy("lit-html",{c
|
|
|
41
41
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
42
42
|
*/const s$2=globalThis;let i$2 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};i$2._$litElement$=true,i$2["finalized"]=true,s$2.litElementHydrateSupport?.({LitElement:i$2});const o$2=s$2.litElementPolyfillSupport;o$2?.({LitElement:i$2});(s$2.litElementVersions??=[]).push("4.2.0");
|
|
43
43
|
|
|
44
|
-
var shapeSizeCss = i$5`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-xl{min-height:
|
|
44
|
+
var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;min-height:68px;max-height:68px}.shape-pill-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:72px;max-height:72px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;min-height:44px;max-height:44px}`;
|
|
45
45
|
|
|
46
46
|
var styleCss$4 = i$5`.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}`;
|
|
47
47
|
|
|
@@ -4119,9 +4119,10 @@ class DateFormatter {
|
|
|
4119
4119
|
/**
|
|
4120
4120
|
* Convert a date object to string format.
|
|
4121
4121
|
* @param {Object} date - Date to convert to string.
|
|
4122
|
-
* @
|
|
4122
|
+
* @param {String} locale - Optional locale to use for the date string. Defaults to user's locale.
|
|
4123
|
+
* @returns {String} Returns the date as a string.
|
|
4123
4124
|
*/
|
|
4124
|
-
this.getDateAsString = (date) => date.toLocaleDateString(
|
|
4125
|
+
this.getDateAsString = (date, locale = undefined) => date.toLocaleDateString(locale, {
|
|
4125
4126
|
year: "numeric",
|
|
4126
4127
|
month: "2-digit",
|
|
4127
4128
|
day: "2-digit",
|
|
@@ -4313,7 +4314,7 @@ class AuroDateUtilities extends AuroDateUtilitiesBase {
|
|
|
4313
4314
|
const dateObj = new Date(this.getFourDigitYear(dateParts.year), dateParts.month - 1, dateParts.day || 1);
|
|
4314
4315
|
|
|
4315
4316
|
// Get the date string of the date object we created from the string date
|
|
4316
|
-
const actualDateStr = dateFormatter.getDateAsString(dateObj);
|
|
4317
|
+
const actualDateStr = dateFormatter.getDateAsString(dateObj, "en-US");
|
|
4317
4318
|
|
|
4318
4319
|
// Guard Clause: Generated date matches date string input
|
|
4319
4320
|
if (expectedDateStr !== actualDateStr) {
|
|
@@ -4478,7 +4479,7 @@ const {
|
|
|
4478
4479
|
|
|
4479
4480
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4480
4481
|
|
|
4481
|
-
let AuroLibraryRuntimeUtils$
|
|
4482
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
4482
4483
|
|
|
4483
4484
|
/* eslint-disable jsdoc/require-param */
|
|
4484
4485
|
|
|
@@ -4548,7 +4549,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
4548
4549
|
class AuroFormValidation {
|
|
4549
4550
|
|
|
4550
4551
|
constructor() {
|
|
4551
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
4552
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
4552
4553
|
}
|
|
4553
4554
|
|
|
4554
4555
|
/**
|
|
@@ -6253,6 +6254,76 @@ var tokensCss$3 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-d
|
|
|
6253
6254
|
|
|
6254
6255
|
var colorCss$3 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]){--ds-auro-icon-color:var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
6255
6256
|
|
|
6257
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
6258
|
+
// See LICENSE in the project root for license information.
|
|
6259
|
+
|
|
6260
|
+
// ---------------------------------------------------------------------
|
|
6261
|
+
|
|
6262
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6263
|
+
|
|
6264
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
6265
|
+
|
|
6266
|
+
/* eslint-disable jsdoc/require-param */
|
|
6267
|
+
|
|
6268
|
+
/**
|
|
6269
|
+
* This will register a new custom element with the browser.
|
|
6270
|
+
* @param {String} name - The name of the custom element.
|
|
6271
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
6272
|
+
* @returns {void}
|
|
6273
|
+
*/
|
|
6274
|
+
registerComponent(name, componentClass) {
|
|
6275
|
+
if (!customElements.get(name)) {
|
|
6276
|
+
customElements.define(name, class extends componentClass {});
|
|
6277
|
+
}
|
|
6278
|
+
}
|
|
6279
|
+
|
|
6280
|
+
/**
|
|
6281
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
6282
|
+
* @returns {void}
|
|
6283
|
+
*/
|
|
6284
|
+
closestElement(
|
|
6285
|
+
selector, // selector like in .closest()
|
|
6286
|
+
base = this, // extra functionality to skip a parent
|
|
6287
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
6288
|
+
!el || el === document || el === window
|
|
6289
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
6290
|
+
: found
|
|
6291
|
+
? found // found a selector INside this element
|
|
6292
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
6293
|
+
) {
|
|
6294
|
+
return __Closest(base);
|
|
6295
|
+
}
|
|
6296
|
+
/* eslint-enable jsdoc/require-param */
|
|
6297
|
+
|
|
6298
|
+
/**
|
|
6299
|
+
* 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.
|
|
6300
|
+
* @param {Object} elem - The element to check.
|
|
6301
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
6302
|
+
* @returns {void}
|
|
6303
|
+
*/
|
|
6304
|
+
handleComponentTagRename(elem, tagName) {
|
|
6305
|
+
const tag = tagName.toLowerCase();
|
|
6306
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
6307
|
+
|
|
6308
|
+
if (elemTag !== tag) {
|
|
6309
|
+
elem.setAttribute(tag, true);
|
|
6310
|
+
}
|
|
6311
|
+
}
|
|
6312
|
+
|
|
6313
|
+
/**
|
|
6314
|
+
* Validates if an element is a specific Auro component.
|
|
6315
|
+
* @param {Object} elem - The element to validate.
|
|
6316
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
6317
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
6318
|
+
*/
|
|
6319
|
+
elementMatch(elem, tagName) {
|
|
6320
|
+
const tag = tagName.toLowerCase();
|
|
6321
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
6322
|
+
|
|
6323
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
6324
|
+
}
|
|
6325
|
+
};
|
|
6326
|
+
|
|
6256
6327
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6257
6328
|
// See LICENSE in the project root for license information.
|
|
6258
6329
|
|
|
@@ -6460,7 +6531,7 @@ class AuroLoader extends i$2 {
|
|
|
6460
6531
|
/**
|
|
6461
6532
|
* @private
|
|
6462
6533
|
*/
|
|
6463
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
6534
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
6464
6535
|
|
|
6465
6536
|
this.orbit = false;
|
|
6466
6537
|
this.ringworm = false;
|
|
@@ -6523,7 +6594,7 @@ class AuroLoader extends i$2 {
|
|
|
6523
6594
|
*
|
|
6524
6595
|
*/
|
|
6525
6596
|
static register(name = "auro-loader") {
|
|
6526
|
-
AuroLibraryRuntimeUtils$
|
|
6597
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroLoader);
|
|
6527
6598
|
}
|
|
6528
6599
|
|
|
6529
6600
|
firstUpdated() {
|
|
@@ -6827,7 +6898,7 @@ class AuroButton extends i$2 {
|
|
|
6827
6898
|
*
|
|
6828
6899
|
*/
|
|
6829
6900
|
static register(name = "auro-button") {
|
|
6830
|
-
AuroLibraryRuntimeUtils$
|
|
6901
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
|
|
6831
6902
|
}
|
|
6832
6903
|
|
|
6833
6904
|
/**
|
|
@@ -7193,7 +7264,7 @@ class AuroInput extends BaseInput {
|
|
|
7193
7264
|
/**
|
|
7194
7265
|
* Returns classmap configuration for html5 inputs in all layouts.
|
|
7195
7266
|
* @private
|
|
7196
|
-
* @returns {object} - Returns classmap
|
|
7267
|
+
* @returns {object} - Returns classmap.
|
|
7197
7268
|
*/
|
|
7198
7269
|
get commonInputClasses() {
|
|
7199
7270
|
return {
|
|
@@ -7202,9 +7273,9 @@ class AuroInput extends BaseInput {
|
|
|
7202
7273
|
}
|
|
7203
7274
|
|
|
7204
7275
|
/**
|
|
7205
|
-
* Returns classmap configuration for html5 inputs in
|
|
7276
|
+
* Returns classmap configuration for html5 inputs in each layout.
|
|
7206
7277
|
* @private
|
|
7207
|
-
* @return {object} - Returns classmap
|
|
7278
|
+
* @return {object} - Returns classmap.
|
|
7208
7279
|
*/
|
|
7209
7280
|
get legacyInputClasses() {
|
|
7210
7281
|
return {
|
|
@@ -7213,6 +7284,11 @@ class AuroInput extends BaseInput {
|
|
|
7213
7284
|
};
|
|
7214
7285
|
}
|
|
7215
7286
|
|
|
7287
|
+
/**
|
|
7288
|
+
* Returns classmap configuration for wrapper elements in each layout.
|
|
7289
|
+
* @private
|
|
7290
|
+
* @return {object} - Returns classmap.
|
|
7291
|
+
*/
|
|
7216
7292
|
get commonWrapperClasses() {
|
|
7217
7293
|
return {
|
|
7218
7294
|
'wrapper': true,
|
|
@@ -7221,6 +7297,11 @@ class AuroInput extends BaseInput {
|
|
|
7221
7297
|
};
|
|
7222
7298
|
}
|
|
7223
7299
|
|
|
7300
|
+
/**
|
|
7301
|
+
* Returns classmap configuration for helpText elements in each layout.
|
|
7302
|
+
* @private
|
|
7303
|
+
* @return {object} - Returns classmap.
|
|
7304
|
+
*/
|
|
7224
7305
|
get helpTextClasses() {
|
|
7225
7306
|
return {
|
|
7226
7307
|
'helpTextWrapper': true,
|
|
@@ -7238,7 +7319,7 @@ class AuroInput extends BaseInput {
|
|
|
7238
7319
|
*
|
|
7239
7320
|
*/
|
|
7240
7321
|
static register(name = "auro-input") {
|
|
7241
|
-
AuroLibraryRuntimeUtils$
|
|
7322
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroInput);
|
|
7242
7323
|
}
|
|
7243
7324
|
|
|
7244
7325
|
/**
|
|
@@ -7474,9 +7555,9 @@ class AuroInput extends BaseInput {
|
|
|
7474
7555
|
}
|
|
7475
7556
|
|
|
7476
7557
|
/**
|
|
7477
|
-
* Returns HTML for the
|
|
7558
|
+
* Returns HTML for the classic layout.
|
|
7478
7559
|
* @private
|
|
7479
|
-
* @returns {import("lit").TemplateResult} - Returns HTML for the
|
|
7560
|
+
* @returns {import("lit").TemplateResult} - Returns HTML for the classic layout.
|
|
7480
7561
|
*/
|
|
7481
7562
|
renderLayoutClassic() {
|
|
7482
7563
|
return u$2`
|