@statistikzh/leu 0.22.0 → 0.22.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -65,33 +65,6 @@
             "events": []
           }
         },
-        {
-          "name": "leu-button-group",
-          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [{ "name": "", "description": "Slot for the buttons" }],
-          "events": [
-            {
-              "name": "input",
-              "description": "When the value of the group changes by clicking a button"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The value of the currently selected (active) button"
-              }
-            ],
-            "events": [
-              {
-                "name": "input",
-                "description": "When the value of the group changes by clicking a button"
-              }
-            ]
-          }
-        },
         {
           "name": "leu-button",
           "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -238,49 +211,6 @@
             "events": []
           }
         },
-        {
-          "name": "leu-chart-wrapper",
-          "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "pending",
-              "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "title",
-              "description": "The title of the chart. Use a heading tag (h2-4) depending on your context."
-            },
-            {
-              "name": "description",
-              "description": "A description of the chart. Content is wrapped in a `<p>` tag by the component."
-            },
-            { "name": "chart", "description": "The actual chart" },
-            {
-              "name": "caption",
-              "description": "A caption for the chart, e.g. a source or explanation of the data."
-            },
-            {
-              "name": "download",
-              "description": "A download button or dropdown to export the chart in different formats."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "pending",
-                "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
-                "type": "boolean"
-              },
-              { "name": "hasSlotController" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "leu-checkbox",
           "description": "\n---\n",
@@ -355,330 +285,405 @@
           }
         },
         {
-          "name": "leu-chip-group",
-          "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place leu-chip-* elements inside this slot\n\n### **CSS Properties:**\n - **--leu-chip-group-gap** - The gap between the chips _(default: undefined)_",
+          "name": "leu-button-group",
+          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [{ "name": "", "description": "Slot for the buttons" }],
+          "events": [
+            {
+              "name": "input",
+              "description": "When the value of the group changes by clicking a button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The value of the currently selected (active) button"
+              }
+            ],
+            "events": [
+              {
+                "name": "input",
+                "description": "When the value of the group changes by clicking a button"
+              }
+            ]
+          }
+        },
+        {
+          "name": "leu-chart-wrapper",
+          "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "inverted",
+              "name": "pending",
+              "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
               "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "title",
+              "description": "The title of the chart. Use a heading tag (h2-4) depending on your context."
             },
             {
-              "name": "selection-mode",
-              "value": { "type": "\"single\" | \"multiple\" | \"none\"" }
+              "name": "description",
+              "description": "A description of the chart. Content is wrapped in a `<p>` tag by the component."
             },
+            { "name": "chart", "description": "The actual chart" },
             {
-              "name": "heading-level",
-              "value": { "type": "number", "default": "2" }
+              "name": "caption",
+              "description": "A caption for the chart, e.g. a source or explanation of the data."
             },
             {
-              "name": "label",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "download",
+              "description": "A download button or dropdown to export the chart in different formats."
             }
           ],
-          "slots": [
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "pending",
+                "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
+                "type": "boolean"
+              },
+              { "name": "hasSlotController" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-dropdown",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "",
-              "description": "Place leu-chip-* elements inside this slot"
+              "name": "label",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "expanded",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "inverted",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "value",
-                "description": "Checks the items with the given values.\nIf the selectionMode is single, only the first item with the given value is checked."
-              },
-              { "name": "inverted", "type": "boolean" },
-              { "name": "headingLevel", "type": "number" },
               { "name": "label", "type": "string" },
-              {
-                "name": "selectionMode",
-                "type": "\"single\" | \"multiple\" | \"none\""
-              }
+              { "name": "expanded", "type": "boolean" },
+              { "name": "inverted", "type": "boolean" }
             ],
             "events": []
           }
         },
         {
-          "name": "leu-chip-link",
-          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "name": "leu-dialog",
+          "description": "\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "size",
-              "description": "The size of the chip",
-              "value": { "type": "keyof typeof SIZES" }
+              "name": "label",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "href",
+              "name": "sublabel",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "inverted",
+              "name": "open",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "slots": [{ "name": "", "description": "The content of the chip" }],
           "events": [],
           "js": {
             "properties": [
-              { "name": "inverted", "type": "boolean" },
-              {
-                "name": "size",
-                "description": "The size of the chip",
-                "type": "keyof typeof SIZES"
-              },
-              { "name": "href", "type": "string" }
+              { "name": "label", "type": "string" },
+              { "name": "sublabel", "type": "string" },
+              { "name": "open", "type": "boolean" }
             ],
             "events": []
           }
         },
         {
-          "name": "leu-chip-removable",
-          "description": "\n---\n\n\n### **Events:**\n - **remove** - Dispatched when the user clicks on the chip\n\n### **Methods:**\n - **getValue(): _string_** - Returns the value of the chip. If `value` is not set, it will return the text content\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "name": "leu-file-input",
+          "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
           "doc-url": "",
           "attributes": [
             {
-              "name": "value",
-              "description": "The value of the chip.",
+              "name": "label",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "inverted",
+              "name": "accept",
+              "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether the file input is disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "multiple",
+              "description": "Whether the file input allows multiple files.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "description": "Whether the file input is required.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the file list item. `filled` renders a gray background.",
+              "value": {
+                "type": "\"filled\" | \"transparent\"",
+                "default": "\"filled\""
+              }
             }
           ],
-          "slots": [{ "name": "", "description": "The content of the chip" }],
           "events": [
-            {
-              "name": "remove",
-              "description": "Dispatched when the user clicks on the chip"
-            }
+            { "name": "input", "type": "CustomEvent" },
+            { "name": "change", "type": "CustomEvent" }
           ],
           "js": {
             "properties": [
+              { "name": "label", "type": "string" },
               {
-                "name": "value",
-                "description": "The value of the chip.",
+                "name": "accept",
+                "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
                 "type": "string"
               },
-              { "name": "inverted", "type": "boolean" }
+              {
+                "name": "disabled",
+                "description": "Whether the file input is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "multiple",
+                "description": "Whether the file input allows multiple files.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Whether the file input is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the file list item. `filled` renders a gray background.",
+                "type": "\"filled\" | \"transparent\""
+              },
+              { "name": "files", "type": "File[]" },
+              { "name": "input", "type": "HTMLInputElement" },
+              { "name": "form" },
+              { "name": "name" }
             ],
             "events": [
-              {
-                "name": "remove",
-                "description": "Dispatched when the user clicks on the chip"
-              }
+              { "name": "input", "type": "CustomEvent" },
+              { "name": "change", "type": "CustomEvent" }
             ]
           }
         },
         {
-          "name": "leu-chip-selectable",
-          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input**\n\n### **Methods:**\n - **getValue(): _string_** - Returns the value of the chip. If `value` is not set, it will return the text content\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "name": "leu-chip-group",
+          "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place leu-chip-* elements inside this slot\n\n### **CSS Properties:**\n - **--leu-chip-group-gap** - The gap between the chips _(default: undefined)_",
           "doc-url": "",
           "attributes": [
             {
-              "name": "size",
-              "description": "The size of the chip. Not supported for radio variant.",
-              "value": { "type": "keyof typeof SIZES" }
+              "name": "inverted",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "variant",
-              "description": "`toggle` or `radio`. Determines if only one or multiple chips can be selected.",
+              "name": "selection-mode",
               "value": {
-                "type": "keyof typeof VARIANTS",
-                "default": "\"toggle\""
+                "type": "\"single\" | \"multiple\" | \"none\"",
+                "default": "\"none\""
               }
             },
             {
-              "name": "checked",
-              "description": "Whether the chip is selected.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "heading-level",
+              "value": { "type": "number", "default": "2" }
             },
             {
-              "name": "value",
-              "description": "The value of the chip.",
+              "name": "label",
               "value": { "type": "string", "default": "\"\"" }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "inverted",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "",
+              "description": "Place leu-chip-* elements inside this slot"
             }
           ],
-          "slots": [{ "name": "", "description": "The content of the chip" }],
-          "events": [{ "name": "input", "type": "CustomEvent" }],
+          "events": [],
           "js": {
             "properties": [
+              { "name": "inverted", "type": "boolean" },
               {
-                "name": "size",
-                "description": "The size of the chip. Not supported for radio variant.",
-                "type": "keyof typeof SIZES"
-              },
-              {
-                "name": "variant",
-                "description": "The variant of the chip. Has an effect not only on the visual appearance but also on the behavior.\n- `toggle`: The chip behaves like a toggle button.\n- `radio`: The chip behaves like a radio button.",
-                "type": "keyof typeof VARIANTS"
-              },
-              {
-                "name": "checked",
-                "description": "Whether the chip is selected.",
-                "type": "boolean"
+                "name": "selectionMode",
+                "type": "\"single\" | \"multiple\" | \"none\""
               },
+              { "name": "headingLevel", "type": "number" },
+              { "name": "label", "type": "string" },
               {
                 "name": "value",
-                "description": "The value of the chip.",
-                "type": "string"
-              },
-              { "name": "inverted", "type": "boolean" }
+                "description": "Checks the items with the given values.\nIf the selectionMode is single, only the first item with the given value is checked."
+              }
             ],
-            "events": [{ "name": "input", "type": "CustomEvent" }]
+            "events": []
           }
         },
         {
-          "name": "leu-dialog",
-          "description": "\n---\n",
+          "name": "leu-chip-link",
+          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "size",
+              "description": "The size of the chip",
+              "value": {
+                "type": "\"regular\" | \"large\"",
+                "default": "\"regular\""
+              }
             },
             {
-              "name": "sublabel",
+              "name": "href",
+              "description": "The URL that the chip links to",
               "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "open",
+              "name": "inverted",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
+          "slots": [{ "name": "", "description": "The content of the chip" }],
           "events": [],
           "js": {
             "properties": [
-              { "name": "_dialogRef", "type": "Ref<HTMLDialogElement>" },
-              { "name": "label", "type": "string" },
-              { "name": "sublabel", "type": "string" },
-              { "name": "open", "type": "boolean" }
+              {
+                "name": "size",
+                "description": "The size of the chip",
+                "type": "\"regular\" | \"large\""
+              },
+              {
+                "name": "href",
+                "description": "The URL that the chip links to",
+                "type": "string"
+              },
+              { "name": "inverted", "type": "boolean" }
             ],
             "events": []
           }
         },
         {
-          "name": "leu-dropdown",
-          "description": "\n---\n",
+          "name": "leu-chip-removable",
+          "description": "\n---\n\n\n### **Events:**\n - **remove** - Dispatched when the user clicks on the chip\n\n### **Methods:**\n - **getValue()** - Returns the value of the chip. If `value` is not set, it will return the text content\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
+              "name": "value",
+              "description": "The value of the chip.",
               "value": { "type": "string", "default": "\"\"" }
             },
-            {
-              "name": "expanded",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "inverted",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "events": [],
+          "slots": [{ "name": "", "description": "The content of the chip" }],
+          "events": [
+            {
+              "name": "remove",
+              "description": "Dispatched when the user clicks on the chip"
+            }
+          ],
           "js": {
             "properties": [
-              { "name": "hasSlotController" },
-              { "name": "_documentClickHandler" },
-              { "name": "_menuItemClickHandler" },
               {
-                "name": "_keyDownMenuHandler",
-                "description": "Close the dropdown when the user presses the Escape or the Tab key.\nNavigating the menu with the arrow keys is handled by the menu itself."
+                "name": "value",
+                "description": "The value of the chip.",
+                "type": "string"
               },
-              { "name": "label", "type": "string" },
-              { "name": "expanded", "type": "boolean" },
-              { "name": "inverted", "type": "boolean" },
-              { "name": "_toggleRef", "type": "Ref<HTMLButtonElement>" }
+              { "name": "inverted", "type": "boolean" }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "remove",
+                "description": "Dispatched when the user clicks on the chip"
+              }
+            ]
           }
         },
         {
-          "name": "leu-file-input",
-          "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
+          "name": "leu-chip-selectable",
+          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input**\n\n### **Methods:**\n - **getValue(): _string_** - Returns the value of the chip. If `value` is not set, it will return the text content\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "size",
+              "description": "The size of the chip. Has no effect when variant is \"radio\"",
+              "value": {
+                "type": "\"small\" | \"regular\"",
+                "default": "\"regular\""
+              }
             },
             {
-              "name": "accept",
-              "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "variant",
+              "description": "The variant of the chip. Determines if only one or multiple chips can be selected.",
+              "value": {
+                "type": "\"toggle\" | \"radio\"",
+                "default": "\"toggle\""
+              }
             },
             {
-              "name": "disabled",
-              "description": "Whether the file input is disabled.",
+              "name": "checked",
+              "description": "Whether the chip is selected",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "multiple",
-              "description": "Whether the file input allows multiple files.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "value",
+              "description": "The value of the chip",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "required",
-              "description": "Whether the file input is required.",
+              "name": "inverted",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "variant",
-              "description": "The variant of the file list item. `filled` renders a gray background.",
-              "value": {
-                "type": "\"filled\" | \"transparent\"",
-                "default": "\"filled\""
-              }
             }
           ],
-          "events": [
-            { "name": "input", "type": "CustomEvent" },
-            { "name": "change", "type": "CustomEvent" }
-          ],
+          "slots": [{ "name": "", "description": "The content of the chip" }],
+          "events": [{ "name": "input", "type": "CustomEvent" }],
           "js": {
             "properties": [
-              { "name": "label", "type": "string" },
-              {
-                "name": "accept",
-                "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
-                "type": "string"
-              },
               {
-                "name": "disabled",
-                "description": "Whether the file input is disabled.",
-                "type": "boolean"
+                "name": "size",
+                "description": "The size of the chip. Has no effect when variant is \"radio\"",
+                "type": "\"small\" | \"regular\""
               },
               {
-                "name": "multiple",
-                "description": "Whether the file input allows multiple files.",
-                "type": "boolean"
+                "name": "variant",
+                "description": "The variant of the chip. Determines if only one or multiple chips can be selected.",
+                "type": "\"toggle\" | \"radio\""
               },
               {
-                "name": "required",
-                "description": "Whether the file input is required.",
+                "name": "checked",
+                "description": "Whether the chip is selected",
                 "type": "boolean"
               },
               {
-                "name": "variant",
-                "description": "The variant of the file list item. `filled` renders a gray background.",
-                "type": "\"filled\" | \"transparent\""
+                "name": "value",
+                "description": "The value of the chip",
+                "type": "string"
               },
-              { "name": "files", "type": "File[]" },
-              { "name": "input", "type": "HTMLInputElement" },
-              { "name": "form" },
-              { "name": "name" }
+              { "name": "inverted", "type": "boolean" }
             ],
-            "events": [
-              { "name": "input", "type": "CustomEvent" },
-              { "name": "change", "type": "CustomEvent" }
-            ]
+            "events": [{ "name": "input", "type": "CustomEvent" }]
           }
         },
         {
@@ -706,7 +711,7 @@
         },
         {
           "name": "leu-input",
-          "description": "A text input element.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value of the input element changes.\n- **change** - Dispatched when the value of the input element changes and the input element loses focus.\n\n### **Methods:**\n - **getValidationMessages(): _Object_** - Merge custom and default validation messages.\nA validation message can be a function or a string.\nIf it s a function, the function is called with the corresponding\nattribute value as argument.\ne.g.\n`tooLong(this.maxlength)`\nThis way the framework user can create reasonable validation messages\n- **checkValidity(): _boolean_** - Check input validation\n- **renderErrorMessages(): _TemplateResult | nothing_** - Creates an error list with an item for the given validity state.",
+          "description": "A text input element.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value of the input element changes.\n- **change** - Dispatched when the value of the input element changes and the input element loses focus.\n\n### **Methods:**\n \n\n\n\n\n\n\n- **checkValidity()** - Check input validation\n\n",
           "doc-url": "",
           "attributes": [
             {
@@ -716,12 +721,12 @@
             },
             {
               "name": "required",
-              "description": "Marks the input element as required.",
+              "description": "Marks the input element as required",
               "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "clearable",
-              "description": "Adds a button to clear the input element.",
+              "description": "Adds a button to clear the input element",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -732,21 +737,21 @@
             {
               "name": "name",
               "description": "The name of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "error",
               "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "label",
-              "description": "The label of the input element.",
-              "value": { "type": "string" }
+              "description": "The label of the input element",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "prefix",
-              "description": "A prefix that relates to the value of the input (e.g. CHF).",
+              "description": "A prefix that relates to the value of the input (e.g. CHF)",
               "value": { "type": "string" }
             },
             {
@@ -756,13 +761,16 @@
             },
             {
               "name": "size",
-              "description": "The size of the input element.",
-              "value": { "type": "string" }
+              "description": "The size of the input element",
+              "value": {
+                "type": "\"small\" | \"regular\"",
+                "default": "\"regular\""
+              }
             },
             {
               "name": "icon",
-              "description": "The icon that is displayed at the end of the input element.",
-              "value": { "type": "string" }
+              "description": "The icon that is displayed at the end of the input element",
+              "value": { "type": "IconPathName" }
             },
             {
               "name": "pattern",
@@ -772,46 +780,42 @@
             {
               "name": "type",
               "description": "The type of the input element.",
-              "value": { "type": "string", "default": "\"text\"" }
+              "value": { "type": "InputType", "default": "\"text\"" }
             },
             {
               "name": "min",
               "description": "The minimum value of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "number" }
             },
             {
               "name": "max",
               "description": "The maximum value of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "number" }
+            },
+            {
+              "name": "step",
+              "description": "The step value of the input element.",
+              "value": { "type": "number" }
             },
             {
               "name": "maxlength",
               "description": "The maximum length of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "number" }
             },
             {
               "name": "minlength",
               "description": "The minimum length of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "number" }
             },
             {
               "name": "validationMessages",
               "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
-              "value": { "type": "object", "default": "{}" }
+              "value": { "type": "Record<string, string>", "default": "{}" }
             },
             {
               "name": "novalidate",
               "description": "Disables the browser's validation.",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "step",
-              "description": "The step value of the input element.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "_validity",
-              "value": { "type": "null", "default": "null" }
             }
           ],
           "events": [
@@ -828,7 +832,6 @@
           ],
           "js": {
             "properties": [
-              { "name": "valueAsNumber" },
               {
                 "name": "disabled",
                 "description": "Disables the input element.",
@@ -836,33 +839,12 @@
               },
               {
                 "name": "required",
-                "description": "Marks the input element as required.",
+                "description": "Marks the input element as required",
                 "type": "boolean"
               },
               {
                 "name": "clearable",
-                "description": "Adds a button to clear the input element.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the input element.",
-                "type": "\"small\" | \"regular\""
-              },
-              {
-                "name": "type",
-                "description": "The type of the input element.",
-                "type": "string"
-              },
-              { "name": "_validity", "type": "null" },
-              {
-                "name": "validationMessages",
-                "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
-                "type": "object"
-              },
-              {
-                "name": "novalidate",
-                "description": "Disables the browser's validation.",
+                "description": "Adds a button to clear the input element",
                 "type": "boolean"
               },
               {
@@ -875,24 +857,19 @@
                 "description": "The name of the input element.",
                 "type": "string"
               },
-              {
-                "name": "label",
-                "description": "The label of the input element.",
-                "type": "string"
-              },
               {
                 "name": "error",
                 "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",
                 "type": "string"
               },
               {
-                "name": "icon",
-                "description": "The icon that is displayed at the end of the input element.",
+                "name": "label",
+                "description": "The label of the input element",
                 "type": "string"
               },
               {
                 "name": "prefix",
-                "description": "A prefix that relates to the value of the input (e.g. CHF).",
+                "description": "A prefix that relates to the value of the input (e.g. CHF)",
                 "type": "string"
               },
               {
@@ -900,36 +877,63 @@
                 "description": "A suffix that relates to the value of the input (e.g. mm).",
                 "type": "string"
               },
+              {
+                "name": "size",
+                "description": "The size of the input element",
+                "type": "\"small\" | \"regular\""
+              },
+              {
+                "name": "icon",
+                "description": "The icon that is displayed at the end of the input element",
+                "type": "IconPathName"
+              },
               {
                 "name": "pattern",
                 "description": "A regular expression that the value is checked against.",
                 "type": "string"
               },
+              {
+                "name": "type",
+                "description": "The type of the input element.",
+                "type": "InputType"
+              },
               {
                 "name": "min",
                 "description": "The minimum value of the input element.",
-                "type": "string"
+                "type": "number"
               },
               {
                 "name": "max",
                 "description": "The maximum value of the input element.",
-                "type": "string"
+                "type": "number"
               },
               {
-                "name": "minlength",
-                "description": "The minimum length of the input element.",
-                "type": "string"
+                "name": "step",
+                "description": "The step value of the input element.",
+                "type": "number"
               },
               {
                 "name": "maxlength",
                 "description": "The maximum length of the input element.",
-                "type": "string"
+                "type": "number"
               },
               {
-                "name": "step",
-                "description": "The step value of the input element.",
-                "type": "string"
-              }
+                "name": "minlength",
+                "description": "The minimum length of the input element.",
+                "type": "number"
+              },
+              {
+                "name": "validationMessages",
+                "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
+                "type": "Record<string, string>"
+              },
+              {
+                "name": "novalidate",
+                "description": "Disables the browser's validation.",
+                "type": "boolean"
+              },
+              { "name": "_validity", "type": "ValidityState | null" },
+              { "name": "valueAsNumber" }
             ],
             "events": [
               {
@@ -963,15 +967,14 @@
                 "name": "selects",
                 "description": "This has only an effect when the role is 'menu'. It defines which role the menu items will get. Default is 'none'.",
                 "type": "SelectsType"
-              },
-              { "name": "value" }
+              }
             ],
             "events": []
           }
         },
         {
           "name": "leu-menu-item",
-          "description": "\n---\n\n\n### **Methods:**\n - **getValue(): _string_** - Returns the value of the item. If `value` is not set, it will return the inner text\n\n### **Slots:**\n - _default_ - The label of the menu item",
+          "description": "\n---\n\n\n### **Methods:**\n - **getValue()** - Returns the value of the item. If `value` is not set, it will return the inner text\n\n### **Slots:**\n - _default_ - The label of the menu item",
           "doc-url": "",
           "attributes": [
             {
@@ -992,17 +995,17 @@
             {
               "name": "tabbable",
               "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
-              "value": { "type": "boolean", "default": "undefined" }
+              "value": { "type": "boolean" }
             },
             {
               "name": "href",
               "description": "The href of the underlying link",
-              "value": { "type": "string", "default": "undefined" }
+              "value": { "type": "string" }
             },
             {
               "name": "value",
               "description": "The value of the item. It must not contain commas. See `getValue()`",
-              "value": { "type": "string", "default": "undefined" }
+              "value": { "type": "string" }
             },
             {
               "name": "componentRole",
@@ -1022,19 +1025,19 @@
                 "type": "boolean"
               },
               {
-                "name": "disabled",
-                "description": "Disables the underlying button or link",
+                "name": "multipleSelection",
+                "description": "If the item is part of a multiple selection. Renders a checkmark before the label when active",
                 "type": "boolean"
               },
               {
-                "name": "multipleSelection",
-                "description": "If the item is part of a multiple selection. Renders a checkmark before the label when active",
+                "name": "disabled",
+                "description": "Disables the underlying button or link",
                 "type": "boolean"
               },
               {
-                "name": "value",
-                "description": "The value of the item. It must not contain commas. See `getValue()`",
-                "type": "string"
+                "name": "tabbable",
+                "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
+                "type": "boolean"
               },
               {
                 "name": "href",
@@ -1042,9 +1045,9 @@
                 "type": "string"
               },
               {
-                "name": "tabbable",
-                "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
-                "type": "boolean"
+                "name": "value",
+                "description": "The value of the item. It must not contain commas. See `getValue()`",
+                "type": "string"
               },
               {
                 "name": "componentRole",
@@ -1395,7 +1398,7 @@
         },
         {
           "name": "leu-range",
-          "description": "\n---\n\n\n### **Methods:**\n - **_handlePointerDown(e: _PointerEvent & {target: HTMLInputElement}_)** - Determine if the \"click\" (pointer event) is closer the\nthe value of the other input element. Swap the values if this is the case.",
+          "description": "\n---\n\n\n### **Methods:**\n ",
           "doc-url": "",
           "attributes": [
             {
@@ -1425,13 +1428,6 @@
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "value",
-                "description": "Sets the value of the underlying input element(s).\nThe value has to be an array if \"multiple\" range is used.\nOtherwise it has to be a string."
-              },
-              { "name": "valueAsArray" },
-              { "name": "valueLow" },
-              { "name": "valueHigh" },
               { "name": "defaultValue", "type": "array" },
               { "name": "min", "type": "number" },
               { "name": "max", "type": "number" },
@@ -1439,7 +1435,14 @@
               { "name": "name", "type": "string" },
               { "name": "label", "type": "string" },
               { "name": "disabled", "type": "boolean" },
-              { "name": "multiple", "type": "boolean" }
+              { "name": "multiple", "type": "boolean" },
+              {
+                "name": "value",
+                "description": "Sets the value of the underlying input element(s).\nThe value has to be an array if \"multiple\" range is used.\nOtherwise it has to be a string."
+              },
+              { "name": "valueAsArray" },
+              { "name": "valueLow" },
+              { "name": "valueHigh" }
             ],
             "events": []
           }
@@ -1448,17 +1451,9 @@
           "name": "leu-scroll-top",
           "description": "\n---\n",
           "doc-url": "",
-          "attributes": [
-            { "name": "_showButton", "value": { "type": "string" } }
-          ],
+          "attributes": [],
           "events": [],
-          "js": {
-            "properties": [
-              { "name": "scroll" },
-              { "name": "_showButton", "type": "boolean" }
-            ],
-            "events": []
-          }
+          "js": { "properties": [{ "name": "scroll" }], "events": [] }
         },
         {
           "name": "leu-select",