@aurodesignsystem/auro-formkit 3.4.1-rc-602.2.1 → 3.4.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.
Files changed (50) hide show
  1. package/CHANGELOG.md +1756 -3
  2. package/components/checkbox/README.md +1 -1
  3. package/components/checkbox/demo/api.min.js +14 -1
  4. package/components/checkbox/demo/index.min.js +14 -1
  5. package/components/checkbox/demo/readme.md +1 -1
  6. package/components/checkbox/dist/index.js +14 -1
  7. package/components/checkbox/dist/registered.js +14 -1
  8. package/components/combobox/README.md +1 -1
  9. package/components/combobox/demo/api.min.js +28 -2
  10. package/components/combobox/demo/index.min.js +28 -2
  11. package/components/combobox/demo/readme.md +1 -1
  12. package/components/combobox/dist/index.js +28 -2
  13. package/components/combobox/dist/registered.js +28 -2
  14. package/components/counter/README.md +1 -1
  15. package/components/counter/demo/api.min.js +14 -1
  16. package/components/counter/demo/index.min.js +14 -1
  17. package/components/counter/demo/readme.md +1 -1
  18. package/components/counter/dist/index.js +14 -1
  19. package/components/counter/dist/registered.js +14 -1
  20. package/components/datepicker/README.md +1 -1
  21. package/components/datepicker/demo/api.min.js +28 -2
  22. package/components/datepicker/demo/index.min.js +28 -2
  23. package/components/datepicker/demo/readme.md +1 -1
  24. package/components/datepicker/dist/index.js +28 -2
  25. package/components/datepicker/dist/registered.js +28 -2
  26. package/components/dropdown/README.md +1 -1
  27. package/components/dropdown/demo/readme.md +1 -1
  28. package/components/form/README.md +1 -1
  29. package/components/form/demo/readme.md +1 -1
  30. package/components/input/README.md +1 -1
  31. package/components/input/demo/api.min.js +14 -1
  32. package/components/input/demo/index.min.js +14 -1
  33. package/components/input/demo/readme.md +1 -1
  34. package/components/input/dist/index.js +14 -1
  35. package/components/input/dist/registered.js +14 -1
  36. package/components/menu/README.md +1 -1
  37. package/components/menu/demo/readme.md +1 -1
  38. package/components/radio/README.md +1 -1
  39. package/components/radio/demo/api.min.js +14 -1
  40. package/components/radio/demo/index.min.js +14 -1
  41. package/components/radio/demo/readme.md +1 -1
  42. package/components/radio/dist/index.js +14 -1
  43. package/components/radio/dist/registered.js +14 -1
  44. package/components/select/README.md +1 -1
  45. package/components/select/demo/api.min.js +14 -1
  46. package/components/select/demo/index.min.js +14 -1
  47. package/components/select/demo/readme.md +1 -1
  48. package/components/select/dist/index.js +14 -1
  49. package/components/select/dist/registered.js +14 -1
  50. package/package.json +1 -1
@@ -109,7 +109,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
109
109
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
110
110
 
111
111
  ```html
112
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-form/+esm"></script>
112
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-form/+esm"></script>
113
113
  ```
114
114
  <!-- AURO-GENERATED-CONTENT:END -->
115
115
 
@@ -109,7 +109,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
109
109
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
110
110
 
111
111
  ```html
112
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-form/+esm"></script>
112
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-form/+esm"></script>
113
113
  ```
114
114
  <!-- AURO-GENERATED-CONTENT:END -->
115
115
 
@@ -99,7 +99,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
99
99
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
100
100
 
101
101
  ```html
102
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-input/+esm"></script>
102
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-input/+esm"></script>
103
103
  ```
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
@@ -4851,7 +4851,20 @@ class AuroFormValidation {
4851
4851
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
4852
4852
  */
4853
4853
 
4854
- let hasValue = elem.value && elem.value.length > 0;
4854
+ let hasValue = false;
4855
+
4856
+ // Check string for having a value
4857
+ if (typeof elem.value === "string") {
4858
+ hasValue = elem.value && elem.value.length > 0;
4859
+ }
4860
+
4861
+ // Check array value types for having a value
4862
+ if (Array.isArray(elem.value)) {
4863
+ hasValue = Boolean(
4864
+ elem.value.length > 0 &&
4865
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
4866
+ );
4867
+ }
4855
4868
 
4856
4869
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
4857
4870
  if (this.auroInputElements?.length === 2) {
@@ -4776,7 +4776,20 @@ class AuroFormValidation {
4776
4776
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
4777
4777
  */
4778
4778
 
4779
- let hasValue = elem.value && elem.value.length > 0;
4779
+ let hasValue = false;
4780
+
4781
+ // Check string for having a value
4782
+ if (typeof elem.value === "string") {
4783
+ hasValue = elem.value && elem.value.length > 0;
4784
+ }
4785
+
4786
+ // Check array value types for having a value
4787
+ if (Array.isArray(elem.value)) {
4788
+ hasValue = Boolean(
4789
+ elem.value.length > 0 &&
4790
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
4791
+ );
4792
+ }
4780
4793
 
4781
4794
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
4782
4795
  if (this.auroInputElements?.length === 2) {
@@ -99,7 +99,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
99
99
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
100
100
 
101
101
  ```html
102
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-input/+esm"></script>
102
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-input/+esm"></script>
103
103
  ```
104
104
  <!-- AURO-GENERATED-CONTENT:END -->
105
105
 
@@ -4700,7 +4700,20 @@ class AuroFormValidation {
4700
4700
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
4701
4701
  */
4702
4702
 
4703
- let hasValue = elem.value && elem.value.length > 0;
4703
+ let hasValue = false;
4704
+
4705
+ // Check string for having a value
4706
+ if (typeof elem.value === "string") {
4707
+ hasValue = elem.value && elem.value.length > 0;
4708
+ }
4709
+
4710
+ // Check array value types for having a value
4711
+ if (Array.isArray(elem.value)) {
4712
+ hasValue = Boolean(
4713
+ elem.value.length > 0 &&
4714
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
4715
+ );
4716
+ }
4704
4717
 
4705
4718
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
4706
4719
  if (this.auroInputElements?.length === 2) {
@@ -4700,7 +4700,20 @@ class AuroFormValidation {
4700
4700
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
4701
4701
  */
4702
4702
 
4703
- let hasValue = elem.value && elem.value.length > 0;
4703
+ let hasValue = false;
4704
+
4705
+ // Check string for having a value
4706
+ if (typeof elem.value === "string") {
4707
+ hasValue = elem.value && elem.value.length > 0;
4708
+ }
4709
+
4710
+ // Check array value types for having a value
4711
+ if (Array.isArray(elem.value)) {
4712
+ hasValue = Boolean(
4713
+ elem.value.length > 0 &&
4714
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
4715
+ );
4716
+ }
4704
4717
 
4705
4718
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
4706
4719
  if (this.auroInputElements?.length === 2) {
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
111
111
 
112
112
  ```html
113
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-menu/+esm"></script>
113
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-menu/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
110
110
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
111
111
 
112
112
  ```html
113
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-menu/+esm"></script>
113
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-menu/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
@@ -100,7 +100,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
100
100
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
101
101
 
102
102
  ```html
103
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-radio/+esm"></script>
103
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-radio/+esm"></script>
104
104
  ```
105
105
  <!-- AURO-GENERATED-CONTENT:END -->
106
106
 
@@ -1075,7 +1075,20 @@ class AuroFormValidation {
1075
1075
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1076
1076
  */
1077
1077
 
1078
- let hasValue = elem.value && elem.value.length > 0;
1078
+ let hasValue = false;
1079
+
1080
+ // Check string for having a value
1081
+ if (typeof elem.value === "string") {
1082
+ hasValue = elem.value && elem.value.length > 0;
1083
+ }
1084
+
1085
+ // Check array value types for having a value
1086
+ if (Array.isArray(elem.value)) {
1087
+ hasValue = Boolean(
1088
+ elem.value.length > 0 &&
1089
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1090
+ );
1091
+ }
1079
1092
 
1080
1093
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1081
1094
  if (this.auroInputElements?.length === 2) {
@@ -1050,7 +1050,20 @@ class AuroFormValidation {
1050
1050
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1051
1051
  */
1052
1052
 
1053
- let hasValue = elem.value && elem.value.length > 0;
1053
+ let hasValue = false;
1054
+
1055
+ // Check string for having a value
1056
+ if (typeof elem.value === "string") {
1057
+ hasValue = elem.value && elem.value.length > 0;
1058
+ }
1059
+
1060
+ // Check array value types for having a value
1061
+ if (Array.isArray(elem.value)) {
1062
+ hasValue = Boolean(
1063
+ elem.value.length > 0 &&
1064
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1065
+ );
1066
+ }
1054
1067
 
1055
1068
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1056
1069
  if (this.auroInputElements?.length === 2) {
@@ -100,7 +100,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
100
100
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
101
101
 
102
102
  ```html
103
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-radio/+esm"></script>
103
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-radio/+esm"></script>
104
104
  ```
105
105
  <!-- AURO-GENERATED-CONTENT:END -->
106
106
 
@@ -1003,7 +1003,20 @@ class AuroFormValidation {
1003
1003
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1004
1004
  */
1005
1005
 
1006
- let hasValue = elem.value && elem.value.length > 0;
1006
+ let hasValue = false;
1007
+
1008
+ // Check string for having a value
1009
+ if (typeof elem.value === "string") {
1010
+ hasValue = elem.value && elem.value.length > 0;
1011
+ }
1012
+
1013
+ // Check array value types for having a value
1014
+ if (Array.isArray(elem.value)) {
1015
+ hasValue = Boolean(
1016
+ elem.value.length > 0 &&
1017
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1018
+ );
1019
+ }
1007
1020
 
1008
1021
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1009
1022
  if (this.auroInputElements?.length === 2) {
@@ -1003,7 +1003,20 @@ class AuroFormValidation {
1003
1003
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1004
1004
  */
1005
1005
 
1006
- let hasValue = elem.value && elem.value.length > 0;
1006
+ let hasValue = false;
1007
+
1008
+ // Check string for having a value
1009
+ if (typeof elem.value === "string") {
1010
+ hasValue = elem.value && elem.value.length > 0;
1011
+ }
1012
+
1013
+ // Check array value types for having a value
1014
+ if (Array.isArray(elem.value)) {
1015
+ hasValue = Boolean(
1016
+ elem.value.length > 0 &&
1017
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1018
+ );
1019
+ }
1007
1020
 
1008
1021
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1009
1022
  if (this.auroInputElements?.length === 2) {
@@ -111,7 +111,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
111
111
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
112
112
 
113
113
  ```html
114
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-select/+esm"></script>
114
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-select/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
@@ -863,7 +863,20 @@ class AuroFormValidation {
863
863
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
864
864
  */
865
865
 
866
- let hasValue = elem.value && elem.value.length > 0;
866
+ let hasValue = false;
867
+
868
+ // Check string for having a value
869
+ if (typeof elem.value === "string") {
870
+ hasValue = elem.value && elem.value.length > 0;
871
+ }
872
+
873
+ // Check array value types for having a value
874
+ if (Array.isArray(elem.value)) {
875
+ hasValue = Boolean(
876
+ elem.value.length > 0 &&
877
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
878
+ );
879
+ }
867
880
 
868
881
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
869
882
  if (this.auroInputElements?.length === 2) {
@@ -771,7 +771,20 @@ class AuroFormValidation {
771
771
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
772
772
  */
773
773
 
774
- let hasValue = elem.value && elem.value.length > 0;
774
+ let hasValue = false;
775
+
776
+ // Check string for having a value
777
+ if (typeof elem.value === "string") {
778
+ hasValue = elem.value && elem.value.length > 0;
779
+ }
780
+
781
+ // Check array value types for having a value
782
+ if (Array.isArray(elem.value)) {
783
+ hasValue = Boolean(
784
+ elem.value.length > 0 &&
785
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
786
+ );
787
+ }
775
788
 
776
789
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
777
790
  if (this.auroInputElements?.length === 2) {
@@ -111,7 +111,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
111
111
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
112
112
 
113
113
  ```html
114
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-select/+esm"></script>
114
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-select/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
@@ -730,7 +730,20 @@ class AuroFormValidation {
730
730
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
731
731
  */
732
732
 
733
- let hasValue = elem.value && elem.value.length > 0;
733
+ let hasValue = false;
734
+
735
+ // Check string for having a value
736
+ if (typeof elem.value === "string") {
737
+ hasValue = elem.value && elem.value.length > 0;
738
+ }
739
+
740
+ // Check array value types for having a value
741
+ if (Array.isArray(elem.value)) {
742
+ hasValue = Boolean(
743
+ elem.value.length > 0 &&
744
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
745
+ );
746
+ }
734
747
 
735
748
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
736
749
  if (this.auroInputElements?.length === 2) {
@@ -730,7 +730,20 @@ class AuroFormValidation {
730
730
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
731
731
  */
732
732
 
733
- let hasValue = elem.value && elem.value.length > 0;
733
+ let hasValue = false;
734
+
735
+ // Check string for having a value
736
+ if (typeof elem.value === "string") {
737
+ hasValue = elem.value && elem.value.length > 0;
738
+ }
739
+
740
+ // Check array value types for having a value
741
+ if (Array.isArray(elem.value)) {
742
+ hasValue = Boolean(
743
+ elem.value.length > 0 &&
744
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
745
+ );
746
+ }
734
747
 
735
748
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
736
749
  if (this.auroInputElements?.length === 2) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/auro-formkit",
3
- "version": "3.4.1-rc-602.2.1",
3
+ "version": "3.4.1",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {