@aurodesignsystem/auro-formkit 5.1.0-rc-1044.1 → 5.1.1
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/CHANGELOG.md +1 -14
- package/components/checkbox/demo/api.min.js +9 -37
- package/components/checkbox/demo/index.min.js +9 -37
- package/components/checkbox/dist/auro-checkbox.d.ts +0 -7
- package/components/checkbox/dist/index.js +9 -37
- package/components/checkbox/dist/registered.js +9 -37
- package/components/combobox/demo/api.min.js +24 -51
- package/components/combobox/demo/index.min.js +24 -51
- package/components/combobox/dist/index.js +24 -51
- package/components/combobox/dist/registered.js +24 -51
- package/components/counter/demo/api.min.js +9 -25
- package/components/counter/demo/index.min.js +9 -25
- package/components/counter/dist/index.js +9 -25
- package/components/counter/dist/registered.js +9 -25
- package/components/datepicker/demo/api.md +0 -1
- package/components/datepicker/demo/api.min.js +19 -45
- package/components/datepicker/demo/index.min.js +19 -45
- package/components/datepicker/dist/index.js +19 -45
- package/components/datepicker/dist/registered.js +19 -45
- package/components/dropdown/demo/api.min.js +0 -8
- package/components/dropdown/demo/index.min.js +0 -8
- package/components/dropdown/dist/index.js +0 -8
- package/components/dropdown/dist/registered.js +0 -8
- package/components/input/demo/api.min.js +9 -17
- package/components/input/demo/index.min.js +9 -17
- package/components/input/dist/index.js +9 -17
- package/components/input/dist/registered.js +9 -17
- package/components/layoutElement/dist/auroElement.d.ts +0 -5
- package/components/layoutElement/dist/index.js +0 -8
- package/components/layoutElement/dist/registered.js +0 -8
- package/components/menu/demo/api.min.js +0 -8
- package/components/menu/demo/index.min.js +0 -8
- package/components/menu/dist/index.js +0 -8
- package/components/menu/dist/registered.js +0 -8
- package/components/radio/demo/api.min.js +13 -15
- package/components/radio/demo/index.min.js +13 -15
- package/components/radio/dist/auro-radio.d.ts +1 -1
- package/components/radio/dist/index.js +13 -15
- package/components/radio/dist/registered.js +13 -15
- package/components/select/demo/api.min.js +9 -25
- package/components/select/demo/index.min.js +9 -25
- package/components/select/dist/index.js +9 -25
- package/components/select/dist/registered.js +9 -25
- package/package.json +1 -1
|
@@ -248,8 +248,8 @@ class AuroRadio extends i$2 {
|
|
|
248
248
|
},
|
|
249
249
|
|
|
250
250
|
/**
|
|
251
|
-
* Don't add to api.md since changing of this can easily break a11y.
|
|
252
251
|
* @private
|
|
252
|
+
* not to add to api.md since changing of this can easily break a11y.
|
|
253
253
|
*/
|
|
254
254
|
role: {
|
|
255
255
|
type: String,
|
|
@@ -1170,16 +1170,16 @@ class AuroFormValidation {
|
|
|
1170
1170
|
}
|
|
1171
1171
|
|
|
1172
1172
|
this.getErrorMessage(elem);
|
|
1173
|
-
}
|
|
1174
1173
|
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1174
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
1175
|
+
bubbles: true,
|
|
1176
|
+
composed: true,
|
|
1177
|
+
detail: {
|
|
1178
|
+
validity: elem.validity,
|
|
1179
|
+
message: elem.errorMessage
|
|
1180
|
+
}
|
|
1181
|
+
}));
|
|
1182
|
+
}
|
|
1183
1183
|
}
|
|
1184
1184
|
|
|
1185
1185
|
/**
|
|
@@ -1796,15 +1796,13 @@ class AuroRadioGroup extends i$2 {
|
|
|
1796
1796
|
* @returns {void}
|
|
1797
1797
|
*/
|
|
1798
1798
|
initializeIndex() {
|
|
1799
|
-
if (!this.disabled
|
|
1799
|
+
if (!this.disabled) {
|
|
1800
1800
|
const index = this.items.findIndex((item) => item.hasAttribute('checked') && !item.hasAttribute('disabled'));
|
|
1801
1801
|
const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute('disabled'));
|
|
1802
1802
|
|
|
1803
1803
|
this.index = index >= 0 ? index : nextEnabledIndex;
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
this.items[this.index].setAttribute('tabindex', 0);
|
|
1807
|
-
} }
|
|
1804
|
+
this.items[this.index].setAttribute('tabindex', 0);
|
|
1805
|
+
}
|
|
1808
1806
|
}
|
|
1809
1807
|
|
|
1810
1808
|
/**
|
|
@@ -223,8 +223,8 @@ class AuroRadio extends i$2 {
|
|
|
223
223
|
},
|
|
224
224
|
|
|
225
225
|
/**
|
|
226
|
-
* Don't add to api.md since changing of this can easily break a11y.
|
|
227
226
|
* @private
|
|
227
|
+
* not to add to api.md since changing of this can easily break a11y.
|
|
228
228
|
*/
|
|
229
229
|
role: {
|
|
230
230
|
type: String,
|
|
@@ -1145,16 +1145,16 @@ class AuroFormValidation {
|
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
1147
|
this.getErrorMessage(elem);
|
|
1148
|
-
}
|
|
1149
1148
|
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1149
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
1150
|
+
bubbles: true,
|
|
1151
|
+
composed: true,
|
|
1152
|
+
detail: {
|
|
1153
|
+
validity: elem.validity,
|
|
1154
|
+
message: elem.errorMessage
|
|
1155
|
+
}
|
|
1156
|
+
}));
|
|
1157
|
+
}
|
|
1158
1158
|
}
|
|
1159
1159
|
|
|
1160
1160
|
/**
|
|
@@ -1771,15 +1771,13 @@ class AuroRadioGroup extends i$2 {
|
|
|
1771
1771
|
* @returns {void}
|
|
1772
1772
|
*/
|
|
1773
1773
|
initializeIndex() {
|
|
1774
|
-
if (!this.disabled
|
|
1774
|
+
if (!this.disabled) {
|
|
1775
1775
|
const index = this.items.findIndex((item) => item.hasAttribute('checked') && !item.hasAttribute('disabled'));
|
|
1776
1776
|
const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute('disabled'));
|
|
1777
1777
|
|
|
1778
1778
|
this.index = index >= 0 ? index : nextEnabledIndex;
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
this.items[this.index].setAttribute('tabindex', 0);
|
|
1782
|
-
} }
|
|
1779
|
+
this.items[this.index].setAttribute('tabindex', 0);
|
|
1780
|
+
}
|
|
1783
1781
|
}
|
|
1784
1782
|
|
|
1785
1783
|
/**
|
|
@@ -71,8 +71,8 @@ export class AuroRadio extends LitElement {
|
|
|
71
71
|
attribute: boolean;
|
|
72
72
|
};
|
|
73
73
|
/**
|
|
74
|
-
* Don't add to api.md since changing of this can easily break a11y.
|
|
75
74
|
* @private
|
|
75
|
+
* not to add to api.md since changing of this can easily break a11y.
|
|
76
76
|
*/
|
|
77
77
|
role: {
|
|
78
78
|
type: StringConstructor;
|
|
@@ -183,8 +183,8 @@ class AuroRadio extends LitElement {
|
|
|
183
183
|
},
|
|
184
184
|
|
|
185
185
|
/**
|
|
186
|
-
* Don't add to api.md since changing of this can easily break a11y.
|
|
187
186
|
* @private
|
|
187
|
+
* not to add to api.md since changing of this can easily break a11y.
|
|
188
188
|
*/
|
|
189
189
|
role: {
|
|
190
190
|
type: String,
|
|
@@ -1098,16 +1098,16 @@ class AuroFormValidation {
|
|
|
1098
1098
|
}
|
|
1099
1099
|
|
|
1100
1100
|
this.getErrorMessage(elem);
|
|
1101
|
-
}
|
|
1102
1101
|
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1102
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
1103
|
+
bubbles: true,
|
|
1104
|
+
composed: true,
|
|
1105
|
+
detail: {
|
|
1106
|
+
validity: elem.validity,
|
|
1107
|
+
message: elem.errorMessage
|
|
1108
|
+
}
|
|
1109
|
+
}));
|
|
1110
|
+
}
|
|
1111
1111
|
}
|
|
1112
1112
|
|
|
1113
1113
|
/**
|
|
@@ -1724,15 +1724,13 @@ class AuroRadioGroup extends LitElement {
|
|
|
1724
1724
|
* @returns {void}
|
|
1725
1725
|
*/
|
|
1726
1726
|
initializeIndex() {
|
|
1727
|
-
if (!this.disabled
|
|
1727
|
+
if (!this.disabled) {
|
|
1728
1728
|
const index = this.items.findIndex((item) => item.hasAttribute('checked') && !item.hasAttribute('disabled'));
|
|
1729
1729
|
const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute('disabled'));
|
|
1730
1730
|
|
|
1731
1731
|
this.index = index >= 0 ? index : nextEnabledIndex;
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
this.items[this.index].setAttribute('tabindex', 0);
|
|
1735
|
-
} }
|
|
1732
|
+
this.items[this.index].setAttribute('tabindex', 0);
|
|
1733
|
+
}
|
|
1736
1734
|
}
|
|
1737
1735
|
|
|
1738
1736
|
/**
|
|
@@ -183,8 +183,8 @@ class AuroRadio extends LitElement {
|
|
|
183
183
|
},
|
|
184
184
|
|
|
185
185
|
/**
|
|
186
|
-
* Don't add to api.md since changing of this can easily break a11y.
|
|
187
186
|
* @private
|
|
187
|
+
* not to add to api.md since changing of this can easily break a11y.
|
|
188
188
|
*/
|
|
189
189
|
role: {
|
|
190
190
|
type: String,
|
|
@@ -1098,16 +1098,16 @@ class AuroFormValidation {
|
|
|
1098
1098
|
}
|
|
1099
1099
|
|
|
1100
1100
|
this.getErrorMessage(elem);
|
|
1101
|
-
}
|
|
1102
1101
|
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1102
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
1103
|
+
bubbles: true,
|
|
1104
|
+
composed: true,
|
|
1105
|
+
detail: {
|
|
1106
|
+
validity: elem.validity,
|
|
1107
|
+
message: elem.errorMessage
|
|
1108
|
+
}
|
|
1109
|
+
}));
|
|
1110
|
+
}
|
|
1111
1111
|
}
|
|
1112
1112
|
|
|
1113
1113
|
/**
|
|
@@ -1724,15 +1724,13 @@ class AuroRadioGroup extends LitElement {
|
|
|
1724
1724
|
* @returns {void}
|
|
1725
1725
|
*/
|
|
1726
1726
|
initializeIndex() {
|
|
1727
|
-
if (!this.disabled
|
|
1727
|
+
if (!this.disabled) {
|
|
1728
1728
|
const index = this.items.findIndex((item) => item.hasAttribute('checked') && !item.hasAttribute('disabled'));
|
|
1729
1729
|
const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute('disabled'));
|
|
1730
1730
|
|
|
1731
1731
|
this.index = index >= 0 ? index : nextEnabledIndex;
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
this.items[this.index].setAttribute('tabindex', 0);
|
|
1735
|
-
} }
|
|
1732
|
+
this.items[this.index].setAttribute('tabindex', 0);
|
|
1733
|
+
}
|
|
1736
1734
|
}
|
|
1737
1735
|
|
|
1738
1736
|
/**
|
|
@@ -170,14 +170,6 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
170
170
|
};
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
/**
|
|
174
|
-
* Returns true if the element has focus.
|
|
175
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
176
|
-
*/
|
|
177
|
-
get componentHasFocus() {
|
|
178
|
-
return this.matches(':focus');
|
|
179
|
-
}
|
|
180
|
-
|
|
181
173
|
resetShapeClasses() {
|
|
182
174
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
183
175
|
|
|
@@ -1034,16 +1026,16 @@ class AuroFormValidation {
|
|
|
1034
1026
|
}
|
|
1035
1027
|
|
|
1036
1028
|
this.getErrorMessage(elem);
|
|
1037
|
-
}
|
|
1038
1029
|
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1030
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
1031
|
+
bubbles: true,
|
|
1032
|
+
composed: true,
|
|
1033
|
+
detail: {
|
|
1034
|
+
validity: elem.validity,
|
|
1035
|
+
message: elem.errorMessage
|
|
1036
|
+
}
|
|
1037
|
+
}));
|
|
1038
|
+
}
|
|
1047
1039
|
}
|
|
1048
1040
|
|
|
1049
1041
|
/**
|
|
@@ -4539,14 +4531,6 @@ let AuroElement$3 = class AuroElement extends i$2 {
|
|
|
4539
4531
|
};
|
|
4540
4532
|
}
|
|
4541
4533
|
|
|
4542
|
-
/**
|
|
4543
|
-
* Returns true if the element has focus.
|
|
4544
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
4545
|
-
*/
|
|
4546
|
-
get componentHasFocus() {
|
|
4547
|
-
return this.matches(':focus');
|
|
4548
|
-
}
|
|
4549
|
-
|
|
4550
4534
|
resetShapeClasses() {
|
|
4551
4535
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
4552
4536
|
|
|
@@ -78,14 +78,6 @@ let AuroElement$4 = class AuroElement extends i$2 {
|
|
|
78
78
|
};
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
/**
|
|
82
|
-
* Returns true if the element has focus.
|
|
83
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
84
|
-
*/
|
|
85
|
-
get componentHasFocus() {
|
|
86
|
-
return this.matches(':focus');
|
|
87
|
-
}
|
|
88
|
-
|
|
89
81
|
resetShapeClasses() {
|
|
90
82
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
91
83
|
|
|
@@ -942,16 +934,16 @@ class AuroFormValidation {
|
|
|
942
934
|
}
|
|
943
935
|
|
|
944
936
|
this.getErrorMessage(elem);
|
|
945
|
-
}
|
|
946
937
|
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
938
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
939
|
+
bubbles: true,
|
|
940
|
+
composed: true,
|
|
941
|
+
detail: {
|
|
942
|
+
validity: elem.validity,
|
|
943
|
+
message: elem.errorMessage
|
|
944
|
+
}
|
|
945
|
+
}));
|
|
946
|
+
}
|
|
955
947
|
}
|
|
956
948
|
|
|
957
949
|
/**
|
|
@@ -4447,14 +4439,6 @@ let AuroElement$3 = class AuroElement extends i$2 {
|
|
|
4447
4439
|
};
|
|
4448
4440
|
}
|
|
4449
4441
|
|
|
4450
|
-
/**
|
|
4451
|
-
* Returns true if the element has focus.
|
|
4452
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
4453
|
-
*/
|
|
4454
|
-
get componentHasFocus() {
|
|
4455
|
-
return this.matches(':focus');
|
|
4456
|
-
}
|
|
4457
|
-
|
|
4458
4442
|
resetShapeClasses() {
|
|
4459
4443
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
4460
4444
|
|
|
@@ -38,14 +38,6 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
/**
|
|
42
|
-
* Returns true if the element has focus.
|
|
43
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
44
|
-
*/
|
|
45
|
-
get componentHasFocus() {
|
|
46
|
-
return this.matches(':focus');
|
|
47
|
-
}
|
|
48
|
-
|
|
49
41
|
resetShapeClasses() {
|
|
50
42
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
51
43
|
|
|
@@ -902,16 +894,16 @@ class AuroFormValidation {
|
|
|
902
894
|
}
|
|
903
895
|
|
|
904
896
|
this.getErrorMessage(elem);
|
|
905
|
-
}
|
|
906
897
|
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
898
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
899
|
+
bubbles: true,
|
|
900
|
+
composed: true,
|
|
901
|
+
detail: {
|
|
902
|
+
validity: elem.validity,
|
|
903
|
+
message: elem.errorMessage
|
|
904
|
+
}
|
|
905
|
+
}));
|
|
906
|
+
}
|
|
915
907
|
}
|
|
916
908
|
|
|
917
909
|
/**
|
|
@@ -4401,14 +4393,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4401
4393
|
};
|
|
4402
4394
|
}
|
|
4403
4395
|
|
|
4404
|
-
/**
|
|
4405
|
-
* Returns true if the element has focus.
|
|
4406
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
4407
|
-
*/
|
|
4408
|
-
get componentHasFocus() {
|
|
4409
|
-
return this.matches(':focus');
|
|
4410
|
-
}
|
|
4411
|
-
|
|
4412
4396
|
resetShapeClasses() {
|
|
4413
4397
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
4414
4398
|
|
|
@@ -38,14 +38,6 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
/**
|
|
42
|
-
* Returns true if the element has focus.
|
|
43
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
44
|
-
*/
|
|
45
|
-
get componentHasFocus() {
|
|
46
|
-
return this.matches(':focus');
|
|
47
|
-
}
|
|
48
|
-
|
|
49
41
|
resetShapeClasses() {
|
|
50
42
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
51
43
|
|
|
@@ -902,16 +894,16 @@ class AuroFormValidation {
|
|
|
902
894
|
}
|
|
903
895
|
|
|
904
896
|
this.getErrorMessage(elem);
|
|
905
|
-
}
|
|
906
897
|
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
898
|
+
elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
|
|
899
|
+
bubbles: true,
|
|
900
|
+
composed: true,
|
|
901
|
+
detail: {
|
|
902
|
+
validity: elem.validity,
|
|
903
|
+
message: elem.errorMessage
|
|
904
|
+
}
|
|
905
|
+
}));
|
|
906
|
+
}
|
|
915
907
|
}
|
|
916
908
|
|
|
917
909
|
/**
|
|
@@ -4401,14 +4393,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4401
4393
|
};
|
|
4402
4394
|
}
|
|
4403
4395
|
|
|
4404
|
-
/**
|
|
4405
|
-
* Returns true if the element has focus.
|
|
4406
|
-
* @returns {boolean} - Returns true if the element has focus.
|
|
4407
|
-
*/
|
|
4408
|
-
get componentHasFocus() {
|
|
4409
|
-
return this.matches(':focus');
|
|
4410
|
-
}
|
|
4411
|
-
|
|
4412
4396
|
resetShapeClasses() {
|
|
4413
4397
|
const wrapper = this.shadowRoot.querySelector('.wrapper');
|
|
4414
4398
|
|
package/package.json
CHANGED