@aurodesignsystem-dev/auro-formkit 0.0.0-pr1516.0 → 0.0.0-pr1518.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 +8 -6
- package/components/checkbox/demo/getting-started.min.js +8 -6
- package/components/checkbox/demo/index.min.js +8 -6
- package/components/checkbox/dist/index.js +8 -6
- package/components/checkbox/dist/registered.js +8 -6
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/customize.md +2 -10
- package/components/combobox/demo/customize.min.js +382 -466
- package/components/combobox/demo/getting-started.min.js +382 -462
- package/components/combobox/demo/index.md +1 -1
- package/components/combobox/demo/index.min.js +382 -462
- package/components/combobox/demo/keyboard-behavior.md +2 -142
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/demo/why-combobox.md +2 -2
- package/components/combobox/dist/auro-combobox.d.ts +30 -14
- package/components/combobox/dist/index.js +382 -462
- package/components/combobox/dist/registered.js +382 -462
- package/components/counter/demo/customize.min.js +9 -7
- package/components/counter/demo/index.min.js +9 -7
- package/components/counter/dist/index.js +9 -7
- package/components/counter/dist/registered.js +9 -7
- package/components/datepicker/demo/customize.min.js +78 -169
- package/components/datepicker/demo/index.min.js +78 -169
- package/components/datepicker/dist/index.js +78 -169
- package/components/datepicker/dist/registered.js +78 -169
- 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.min.js +561 -816
- package/components/form/demo/getting-started.min.js +561 -816
- package/components/form/demo/index.min.js +561 -816
- package/components/form/demo/registerDemoDeps.min.js +561 -816
- package/components/input/demo/customize.min.js +67 -159
- package/components/input/demo/getting-started.min.js +67 -159
- package/components/input/demo/index.min.js +67 -159
- package/components/input/dist/auro-input.d.ts +1 -1
- package/components/input/dist/base-input.d.ts +3 -51
- package/components/input/dist/index.js +67 -159
- package/components/input/dist/registered.js +67 -159
- package/components/input/dist/utilities.d.ts +1 -1
- package/components/radio/demo/customize.min.js +8 -6
- package/components/radio/demo/getting-started.min.js +8 -6
- package/components/radio/demo/index.min.js +8 -6
- package/components/radio/dist/index.js +8 -6
- package/components/radio/dist/registered.js +8 -6
- package/components/select/demo/customize.min.js +9 -7
- package/components/select/demo/getting-started.min.js +9 -7
- package/components/select/demo/index.min.js +9 -7
- package/components/select/dist/index.js +9 -7
- package/components/select/dist/registered.js +9 -7
- package/custom-elements.json +1503 -1709
- package/package.json +1 -1
|
@@ -857,15 +857,17 @@ class AuroFormValidation {
|
|
|
857
857
|
);
|
|
858
858
|
}
|
|
859
859
|
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
860
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
861
|
+
|
|
862
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
863
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
864
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
865
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
866
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
863
867
|
hasValue = false;
|
|
864
868
|
}
|
|
865
869
|
}
|
|
866
870
|
|
|
867
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
868
|
-
|
|
869
871
|
if (isCombobox) {
|
|
870
872
|
|
|
871
873
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1262
|
}
|
|
1261
1263
|
}
|
|
1262
1264
|
|
|
1263
|
-
var formkitVersion = '
|
|
1265
|
+
var formkitVersion = '202607011652';
|
|
1264
1266
|
|
|
1265
1267
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1268
|
// See LICENSE in the project root for license information.
|
|
@@ -857,15 +857,17 @@ class AuroFormValidation {
|
|
|
857
857
|
);
|
|
858
858
|
}
|
|
859
859
|
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
860
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
861
|
+
|
|
862
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
863
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
864
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
865
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
866
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
863
867
|
hasValue = false;
|
|
864
868
|
}
|
|
865
869
|
}
|
|
866
870
|
|
|
867
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
868
|
-
|
|
869
871
|
if (isCombobox) {
|
|
870
872
|
|
|
871
873
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1262
|
}
|
|
1261
1263
|
}
|
|
1262
1264
|
|
|
1263
|
-
var formkitVersion = '
|
|
1265
|
+
var formkitVersion = '202607011652';
|
|
1264
1266
|
|
|
1265
1267
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1268
|
// See LICENSE in the project root for license information.
|
|
@@ -857,15 +857,17 @@ class AuroFormValidation {
|
|
|
857
857
|
);
|
|
858
858
|
}
|
|
859
859
|
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
860
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
861
|
+
|
|
862
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
863
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
864
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
865
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
866
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
863
867
|
hasValue = false;
|
|
864
868
|
}
|
|
865
869
|
}
|
|
866
870
|
|
|
867
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
868
|
-
|
|
869
871
|
if (isCombobox) {
|
|
870
872
|
|
|
871
873
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1262
|
}
|
|
1261
1263
|
}
|
|
1262
1264
|
|
|
1263
|
-
var formkitVersion = '
|
|
1265
|
+
var formkitVersion = '202607011652';
|
|
1264
1266
|
|
|
1265
1267
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1268
|
// See LICENSE in the project root for license information.
|
|
@@ -810,15 +810,17 @@ class AuroFormValidation {
|
|
|
810
810
|
);
|
|
811
811
|
}
|
|
812
812
|
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
813
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
814
|
+
|
|
815
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
816
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
817
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
818
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
819
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
816
820
|
hasValue = false;
|
|
817
821
|
}
|
|
818
822
|
}
|
|
819
823
|
|
|
820
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
821
|
-
|
|
822
824
|
if (isCombobox) {
|
|
823
825
|
|
|
824
826
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1213,7 +1215,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1215
|
}
|
|
1214
1216
|
}
|
|
1215
1217
|
|
|
1216
|
-
var formkitVersion = '
|
|
1218
|
+
var formkitVersion = '202607011652';
|
|
1217
1219
|
|
|
1218
1220
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1221
|
// See LICENSE in the project root for license information.
|
|
@@ -810,15 +810,17 @@ class AuroFormValidation {
|
|
|
810
810
|
);
|
|
811
811
|
}
|
|
812
812
|
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
813
|
+
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
814
|
+
|
|
815
|
+
// If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
|
|
816
|
+
// Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
|
|
817
|
+
// field (datepicker is the intended consumer — start/end are independently required).
|
|
818
|
+
if (this.auroInputElements?.length === 2 && !isCombobox) {
|
|
819
|
+
if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
|
|
816
820
|
hasValue = false;
|
|
817
821
|
}
|
|
818
822
|
}
|
|
819
823
|
|
|
820
|
-
const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
|
|
821
|
-
|
|
822
824
|
if (isCombobox) {
|
|
823
825
|
|
|
824
826
|
if (!elem.persistInput || elem.behavior === "filter") {
|
|
@@ -1213,7 +1215,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1215
|
}
|
|
1214
1216
|
}
|
|
1215
1217
|
|
|
1216
|
-
var formkitVersion = '
|
|
1218
|
+
var formkitVersion = '202607011652';
|
|
1217
1219
|
|
|
1218
1220
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1221
|
// See LICENSE in the project root for license information.
|
|
@@ -24,7 +24,7 @@ The following sections are editable by making changes to the following files:
|
|
|
24
24
|
<p>The component supports two modes:</p>
|
|
25
25
|
<ul>
|
|
26
26
|
<li><strong>Suggestion (default)</strong> — The user may type any value. The menu provides suggestions but does not restrict input.</li>
|
|
27
|
-
<li><strong>Filter</strong> —
|
|
27
|
+
<li><strong>Filter</strong> — Typing filters the available options and sets the component's <code>value</code> to the typed text, but the input is not considered valid until a menu option is selected. Validation surfaces <code>valueMissing</code> until the typed value matches a chosen option.</li>
|
|
28
28
|
</ul>
|
|
29
29
|
<p>Common use cases:</p>
|
|
30
30
|
<ul>
|
|
@@ -679,7 +679,7 @@
|
|
|
679
679
|
<auro-menu>
|
|
680
680
|
<auro-menuoption value="4500000000000000" id="option-cc-0">
|
|
681
681
|
<auro-icon category="payment" customcolor name="cc-visa"></auro-icon>
|
|
682
|
-
|
|
682
|
+
4500 0000 0000 0000
|
|
683
683
|
</auro-menuoption>
|
|
684
684
|
<auro-menuoption value="340000000000000" id="option-cc-1">
|
|
685
685
|
<auro-icon category="payment" customcolor name="cc-amex"></auro-icon>
|
|
@@ -712,7 +712,7 @@
|
|
|
712
712
|
<auro-menu>
|
|
713
713
|
<auro-menuoption value="4500000000000000" id="option-cc-0">
|
|
714
714
|
<auro-icon category="payment" customcolor name="cc-visa"></auro-icon>
|
|
715
|
-
|
|
715
|
+
4500 0000 0000 0000
|
|
716
716
|
</auro-menuoption>
|
|
717
717
|
<auro-menuoption value="340000000000000" id="option-cc-1">
|
|
718
718
|
<auro-icon category="payment" customcolor name="cc-amex"></auro-icon>
|
|
@@ -1137,8 +1137,6 @@
|
|
|
1137
1137
|
id="dynamicMenuExample"
|
|
1138
1138
|
value="TAN"
|
|
1139
1139
|
noFilter
|
|
1140
|
-
persistInput
|
|
1141
|
-
dvInputOnly
|
|
1142
1140
|
setCustomValidityValueMissing="Please select an option from the list."
|
|
1143
1141
|
required>
|
|
1144
1142
|
<span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
|
|
@@ -1154,8 +1152,6 @@
|
|
|
1154
1152
|
id="dynamicMenuExampleTwo"
|
|
1155
1153
|
value="GER"
|
|
1156
1154
|
noFilter
|
|
1157
|
-
persistInput
|
|
1158
|
-
dvInputOnly
|
|
1159
1155
|
setCustomValidityValueMissing="Please select an option from the list."
|
|
1160
1156
|
required>
|
|
1161
1157
|
<span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
|
|
@@ -1185,8 +1181,6 @@
|
|
|
1185
1181
|
id="dynamicMenuExample"
|
|
1186
1182
|
value="TAN"
|
|
1187
1183
|
noFilter
|
|
1188
|
-
persistInput
|
|
1189
|
-
dvInputOnly
|
|
1190
1184
|
setCustomValidityValueMissing="Please select an option from the list."
|
|
1191
1185
|
required>
|
|
1192
1186
|
<span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
|
|
@@ -1202,8 +1196,6 @@
|
|
|
1202
1196
|
id="dynamicMenuExampleTwo"
|
|
1203
1197
|
value="GER"
|
|
1204
1198
|
noFilter
|
|
1205
|
-
persistInput
|
|
1206
|
-
dvInputOnly
|
|
1207
1199
|
setCustomValidityValueMissing="Please select an option from the list."
|
|
1208
1200
|
required>
|
|
1209
1201
|
<span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
|