@db-ux/wc-core-components 3.1.19 → 4.0.0

package/dist/custom-elements.json

@@ -7655,13 +7655,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaListLabel",
+              "name": "listLabel",
               "type": {
                 "text": "string"
               },
               "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
               "resolvedValue": {
-                "name": "ariaListLabel",
+                "name": "listLabel",
                 "type": "string",
                 "comment": "Overwrite the default aria-label (props.label) for the custom-select-list",
                 "resolvedType": "string"
@@ -8981,14 +8981,14 @@
               }
             },
             {
-              "name": "aria-list-label",
-              "fieldName": "ariaListLabel",
+              "name": "list-label",
+              "fieldName": "listLabel",
               "type": {
                 "text": "string"
               },
               "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
               "resolvedValue": {
-                "name": "ariaListLabel",
+                "name": "listLabel",
                 "type": "string",
                 "comment": "Overwrite the default aria-label (props.label) for the custom-select-list",
                 "resolvedType": "string"
@@ -15346,6 +15346,122 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "validation",
+              "type": {
+                "text": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "resolvedValue": {
+                "name": "validation",
+                "type": "ValidationType",
+                "comment": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "resolvedType": "\"invalid\" | \"valid\" | \"no-validation\""
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+              "resolvedValue": {
+                "name": "required",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+                "resolvedType": "boolean | string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional helper message for form components",
+              "resolvedValue": {
+                "name": "message",
+                "type": "string",
+                "comment": "Optional helper message for form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showMessage",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Enables or disables the visibility of the message.",
+              "resolvedValue": {
+                "name": "showMessage",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Enables or disables the visibility of the message.",
+                "resolvedType": "boolean | string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validMessage",
+              "type": {
+                "text": "string"
+              },
+              "description": "Helper message for valid form components",
+              "resolvedValue": {
+                "name": "validMessage",
+                "type": "string",
+                "comment": "Helper message for valid form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "invalidMessage",
+              "type": {
+                "text": "string"
+              },
+              "description": "Helper message for invalid form components",
+              "resolvedValue": {
+                "name": "invalidMessage",
+                "type": "string",
+                "comment": "Helper message for invalid form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Define the radio or checkbox elements checked state",
+              "resolvedValue": {
+                "name": "checked",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Define the radio or checkbox elements checked state",
+                "resolvedType": "boolean | string"
+              }
+            },
             {
               "kind": "field",
               "name": "visualAid",
@@ -15402,16 +15518,16 @@
             },
             {
               "kind": "field",
-              "name": "emphasis",
+              "name": "variant",
               "type": {
-                "text": "\"weak\" | \"strong\""
+                "text": "\"above\" | \"floating\""
               },
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "description": "Change the variant of the label to float or hidden",
               "resolvedValue": {
-                "name": "emphasis",
-                "type": "EmphasisType",
-                "comment": "The emphasis attribute divides in between a weak or strong importance.",
-                "resolvedType": "\"weak\" | \"strong\""
+                "name": "variant",
+                "type": "LabelVariantType",
+                "comment": "Change the variant of the label to float or hidden",
+                "resolvedType": "\"above\" | \"floating\""
               }
             },
             {
@@ -15448,26 +15564,6 @@
                 "resolvedType": "string"
               }
             },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Define the radio or checkbox elements checked state",
-              "resolvedValue": {
-                "name": "checked",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Define the radio or checkbox elements checked state",
-                "resolvedType": "boolean | string"
-              }
-            },
             {
               "kind": "field",
               "name": "value",
@@ -15502,20 +15598,6 @@
                 "resolvedType": "boolean | string"
               }
             },
-            {
-              "kind": "field",
-              "name": "validation",
-              "type": {
-                "text": "\"invalid\" | \"valid\" | \"no-validation\""
-              },
-              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-              "resolvedValue": {
-                "name": "validation",
-                "type": "ValidationType",
-                "comment": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-                "resolvedType": "\"invalid\" | \"valid\" | \"no-validation\""
-              }
-            },
             {
               "kind": "field",
               "name": "name",
@@ -15530,26 +15612,6 @@
                 "resolvedType": "string"
               }
             },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-              "resolvedValue": {
-                "name": "required",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-                "resolvedType": "boolean | string"
-              }
-            },
             {
               "kind": "field",
               "name": "iconLeading",
@@ -15606,11 +15668,66 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "messageIcon",
+              "type": {
+                "text": "IconTypes"
+              },
+              "description": "Set/overwrite icon for helper message for form components",
+              "resolvedValue": {
+                "name": "messageIcon",
+                "type": "IconTypes",
+                "comment": "Set/overwrite icon for helper message for form components",
+                "resolvedType": "IconTypes"
+              }
+            },
             {
               "kind": "field",
               "name": "_id",
               "default": "undefined"
             },
+            {
+              "kind": "field",
+              "name": "_messageId",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "_validMessageId",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "_invalidMessageId",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "_invalidMessage",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "_descByIds",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "_voiceOverFallback",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\""
+            },
+            {
+              "kind": "method",
+              "name": "hasValidState"
+            },
+            {
+              "kind": "method",
+              "name": "handleValidation"
+            },
             {
               "kind": "method",
               "name": "handleChange",
@@ -15669,6 +15786,14 @@
               ],
               "description": "Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil."
             },
+            {
+              "kind": "method",
+              "name": "watch0Fn"
+            },
+            {
+              "kind": "method",
+              "name": "watch0"
+            },
             {
               "kind": "method",
               "name": "render"
@@ -15689,6 +15814,122 @@
                 "resolvedType": "string"
               }
             },
+            {
+              "name": "validation",
+              "fieldName": "validation",
+              "type": {
+                "text": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "resolvedValue": {
+                "name": "validation",
+                "type": "ValidationType",
+                "comment": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "resolvedType": "\"invalid\" | \"valid\" | \"no-validation\""
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+              "resolvedValue": {
+                "name": "required",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+                "resolvedType": "boolean | string"
+              }
+            },
+            {
+              "name": "message",
+              "fieldName": "message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional helper message for form components",
+              "resolvedValue": {
+                "name": "message",
+                "type": "string",
+                "comment": "Optional helper message for form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "name": "show-message",
+              "fieldName": "showMessage",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Enables or disables the visibility of the message.",
+              "resolvedValue": {
+                "name": "showMessage",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Enables or disables the visibility of the message.",
+                "resolvedType": "boolean | string"
+              }
+            },
+            {
+              "name": "valid-message",
+              "fieldName": "validMessage",
+              "type": {
+                "text": "string"
+              },
+              "description": "Helper message for valid form components",
+              "resolvedValue": {
+                "name": "validMessage",
+                "type": "string",
+                "comment": "Helper message for valid form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "name": "invalid-message",
+              "fieldName": "invalidMessage",
+              "type": {
+                "text": "string"
+              },
+              "description": "Helper message for invalid form components",
+              "resolvedValue": {
+                "name": "invalidMessage",
+                "type": "string",
+                "comment": "Helper message for invalid form components",
+                "resolvedType": "string"
+              }
+            },
+            {
+              "name": "checked",
+              "fieldName": "checked",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "Define the radio or checkbox elements checked state",
+              "resolvedValue": {
+                "name": "checked",
+                "type": {
+                  "values": [
+                    "boolean",
+                    "string"
+                  ],
+                  "type": "literal"
+                },
+                "comment": "Define the radio or checkbox elements checked state",
+                "resolvedType": "boolean | string"
+              }
+            },
             {
               "name": "visual-aid",
               "fieldName": "visualAid",
@@ -15744,17 +15985,17 @@
               }
             },
             {
-              "name": "emphasis",
-              "fieldName": "emphasis",
+              "name": "variant",
+              "fieldName": "variant",
               "type": {
-                "text": "\"weak\" | \"strong\""
+                "text": "\"above\" | \"floating\""
               },
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "description": "Change the variant of the label to float or hidden",
               "resolvedValue": {
-                "name": "emphasis",
-                "type": "EmphasisType",
-                "comment": "The emphasis attribute divides in between a weak or strong importance.",
-                "resolvedType": "\"weak\" | \"strong\""
+                "name": "variant",
+                "type": "LabelVariantType",
+                "comment": "Change the variant of the label to float or hidden",
+                "resolvedType": "\"above\" | \"floating\""
               }
             },
             {
@@ -15791,26 +16032,6 @@
                 "resolvedType": "string"
               }
             },
-            {
-              "name": "checked",
-              "fieldName": "checked",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "Define the radio or checkbox elements checked state",
-              "resolvedValue": {
-                "name": "checked",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "Define the radio or checkbox elements checked state",
-                "resolvedType": "boolean | string"
-              }
-            },
             {
               "name": "value",
               "fieldName": "value",
@@ -15845,20 +16066,6 @@
                 "resolvedType": "boolean | string"
               }
             },
-            {
-              "name": "validation",
-              "fieldName": "validation",
-              "type": {
-                "text": "\"invalid\" | \"valid\" | \"no-validation\""
-              },
-              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-              "resolvedValue": {
-                "name": "validation",
-                "type": "ValidationType",
-                "comment": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
-                "resolvedType": "\"invalid\" | \"valid\" | \"no-validation\""
-              }
-            },
             {
               "name": "name",
               "fieldName": "name",
@@ -15873,26 +16080,6 @@
                 "resolvedType": "string"
               }
             },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "type": {
-                "text": "boolean | string"
-              },
-              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-              "resolvedValue": {
-                "name": "required",
-                "type": {
-                  "values": [
-                    "boolean",
-                    "string"
-                  ],
-                  "type": "literal"
-                },
-                "comment": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-                "resolvedType": "boolean | string"
-              }
-            },
             {
               "name": "icon-leading",
               "fieldName": "iconLeading",
@@ -15948,6 +16135,20 @@
                 "comment": "The label attribute specifies the caption of the form element.",
                 "resolvedType": "string"
               }
+            },
+            {
+              "name": "message-icon",
+              "fieldName": "messageIcon",
+              "type": {
+                "text": "IconTypes"
+              },
+              "description": "Set/overwrite icon for helper message for form components",
+              "resolvedValue": {
+                "name": "messageIcon",
+                "type": "IconTypes",
+                "comment": "Set/overwrite icon for helper message for form components",
+                "resolvedType": "IconTypes"
+              }
             }
           ],
           "tagName": "db-switch",