@aurodesignsystem-dev/auro-formkit 0.0.0-pr1582.1 → 0.0.0-pr1583.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +6 -28
- package/components/combobox/demo/getting-started.min.js +6 -28
- package/components/combobox/demo/index.min.js +6 -28
- package/components/combobox/dist/index.js +6 -28
- package/components/combobox/dist/registered.js +6 -28
- 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 +6 -28
- package/components/datepicker/demo/index.min.js +6 -28
- package/components/datepicker/dist/index.js +6 -28
- package/components/datepicker/dist/registered.js +6 -28
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +5 -27
- 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.min.js +22 -88
- package/components/form/demo/getting-started.min.js +22 -88
- package/components/form/demo/index.min.js +22 -88
- package/components/form/demo/registerDemoDeps.min.js +22 -88
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/customize.md +1 -1
- package/components/input/demo/customize.min.js +4 -26
- package/components/input/demo/getting-started.min.js +4 -26
- package/components/input/demo/index.min.js +4 -26
- package/components/input/dist/auro-input.d.ts +0 -8
- package/components/input/dist/base-input.d.ts +0 -2
- package/components/input/dist/index.js +4 -26
- package/components/input/dist/registered.js +4 -26
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +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 +4 -16
- package/package.json +1 -1
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608102155';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608102155';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608102155';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202608102155';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202608102155';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4977
4977
|
}
|
|
4978
4978
|
};
|
|
4979
4979
|
|
|
4980
|
-
var formkitVersion$2 = '
|
|
4980
|
+
var formkitVersion$2 = '202608102155';
|
|
4981
4981
|
|
|
4982
4982
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4983
4983
|
static get properties() {
|
|
@@ -17149,8 +17149,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
17149
17149
|
|
|
17150
17150
|
/**
|
|
17151
17151
|
* If set, the label will remain fixed in the active position.
|
|
17152
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17153
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
17154
17152
|
*/
|
|
17155
17153
|
activeLabel: {
|
|
17156
17154
|
type: Boolean,
|
|
@@ -18677,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18677
18675
|
}
|
|
18678
18676
|
};
|
|
18679
18677
|
|
|
18680
|
-
var formkitVersion$1 = '
|
|
18678
|
+
var formkitVersion$1 = '202608102155';
|
|
18681
18679
|
|
|
18682
18680
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18683
18681
|
// See LICENSE in the project root for license information.
|
|
@@ -18778,35 +18776,15 @@ class AuroInput extends BaseInput {
|
|
|
18778
18776
|
* @private
|
|
18779
18777
|
*/
|
|
18780
18778
|
get inputHidden() {
|
|
18781
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18782
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
18783
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
18784
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
18785
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18786
|
-
// preserved regardless.
|
|
18787
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18788
|
-
|
|
18789
18779
|
return (
|
|
18790
18780
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18791
18781
|
(
|
|
18792
|
-
!activeLabelRaisesInput &&
|
|
18793
18782
|
(!this.value || this.value.length === 0) &&
|
|
18794
18783
|
!this.hasFocus &&
|
|
18795
18784
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18796
18785
|
);
|
|
18797
18786
|
}
|
|
18798
18787
|
|
|
18799
|
-
/**
|
|
18800
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
18801
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18802
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18803
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
18804
|
-
* @private
|
|
18805
|
-
*/
|
|
18806
|
-
get isClassicLayout() {
|
|
18807
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18808
|
-
}
|
|
18809
|
-
|
|
18810
18788
|
/**
|
|
18811
18789
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18812
18790
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18852,7 +18830,7 @@ class AuroInput extends BaseInput {
|
|
|
18852
18830
|
}
|
|
18853
18831
|
|
|
18854
18832
|
// classic layout (default)
|
|
18855
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
18833
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18856
18834
|
}
|
|
18857
18835
|
|
|
18858
18836
|
/**
|
|
@@ -18948,8 +18926,7 @@ class AuroInput extends BaseInput {
|
|
|
18948
18926
|
'wrapper': true,
|
|
18949
18927
|
'simple': this.simple,
|
|
18950
18928
|
'withValue': this.hasValue,
|
|
18951
|
-
'hasFocus': this.hasFocus
|
|
18952
|
-
'activeLabel': this.activeLabel
|
|
18929
|
+
'hasFocus': this.hasFocus
|
|
18953
18930
|
};
|
|
18954
18931
|
}
|
|
18955
18932
|
|
|
@@ -19160,6 +19137,7 @@ class AuroInput extends BaseInput {
|
|
|
19160
19137
|
@input="${this.handleInput}"
|
|
19161
19138
|
.placeholder=${this.placeholderStr}
|
|
19162
19139
|
.role=${this.a11yRole}
|
|
19140
|
+
?activeLabel="${this.activeLabel}"
|
|
19163
19141
|
?disabled="${this.disabled}"
|
|
19164
19142
|
?required="${this.required}"
|
|
19165
19143
|
aria-activedescendant=${o(this.a11yActivedescendant)}
|
|
@@ -19853,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19853
19831
|
}
|
|
19854
19832
|
}
|
|
19855
19833
|
|
|
19856
|
-
var formkitVersion = '
|
|
19834
|
+
var formkitVersion = '202608102155';
|
|
19857
19835
|
|
|
19858
19836
|
var styleCss$3 = i$6`.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}`;
|
|
19859
19837
|
|
|
@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4977
4977
|
}
|
|
4978
4978
|
};
|
|
4979
4979
|
|
|
4980
|
-
var formkitVersion$2 = '
|
|
4980
|
+
var formkitVersion$2 = '202608102155';
|
|
4981
4981
|
|
|
4982
4982
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4983
4983
|
static get properties() {
|
|
@@ -17149,8 +17149,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
17149
17149
|
|
|
17150
17150
|
/**
|
|
17151
17151
|
* If set, the label will remain fixed in the active position.
|
|
17152
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17153
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
17154
17152
|
*/
|
|
17155
17153
|
activeLabel: {
|
|
17156
17154
|
type: Boolean,
|
|
@@ -18677,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18677
18675
|
}
|
|
18678
18676
|
};
|
|
18679
18677
|
|
|
18680
|
-
var formkitVersion$1 = '
|
|
18678
|
+
var formkitVersion$1 = '202608102155';
|
|
18681
18679
|
|
|
18682
18680
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18683
18681
|
// See LICENSE in the project root for license information.
|
|
@@ -18778,35 +18776,15 @@ class AuroInput extends BaseInput {
|
|
|
18778
18776
|
* @private
|
|
18779
18777
|
*/
|
|
18780
18778
|
get inputHidden() {
|
|
18781
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18782
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
18783
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
18784
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
18785
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18786
|
-
// preserved regardless.
|
|
18787
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18788
|
-
|
|
18789
18779
|
return (
|
|
18790
18780
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18791
18781
|
(
|
|
18792
|
-
!activeLabelRaisesInput &&
|
|
18793
18782
|
(!this.value || this.value.length === 0) &&
|
|
18794
18783
|
!this.hasFocus &&
|
|
18795
18784
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18796
18785
|
);
|
|
18797
18786
|
}
|
|
18798
18787
|
|
|
18799
|
-
/**
|
|
18800
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
18801
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18802
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18803
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
18804
|
-
* @private
|
|
18805
|
-
*/
|
|
18806
|
-
get isClassicLayout() {
|
|
18807
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18808
|
-
}
|
|
18809
|
-
|
|
18810
18788
|
/**
|
|
18811
18789
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18812
18790
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18852,7 +18830,7 @@ class AuroInput extends BaseInput {
|
|
|
18852
18830
|
}
|
|
18853
18831
|
|
|
18854
18832
|
// classic layout (default)
|
|
18855
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
18833
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18856
18834
|
}
|
|
18857
18835
|
|
|
18858
18836
|
/**
|
|
@@ -18948,8 +18926,7 @@ class AuroInput extends BaseInput {
|
|
|
18948
18926
|
'wrapper': true,
|
|
18949
18927
|
'simple': this.simple,
|
|
18950
18928
|
'withValue': this.hasValue,
|
|
18951
|
-
'hasFocus': this.hasFocus
|
|
18952
|
-
'activeLabel': this.activeLabel
|
|
18929
|
+
'hasFocus': this.hasFocus
|
|
18953
18930
|
};
|
|
18954
18931
|
}
|
|
18955
18932
|
|
|
@@ -19160,6 +19137,7 @@ class AuroInput extends BaseInput {
|
|
|
19160
19137
|
@input="${this.handleInput}"
|
|
19161
19138
|
.placeholder=${this.placeholderStr}
|
|
19162
19139
|
.role=${this.a11yRole}
|
|
19140
|
+
?activeLabel="${this.activeLabel}"
|
|
19163
19141
|
?disabled="${this.disabled}"
|
|
19164
19142
|
?required="${this.required}"
|
|
19165
19143
|
aria-activedescendant=${o(this.a11yActivedescendant)}
|
|
@@ -19853,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19853
19831
|
}
|
|
19854
19832
|
}
|
|
19855
19833
|
|
|
19856
|
-
var formkitVersion = '
|
|
19834
|
+
var formkitVersion = '202608102155';
|
|
19857
19835
|
|
|
19858
19836
|
var styleCss$3 = i$6`.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}`;
|
|
19859
19837
|
|
|
@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
4992
4992
|
}
|
|
4993
4993
|
};
|
|
4994
4994
|
|
|
4995
|
-
var formkitVersion$2 = '
|
|
4995
|
+
var formkitVersion$2 = '202608102155';
|
|
4996
4996
|
|
|
4997
4997
|
let AuroElement$2 = class AuroElement extends i$3 {
|
|
4998
4998
|
static get properties() {
|
|
@@ -17164,8 +17164,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
17164
17164
|
|
|
17165
17165
|
/**
|
|
17166
17166
|
* If set, the label will remain fixed in the active position.
|
|
17167
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17168
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
17169
17167
|
*/
|
|
17170
17168
|
activeLabel: {
|
|
17171
17169
|
type: Boolean,
|
|
@@ -18692,7 +18690,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18692
18690
|
}
|
|
18693
18691
|
};
|
|
18694
18692
|
|
|
18695
|
-
var formkitVersion$1 = '
|
|
18693
|
+
var formkitVersion$1 = '202608102155';
|
|
18696
18694
|
|
|
18697
18695
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18698
18696
|
// See LICENSE in the project root for license information.
|
|
@@ -18793,35 +18791,15 @@ class AuroInput extends BaseInput {
|
|
|
18793
18791
|
* @private
|
|
18794
18792
|
*/
|
|
18795
18793
|
get inputHidden() {
|
|
18796
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18797
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
18798
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
18799
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
18800
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18801
|
-
// preserved regardless.
|
|
18802
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18803
|
-
|
|
18804
18794
|
return (
|
|
18805
18795
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18806
18796
|
(
|
|
18807
|
-
!activeLabelRaisesInput &&
|
|
18808
18797
|
(!this.value || this.value.length === 0) &&
|
|
18809
18798
|
!this.hasFocus &&
|
|
18810
18799
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18811
18800
|
);
|
|
18812
18801
|
}
|
|
18813
18802
|
|
|
18814
|
-
/**
|
|
18815
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
18816
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18817
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18818
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
18819
|
-
* @private
|
|
18820
|
-
*/
|
|
18821
|
-
get isClassicLayout() {
|
|
18822
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18823
|
-
}
|
|
18824
|
-
|
|
18825
18803
|
/**
|
|
18826
18804
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18827
18805
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18867,7 +18845,7 @@ class AuroInput extends BaseInput {
|
|
|
18867
18845
|
}
|
|
18868
18846
|
|
|
18869
18847
|
// classic layout (default)
|
|
18870
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
18848
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18871
18849
|
}
|
|
18872
18850
|
|
|
18873
18851
|
/**
|
|
@@ -18963,8 +18941,7 @@ class AuroInput extends BaseInput {
|
|
|
18963
18941
|
'wrapper': true,
|
|
18964
18942
|
'simple': this.simple,
|
|
18965
18943
|
'withValue': this.hasValue,
|
|
18966
|
-
'hasFocus': this.hasFocus
|
|
18967
|
-
'activeLabel': this.activeLabel
|
|
18944
|
+
'hasFocus': this.hasFocus
|
|
18968
18945
|
};
|
|
18969
18946
|
}
|
|
18970
18947
|
|
|
@@ -19175,6 +19152,7 @@ class AuroInput extends BaseInput {
|
|
|
19175
19152
|
@input="${this.handleInput}"
|
|
19176
19153
|
.placeholder=${this.placeholderStr}
|
|
19177
19154
|
.role=${this.a11yRole}
|
|
19155
|
+
?activeLabel="${this.activeLabel}"
|
|
19178
19156
|
?disabled="${this.disabled}"
|
|
19179
19157
|
?required="${this.required}"
|
|
19180
19158
|
aria-activedescendant=${o(this.a11yActivedescendant)}
|
|
@@ -19868,7 +19846,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
19868
19846
|
}
|
|
19869
19847
|
}
|
|
19870
19848
|
|
|
19871
|
-
var formkitVersion = '
|
|
19849
|
+
var formkitVersion = '202608102155';
|
|
19872
19850
|
|
|
19873
19851
|
var styleCss$3 = i$6`.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}`;
|
|
19874
19852
|
|
|
@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4910
4910
|
}
|
|
4911
4911
|
};
|
|
4912
4912
|
|
|
4913
|
-
var formkitVersion$2 = '
|
|
4913
|
+
var formkitVersion$2 = '202608102155';
|
|
4914
4914
|
|
|
4915
4915
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4916
4916
|
static get properties() {
|
|
@@ -17075,8 +17075,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
17075
17075
|
|
|
17076
17076
|
/**
|
|
17077
17077
|
* If set, the label will remain fixed in the active position.
|
|
17078
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17079
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
17080
17078
|
*/
|
|
17081
17079
|
activeLabel: {
|
|
17082
17080
|
type: Boolean,
|
|
@@ -18603,7 +18601,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18603
18601
|
}
|
|
18604
18602
|
};
|
|
18605
18603
|
|
|
18606
|
-
var formkitVersion$1 = '
|
|
18604
|
+
var formkitVersion$1 = '202608102155';
|
|
18607
18605
|
|
|
18608
18606
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18609
18607
|
// See LICENSE in the project root for license information.
|
|
@@ -18704,35 +18702,15 @@ class AuroInput extends BaseInput {
|
|
|
18704
18702
|
* @private
|
|
18705
18703
|
*/
|
|
18706
18704
|
get inputHidden() {
|
|
18707
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18708
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
18709
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
18710
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
18711
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18712
|
-
// preserved regardless.
|
|
18713
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18714
|
-
|
|
18715
18705
|
return (
|
|
18716
18706
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18717
18707
|
(
|
|
18718
|
-
!activeLabelRaisesInput &&
|
|
18719
18708
|
(!this.value || this.value.length === 0) &&
|
|
18720
18709
|
!this.hasFocus &&
|
|
18721
18710
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18722
18711
|
);
|
|
18723
18712
|
}
|
|
18724
18713
|
|
|
18725
|
-
/**
|
|
18726
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
18727
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18728
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18729
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
18730
|
-
* @private
|
|
18731
|
-
*/
|
|
18732
|
-
get isClassicLayout() {
|
|
18733
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18734
|
-
}
|
|
18735
|
-
|
|
18736
18714
|
/**
|
|
18737
18715
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18738
18716
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18778,7 +18756,7 @@ class AuroInput extends BaseInput {
|
|
|
18778
18756
|
}
|
|
18779
18757
|
|
|
18780
18758
|
// classic layout (default)
|
|
18781
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
18759
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18782
18760
|
}
|
|
18783
18761
|
|
|
18784
18762
|
/**
|
|
@@ -18874,8 +18852,7 @@ class AuroInput extends BaseInput {
|
|
|
18874
18852
|
'wrapper': true,
|
|
18875
18853
|
'simple': this.simple,
|
|
18876
18854
|
'withValue': this.hasValue,
|
|
18877
|
-
'hasFocus': this.hasFocus
|
|
18878
|
-
'activeLabel': this.activeLabel
|
|
18855
|
+
'hasFocus': this.hasFocus
|
|
18879
18856
|
};
|
|
18880
18857
|
}
|
|
18881
18858
|
|
|
@@ -19086,6 +19063,7 @@ class AuroInput extends BaseInput {
|
|
|
19086
19063
|
@input="${this.handleInput}"
|
|
19087
19064
|
.placeholder=${this.placeholderStr}
|
|
19088
19065
|
.role=${this.a11yRole}
|
|
19066
|
+
?activeLabel="${this.activeLabel}"
|
|
19089
19067
|
?disabled="${this.disabled}"
|
|
19090
19068
|
?required="${this.required}"
|
|
19091
19069
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|
|
@@ -19779,7 +19757,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19779
19757
|
}
|
|
19780
19758
|
}
|
|
19781
19759
|
|
|
19782
|
-
var formkitVersion = '
|
|
19760
|
+
var formkitVersion = '202608102155';
|
|
19783
19761
|
|
|
19784
19762
|
var styleCss$1 = css`.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}`;
|
|
19785
19763
|
|
|
@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4910
4910
|
}
|
|
4911
4911
|
};
|
|
4912
4912
|
|
|
4913
|
-
var formkitVersion$2 = '
|
|
4913
|
+
var formkitVersion$2 = '202608102155';
|
|
4914
4914
|
|
|
4915
4915
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4916
4916
|
static get properties() {
|
|
@@ -17075,8 +17075,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
17075
17075
|
|
|
17076
17076
|
/**
|
|
17077
17077
|
* If set, the label will remain fixed in the active position.
|
|
17078
|
-
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
17079
|
-
* layouts always render the label inside the field, so this has no effect there.
|
|
17080
17078
|
*/
|
|
17081
17079
|
activeLabel: {
|
|
17082
17080
|
type: Boolean,
|
|
@@ -18603,7 +18601,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18603
18601
|
}
|
|
18604
18602
|
};
|
|
18605
18603
|
|
|
18606
|
-
var formkitVersion$1 = '
|
|
18604
|
+
var formkitVersion$1 = '202608102155';
|
|
18607
18605
|
|
|
18608
18606
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18609
18607
|
// See LICENSE in the project root for license information.
|
|
@@ -18704,35 +18702,15 @@ class AuroInput extends BaseInput {
|
|
|
18704
18702
|
* @private
|
|
18705
18703
|
*/
|
|
18706
18704
|
get inputHidden() {
|
|
18707
|
-
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
18708
|
-
// the label stays raised rather than collapsing to the centered placeholder
|
|
18709
|
-
// position. Emphasized/snowflake always render the label inside the field,
|
|
18710
|
-
// so activeLabel does not apply there. This only overrides the empty/
|
|
18711
|
-
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
18712
|
-
// preserved regardless.
|
|
18713
|
-
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
18714
|
-
|
|
18715
18705
|
return (
|
|
18716
18706
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
18717
18707
|
(
|
|
18718
|
-
!activeLabelRaisesInput &&
|
|
18719
18708
|
(!this.value || this.value.length === 0) &&
|
|
18720
18709
|
!this.hasFocus &&
|
|
18721
18710
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
18722
18711
|
);
|
|
18723
18712
|
}
|
|
18724
18713
|
|
|
18725
|
-
/**
|
|
18726
|
-
* Whether the component is rendering the classic/default layout, meaning not
|
|
18727
|
-
* emphasized and not snowflake. Kept as a single source of truth so
|
|
18728
|
-
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
18729
|
-
* @returns {boolean} - True for the classic/default layout.
|
|
18730
|
-
* @private
|
|
18731
|
-
*/
|
|
18732
|
-
get isClassicLayout() {
|
|
18733
|
-
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
18734
|
-
}
|
|
18735
|
-
|
|
18736
18714
|
/**
|
|
18737
18715
|
* Determines if the input should display in a state with no focus or value indication.
|
|
18738
18716
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -18778,7 +18756,7 @@ class AuroInput extends BaseInput {
|
|
|
18778
18756
|
}
|
|
18779
18757
|
|
|
18780
18758
|
// classic layout (default)
|
|
18781
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus
|
|
18759
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
18782
18760
|
}
|
|
18783
18761
|
|
|
18784
18762
|
/**
|
|
@@ -18874,8 +18852,7 @@ class AuroInput extends BaseInput {
|
|
|
18874
18852
|
'wrapper': true,
|
|
18875
18853
|
'simple': this.simple,
|
|
18876
18854
|
'withValue': this.hasValue,
|
|
18877
|
-
'hasFocus': this.hasFocus
|
|
18878
|
-
'activeLabel': this.activeLabel
|
|
18855
|
+
'hasFocus': this.hasFocus
|
|
18879
18856
|
};
|
|
18880
18857
|
}
|
|
18881
18858
|
|
|
@@ -19086,6 +19063,7 @@ class AuroInput extends BaseInput {
|
|
|
19086
19063
|
@input="${this.handleInput}"
|
|
19087
19064
|
.placeholder=${this.placeholderStr}
|
|
19088
19065
|
.role=${this.a11yRole}
|
|
19066
|
+
?activeLabel="${this.activeLabel}"
|
|
19089
19067
|
?disabled="${this.disabled}"
|
|
19090
19068
|
?required="${this.required}"
|
|
19091
19069
|
aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
|
|
@@ -19779,7 +19757,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19779
19757
|
}
|
|
19780
19758
|
}
|
|
19781
19759
|
|
|
19782
|
-
var formkitVersion = '
|
|
19760
|
+
var formkitVersion = '202608102155';
|
|
19783
19761
|
|
|
19784
19762
|
var styleCss$1 = css`.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}`;
|
|
19785
19763
|
|
|
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1117
1117
|
}
|
|
1118
1118
|
};
|
|
1119
1119
|
|
|
1120
|
-
var formkitVersion$1 = '
|
|
1120
|
+
var formkitVersion$1 = '202608102155';
|
|
1121
1121
|
|
|
1122
1122
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1123
1123
|
// See LICENSE in the project root for license information.
|
|
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
|
|
|
5288
5288
|
}
|
|
5289
5289
|
}
|
|
5290
5290
|
|
|
5291
|
-
var formkitVersion = '
|
|
5291
|
+
var formkitVersion = '202608102155';
|
|
5292
5292
|
|
|
5293
5293
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5294
5294
|
static get properties() {
|
|
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1117
1117
|
}
|
|
1118
1118
|
};
|
|
1119
1119
|
|
|
1120
|
-
var formkitVersion$1 = '
|
|
1120
|
+
var formkitVersion$1 = '202608102155';
|
|
1121
1121
|
|
|
1122
1122
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1123
1123
|
// See LICENSE in the project root for license information.
|
|
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
|
|
|
5288
5288
|
}
|
|
5289
5289
|
}
|
|
5290
5290
|
|
|
5291
|
-
var formkitVersion = '
|
|
5291
|
+
var formkitVersion = '202608102155';
|
|
5292
5292
|
|
|
5293
5293
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5294
5294
|
static get properties() {
|
|
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1067
1067
|
}
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var formkitVersion$1 = '
|
|
1070
|
+
var formkitVersion$1 = '202608102155';
|
|
1071
1071
|
|
|
1072
1072
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1073
1073
|
// See LICENSE in the project root for license information.
|
|
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
|
|
|
5220
5220
|
}
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
var formkitVersion = '
|
|
5223
|
+
var formkitVersion = '202608102155';
|
|
5224
5224
|
|
|
5225
5225
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5226
5226
|
static get properties() {
|
|
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
1067
1067
|
}
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var formkitVersion$1 = '
|
|
1070
|
+
var formkitVersion$1 = '202608102155';
|
|
1071
1071
|
|
|
1072
1072
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1073
1073
|
// See LICENSE in the project root for license information.
|
|
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
|
|
|
5220
5220
|
}
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
var formkitVersion = '
|
|
5223
|
+
var formkitVersion = '202608102155';
|
|
5224
5224
|
|
|
5225
5225
|
let AuroElement$1 = class AuroElement extends LitElement {
|
|
5226
5226
|
static get properties() {
|