@statistikzh/leu 0.13.1 → 0.14.0

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.13.1",
+  "version": "0.14.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -42,66 +42,25 @@
           "js": {
             "properties": [
               {
-                "name": "heading-level",
+                "name": "headingLevel",
                 "description": "The heading level of the accordion title. Must be between 1 and 6.",
-                "value": { "type": "number" }
-              },
-              {
-                "name": "label-prefix",
-                "description": "The prefix of the accordion label. e.g. \"01\"",
-                "value": { "type": "string" }
+                "type": "number"
               },
               {
                 "name": "open",
                 "description": "The expanded state of the accordion.",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
                 "name": "label",
                 "description": "The label (title) of the accordion.",
-                "value": { "type": "string" }
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "leu-breadcrumb",
-          "description": "A Breadcrumb Navigation.\n\nThe breadcrumbs can be displayed in two different layouts.\nOnly the back link (the last item / parent of the current page)\nis displayed when…\n-  … the width of the container is smaller\n     than the BACK_ONLY_BREAKPOINT.\n-  … less then two breadcrumb items could be displayed\n     without overflowing the container.\n\nOtherwise as many items as possible are displayed in an inline list\nwithout overflowing the container. The remaining items are displayed\nin a dropdown menu.\n\nIn order to determine the exact numbers of items that have to be\nhidden inside the dropdown, all of them have to be rendered first.\n1. Render all items\n2. Calculate (measure) the number of items that can be displayed\n   without overflowing the container.\n3. Updating the state (_hiddeItems) which will trigger a rerender\n4. Render the items again with the new state.\n\nThis results in multiple updates scheduled one after another. Lit\nwill also print a waring in the console beacause of that.\nIt's no a nice behaviour but the only one that works without\nhaving duplicate and hidden markup to derive the sizes from that.\n---\n\n\n### **Methods:**\n - **renderDropdown(): __** - Render the dropdown menu",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "items",
-              "description": "Object array with { label, href }",
-              "value": { "type": "Array", "default": "[]" }
-            },
-            {
-              "name": "inverted",
-              "description": "invert color on dark background",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "_hiddenItems", "value": { "type": "string" } },
-            { "name": "_showBackOnly", "value": { "type": "string" } },
-            { "name": "_isRecalculating", "value": { "type": "string" } },
-            { "name": "_isDropdownOpen", "value": { "type": "string" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "items",
-                "description": "Object array with { label, href }",
-                "value": { "type": "Array" }
+                "type": "string"
               },
               {
-                "name": "inverted",
-                "description": "invert color on dark background",
-                "value": { "type": "boolean" }
-              },
-              { "name": "_hiddenItems", "value": {} },
-              { "name": "_showBackOnly", "value": {} },
-              { "name": "_isRecalculating", "value": {} },
-              { "name": "_isDropdownOpen", "value": {} }
+                "name": "labelPrefix",
+                "description": "The prefix of the accordion label. e.g. \"01\"",
+                "type": "string"
+              }
             ],
             "events": []
           }
@@ -183,35 +142,32 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "value": { "type": "string" } },
-              { "name": "size", "value": { "type": "string" } },
-              { "name": "variant", "value": { "type": "string" } },
-              {
-                "name": "type",
-                "value": { "type": "\"button\" | \"submit\" | \"reset\"" }
-              },
-              { "name": "componentRole", "value": { "type": "string" } },
-              { "name": "disabled", "value": { "type": "boolean" } },
+              { "name": "label", "type": "string" },
+              { "name": "size", "type": "string" },
+              { "name": "variant", "type": "string" },
+              { "name": "type", "type": "\"button\" | \"submit\" | \"reset\"" },
+              { "name": "componentRole", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
               {
                 "name": "round",
                 "description": "Only taken into account if no Label and an Icon is set",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
-              { "name": "active", "value": { "type": "boolean" } },
+              { "name": "active", "type": "boolean" },
               {
                 "name": "inverted",
                 "description": "will be used on dark Background",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "expanded",
-                "description": "Only taken into account if variant is \"ghost\"",
-                "value": { "type": "(\"true\" | \"false\" | undefined)" }
+                "type": "boolean"
               },
               {
                 "name": "fluid",
                 "description": "Alters the shape of the button to be full width of its parent container",
-                "value": { "type": "boolean" }
+                "type": "boolean"
+              },
+              {
+                "name": "expanded",
+                "description": "Only taken into account if variant is \"ghost\"",
+                "type": "(\"true\" | \"false\" | undefined)"
               }
             ],
             "events": []
@@ -226,24 +182,23 @@
           "events": [
             {
               "name": "input",
+              "type": "CustomEvent",
               "description": "When the value of the group changes by clicking a button"
             }
           ],
           "js": {
             "properties": [
-              { "name": "getButtonValue", "value": {} },
               {
                 "name": "value",
                 "description": "The value of the currenty selected (active) button",
-                "value": { "type": "string" }
+                "type": "string"
               },
-              { "name": "_handleSlotChange", "value": {} },
-              { "name": "_handleButtonClick", "value": {} },
-              { "name": "_items", "value": { "type": "array" } }
+              { "name": "_items", "type": "array" }
             ],
             "events": [
               {
                 "name": "input",
+                "type": "CustomEvent",
                 "description": "When the value of the group changes by clicking a button"
               }
             ]
@@ -271,10 +226,10 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "checked", "value": { "type": "boolean" } },
-              { "name": "disabled", "value": { "type": "boolean" } },
-              { "name": "value", "value": { "type": "string" } },
-              { "name": "name", "value": { "type": "string" } }
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" }
             ],
             "events": []
           }
@@ -296,11 +251,13 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "value" },
               {
                 "name": "orientation",
-                "value": { "type": "\"horizontal\" | \"vertical\"" }
+                "type": "\"horizontal\" | \"vertical\""
               },
-              { "name": "label", "value": { "type": "string" } }
+              { "name": "items", "type": "array" },
+              { "name": "label", "type": "string" }
             ],
             "events": []
           }
@@ -336,13 +293,17 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "inverted", "value": { "type": "boolean" } },
               {
-                "name": "selection-mode",
-                "value": { "type": "\"single\" | \"multiple\" | \"none\"" }
+                "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": "heading-level", "value": { "type": "number" } },
-              { "name": "label", "value": { "type": "string" } }
+              { "name": "inverted", "type": "boolean" },
+              { "name": "headingLevel", "type": "number" },
+              { "name": "label", "type": "string" },
+              {
+                "name": "selectionMode",
+                "type": "\"single\" | \"multiple\" | \"none\""
+              }
             ],
             "events": []
           }
@@ -352,7 +313,6 @@
           "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
-            { "name": "", "value": { "type": "string" } },
             {
               "name": "size",
               "description": "The size of the chip",
@@ -371,14 +331,13 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "", "value": {} },
+              { "name": "inverted", "type": "boolean" },
               {
                 "name": "size",
                 "description": "The size of the chip",
-                "value": { "type": "keyof typeof SIZES" }
+                "type": "keyof typeof SIZES"
               },
-              { "name": "href", "value": { "type": "string" } },
-              { "name": "inverted", "value": { "type": "boolean" } }
+              { "name": "href", "type": "string" }
             ],
             "events": []
           }
@@ -388,7 +347,6 @@
           "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",
           "doc-url": "",
           "attributes": [
-            { "name": "", "value": { "type": "string" } },
             {
               "name": "value",
               "description": "The value of the chip.",
@@ -408,13 +366,12 @@
           ],
           "js": {
             "properties": [
-              { "name": "", "value": {} },
               {
                 "name": "value",
                 "description": "The value of the chip.",
-                "value": { "type": "string" }
+                "type": "string"
               },
-              { "name": "inverted", "value": { "type": "boolean" } }
+              { "name": "inverted", "type": "boolean" }
             ],
             "events": [
               {
@@ -426,10 +383,9 @@
         },
         {
           "name": "leu-chip-selectable",
-          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input** - undefined\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",
+          "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": "", "value": { "type": "string" } },
             {
               "name": "size",
               "description": "The size of the chip. Not supported for radio variant.",
@@ -459,33 +415,32 @@
             }
           ],
           "slots": [{ "name": "", "description": "The content of the chip" }],
-          "events": [{ "name": "input" }],
+          "events": [{ "name": "input", "type": "CustomEvent" }],
           "js": {
             "properties": [
-              { "name": "", "value": {} },
               {
                 "name": "size",
                 "description": "The size of the chip. Not supported for radio variant.",
-                "value": { "type": "keyof typeof SIZES" }
+                "type": "keyof typeof SIZES"
               },
               {
                 "name": "variant",
-                "description": "`toggle` or `radio`. Determines if only one or multiple chips can be selected.",
-                "value": { "type": "keyof typeof VARIANTS" }
+                "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.",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
                 "name": "value",
                 "description": "The value of the chip.",
-                "value": { "type": "string" }
+                "type": "string"
               },
-              { "name": "inverted", "value": { "type": "boolean" } }
+              { "name": "inverted", "type": "boolean" }
             ],
-            "events": [{ "name": "input" }]
+            "events": [{ "name": "input", "type": "CustomEvent" }]
           }
         },
         {
@@ -509,9 +464,10 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "value": { "type": "string" } },
-              { "name": "sublabel", "value": { "type": "string" } },
-              { "name": "open", "value": { "type": "boolean" } }
+              { "name": "_dialogRef", "type": "Ref<HTMLDialogElement>" },
+              { "name": "label", "type": "string" },
+              { "name": "sublabel", "type": "string" },
+              { "name": "open", "type": "boolean" }
             ],
             "events": []
           }
@@ -533,8 +489,16 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "value": { "type": "string" } },
-              { "name": "expanded", "value": { "type": "boolean" } }
+              { "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": "label", "type": "string" },
+              { "name": "expanded", "type": "boolean" },
+              { "name": "_toggleRef", "type": "Ref<HTMLButtonElement>" }
             ],
             "events": []
           }
@@ -556,7 +520,7 @@
               {
                 "name": "name",
                 "description": "The name of the icon to display.",
-                "value": { "type": "IconPathName" }
+                "type": "IconPathName | \"\""
               }
             ],
             "events": []
@@ -564,7 +528,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- **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 - **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.",
           "doc-url": "",
           "attributes": [
             {
@@ -675,124 +639,129 @@
           "events": [
             {
               "name": "input",
+              "type": "CustomEvent",
               "description": "Dispatched when the value of the input element changes."
             },
             {
               "name": "change",
+              "type": "CustomEvent",
               "description": "Dispatched when the value of the input element changes and the input element loses focus."
             }
           ],
           "js": {
             "properties": [
+              { "name": "valueAsNumber" },
               {
                 "name": "disabled",
                 "description": "Disables the input element.",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
                 "name": "required",
                 "description": "Marks the input element as required.",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
                 "name": "clearable",
                 "description": "Adds a button to clear the input element.",
-                "value": { "type": "boolean" }
+                "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.",
+                "type": "boolean"
               },
               {
                 "name": "value",
                 "description": "The value of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "name",
                 "description": "The name of the input element.",
-                "value": { "type": "string" }
+                "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.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
-                "name": "label",
-                "description": "The label of the input element.",
-                "value": { "type": "string" }
+                "name": "icon",
+                "description": "The icon that is displayed at the end of the input element.",
+                "type": "string"
               },
               {
                 "name": "prefix",
                 "description": "A prefix that relates to the value of the input (e.g. CHF).",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "suffix",
                 "description": "A suffix that relates to the value of the input (e.g. mm).",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "size",
-                "description": "The size of the input element.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "icon",
-                "description": "The icon that is displayed at the end of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "pattern",
                 "description": "A regular expression that the value is checked against.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "type",
-                "description": "The type of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "min",
                 "description": "The minimum value of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "max",
                 "description": "The maximum value of the input element.",
-                "value": { "type": "string" }
-              },
-              {
-                "name": "maxlength",
-                "description": "The maximum length of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
                 "name": "minlength",
                 "description": "The minimum length of the input element.",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
-                "name": "validationMessages",
-                "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
-                "value": { "type": "object" }
-              },
-              {
-                "name": "novalidate",
-                "description": "Disables the browser's validation.",
-                "value": { "type": "boolean" }
+                "name": "maxlength",
+                "description": "The maximum length of the input element.",
+                "type": "string"
               },
               {
                 "name": "step",
                 "description": "The step value of the input element.",
-                "value": { "type": "string" }
-              },
-              { "name": "_validity", "value": { "type": "null" } }
+                "type": "string"
+              }
             ],
             "events": [
               {
                 "name": "input",
+                "type": "CustomEvent",
                 "description": "Dispatched when the value of the input element changes."
               },
               {
                 "name": "change",
+                "type": "CustomEvent",
                 "description": "Dispatched when the value of the input element changes and the input element loses focus."
               }
             ]
@@ -815,8 +784,9 @@
               {
                 "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'.",
-                "value": { "type": "SelectsType" }
-              }
+                "type": "SelectsType"
+              },
+              { "name": "value" }
             ],
             "events": []
           }
@@ -871,37 +841,37 @@
               {
                 "name": "active",
                 "description": "Defines if the item is selected or checked",
-                "value": { "type": "boolean" }
-              },
-              {
-                "name": "multipleSelection",
-                "description": "If the item is part of a multiple selection. Renders a checkmark before the label when active",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
                 "name": "disabled",
                 "description": "Disables the underlying button or link",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
-                "name": "tabbable",
-                "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
-                "value": { "type": "boolean" }
+                "name": "multipleSelection",
+                "description": "If the item is part of a multiple selection. Renders a checkmark before the label when active",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value of the item. It must not contain commas. See `getValue()`",
+                "type": "string"
               },
               {
                 "name": "href",
                 "description": "The href of the underlying link",
-                "value": { "type": "string" }
+                "type": "string"
               },
               {
-                "name": "value",
-                "description": "The value of the item. It must not contain commas. See `getValue()`",
-                "value": { "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": "componentRole",
                 "description": "The role of the item. This will be reflected as `role` to the underlying button or link. Default is `'menuitem'.`",
-                "value": { "type": "MenuItemRole" }
+                "type": "MenuItemRole"
               }
             ],
             "events": []
@@ -909,7 +879,7 @@
         },
         {
           "name": "leu-pagination",
-          "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange** - undefined",
+          "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange**",
           "doc-url": "",
           "attributes": [
             { "name": "defaultPage", "value": { "type": "number" } },
@@ -923,15 +893,23 @@
             },
             { "name": "_page", "value": { "type": "string" } }
           ],
-          "events": [{ "name": "leu:pagechange" }],
+          "events": [{ "name": "leu:pagechange", "type": "CustomEvent" }],
           "js": {
             "properties": [
-              { "name": "defaultPage", "value": { "type": "number" } },
-              { "name": "itemsPerPage", "value": { "type": "Number" } },
-              { "name": "numOfItems", "value": { "type": "Number" } },
-              { "name": "_page", "value": {} }
+              { "name": "page" },
+              { "name": "startIndex" },
+              { "name": "endIndex" },
+              { "name": "_maxPage" },
+              { "name": "numOfItems", "type": "Number" },
+              { "name": "itemsPerPage", "type": "Number" },
+              { "name": "defaultPage", "type": "number" },
+              {
+                "name": "_page",
+                "description": "Internal page state that contains an\nalready clamped page number. Should only\nbe accessed through the `page` getter and\nsetter.",
+                "type": "Number"
+              }
             ],
-            "events": [{ "name": "leu:pagechange" }]
+            "events": [{ "name": "leu:pagechange", "type": "CustomEvent" }]
           }
         },
         {
@@ -988,21 +966,24 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "anchor", "value": { "type": "string | HTMLElement" } },
-              { "name": "active", "value": { "type": "boolean" } },
-              { "name": "placement", "value": { "type": "Placement" } },
-              { "name": "flip", "value": { "type": "boolean" } },
-              { "name": "shift", "value": { "type": "boolean" } },
-              { "name": "shiftPadding", "value": { "type": "number" } },
+              { "name": "popupEl" },
+              { "name": "anchorEl", "type": "null" },
+              { "name": "cleanup" },
+              { "name": "flip", "type": "boolean" },
+              { "name": "shift", "type": "boolean" },
+              { "name": "active", "type": "boolean" },
+              { "name": "placement", "type": "Placement" },
               {
                 "name": "matchSize",
-                "value": { "type": "\"width\" | \"height\" | \"both\"" }
+                "type": "\"width\" | \"height\" | \"both\""
               },
               {
                 "name": "autoSize",
-                "value": { "type": "\"width\" | \"height\" | \"both\"" }
+                "type": "\"width\" | \"height\" | \"both\""
               },
-              { "name": "autoSizePadding", "value": { "type": "number" } }
+              { "name": "shiftPadding", "type": "number" },
+              { "name": "autoSizePadding", "type": "number" },
+              { "name": "anchor", "type": "string | HTMLElement" }
             ],
             "events": []
           }
@@ -1029,10 +1010,10 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "checked", "value": { "type": "boolean" } },
-              { "name": "disabled", "value": { "type": "boolean" } },
-              { "name": "value", "value": { "type": "string" } },
-              { "name": "name", "value": { "type": "string" } }
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" }
             ],
             "events": []
           }
@@ -1054,11 +1035,17 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "value" },
+              { "name": "handleFocusIn" },
+              { "name": "handleKeyDown" },
+              { "name": "handleInput" },
               {
                 "name": "orientation",
-                "value": { "type": "\"horizontal\" | \"vertical\"" }
+                "type": "\"horizontal\" | \"vertical\""
               },
-              { "name": "label", "value": { "type": "string" } }
+              { "name": "_currentIndex", "type": "number" },
+              { "name": "items", "type": "array" },
+              { "name": "label", "type": "string" }
             ],
             "events": []
           }
@@ -1095,14 +1082,21 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "value", "value": { "type": "array" } },
-              { "name": "min", "value": { "type": "number" } },
-              { "name": "max", "value": { "type": "number" } },
-              { "name": "step", "value": { "type": "number" } },
-              { "name": "name", "value": { "type": "string" } },
-              { "name": "label", "value": { "type": "string" } },
-              { "name": "disabled", "value": { "type": "boolean" } },
-              { "name": "multiple", "value": { "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" },
+              { "name": "defaultValue", "type": "array" },
+              { "name": "min", "type": "number" },
+              { "name": "max", "type": "number" },
+              { "name": "step", "type": "number" },
+              { "name": "name", "type": "string" },
+              { "name": "label", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "multiple", "type": "boolean" }
             ],
             "events": []
           }
@@ -1116,7 +1110,10 @@
           ],
           "events": [],
           "js": {
-            "properties": [{ "name": "_showButton", "value": {} }],
+            "properties": [
+              { "name": "scroll" },
+              { "name": "_showButton", "type": "boolean" }
+            ],
             "events": []
           }
         },
@@ -1182,49 +1179,52 @@
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "value",
-                "description": "List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.",
-                "value": { "type": "array" }
-              },
-              {
-                "name": "name",
-                "description": "Reflects to the name attribute of the hidden input field that would be used in a form",
-                "value": { "type": "string" }
-              },
               {
                 "name": "open",
                 "description": "The expanded state of the popup",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
-                "name": "label",
-                "description": "The label of the select",
-                "value": { "type": "string" }
+                "name": "disabled",
+                "description": "If the select should be disabled",
+                "type": "boolean"
               },
               {
-                "name": "clearable",
-                "description": "Show a clearable button to reset the value",
-                "value": { "type": "boolean" }
+                "name": "multiple",
+                "description": "Allow multiple selections",
+                "type": "boolean"
               },
               {
-                "name": "disabled",
-                "description": "If the select should be disabled",
-                "value": { "type": "boolean" }
+                "name": "clearable",
+                "description": "Show a clearable button to reset the value",
+                "type": "boolean"
               },
               {
                 "name": "filterable",
                 "description": "Show an input field to filter the options inside the popup",
-                "value": { "type": "boolean" }
+                "type": "boolean"
               },
               {
-                "name": "multiple",
-                "description": "Allow multiple selections",
-                "value": { "type": "boolean" }
+                "name": "value",
+                "description": "List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.",
+                "type": "array"
+              },
+              {
+                "name": "label",
+                "description": "The label of the select",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "Reflects to the name attribute of the hidden input field that would be used in a form",
+                "type": "string"
               },
-              { "name": "_optionFilter", "value": {} },
-              { "name": "_hasFilterResults", "value": {} },
-              { "name": "_displayValue", "value": {} }
+              { "name": "_optionFilterRef", "type": "Ref<LeuInput>" },
+              { "name": "_toggleButtonRef", "type": "Ref<HTMLButtonElement>" },
+              { "name": "_menuRef", "type": "Ref<LeuMenu>" },
+              { "name": "_optionFilter", "type": "string" },
+              { "name": "_hasFilterResults", "type": "boolean" },
+              { "name": "_displayValue", "type": "string" }
             ],
             "events": []
           }
@@ -1274,16 +1274,20 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "columns", "value": { "type": "array" } },
-              { "name": "data", "value": { "type": "array" } },
-              { "name": "firstColumnSticky", "value": { "type": "boolean" } },
-              { "name": "itemsPerPage", "value": { "type": "number" } },
-              { "name": "sortIndex", "value": { "type": "number" } },
-              { "name": "sortOrderAsc", "value": { "type": "boolean" } },
-              { "name": "width", "value": { "type": "number" } },
-              { "name": "_shadowLeft", "value": {} },
-              { "name": "_shadowRight", "value": {} },
-              { "name": "_page", "value": {} }
+              { "name": "_columns" },
+              { "name": "_sortedData" },
+              { "name": "_data" },
+              { "name": "columns", "type": "array" },
+              { "name": "data", "type": "array" },
+              { "name": "firstColumnSticky", "type": "boolean" },
+              { "name": "itemsPerPage", "type": "number" },
+              { "name": "sortIndex", "type": "number" },
+              { "name": "sortOrderAsc", "type": "boolean" },
+              { "name": "width", "type": "number" },
+              { "name": "_resizeObserver" },
+              { "name": "_shadowLeft", "type": "boolean" },
+              { "name": "_shadowRight", "type": "boolean" },
+              { "name": "_page", "type": "number" }
             ],
             "events": []
           }