@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.1",
   "tags": [
     {
       "name": "kol-abbr",
@@ -58,9 +58,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
+          "name": "focus",
           "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
+          "signature": "focus() => Promise<void | undefined>"
         }
       ],
       "slots": [
@@ -192,9 +192,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
+          "name": "focus",
           "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
+          "signature": "focus() => Promise<void>"
         }
       ],
       "slots": [],
@@ -231,7 +231,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -338,7 +338,7 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value that the button emits on click.",
+          "description": "Defines the value of the element.",
           "required": false
         },
         {
@@ -351,15 +351,15 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [],
@@ -373,7 +373,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -474,21 +474,21 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value that the button emits on click.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [],
@@ -574,7 +574,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -585,10 +585,10 @@
           "required": false
         },
         {
-          "name": "_hide-clear-button",
+          "name": "_has-clear-button",
           "type": "boolean | undefined",
-          "description": "Hides the clear button.",
-          "defaultValue": "false",
+          "description": "Shows the clear button if enabled.",
+          "defaultValue": "true",
           "required": false
         },
         {
@@ -684,21 +684,21 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -745,9 +745,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
+          "name": "focus",
           "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
+          "signature": "focus() => Promise<void | undefined>"
         }
       ],
       "slots": [
@@ -759,6 +759,53 @@
       "cssProperties": [],
       "cssParts": []
     },
+    {
+      "name": "kol-dialog",
+      "description": "",
+      "attributes": [
+        {
+          "name": "_label",
+          "type": "string",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
+          "required": true
+        },
+        {
+          "name": "_variant",
+          "type": "\"blank\" | \"card\" | undefined",
+          "description": "Defines the variant of the modal.",
+          "defaultValue": "'blank'",
+          "required": false
+        },
+        {
+          "name": "_width",
+          "type": "string | undefined",
+          "description": "Defines the width of the modal. (max-width: 100%)",
+          "defaultValue": "'100%'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [
+        {
+          "name": "closeModal",
+          "description": "Closes the dialog.",
+          "signature": "closeModal() => Promise<void>"
+        },
+        {
+          "name": "openModal",
+          "description": "Opens the dialog.",
+          "signature": "openModal() => Promise<void>"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "The dialog's contents."
+        }
+      ],
+      "cssProperties": [],
+      "cssParts": []
+    },
     {
       "name": "kol-drawer",
       "description": "",
@@ -952,7 +999,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1063,7 +1110,7 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "defaultValue": "true",
           "required": false
         },
@@ -1077,15 +1124,15 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -1104,7 +1151,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1207,21 +1254,21 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | undefined>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -1240,7 +1287,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1299,7 +1346,7 @@
         {
           "name": "_max",
           "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | undefined",
-          "description": "Defines the largest possible input value.",
+          "description": "Defines the maximum value of the element.",
           "required": false
         },
         {
@@ -1382,22 +1429,22 @@
         {
           "name": "_value",
           "type": "Date | `${number}-${number}-${number}T${number}:${number}:${number}` | `${number}-${number}-${number}T${number}:${number}` | `${number}-${number}-${number}` | `${number}-${number}` | `${number}-W${number}` | `${number}:${number}:${number}` | `${number}:${number}` | null | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | Date | undefined | null>"
         },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
-        },
         {
           "name": "reset",
           "description": "Resets the component's value.",
@@ -1420,7 +1467,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1576,21 +1623,21 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | undefined>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -1615,7 +1662,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1719,16 +1766,16 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<FileList | null | undefined>"
         },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
-        },
         {
           "name": "reset",
           "description": "Resets the component's value.",
@@ -1751,7 +1798,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -1810,7 +1857,7 @@
         {
           "name": "_max",
           "type": "`${number}.${number}` | `${number}` | number | undefined",
-          "description": "Defines the largest possible input value.",
+          "description": "Defines the maximum value of the element.",
           "required": false
         },
         {
@@ -1892,21 +1939,21 @@
         {
           "name": "_value",
           "type": "`${number}.${number}` | `${number}` | null | number | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<number | NumberString | null>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -1925,7 +1972,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -2068,7 +2115,7 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         },
         {
@@ -2081,15 +2128,15 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | undefined>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -2194,22 +2241,22 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "defaultValue": "null",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -2228,7 +2275,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -2287,7 +2334,7 @@
         {
           "name": "_max",
           "type": "`${number}.${number}` | `${number}` | number | undefined",
-          "description": "Defines the largest possible input value.",
+          "description": "Defines the maximum value of the element.",
           "defaultValue": "100",
           "required": false
         },
@@ -2345,21 +2392,21 @@
         {
           "name": "_value",
           "type": "`${number}.${number}` | `${number}` | number | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<number | NumberString | undefined>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -2378,7 +2425,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -2540,22 +2587,22 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | undefined>"
         },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
-        },
         {
           "name": "selectioconEnd",
           "description": "Get selection end of internal element.",
@@ -2623,7 +2670,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -2724,9 +2771,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
+          "name": "focus",
           "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
+          "signature": "focus() => Promise<void | undefined>"
         }
       ],
       "slots": [],
@@ -2740,7 +2787,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -2841,9 +2888,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
+          "name": "focus",
           "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
+          "signature": "focus() => Promise<void | undefined>"
         }
       ],
       "slots": [],
@@ -2852,7 +2899,7 @@
     },
     {
       "name": "kol-modal",
-      "description": "https://en.wikipedia.org/wiki/Modal_window",
+      "description": "",
       "attributes": [
         {
           "name": "_label",
@@ -2981,7 +3028,7 @@
         {
           "name": "_max",
           "type": "number",
-          "description": "Defines the maximum number of pages.",
+          "description": "Defines the maximum value of the element.",
           "required": true
         },
         {
@@ -3058,7 +3105,7 @@
         {
           "name": "_max",
           "type": "number",
-          "description": "Defines the maximum number of pages.",
+          "description": "Defines the maximum value of the element.",
           "required": true
         },
         {
@@ -3109,7 +3156,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -3223,7 +3270,7 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value that the button emits on click.",
+          "description": "Defines the value of the element.",
           "required": false
         },
         {
@@ -3236,16 +3283,16 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<any>"
+        },
         {
           "name": "hidePopover",
           "description": "Hides the popover programmatically by forwarding the call to the web component.",
           "signature": "hidePopover() => Promise<void>"
         },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
-        },
         {
           "name": "showPopover",
           "description": "Shows the popover programmatically by forwarding the call to the web component.",
@@ -3268,7 +3315,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -3376,7 +3423,7 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value that the button emits on click.",
+          "description": "Defines the value of the element.",
           "required": false
         },
         {
@@ -3389,16 +3436,16 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "hidePopover",
           "description": "Hides the popover programmatically by calling the native hidePopover method.",
           "signature": "hidePopover() => Promise<void>"
         },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
-        },
         {
           "name": "showPopover",
           "description": "Show the popover programmatically by calling the native showPopover method.",
@@ -3427,7 +3474,7 @@
         {
           "name": "_max",
           "type": "number",
-          "description": "Defines at which value the progress display is completed.",
+          "description": "Defines the maximum value of the element.",
           "required": true
         },
         {
@@ -3440,7 +3487,7 @@
         {
           "name": "_value",
           "type": "number",
-          "description": "Defines the progress.",
+          "description": "Defines the value of the element.",
           "required": true
         },
         {
@@ -3495,6 +3542,155 @@
     {
       "name": "kol-select",
       "description": "",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Makes the element not focusable and ignore all events.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_hide-msg",
+          "type": "boolean | undefined",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Defines the hint text.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icons",
+          "type": "string | undefined | { right?: IconOrIconClass | undefined; left?: IconOrIconClass | undefined; }",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string | undefined",
+          "description": "Defines the internal ID of the primary component element.",
+          "required": false
+        },
+        {
+          "name": "_label",
+          "type": "string",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
+          "required": true
+        },
+        {
+          "name": "_msg",
+          "type": "Omit<AlertProps, \"_on\" | \"_hasCloser\" | \"_label\" | \"_level\" | \"_variant\"> & { _description: string; } | string | undefined",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "required": false
+        },
+        {
+          "name": "_multiple",
+          "type": "boolean | undefined",
+          "description": "Makes the input accept multiple inputs.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Defines the technical name of an input field.",
+          "required": false
+        },
+        {
+          "name": "_options",
+          "type": "(Option<StencilUnknown> | Optgroup<StencilUnknown>)[] | string",
+          "description": "Options the user can choose from.",
+          "required": true
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Makes the input element required.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_rows",
+          "type": "number | undefined",
+          "description": "Maximum number of visible rows of the element.",
+          "required": false
+        },
+        {
+          "name": "_short-key",
+          "type": "string | undefined",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)",
+          "required": false
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "defaultValue": "'top'",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Shows if the input was touched by a user.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "StencilUnknown[] | boolean | null | number | object | string | undefined",
+          "description": "Defines the value of the element.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
+        {
+          "name": "getValue",
+          "description": "Returns the selected values.",
+          "signature": "getValue() => Promise<StencilUnknown[] | StencilUnknown>"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Die Beschriftung des Eingabefeldes."
+        }
+      ],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-select-wc",
+      "description": "",
       "attributes": [
         {
           "name": "_access-key",
@@ -3621,15 +3817,15 @@
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown[] | StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -3659,10 +3855,10 @@
           "required": false
         },
         {
-          "name": "_hide-clear-button",
+          "name": "_has-clear-button",
           "type": "boolean | undefined",
-          "description": "Defines the whether the clear button should be hidden.",
-          "defaultValue": "false",
+          "description": "Shows the clear button if enabled.",
+          "defaultValue": "true",
           "required": false
         },
         {
@@ -3738,7 +3934,7 @@
         {
           "name": "_rows",
           "type": "number | undefined",
-          "description": "Maximum number of visible rows in the options dropdown before scrolling.",
+          "description": "Maximum number of visible rows of the element.",
           "required": false
         },
         {
@@ -3764,22 +3960,22 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "defaultValue": "null",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -3811,9 +4007,9 @@
       "events": [],
       "methods": [
         {
-          "name": "kolFocus",
-          "description": "",
-          "signature": "kolFocus() => Promise<void>"
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
         }
       ],
       "slots": [],
@@ -3858,7 +4054,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -3958,7 +4154,7 @@
         {
           "name": "_value",
           "type": "boolean | null | number | object | string | undefined",
-          "description": "Defines the value that the button emits on click.",
+          "description": "Defines the value of the element.",
           "required": false
         },
         {
@@ -3976,15 +4172,15 @@
           "description": "Closes the dropdown.",
           "signature": "closePopup() => Promise<void>"
         },
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<StencilUnknown>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -4184,7 +4380,7 @@
         {
           "name": "_access-key",
           "type": "string | undefined",
-          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element.",
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element.",
           "required": false
         },
         {
@@ -4302,7 +4498,7 @@
         {
           "name": "_rows",
           "type": "number | undefined",
-          "description": "Defines how many rows of text should be visible at the same time.",
+          "description": "Maximum number of visible rows of the element.",
           "required": false
         },
         {
@@ -4334,21 +4530,21 @@
         {
           "name": "_value",
           "type": "string | undefined",
-          "description": "Defines the value of the input.",
+          "description": "Defines the value of the element.",
           "required": false
         }
       ],
       "events": [],
       "methods": [
+        {
+          "name": "focus",
+          "description": "Sets focus on the internal element.",
+          "signature": "focus() => Promise<void | undefined>"
+        },
         {
           "name": "getValue",
           "description": "Returns the current value.",
           "signature": "getValue() => Promise<string | undefined>"
-        },
-        {
-          "name": "kolFocus",
-          "description": "Sets focus on the internal element.",
-          "signature": "kolFocus() => Promise<void>"
         }
       ],
       "slots": [
@@ -4455,17 +4651,17 @@
         {
           "name": "collapse",
           "description": "Collapses the tree item.",
-          "signature": "collapse() => Promise<void>"
+          "signature": "collapse() => Promise<void | undefined>"
         },
         {
           "name": "expand",
           "description": "Expands the tree item.",
-          "signature": "expand() => Promise<void>"
+          "signature": "expand() => Promise<void | undefined>"
         },
         {
-          "name": "focusLink",
+          "name": "focus",
           "description": "Focuses the link element.",
-          "signature": "focusLink() => Promise<void>"
+          "signature": "focus() => Promise<any>"
         },
         {
           "name": "isOpen",
@@ -4519,9 +4715,9 @@
           "signature": "expand() => Promise<void>"
         },
         {
-          "name": "focusLink",
+          "name": "focus",
           "description": "Focuses the link element.",
-          "signature": "focusLink() => Promise<void>"
+          "signature": "focus() => Promise<void | undefined>"
         },
         {
           "name": "isOpen",