@aurodesignsystem-dev/auro-formkit 0.0.0-pr1506.0 → 0.0.0-pr1506.2
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.html +1 -2
- 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.html +1 -2
- package/components/combobox/demo/customize.md +108 -132
- package/components/combobox/demo/customize.min.js +26 -130
- package/components/combobox/demo/getting-started.min.js +26 -130
- package/components/combobox/demo/index.min.js +26 -130
- package/components/combobox/dist/index.js +26 -130
- package/components/combobox/dist/registered.js +26 -130
- package/components/counter/demo/customize.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 +12 -124
- package/components/datepicker/demo/index.min.js +12 -124
- package/components/datepicker/dist/index.js +12 -124
- package/components/datepicker/dist/registered.js +12 -124
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.html +6 -6
- package/components/form/demo/customize.js +19 -0
- package/components/form/demo/customize.md +203 -51
- package/components/form/demo/customize.min.js +489 -419
- package/components/form/demo/getting-started.min.js +417 -419
- package/components/form/demo/index.min.js +417 -419
- package/components/form/demo/registerDemoDeps.min.js +54 -382
- package/components/form/dist/auro-form.d.ts +122 -4
- package/components/form/dist/index.js +363 -37
- package/components/form/dist/registered.js +363 -37
- package/components/input/demo/customize.html +1 -2
- package/components/input/demo/customize.min.js +10 -122
- package/components/input/demo/getting-started.min.js +10 -122
- package/components/input/demo/index.min.js +10 -122
- package/components/input/dist/base-input.d.ts +1 -49
- package/components/input/dist/index.js +10 -122
- package/components/input/dist/registered.js +10 -122
- 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.html +1 -2
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +123 -266
- package/package.json +1 -1
|
@@ -10612,10 +10612,8 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10612
10612
|
this.layout = 'classic';
|
|
10613
10613
|
this.locale = 'en-US';
|
|
10614
10614
|
this.max = undefined;
|
|
10615
|
-
this._maxObject = undefined;
|
|
10616
10615
|
this.maxLength = undefined;
|
|
10617
10616
|
this.min = undefined;
|
|
10618
|
-
this._minObject = undefined;
|
|
10619
10617
|
this.minLength = undefined;
|
|
10620
10618
|
this.required = false;
|
|
10621
10619
|
this.onDark = false;
|
|
@@ -10623,7 +10621,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
10623
10621
|
this.size = 'lg';
|
|
10624
10622
|
this.shape = 'classic';
|
|
10625
10623
|
this.value = undefined;
|
|
10626
|
-
this._valueObject = undefined;
|
|
10627
10624
|
|
|
10628
10625
|
this._initializePrivateDefaults();
|
|
10629
10626
|
}
|
|
@@ -11163,7 +11160,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11163
11160
|
* @returns {Date|undefined}
|
|
11164
11161
|
*/
|
|
11165
11162
|
get valueObject() {
|
|
11166
|
-
return this.
|
|
11163
|
+
return this.value && dateFormatter$3.isValidDate(this.value) ? dateFormatter$3.stringToDateInstance(this.value) : undefined;
|
|
11167
11164
|
}
|
|
11168
11165
|
|
|
11169
11166
|
/**
|
|
@@ -11171,7 +11168,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11171
11168
|
* @returns {Date|undefined}
|
|
11172
11169
|
*/
|
|
11173
11170
|
get minObject() {
|
|
11174
|
-
return this.
|
|
11171
|
+
return this.min && dateFormatter$3.isValidDate(this.min) ? dateFormatter$3.stringToDateInstance(this.min) : undefined;
|
|
11175
11172
|
}
|
|
11176
11173
|
|
|
11177
11174
|
/**
|
|
@@ -11179,50 +11176,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11179
11176
|
* @returns {Date|undefined}
|
|
11180
11177
|
*/
|
|
11181
11178
|
get maxObject() {
|
|
11182
|
-
return this.
|
|
11183
|
-
}
|
|
11184
|
-
|
|
11185
|
-
/**
|
|
11186
|
-
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
11187
|
-
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
11188
|
-
* input type/format isn't a full date or the string is not a valid date.
|
|
11189
|
-
*
|
|
11190
|
-
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
11191
|
-
* inside its own `updated()` before this input's `updated()` has run
|
|
11192
|
-
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
11193
|
-
* and range checks would otherwise silently no-op (flipping the result to
|
|
11194
|
-
* `valid` or `patternMismatch`).
|
|
11195
|
-
* @private
|
|
11196
|
-
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
11197
|
-
* @returns {Date|undefined}
|
|
11198
|
-
*/
|
|
11199
|
-
_computeDateObjectFallback(dateStr) {
|
|
11200
|
-
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
11201
|
-
return undefined;
|
|
11202
|
-
}
|
|
11203
|
-
if (!dateFormatter$3.isValidDate(dateStr)) {
|
|
11204
|
-
return undefined;
|
|
11205
|
-
}
|
|
11206
|
-
return dateFormatter$3.stringToDateInstance(dateStr);
|
|
11207
|
-
}
|
|
11208
|
-
|
|
11209
|
-
/**
|
|
11210
|
-
* Internal setter for readonly date object properties.
|
|
11211
|
-
* @private
|
|
11212
|
-
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
11213
|
-
* @param {Date|undefined} propertyValue - Value to assign.
|
|
11214
|
-
* @returns {void}
|
|
11215
|
-
*/
|
|
11216
|
-
setDateObjectProperty(propertyName, propertyValue) {
|
|
11217
|
-
const internalPropertyName = `_${propertyName}`;
|
|
11218
|
-
const previousValue = this[internalPropertyName];
|
|
11219
|
-
|
|
11220
|
-
if (previousValue === propertyValue) {
|
|
11221
|
-
return;
|
|
11222
|
-
}
|
|
11223
|
-
|
|
11224
|
-
this[internalPropertyName] = propertyValue;
|
|
11225
|
-
this.requestUpdate(propertyName, previousValue);
|
|
11179
|
+
return this.max && dateFormatter$3.isValidDate(this.max) ? dateFormatter$3.stringToDateInstance(this.max) : undefined;
|
|
11226
11180
|
}
|
|
11227
11181
|
|
|
11228
11182
|
connectedCallback() {
|
|
@@ -11251,7 +11205,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11251
11205
|
format: this.format
|
|
11252
11206
|
});
|
|
11253
11207
|
this.configureDataForType();
|
|
11254
|
-
this.syncDateValues();
|
|
11255
11208
|
}
|
|
11256
11209
|
|
|
11257
11210
|
disconnectedCallback() {
|
|
@@ -11281,7 +11234,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11281
11234
|
this.setCustomHelpTextMessage();
|
|
11282
11235
|
this.configureAutoFormatting();
|
|
11283
11236
|
this.configureDataForType();
|
|
11284
|
-
this.syncDateValues();
|
|
11285
11237
|
}
|
|
11286
11238
|
|
|
11287
11239
|
/**
|
|
@@ -11418,8 +11370,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11418
11370
|
this.configureDataForType();
|
|
11419
11371
|
}
|
|
11420
11372
|
|
|
11421
|
-
this.syncDateValues(changedProperties);
|
|
11422
|
-
|
|
11423
11373
|
if (changedProperties.has('value')) {
|
|
11424
11374
|
if (this.value && this.value.length > 0) {
|
|
11425
11375
|
this.hasValue = true;
|
|
@@ -11490,69 +11440,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11490
11440
|
}));
|
|
11491
11441
|
}
|
|
11492
11442
|
|
|
11493
|
-
|
|
11494
|
-
/**
|
|
11495
|
-
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
11496
|
-
* This keeps the model and display values aligned when either side changes.
|
|
11497
|
-
*
|
|
11498
|
-
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
11499
|
-
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
11500
|
-
* represents a full year/month/day date format.
|
|
11501
|
-
*
|
|
11502
|
-
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
11503
|
-
* @returns {void}
|
|
11504
|
-
* @private
|
|
11505
|
-
*/
|
|
11506
|
-
syncDateValues(changedProperties = undefined) {
|
|
11507
|
-
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
11508
|
-
return;
|
|
11509
|
-
}
|
|
11510
|
-
|
|
11511
|
-
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
11512
|
-
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
11513
|
-
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
11514
|
-
}
|
|
11515
|
-
|
|
11516
|
-
/**
|
|
11517
|
-
* Synchronizes one date object/string property pair.
|
|
11518
|
-
* @private
|
|
11519
|
-
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
11520
|
-
* @param {string} objectProperty - Date object property name.
|
|
11521
|
-
* @param {string} valueProperty - ISO string property name.
|
|
11522
|
-
* @returns {void}
|
|
11523
|
-
*/
|
|
11524
|
-
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
11525
|
-
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
11526
|
-
|
|
11527
|
-
// objectProperty wins over valueProperty when both changed
|
|
11528
|
-
if (objectPropertyChanged && this[objectProperty]) {
|
|
11529
|
-
this[valueProperty] = dateFormatter$3.toISOFormatString(this[objectProperty]);
|
|
11530
|
-
return;
|
|
11531
|
-
}
|
|
11532
|
-
|
|
11533
|
-
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
11534
|
-
if (!valuePropertyChanged) {
|
|
11535
|
-
return;
|
|
11536
|
-
}
|
|
11537
|
-
|
|
11538
|
-
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
11539
|
-
if (
|
|
11540
|
-
changedProperties &&
|
|
11541
|
-
valueProperty === 'value' &&
|
|
11542
|
-
changedProperties.get('value') === undefined &&
|
|
11543
|
-
this[objectProperty] instanceof Date &&
|
|
11544
|
-
this[valueProperty] === dateFormatter$3.toISOFormatString(this[objectProperty])
|
|
11545
|
-
) {
|
|
11546
|
-
return;
|
|
11547
|
-
}
|
|
11548
|
-
|
|
11549
|
-
if (dateFormatter$3.isValidDate(this[valueProperty])) {
|
|
11550
|
-
this.setDateObjectProperty(objectProperty, dateFormatter$3.stringToDateInstance(this[valueProperty]));
|
|
11551
|
-
} else {
|
|
11552
|
-
this.setDateObjectProperty(objectProperty, undefined);
|
|
11553
|
-
}
|
|
11554
|
-
}
|
|
11555
|
-
|
|
11556
11443
|
/**
|
|
11557
11444
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
11558
11445
|
* @private
|
|
@@ -11567,8 +11454,13 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11567
11454
|
this._configuringMask = true;
|
|
11568
11455
|
try {
|
|
11569
11456
|
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
11457
|
+
// Null the reference too — if the new maskOptions.mask is falsy (e.g.
|
|
11458
|
+
// type switched from credit-card to text) the IMask() reassignment
|
|
11459
|
+
// below is skipped, and downstream writes at line ~823 would otherwise
|
|
11460
|
+
// route through the destroyed instance.
|
|
11570
11461
|
if (this.maskInstance) {
|
|
11571
11462
|
this.maskInstance.destroy();
|
|
11463
|
+
this.maskInstance = null;
|
|
11572
11464
|
}
|
|
11573
11465
|
|
|
11574
11466
|
this.util.updateFormat(this.format);
|
|
@@ -11589,9 +11481,7 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11589
11481
|
if (
|
|
11590
11482
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
11591
11483
|
this.value &&
|
|
11592
|
-
|
|
11593
|
-
this.valueObject instanceof Date &&
|
|
11594
|
-
!Number.isNaN(this.valueObject.getTime()) &&
|
|
11484
|
+
this.valueObject &&
|
|
11595
11485
|
typeof maskOptions.format === 'function'
|
|
11596
11486
|
) {
|
|
11597
11487
|
existingValue = maskOptions.format(this.valueObject);
|
|
@@ -11796,7 +11686,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11796
11686
|
*/
|
|
11797
11687
|
reset() {
|
|
11798
11688
|
this.value = undefined;
|
|
11799
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
11800
11689
|
this.validation.reset(this);
|
|
11801
11690
|
}
|
|
11802
11691
|
|
|
@@ -11805,7 +11694,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11805
11694
|
*/
|
|
11806
11695
|
clear() {
|
|
11807
11696
|
this.value = undefined;
|
|
11808
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
11809
11697
|
}
|
|
11810
11698
|
|
|
11811
11699
|
/**
|
|
@@ -12334,7 +12222,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12334
12222
|
}
|
|
12335
12223
|
};
|
|
12336
12224
|
|
|
12337
|
-
var formkitVersion$8 = '
|
|
12225
|
+
var formkitVersion$8 = '202606221656';
|
|
12338
12226
|
|
|
12339
12227
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12340
12228
|
// See LICENSE in the project root for license information.
|
|
@@ -26454,7 +26342,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
26454
26342
|
}
|
|
26455
26343
|
};
|
|
26456
26344
|
|
|
26457
|
-
var formkitVersion$2$1 = '
|
|
26345
|
+
var formkitVersion$2$1 = '202606221656';
|
|
26458
26346
|
|
|
26459
26347
|
let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
26460
26348
|
`,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -31965,7 +31853,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
31965
31853
|
}
|
|
31966
31854
|
};
|
|
31967
31855
|
|
|
31968
|
-
var formkitVersion$1$3 = '
|
|
31856
|
+
var formkitVersion$1$3 = '202606221656';
|
|
31969
31857
|
|
|
31970
31858
|
let AuroElement$2$2 = class AuroElement extends i$2 {
|
|
31971
31859
|
static get properties() {
|
|
@@ -43831,10 +43719,8 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
43831
43719
|
this.layout = 'classic';
|
|
43832
43720
|
this.locale = 'en-US';
|
|
43833
43721
|
this.max = undefined;
|
|
43834
|
-
this._maxObject = undefined;
|
|
43835
43722
|
this.maxLength = undefined;
|
|
43836
43723
|
this.min = undefined;
|
|
43837
|
-
this._minObject = undefined;
|
|
43838
43724
|
this.minLength = undefined;
|
|
43839
43725
|
this.required = false;
|
|
43840
43726
|
this.onDark = false;
|
|
@@ -43842,7 +43728,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
43842
43728
|
this.size = 'lg';
|
|
43843
43729
|
this.shape = 'classic';
|
|
43844
43730
|
this.value = undefined;
|
|
43845
|
-
this._valueObject = undefined;
|
|
43846
43731
|
|
|
43847
43732
|
this._initializePrivateDefaults();
|
|
43848
43733
|
}
|
|
@@ -44382,7 +44267,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44382
44267
|
* @returns {Date|undefined}
|
|
44383
44268
|
*/
|
|
44384
44269
|
get valueObject() {
|
|
44385
|
-
return this.
|
|
44270
|
+
return this.value && dateFormatter$2.isValidDate(this.value) ? dateFormatter$2.stringToDateInstance(this.value) : undefined;
|
|
44386
44271
|
}
|
|
44387
44272
|
|
|
44388
44273
|
/**
|
|
@@ -44390,7 +44275,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44390
44275
|
* @returns {Date|undefined}
|
|
44391
44276
|
*/
|
|
44392
44277
|
get minObject() {
|
|
44393
|
-
return this.
|
|
44278
|
+
return this.min && dateFormatter$2.isValidDate(this.min) ? dateFormatter$2.stringToDateInstance(this.min) : undefined;
|
|
44394
44279
|
}
|
|
44395
44280
|
|
|
44396
44281
|
/**
|
|
@@ -44398,50 +44283,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44398
44283
|
* @returns {Date|undefined}
|
|
44399
44284
|
*/
|
|
44400
44285
|
get maxObject() {
|
|
44401
|
-
return this.
|
|
44402
|
-
}
|
|
44403
|
-
|
|
44404
|
-
/**
|
|
44405
|
-
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
44406
|
-
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
44407
|
-
* input type/format isn't a full date or the string is not a valid date.
|
|
44408
|
-
*
|
|
44409
|
-
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
44410
|
-
* inside its own `updated()` before this input's `updated()` has run
|
|
44411
|
-
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
44412
|
-
* and range checks would otherwise silently no-op (flipping the result to
|
|
44413
|
-
* `valid` or `patternMismatch`).
|
|
44414
|
-
* @private
|
|
44415
|
-
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
44416
|
-
* @returns {Date|undefined}
|
|
44417
|
-
*/
|
|
44418
|
-
_computeDateObjectFallback(dateStr) {
|
|
44419
|
-
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
44420
|
-
return undefined;
|
|
44421
|
-
}
|
|
44422
|
-
if (!dateFormatter$2.isValidDate(dateStr)) {
|
|
44423
|
-
return undefined;
|
|
44424
|
-
}
|
|
44425
|
-
return dateFormatter$2.stringToDateInstance(dateStr);
|
|
44426
|
-
}
|
|
44427
|
-
|
|
44428
|
-
/**
|
|
44429
|
-
* Internal setter for readonly date object properties.
|
|
44430
|
-
* @private
|
|
44431
|
-
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
44432
|
-
* @param {Date|undefined} propertyValue - Value to assign.
|
|
44433
|
-
* @returns {void}
|
|
44434
|
-
*/
|
|
44435
|
-
setDateObjectProperty(propertyName, propertyValue) {
|
|
44436
|
-
const internalPropertyName = `_${propertyName}`;
|
|
44437
|
-
const previousValue = this[internalPropertyName];
|
|
44438
|
-
|
|
44439
|
-
if (previousValue === propertyValue) {
|
|
44440
|
-
return;
|
|
44441
|
-
}
|
|
44442
|
-
|
|
44443
|
-
this[internalPropertyName] = propertyValue;
|
|
44444
|
-
this.requestUpdate(propertyName, previousValue);
|
|
44286
|
+
return this.max && dateFormatter$2.isValidDate(this.max) ? dateFormatter$2.stringToDateInstance(this.max) : undefined;
|
|
44445
44287
|
}
|
|
44446
44288
|
|
|
44447
44289
|
connectedCallback() {
|
|
@@ -44470,7 +44312,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44470
44312
|
format: this.format
|
|
44471
44313
|
});
|
|
44472
44314
|
this.configureDataForType();
|
|
44473
|
-
this.syncDateValues();
|
|
44474
44315
|
}
|
|
44475
44316
|
|
|
44476
44317
|
disconnectedCallback() {
|
|
@@ -44500,7 +44341,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44500
44341
|
this.setCustomHelpTextMessage();
|
|
44501
44342
|
this.configureAutoFormatting();
|
|
44502
44343
|
this.configureDataForType();
|
|
44503
|
-
this.syncDateValues();
|
|
44504
44344
|
}
|
|
44505
44345
|
|
|
44506
44346
|
/**
|
|
@@ -44637,8 +44477,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44637
44477
|
this.configureDataForType();
|
|
44638
44478
|
}
|
|
44639
44479
|
|
|
44640
|
-
this.syncDateValues(changedProperties);
|
|
44641
|
-
|
|
44642
44480
|
if (changedProperties.has('value')) {
|
|
44643
44481
|
if (this.value && this.value.length > 0) {
|
|
44644
44482
|
this.hasValue = true;
|
|
@@ -44709,69 +44547,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44709
44547
|
}));
|
|
44710
44548
|
}
|
|
44711
44549
|
|
|
44712
|
-
|
|
44713
|
-
/**
|
|
44714
|
-
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
44715
|
-
* This keeps the model and display values aligned when either side changes.
|
|
44716
|
-
*
|
|
44717
|
-
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
44718
|
-
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
44719
|
-
* represents a full year/month/day date format.
|
|
44720
|
-
*
|
|
44721
|
-
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
44722
|
-
* @returns {void}
|
|
44723
|
-
* @private
|
|
44724
|
-
*/
|
|
44725
|
-
syncDateValues(changedProperties = undefined) {
|
|
44726
|
-
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
44727
|
-
return;
|
|
44728
|
-
}
|
|
44729
|
-
|
|
44730
|
-
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
44731
|
-
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
44732
|
-
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
44733
|
-
}
|
|
44734
|
-
|
|
44735
|
-
/**
|
|
44736
|
-
* Synchronizes one date object/string property pair.
|
|
44737
|
-
* @private
|
|
44738
|
-
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
44739
|
-
* @param {string} objectProperty - Date object property name.
|
|
44740
|
-
* @param {string} valueProperty - ISO string property name.
|
|
44741
|
-
* @returns {void}
|
|
44742
|
-
*/
|
|
44743
|
-
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
44744
|
-
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
44745
|
-
|
|
44746
|
-
// objectProperty wins over valueProperty when both changed
|
|
44747
|
-
if (objectPropertyChanged && this[objectProperty]) {
|
|
44748
|
-
this[valueProperty] = dateFormatter$2.toISOFormatString(this[objectProperty]);
|
|
44749
|
-
return;
|
|
44750
|
-
}
|
|
44751
|
-
|
|
44752
|
-
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
44753
|
-
if (!valuePropertyChanged) {
|
|
44754
|
-
return;
|
|
44755
|
-
}
|
|
44756
|
-
|
|
44757
|
-
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
44758
|
-
if (
|
|
44759
|
-
changedProperties &&
|
|
44760
|
-
valueProperty === 'value' &&
|
|
44761
|
-
changedProperties.get('value') === undefined &&
|
|
44762
|
-
this[objectProperty] instanceof Date &&
|
|
44763
|
-
this[valueProperty] === dateFormatter$2.toISOFormatString(this[objectProperty])
|
|
44764
|
-
) {
|
|
44765
|
-
return;
|
|
44766
|
-
}
|
|
44767
|
-
|
|
44768
|
-
if (dateFormatter$2.isValidDate(this[valueProperty])) {
|
|
44769
|
-
this.setDateObjectProperty(objectProperty, dateFormatter$2.stringToDateInstance(this[valueProperty]));
|
|
44770
|
-
} else {
|
|
44771
|
-
this.setDateObjectProperty(objectProperty, undefined);
|
|
44772
|
-
}
|
|
44773
|
-
}
|
|
44774
|
-
|
|
44775
44550
|
/**
|
|
44776
44551
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
44777
44552
|
* @private
|
|
@@ -44786,8 +44561,13 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44786
44561
|
this._configuringMask = true;
|
|
44787
44562
|
try {
|
|
44788
44563
|
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
44564
|
+
// Null the reference too — if the new maskOptions.mask is falsy (e.g.
|
|
44565
|
+
// type switched from credit-card to text) the IMask() reassignment
|
|
44566
|
+
// below is skipped, and downstream writes at line ~823 would otherwise
|
|
44567
|
+
// route through the destroyed instance.
|
|
44789
44568
|
if (this.maskInstance) {
|
|
44790
44569
|
this.maskInstance.destroy();
|
|
44570
|
+
this.maskInstance = null;
|
|
44791
44571
|
}
|
|
44792
44572
|
|
|
44793
44573
|
this.util.updateFormat(this.format);
|
|
@@ -44808,9 +44588,7 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
44808
44588
|
if (
|
|
44809
44589
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
44810
44590
|
this.value &&
|
|
44811
|
-
|
|
44812
|
-
this.valueObject instanceof Date &&
|
|
44813
|
-
!Number.isNaN(this.valueObject.getTime()) &&
|
|
44591
|
+
this.valueObject &&
|
|
44814
44592
|
typeof maskOptions.format === 'function'
|
|
44815
44593
|
) {
|
|
44816
44594
|
existingValue = maskOptions.format(this.valueObject);
|
|
@@ -45015,7 +44793,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45015
44793
|
*/
|
|
45016
44794
|
reset() {
|
|
45017
44795
|
this.value = undefined;
|
|
45018
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
45019
44796
|
this.validation.reset(this);
|
|
45020
44797
|
}
|
|
45021
44798
|
|
|
@@ -45024,7 +44801,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45024
44801
|
*/
|
|
45025
44802
|
clear() {
|
|
45026
44803
|
this.value = undefined;
|
|
45027
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
45028
44804
|
}
|
|
45029
44805
|
|
|
45030
44806
|
/**
|
|
@@ -45553,7 +45329,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
45553
45329
|
}
|
|
45554
45330
|
};
|
|
45555
45331
|
|
|
45556
|
-
var formkitVersion$7 = '
|
|
45332
|
+
var formkitVersion$7 = '202606221656';
|
|
45557
45333
|
|
|
45558
45334
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
45559
45335
|
// See LICENSE in the project root for license information.
|
|
@@ -50250,7 +50026,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
50250
50026
|
}
|
|
50251
50027
|
};
|
|
50252
50028
|
|
|
50253
|
-
var formkitVersion$1$2 = '
|
|
50029
|
+
var formkitVersion$1$2 = '202606221656';
|
|
50254
50030
|
|
|
50255
50031
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
50256
50032
|
// See LICENSE in the project root for license information.
|
|
@@ -54578,7 +54354,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
54578
54354
|
}
|
|
54579
54355
|
};
|
|
54580
54356
|
|
|
54581
|
-
var formkitVersion$6 = '
|
|
54357
|
+
var formkitVersion$6 = '202606221656';
|
|
54582
54358
|
|
|
54583
54359
|
let AuroElement$1$2 = class AuroElement extends i$2 {
|
|
54584
54360
|
static get properties() {
|
|
@@ -58510,7 +58286,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
58510
58286
|
}
|
|
58511
58287
|
};
|
|
58512
58288
|
|
|
58513
|
-
var formkitVersion$5 = '
|
|
58289
|
+
var formkitVersion$5 = '202606221656';
|
|
58514
58290
|
|
|
58515
58291
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
58516
58292
|
// See LICENSE in the project root for license information.
|
|
@@ -60260,7 +60036,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
60260
60036
|
}
|
|
60261
60037
|
};
|
|
60262
60038
|
|
|
60263
|
-
var formkitVersion$4 = '
|
|
60039
|
+
var formkitVersion$4 = '202606221656';
|
|
60264
60040
|
|
|
60265
60041
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
60266
60042
|
// See LICENSE in the project root for license information.
|
|
@@ -65475,7 +65251,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
65475
65251
|
}
|
|
65476
65252
|
};
|
|
65477
65253
|
|
|
65478
|
-
var formkitVersion$2 = '
|
|
65254
|
+
var formkitVersion$2 = '202606221656';
|
|
65479
65255
|
|
|
65480
65256
|
let AuroElement$2$1 = class AuroElement extends i$2 {
|
|
65481
65257
|
static get properties() {
|
|
@@ -77341,10 +77117,8 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77341
77117
|
this.layout = 'classic';
|
|
77342
77118
|
this.locale = 'en-US';
|
|
77343
77119
|
this.max = undefined;
|
|
77344
|
-
this._maxObject = undefined;
|
|
77345
77120
|
this.maxLength = undefined;
|
|
77346
77121
|
this.min = undefined;
|
|
77347
|
-
this._minObject = undefined;
|
|
77348
77122
|
this.minLength = undefined;
|
|
77349
77123
|
this.required = false;
|
|
77350
77124
|
this.onDark = false;
|
|
@@ -77352,7 +77126,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77352
77126
|
this.size = 'lg';
|
|
77353
77127
|
this.shape = 'classic';
|
|
77354
77128
|
this.value = undefined;
|
|
77355
|
-
this._valueObject = undefined;
|
|
77356
77129
|
|
|
77357
77130
|
this._initializePrivateDefaults();
|
|
77358
77131
|
}
|
|
@@ -77892,7 +77665,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77892
77665
|
* @returns {Date|undefined}
|
|
77893
77666
|
*/
|
|
77894
77667
|
get valueObject() {
|
|
77895
|
-
return this.
|
|
77668
|
+
return this.value && dateFormatter.isValidDate(this.value) ? dateFormatter.stringToDateInstance(this.value) : undefined;
|
|
77896
77669
|
}
|
|
77897
77670
|
|
|
77898
77671
|
/**
|
|
@@ -77900,7 +77673,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77900
77673
|
* @returns {Date|undefined}
|
|
77901
77674
|
*/
|
|
77902
77675
|
get minObject() {
|
|
77903
|
-
return this.
|
|
77676
|
+
return this.min && dateFormatter.isValidDate(this.min) ? dateFormatter.stringToDateInstance(this.min) : undefined;
|
|
77904
77677
|
}
|
|
77905
77678
|
|
|
77906
77679
|
/**
|
|
@@ -77908,50 +77681,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77908
77681
|
* @returns {Date|undefined}
|
|
77909
77682
|
*/
|
|
77910
77683
|
get maxObject() {
|
|
77911
|
-
return this.
|
|
77912
|
-
}
|
|
77913
|
-
|
|
77914
|
-
/**
|
|
77915
|
-
* Parses a date string into a Date object when the corresponding `_*Object`
|
|
77916
|
-
* field hasn't been synced yet by `updated()`. Returns undefined when the
|
|
77917
|
-
* input type/format isn't a full date or the string is not a valid date.
|
|
77918
|
-
*
|
|
77919
|
-
* Why this exists: a parent (datepicker) can call `inputN.validate()` from
|
|
77920
|
-
* inside its own `updated()` before this input's `updated()` has run
|
|
77921
|
-
* `syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`
|
|
77922
|
-
* and range checks would otherwise silently no-op (flipping the result to
|
|
77923
|
-
* `valid` or `patternMismatch`).
|
|
77924
|
-
* @private
|
|
77925
|
-
* @param {string|undefined} dateStr - ISO date string from `value`/`min`/`max`.
|
|
77926
|
-
* @returns {Date|undefined}
|
|
77927
|
-
*/
|
|
77928
|
-
_computeDateObjectFallback(dateStr) {
|
|
77929
|
-
if (!dateStr || !this.util || !this.util.isFullDateFormat(this.type, this.format)) {
|
|
77930
|
-
return undefined;
|
|
77931
|
-
}
|
|
77932
|
-
if (!dateFormatter.isValidDate(dateStr)) {
|
|
77933
|
-
return undefined;
|
|
77934
|
-
}
|
|
77935
|
-
return dateFormatter.stringToDateInstance(dateStr);
|
|
77936
|
-
}
|
|
77937
|
-
|
|
77938
|
-
/**
|
|
77939
|
-
* Internal setter for readonly date object properties.
|
|
77940
|
-
* @private
|
|
77941
|
-
* @param {'valueObject'|'minObject'|'maxObject'} propertyName - Public object property name.
|
|
77942
|
-
* @param {Date|undefined} propertyValue - Value to assign.
|
|
77943
|
-
* @returns {void}
|
|
77944
|
-
*/
|
|
77945
|
-
setDateObjectProperty(propertyName, propertyValue) {
|
|
77946
|
-
const internalPropertyName = `_${propertyName}`;
|
|
77947
|
-
const previousValue = this[internalPropertyName];
|
|
77948
|
-
|
|
77949
|
-
if (previousValue === propertyValue) {
|
|
77950
|
-
return;
|
|
77951
|
-
}
|
|
77952
|
-
|
|
77953
|
-
this[internalPropertyName] = propertyValue;
|
|
77954
|
-
this.requestUpdate(propertyName, previousValue);
|
|
77684
|
+
return this.max && dateFormatter.isValidDate(this.max) ? dateFormatter.stringToDateInstance(this.max) : undefined;
|
|
77955
77685
|
}
|
|
77956
77686
|
|
|
77957
77687
|
connectedCallback() {
|
|
@@ -77980,7 +77710,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
77980
77710
|
format: this.format
|
|
77981
77711
|
});
|
|
77982
77712
|
this.configureDataForType();
|
|
77983
|
-
this.syncDateValues();
|
|
77984
77713
|
}
|
|
77985
77714
|
|
|
77986
77715
|
disconnectedCallback() {
|
|
@@ -78010,7 +77739,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78010
77739
|
this.setCustomHelpTextMessage();
|
|
78011
77740
|
this.configureAutoFormatting();
|
|
78012
77741
|
this.configureDataForType();
|
|
78013
|
-
this.syncDateValues();
|
|
78014
77742
|
}
|
|
78015
77743
|
|
|
78016
77744
|
/**
|
|
@@ -78147,8 +77875,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78147
77875
|
this.configureDataForType();
|
|
78148
77876
|
}
|
|
78149
77877
|
|
|
78150
|
-
this.syncDateValues(changedProperties);
|
|
78151
|
-
|
|
78152
77878
|
if (changedProperties.has('value')) {
|
|
78153
77879
|
if (this.value && this.value.length > 0) {
|
|
78154
77880
|
this.hasValue = true;
|
|
@@ -78219,69 +77945,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78219
77945
|
}));
|
|
78220
77946
|
}
|
|
78221
77947
|
|
|
78222
|
-
|
|
78223
|
-
/**
|
|
78224
|
-
* Synchronizes the ISO string values and Date object representations for date-related properties.
|
|
78225
|
-
* This keeps the model and display values aligned when either side changes.
|
|
78226
|
-
*
|
|
78227
|
-
* When a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding
|
|
78228
|
-
* Date objects or vice versa, based on which properties have changed. It only runs when the current configuration
|
|
78229
|
-
* represents a full year/month/day date format.
|
|
78230
|
-
*
|
|
78231
|
-
* @param {Map<string, unknown>|undefined} [changedProperties=undefined] - Optional map of changed properties used to limit which values are synchronized.
|
|
78232
|
-
* @returns {void}
|
|
78233
|
-
* @private
|
|
78234
|
-
*/
|
|
78235
|
-
syncDateValues(changedProperties = undefined) {
|
|
78236
|
-
if (!this.util.isFullDateFormat(this.type, this.format)) {
|
|
78237
|
-
return;
|
|
78238
|
-
}
|
|
78239
|
-
|
|
78240
|
-
this.syncSingleDateValue(changedProperties, 'valueObject', 'value');
|
|
78241
|
-
this.syncSingleDateValue(changedProperties, 'minObject', 'min');
|
|
78242
|
-
this.syncSingleDateValue(changedProperties, 'maxObject', 'max');
|
|
78243
|
-
}
|
|
78244
|
-
|
|
78245
|
-
/**
|
|
78246
|
-
* Synchronizes one date object/string property pair.
|
|
78247
|
-
* @private
|
|
78248
|
-
* @param {Map<string, unknown>|undefined} changedProperties - Map of changed properties from Lit.
|
|
78249
|
-
* @param {string} objectProperty - Date object property name.
|
|
78250
|
-
* @param {string} valueProperty - ISO string property name.
|
|
78251
|
-
* @returns {void}
|
|
78252
|
-
*/
|
|
78253
|
-
syncSingleDateValue(changedProperties, objectProperty, valueProperty) {
|
|
78254
|
-
const objectPropertyChanged = !changedProperties || changedProperties.has(objectProperty);
|
|
78255
|
-
|
|
78256
|
-
// objectProperty wins over valueProperty when both changed
|
|
78257
|
-
if (objectPropertyChanged && this[objectProperty]) {
|
|
78258
|
-
this[valueProperty] = dateFormatter.toISOFormatString(this[objectProperty]);
|
|
78259
|
-
return;
|
|
78260
|
-
}
|
|
78261
|
-
|
|
78262
|
-
const valuePropertyChanged = !changedProperties || changedProperties.has(valueProperty);
|
|
78263
|
-
if (!valuePropertyChanged) {
|
|
78264
|
-
return;
|
|
78265
|
-
}
|
|
78266
|
-
|
|
78267
|
-
// when value is newly set to the same ISO string that corresponds to the existing Date object, do not clear the Date object (avoid unnecessary updates)
|
|
78268
|
-
if (
|
|
78269
|
-
changedProperties &&
|
|
78270
|
-
valueProperty === 'value' &&
|
|
78271
|
-
changedProperties.get('value') === undefined &&
|
|
78272
|
-
this[objectProperty] instanceof Date &&
|
|
78273
|
-
this[valueProperty] === dateFormatter.toISOFormatString(this[objectProperty])
|
|
78274
|
-
) {
|
|
78275
|
-
return;
|
|
78276
|
-
}
|
|
78277
|
-
|
|
78278
|
-
if (dateFormatter.isValidDate(this[valueProperty])) {
|
|
78279
|
-
this.setDateObjectProperty(objectProperty, dateFormatter.stringToDateInstance(this[valueProperty]));
|
|
78280
|
-
} else {
|
|
78281
|
-
this.setDateObjectProperty(objectProperty, undefined);
|
|
78282
|
-
}
|
|
78283
|
-
}
|
|
78284
|
-
|
|
78285
77948
|
/**
|
|
78286
77949
|
* Sets up IMasks and logic based on auto-formatting requirements.
|
|
78287
77950
|
* @private
|
|
@@ -78296,8 +77959,13 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78296
77959
|
this._configuringMask = true;
|
|
78297
77960
|
try {
|
|
78298
77961
|
// Destroy any prior mask so IMask can attach fresh under the new format.
|
|
77962
|
+
// Null the reference too — if the new maskOptions.mask is falsy (e.g.
|
|
77963
|
+
// type switched from credit-card to text) the IMask() reassignment
|
|
77964
|
+
// below is skipped, and downstream writes at line ~823 would otherwise
|
|
77965
|
+
// route through the destroyed instance.
|
|
78299
77966
|
if (this.maskInstance) {
|
|
78300
77967
|
this.maskInstance.destroy();
|
|
77968
|
+
this.maskInstance = null;
|
|
78301
77969
|
}
|
|
78302
77970
|
|
|
78303
77971
|
this.util.updateFormat(this.format);
|
|
@@ -78318,9 +77986,7 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78318
77986
|
if (
|
|
78319
77987
|
this.util.isFullDateFormat(this.type, this.format) &&
|
|
78320
77988
|
this.value &&
|
|
78321
|
-
|
|
78322
|
-
this.valueObject instanceof Date &&
|
|
78323
|
-
!Number.isNaN(this.valueObject.getTime()) &&
|
|
77989
|
+
this.valueObject &&
|
|
78324
77990
|
typeof maskOptions.format === 'function'
|
|
78325
77991
|
) {
|
|
78326
77992
|
existingValue = maskOptions.format(this.valueObject);
|
|
@@ -78525,7 +78191,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78525
78191
|
*/
|
|
78526
78192
|
reset() {
|
|
78527
78193
|
this.value = undefined;
|
|
78528
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
78529
78194
|
this.validation.reset(this);
|
|
78530
78195
|
}
|
|
78531
78196
|
|
|
@@ -78534,7 +78199,6 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
78534
78199
|
*/
|
|
78535
78200
|
clear() {
|
|
78536
78201
|
this.value = undefined;
|
|
78537
|
-
this.setDateObjectProperty('valueObject', undefined);
|
|
78538
78202
|
}
|
|
78539
78203
|
|
|
78540
78204
|
/**
|
|
@@ -79063,7 +78727,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
79063
78727
|
}
|
|
79064
78728
|
};
|
|
79065
78729
|
|
|
79066
|
-
var formkitVersion$1$1 = '
|
|
78730
|
+
var formkitVersion$1$1 = '202606221656';
|
|
79067
78731
|
|
|
79068
78732
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
79069
78733
|
// See LICENSE in the project root for license information.
|
|
@@ -80184,7 +79848,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
80184
79848
|
}
|
|
80185
79849
|
};
|
|
80186
79850
|
|
|
80187
|
-
var formkitVersion$3 = '
|
|
79851
|
+
var formkitVersion$3 = '202606221656';
|
|
80188
79852
|
|
|
80189
79853
|
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}`;
|
|
80190
79854
|
|
|
@@ -81701,11 +81365,15 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
81701
81365
|
|
|
81702
81366
|
// Announce the selection after the dropdown closes so it isn't
|
|
81703
81367
|
// overridden by VoiceOver's "collapsed" announcement from aria-expanded.
|
|
81368
|
+
// Skip when there's no selected value (e.g. menu.clearSelection() from
|
|
81369
|
+
// the unmatched-value path), otherwise VoiceOver reads "undefined".
|
|
81704
81370
|
const selectedValue = this.menu.value;
|
|
81705
|
-
|
|
81706
|
-
|
|
81707
|
-
|
|
81708
|
-
|
|
81371
|
+
if (selectedValue) {
|
|
81372
|
+
const announcementDelay = 300;
|
|
81373
|
+
setTimeout(() => {
|
|
81374
|
+
announceToScreenReader$1(this._getAnnouncementRoot(), `${selectedValue}, selected`);
|
|
81375
|
+
}, announcementDelay);
|
|
81376
|
+
}
|
|
81709
81377
|
}
|
|
81710
81378
|
|
|
81711
81379
|
// Programmatic value syncs leave availableOptions stale because
|
|
@@ -82126,8 +81794,12 @@ class AuroCombobox extends AuroElement$3 {
|
|
|
82126
81794
|
if (this.menu.options.some((opt) => opt.value === this.value) || this.behavior === 'filter') {
|
|
82127
81795
|
this.setMenuValue(this.value);
|
|
82128
81796
|
} else {
|
|
82129
|
-
|
|
82130
|
-
|
|
81797
|
+
// Clear menu.value AND menu.optionSelected together. Clearing only
|
|
81798
|
+
// menu.value leaves the previously-selected option element pinned
|
|
81799
|
+
// as menu.optionSelected; a later auroMenu-selectedOption event
|
|
81800
|
+
// would then write its stale .value back into combobox.value.
|
|
81801
|
+
if (this.menu.value || this.menu.optionSelected) {
|
|
81802
|
+
this.menu.clearSelection();
|
|
82131
81803
|
}
|
|
82132
81804
|
// Suggestion-mode freeform value: sync the trigger + bib to show it,
|
|
82133
81805
|
// then refresh the filter once the inputs flush (handleInputValueChange
|
|
@@ -88967,7 +88639,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
88967
88639
|
}
|
|
88968
88640
|
};
|
|
88969
88641
|
|
|
88970
|
-
var formkitVersion$1 = '
|
|
88642
|
+
var formkitVersion$1 = '202606221656';
|
|
88971
88643
|
|
|
88972
88644
|
class AuroElement extends i$2 {
|
|
88973
88645
|
static get properties() {
|
|
@@ -90980,7 +90652,7 @@ class AuroHelpText extends i$2 {
|
|
|
90980
90652
|
}
|
|
90981
90653
|
}
|
|
90982
90654
|
|
|
90983
|
-
var formkitVersion = '
|
|
90655
|
+
var formkitVersion = '202606221656';
|
|
90984
90656
|
|
|
90985
90657
|
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-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);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-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 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-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-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-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-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-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-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-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-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 [slot=displayValue]{display:none}.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%;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{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}: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}`;
|
|
90986
90658
|
|