@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
@@ -106,7 +106,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
106
106
  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.
107
107
 
108
108
  ```html
109
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-checkbox/+esm"></script>
109
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-checkbox/+esm"></script>
110
110
  ```
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
112
112
 
@@ -1040,7 +1040,20 @@ class AuroFormValidation {
1040
1040
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1041
1041
  */
1042
1042
 
1043
- let hasValue = elem.value && elem.value.length > 0;
1043
+ let hasValue = false;
1044
+
1045
+ // Check string for having a value
1046
+ if (typeof elem.value === "string") {
1047
+ hasValue = elem.value && elem.value.length > 0;
1048
+ }
1049
+
1050
+ // Check array value types for having a value
1051
+ if (Array.isArray(elem.value)) {
1052
+ hasValue = Boolean(
1053
+ elem.value.length > 0 &&
1054
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1055
+ );
1056
+ }
1044
1057
 
1045
1058
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1046
1059
  if (this.auroInputElements?.length === 2) {
@@ -1032,7 +1032,20 @@ class AuroFormValidation {
1032
1032
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1033
1033
  */
1034
1034
 
1035
- let hasValue = elem.value && elem.value.length > 0;
1035
+ let hasValue = false;
1036
+
1037
+ // Check string for having a value
1038
+ if (typeof elem.value === "string") {
1039
+ hasValue = elem.value && elem.value.length > 0;
1040
+ }
1041
+
1042
+ // Check array value types for having a value
1043
+ if (Array.isArray(elem.value)) {
1044
+ hasValue = Boolean(
1045
+ elem.value.length > 0 &&
1046
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1047
+ );
1048
+ }
1036
1049
 
1037
1050
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1038
1051
  if (this.auroInputElements?.length === 2) {
@@ -106,7 +106,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
106
106
  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.
107
107
 
108
108
  ```html
109
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-checkbox/+esm"></script>
109
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-checkbox/+esm"></script>
110
110
  ```
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
112
112
 
@@ -985,7 +985,20 @@ class AuroFormValidation {
985
985
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
986
986
  */
987
987
 
988
- let hasValue = elem.value && elem.value.length > 0;
988
+ let hasValue = false;
989
+
990
+ // Check string for having a value
991
+ if (typeof elem.value === "string") {
992
+ hasValue = elem.value && elem.value.length > 0;
993
+ }
994
+
995
+ // Check array value types for having a value
996
+ if (Array.isArray(elem.value)) {
997
+ hasValue = Boolean(
998
+ elem.value.length > 0 &&
999
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1000
+ );
1001
+ }
989
1002
 
990
1003
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
991
1004
  if (this.auroInputElements?.length === 2) {
@@ -985,7 +985,20 @@ class AuroFormValidation {
985
985
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
986
986
  */
987
987
 
988
- let hasValue = elem.value && elem.value.length > 0;
988
+ let hasValue = false;
989
+
990
+ // Check string for having a value
991
+ if (typeof elem.value === "string") {
992
+ hasValue = elem.value && elem.value.length > 0;
993
+ }
994
+
995
+ // Check array value types for having a value
996
+ if (Array.isArray(elem.value)) {
997
+ hasValue = Boolean(
998
+ elem.value.length > 0 &&
999
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1000
+ );
1001
+ }
989
1002
 
990
1003
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
991
1004
  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-combobox/+esm"></script>
114
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-combobox/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
@@ -963,7 +963,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
963
963
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
964
964
  */
965
965
 
966
- let hasValue = elem.value && elem.value.length > 0;
966
+ let hasValue = false;
967
+
968
+ // Check string for having a value
969
+ if (typeof elem.value === "string") {
970
+ hasValue = elem.value && elem.value.length > 0;
971
+ }
972
+
973
+ // Check array value types for having a value
974
+ if (Array.isArray(elem.value)) {
975
+ hasValue = Boolean(
976
+ elem.value.length > 0 &&
977
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
978
+ );
979
+ }
967
980
 
968
981
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
969
982
  if (this.auroInputElements?.length === 2) {
@@ -9525,7 +9538,20 @@ class AuroFormValidation {
9525
9538
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
9526
9539
  */
9527
9540
 
9528
- let hasValue = elem.value && elem.value.length > 0;
9541
+ let hasValue = false;
9542
+
9543
+ // Check string for having a value
9544
+ if (typeof elem.value === "string") {
9545
+ hasValue = elem.value && elem.value.length > 0;
9546
+ }
9547
+
9548
+ // Check array value types for having a value
9549
+ if (Array.isArray(elem.value)) {
9550
+ hasValue = Boolean(
9551
+ elem.value.length > 0 &&
9552
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
9553
+ );
9554
+ }
9529
9555
 
9530
9556
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
9531
9557
  if (this.auroInputElements?.length === 2) {
@@ -821,7 +821,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
821
821
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
822
822
  */
823
823
 
824
- let hasValue = elem.value && elem.value.length > 0;
824
+ let hasValue = false;
825
+
826
+ // Check string for having a value
827
+ if (typeof elem.value === "string") {
828
+ hasValue = elem.value && elem.value.length > 0;
829
+ }
830
+
831
+ // Check array value types for having a value
832
+ if (Array.isArray(elem.value)) {
833
+ hasValue = Boolean(
834
+ elem.value.length > 0 &&
835
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
836
+ );
837
+ }
825
838
 
826
839
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
827
840
  if (this.auroInputElements?.length === 2) {
@@ -9383,7 +9396,20 @@ class AuroFormValidation {
9383
9396
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
9384
9397
  */
9385
9398
 
9386
- let hasValue = elem.value && elem.value.length > 0;
9399
+ let hasValue = false;
9400
+
9401
+ // Check string for having a value
9402
+ if (typeof elem.value === "string") {
9403
+ hasValue = elem.value && elem.value.length > 0;
9404
+ }
9405
+
9406
+ // Check array value types for having a value
9407
+ if (Array.isArray(elem.value)) {
9408
+ hasValue = Boolean(
9409
+ elem.value.length > 0 &&
9410
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
9411
+ );
9412
+ }
9387
9413
 
9388
9414
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
9389
9415
  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-combobox/+esm"></script>
114
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-combobox/+esm"></script>
115
115
  ```
116
116
  <!-- AURO-GENERATED-CONTENT:END -->
117
117
 
@@ -771,7 +771,20 @@ let AuroFormValidation$1 = 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) {
@@ -9301,7 +9314,20 @@ class AuroFormValidation {
9301
9314
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
9302
9315
  */
9303
9316
 
9304
- let hasValue = elem.value && elem.value.length > 0;
9317
+ let hasValue = false;
9318
+
9319
+ // Check string for having a value
9320
+ if (typeof elem.value === "string") {
9321
+ hasValue = elem.value && elem.value.length > 0;
9322
+ }
9323
+
9324
+ // Check array value types for having a value
9325
+ if (Array.isArray(elem.value)) {
9326
+ hasValue = Boolean(
9327
+ elem.value.length > 0 &&
9328
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
9329
+ );
9330
+ }
9305
9331
 
9306
9332
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
9307
9333
  if (this.auroInputElements?.length === 2) {
@@ -771,7 +771,20 @@ let AuroFormValidation$1 = 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) {
@@ -9301,7 +9314,20 @@ class AuroFormValidation {
9301
9314
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
9302
9315
  */
9303
9316
 
9304
- let hasValue = elem.value && elem.value.length > 0;
9317
+ let hasValue = false;
9318
+
9319
+ // Check string for having a value
9320
+ if (typeof elem.value === "string") {
9321
+ hasValue = elem.value && elem.value.length > 0;
9322
+ }
9323
+
9324
+ // Check array value types for having a value
9325
+ if (Array.isArray(elem.value)) {
9326
+ hasValue = Boolean(
9327
+ elem.value.length > 0 &&
9328
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
9329
+ );
9330
+ }
9305
9331
 
9306
9332
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
9307
9333
  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-counter/+esm"></script>
113
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-counter/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
@@ -1619,7 +1619,20 @@ class AuroFormValidation {
1619
1619
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1620
1620
  */
1621
1621
 
1622
- let hasValue = elem.value && elem.value.length > 0;
1622
+ let hasValue = false;
1623
+
1624
+ // Check string for having a value
1625
+ if (typeof elem.value === "string") {
1626
+ hasValue = elem.value && elem.value.length > 0;
1627
+ }
1628
+
1629
+ // Check array value types for having a value
1630
+ if (Array.isArray(elem.value)) {
1631
+ hasValue = Boolean(
1632
+ elem.value.length > 0 &&
1633
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1634
+ );
1635
+ }
1623
1636
 
1624
1637
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1625
1638
  if (this.auroInputElements?.length === 2) {
@@ -1619,7 +1619,20 @@ class AuroFormValidation {
1619
1619
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1620
1620
  */
1621
1621
 
1622
- let hasValue = elem.value && elem.value.length > 0;
1622
+ let hasValue = false;
1623
+
1624
+ // Check string for having a value
1625
+ if (typeof elem.value === "string") {
1626
+ hasValue = elem.value && elem.value.length > 0;
1627
+ }
1628
+
1629
+ // Check array value types for having a value
1630
+ if (Array.isArray(elem.value)) {
1631
+ hasValue = Boolean(
1632
+ elem.value.length > 0 &&
1633
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1634
+ );
1635
+ }
1623
1636
 
1624
1637
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1625
1638
  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-counter/+esm"></script>
113
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-counter/+esm"></script>
114
114
  ```
115
115
  <!-- AURO-GENERATED-CONTENT:END -->
116
116
 
@@ -1572,7 +1572,20 @@ class AuroFormValidation {
1572
1572
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1573
1573
  */
1574
1574
 
1575
- let hasValue = elem.value && elem.value.length > 0;
1575
+ let hasValue = false;
1576
+
1577
+ // Check string for having a value
1578
+ if (typeof elem.value === "string") {
1579
+ hasValue = elem.value && elem.value.length > 0;
1580
+ }
1581
+
1582
+ // Check array value types for having a value
1583
+ if (Array.isArray(elem.value)) {
1584
+ hasValue = Boolean(
1585
+ elem.value.length > 0 &&
1586
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1587
+ );
1588
+ }
1576
1589
 
1577
1590
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1578
1591
  if (this.auroInputElements?.length === 2) {
@@ -1572,7 +1572,20 @@ class AuroFormValidation {
1572
1572
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1573
1573
  */
1574
1574
 
1575
- let hasValue = elem.value && elem.value.length > 0;
1575
+ let hasValue = false;
1576
+
1577
+ // Check string for having a value
1578
+ if (typeof elem.value === "string") {
1579
+ hasValue = elem.value && elem.value.length > 0;
1580
+ }
1581
+
1582
+ // Check array value types for having a value
1583
+ if (Array.isArray(elem.value)) {
1584
+ hasValue = Boolean(
1585
+ elem.value.length > 0 &&
1586
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1587
+ );
1588
+ }
1576
1589
 
1577
1590
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1578
1591
  if (this.auroInputElements?.length === 2) {
@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
104
104
  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.
105
105
 
106
106
  ```html
107
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-datepicker/+esm"></script>
107
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-datepicker/+esm"></script>
108
108
  ```
109
109
  <!-- AURO-GENERATED-CONTENT:END -->
110
110
 
@@ -1017,7 +1017,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
1017
1017
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
1018
1018
  */
1019
1019
 
1020
- let hasValue = elem.value && elem.value.length > 0;
1020
+ let hasValue = false;
1021
+
1022
+ // Check string for having a value
1023
+ if (typeof elem.value === "string") {
1024
+ hasValue = elem.value && elem.value.length > 0;
1025
+ }
1026
+
1027
+ // Check array value types for having a value
1028
+ if (Array.isArray(elem.value)) {
1029
+ hasValue = Boolean(
1030
+ elem.value.length > 0 &&
1031
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
1032
+ );
1033
+ }
1021
1034
 
1022
1035
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
1023
1036
  if (this.auroInputElements?.length === 2) {
@@ -20995,7 +21008,20 @@ class AuroFormValidation {
20995
21008
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
20996
21009
  */
20997
21010
 
20998
- let hasValue = elem.value && elem.value.length > 0;
21011
+ let hasValue = false;
21012
+
21013
+ // Check string for having a value
21014
+ if (typeof elem.value === "string") {
21015
+ hasValue = elem.value && elem.value.length > 0;
21016
+ }
21017
+
21018
+ // Check array value types for having a value
21019
+ if (Array.isArray(elem.value)) {
21020
+ hasValue = Boolean(
21021
+ elem.value.length > 0 &&
21022
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
21023
+ );
21024
+ }
20999
21025
 
21000
21026
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
21001
21027
  if (this.auroInputElements?.length === 2) {
@@ -758,7 +758,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
758
758
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
759
759
  */
760
760
 
761
- let hasValue = elem.value && elem.value.length > 0;
761
+ let hasValue = false;
762
+
763
+ // Check string for having a value
764
+ if (typeof elem.value === "string") {
765
+ hasValue = elem.value && elem.value.length > 0;
766
+ }
767
+
768
+ // Check array value types for having a value
769
+ if (Array.isArray(elem.value)) {
770
+ hasValue = Boolean(
771
+ elem.value.length > 0 &&
772
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
773
+ );
774
+ }
762
775
 
763
776
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
764
777
  if (this.auroInputElements?.length === 2) {
@@ -20736,7 +20749,20 @@ class AuroFormValidation {
20736
20749
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
20737
20750
  */
20738
20751
 
20739
- let hasValue = elem.value && elem.value.length > 0;
20752
+ let hasValue = false;
20753
+
20754
+ // Check string for having a value
20755
+ if (typeof elem.value === "string") {
20756
+ hasValue = elem.value && elem.value.length > 0;
20757
+ }
20758
+
20759
+ // Check array value types for having a value
20760
+ if (Array.isArray(elem.value)) {
20761
+ hasValue = Boolean(
20762
+ elem.value.length > 0 &&
20763
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
20764
+ );
20765
+ }
20740
20766
 
20741
20767
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
20742
20768
  if (this.auroInputElements?.length === 2) {
@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
104
104
  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.
105
105
 
106
106
  ```html
107
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-datepicker/+esm"></script>
107
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-datepicker/+esm"></script>
108
108
  ```
109
109
  <!-- AURO-GENERATED-CONTENT:END -->
110
110
 
@@ -732,7 +732,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
732
732
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
733
733
  */
734
734
 
735
- let hasValue = elem.value && elem.value.length > 0;
735
+ let hasValue = false;
736
+
737
+ // Check string for having a value
738
+ if (typeof elem.value === "string") {
739
+ hasValue = elem.value && elem.value.length > 0;
740
+ }
741
+
742
+ // Check array value types for having a value
743
+ if (Array.isArray(elem.value)) {
744
+ hasValue = Boolean(
745
+ elem.value.length > 0 &&
746
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
747
+ );
748
+ }
736
749
 
737
750
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
738
751
  if (this.auroInputElements?.length === 2) {
@@ -20672,7 +20685,20 @@ class AuroFormValidation {
20672
20685
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
20673
20686
  */
20674
20687
 
20675
- let hasValue = elem.value && elem.value.length > 0;
20688
+ let hasValue = false;
20689
+
20690
+ // Check string for having a value
20691
+ if (typeof elem.value === "string") {
20692
+ hasValue = elem.value && elem.value.length > 0;
20693
+ }
20694
+
20695
+ // Check array value types for having a value
20696
+ if (Array.isArray(elem.value)) {
20697
+ hasValue = Boolean(
20698
+ elem.value.length > 0 &&
20699
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
20700
+ );
20701
+ }
20676
20702
 
20677
20703
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
20678
20704
  if (this.auroInputElements?.length === 2) {
@@ -732,7 +732,20 @@ let AuroFormValidation$1 = class AuroFormValidation {
732
732
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
733
733
  */
734
734
 
735
- let hasValue = elem.value && elem.value.length > 0;
735
+ let hasValue = false;
736
+
737
+ // Check string for having a value
738
+ if (typeof elem.value === "string") {
739
+ hasValue = elem.value && elem.value.length > 0;
740
+ }
741
+
742
+ // Check array value types for having a value
743
+ if (Array.isArray(elem.value)) {
744
+ hasValue = Boolean(
745
+ elem.value.length > 0 &&
746
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
747
+ );
748
+ }
736
749
 
737
750
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
738
751
  if (this.auroInputElements?.length === 2) {
@@ -20672,7 +20685,20 @@ class AuroFormValidation {
20672
20685
  * The validityState definitions are located at https://developer.mozilla.org/en-US/docs/Web/API/ValidityState.
20673
20686
  */
20674
20687
 
20675
- let hasValue = elem.value && elem.value.length > 0;
20688
+ let hasValue = false;
20689
+
20690
+ // Check string for having a value
20691
+ if (typeof elem.value === "string") {
20692
+ hasValue = elem.value && elem.value.length > 0;
20693
+ }
20694
+
20695
+ // Check array value types for having a value
20696
+ if (Array.isArray(elem.value)) {
20697
+ hasValue = Boolean(
20698
+ elem.value.length > 0 &&
20699
+ elem.value.some((value) => typeof value === "string" && value.length > 0)
20700
+ );
20701
+ }
20676
20702
 
20677
20703
  // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
20678
20704
  if (this.auroInputElements?.length === 2) {
@@ -107,7 +107,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
107
107
  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.
108
108
 
109
109
  ```html
110
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-dropdown/+esm"></script>
110
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-dropdown/+esm"></script>
111
111
  ```
112
112
  <!-- AURO-GENERATED-CONTENT:END -->
113
113
 
@@ -107,7 +107,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
107
107
  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.
108
108
 
109
109
  ```html
110
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@0.0.0/auro-dropdown/+esm"></script>
110
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.4.0/auro-dropdown/+esm"></script>
111
111
  ```
112
112
  <!-- AURO-GENERATED-CONTENT:END -->
113
113