@statistikzh/leu 0.5.0 → 0.6.0

package/dist/web-types.json

@@ -0,0 +1,1211 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@statistikzh/leu",
+  "version": "0.6.0",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "leu-accordion",
+          "description": "\n---\n\n\n### **Slots:**\n - **content** - The content of the accordion. No styles will be applied to the content.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "heading-level",
+              "description": "The heading level of the accordion title. Must be between 1 and 6.",
+              "value": { "type": "number", "default": "2" }
+            },
+            {
+              "name": "label-prefix",
+              "description": "The prefix of the accordion label. e.g. \"01\"",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "open",
+              "description": "The expanded state of the accordion.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "The label (title) of the accordion.",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "content",
+              "description": "The content of the accordion. No styles will be applied to the content."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "headingLevel",
+                "description": "The heading level of the accordion title. Must be between 1 and 6.",
+                "type": "number"
+              },
+              {
+                "name": "open",
+                "description": "The expanded state of the accordion.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label (title) of the accordion.",
+                "type": "string"
+              },
+              {
+                "name": "labelPrefix",
+                "description": "The prefix of the accordion label. e.g. \"01\"",
+                "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": "_handleResize" },
+              { "name": "_closeDropdown" },
+              {
+                "name": "items",
+                "description": "Object array with { label, href }",
+                "type": "Array"
+              },
+              {
+                "name": "inverted",
+                "description": "will be used on dark Background",
+                "type": "boolean"
+              },
+              { "name": "resizeObserver" },
+              { "name": "_hiddenItems", "type": "number" },
+              { "name": "_showBackOnly", "type": "null" },
+              { "name": "_isRecalculating", "type": "boolean" },
+              { "name": "_isDropdownOpen", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "null" }
+            },
+            {
+              "name": "size",
+              "value": { "type": "string", "default": "\"regular\"" }
+            },
+            {
+              "name": "variant",
+              "value": { "type": "string", "default": "\"primary\"" }
+            },
+            {
+              "name": "type",
+              "value": {
+                "type": "\"button\" | \"submit\" | \"reset\"",
+                "default": "\"button\""
+              }
+            },
+            {
+              "name": "componentRole",
+              "value": { "type": "string", "default": "undefined" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "round",
+              "description": "Only taken into account if no Label and an Icon is set",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "inverted",
+              "description": "will be used on dark Background",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "expanded",
+              "description": "Only taken into account if variant is \"ghost\"",
+              "value": {
+                "type": "(\"true\" | \"false\" | undefined)",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "fluid",
+              "description": "Alters the shape of the button to be full width of its parent container",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "before",
+              "description": "The icon to display before the label"
+            },
+            {
+              "name": "after",
+              "description": "The icon to display after the label"
+            },
+            {
+              "name": "",
+              "description": "The label of the button or the icon if no label is set"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "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",
+                "type": "boolean"
+              },
+              { "name": "active", "type": "boolean" },
+              {
+                "name": "inverted",
+                "description": "will be used on dark Background",
+                "type": "boolean"
+              },
+              {
+                "name": "fluid",
+                "description": "Alters the shape of the button to be full width of its parent container",
+                "type": "boolean"
+              },
+              {
+                "name": "expanded",
+                "description": "Only taken into account if variant is \"ghost\"",
+                "type": "(\"true\" | \"false\" | undefined)"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-button-group",
+          "description": "\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",
+              "type": "CustomEvent",
+              "description": "When the value of the group changes by clicking a button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The value of the currenty selected (active) button",
+                "type": "string"
+              },
+              { "name": "_items", "type": "array" }
+            ],
+            "events": [
+              {
+                "name": "input",
+                "type": "CustomEvent",
+                "description": "When the value of the group changes by clicking a button"
+              }
+            ]
+          }
+        },
+        {
+          "name": "leu-checkbox",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "checked",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            { "name": "name", "value": { "type": "string", "default": "\"\"" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-checkbox-group",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "orientation",
+              "value": { "type": "string", "default": "\"HORIZONTAL\"" }
+            },
+            { "name": "label", "value": { "type": "string" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "value" },
+              { "name": "orientation", "type": "string" },
+              { "name": "items", "type": "array" },
+              { "name": "label", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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": "inverted",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "selection-mode",
+              "value": { "type": "\"single\" | \"multiple\" | \"none\"" }
+            },
+            {
+              "name": "heading-level",
+              "value": { "type": "number", "default": "2" }
+            },
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Place leu-chip-* elements inside this slot"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "value" },
+              { "name": "inverted", "type": "boolean" },
+              { "name": "headingLevel", "type": "number" },
+              { "name": "label", "type": "string" },
+              {
+                "name": "selectionMode",
+                "type": "\"single\" | \"multiple\" | \"none\""
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-chip-link",
+          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The size of the chip",
+              "value": { "type": "keyof typeof SIZES" }
+            },
+            {
+              "name": "href",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "inverted",
+              "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" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-chip-removable",
+          "description": "\n---\n\n\n### **Events:**\n - **remove** - Dispatched when the user clicks on the chip\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "inverted",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The content of the chip" }],
+          "events": [
+            {
+              "name": "remove",
+              "description": "Dispatched when the user clicks on the chip"
+            }
+          ],
+          "js": {
+            "properties": [{ "name": "inverted", "type": "boolean" }],
+            "events": [
+              {
+                "name": "remove",
+                "description": "Dispatched when the user clicks on the chip"
+              }
+            ]
+          }
+        },
+        {
+          "name": "leu-chip-selectable",
+          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input**\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "The size of the chip. Not supported for radio variant.",
+              "value": { "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",
+                "default": "\"toggle\""
+              }
+            },
+            {
+              "name": "selected",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "value", "value": { "type": "string" } },
+            {
+              "name": "inverted",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The content of the chip" }],
+          "events": [{ "name": "input", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "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": "selected", "type": "boolean" },
+              { "name": "value", "type": "string" },
+              { "name": "inverted", "type": "boolean" }
+            ],
+            "events": [{ "name": "input", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "leu-dropdown",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "expanded",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "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": "label", "type": "string" },
+              { "name": "expanded", "type": "boolean" },
+              { "name": "_toggleRef", "type": "Ref<HTMLButtonElement>" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-icon",
+          "description": "A component to render all defined zhWeb icons.\nThe `fill` of the icon is set to `currentColor` and\ncan be overriden by setting the css `color` property.\nIf the icon name is not found, a placeholder will be displayed.\n---\n\n\n### **CSS Properties:**\n - **--leu-icon-size** - The size of the icon. _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the icon to display.",
+              "value": { "type": "IconPathName", "default": "\"\"" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "name",
+                "description": "The name of the icon to display.",
+                "type": "IconPathName | \"\""
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the input element.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "description": "Marks the input element as required.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "clearable",
+              "description": "Adds a button to clear the input element.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the input element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the input element.",
+              "value": { "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" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the input element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "prefix",
+              "description": "A prefix that relates to the value of the input (e.g. CHF).",
+              "value": { "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", "default": "\"regular\"" }
+            },
+            {
+              "name": "icon",
+              "description": "The icon that is displayed at the end of the input element.",
+              "value": { "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", "default": "\"text\"" }
+            },
+            {
+              "name": "min",
+              "description": "The minimum value of the input element.",
+              "value": { "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" }
+            },
+            {
+              "name": "minlength",
+              "description": "The minimum length of the input element.",
+              "value": { "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", "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": [
+            {
+              "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": "disabled",
+                "description": "Disables the input element.",
+                "type": "boolean"
+              },
+              {
+                "name": "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.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value of the input element.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "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.",
+                "type": "string"
+              },
+              {
+                "name": "prefix",
+                "description": "A prefix that relates to the value of the input (e.g. CHF).",
+                "type": "string"
+              },
+              {
+                "name": "suffix",
+                "description": "A suffix that relates to the value of the input (e.g. mm).",
+                "type": "string"
+              },
+              {
+                "name": "pattern",
+                "description": "A regular expression that the value is checked against.",
+                "type": "string"
+              },
+              {
+                "name": "min",
+                "description": "The minimum value of the input element.",
+                "type": "string"
+              },
+              {
+                "name": "max",
+                "description": "The maximum value of the input element.",
+                "type": "string"
+              },
+              {
+                "name": "minlength",
+                "description": "The minimum length of the input element.",
+                "type": "string"
+              },
+              {
+                "name": "maxlength",
+                "description": "The maximum length of the input element.",
+                "type": "string"
+              },
+              {
+                "name": "step",
+                "description": "The step value of the input element.",
+                "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."
+              }
+            ]
+          }
+        },
+        {
+          "name": "leu-menu",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "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", "default": "\"none\"" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "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",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "active",
+              "description": "Defines if the item is selected or checked",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the underlying button or link",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "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" }
+            },
+            {
+              "name": "href",
+              "description": "The href of the underlying link",
+              "value": { "type": "string", "default": "undefined" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the item. It must not contain commas. See `getValue()`",
+              "value": { "type": "string", "default": "undefined" }
+            },
+            {
+              "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", "default": "\"menuitem\"" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The label of the menu item" }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "active",
+                "description": "Defines if the item is selected or checked",
+                "type": "boolean"
+              },
+              {
+                "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": "href",
+                "description": "The href of the underlying link",
+                "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'.`",
+                "type": "MenuItemRole"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-pagination",
+          "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "defaultPage", "value": { "type": "number" } },
+            {
+              "name": "itemsPerPage",
+              "value": { "type": "Number", "default": "1" }
+            },
+            {
+              "name": "numOfItems",
+              "value": { "type": "Number", "default": "1" }
+            },
+            { "name": "_page", "value": { "type": "string" } }
+          ],
+          "events": [{ "name": "leu:pagechange", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "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", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "leu-popup",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "anchor",
+              "value": {
+                "type": "string | HTMLElement",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "placement",
+              "value": { "type": "Placement", "default": "undefined" }
+            },
+            {
+              "name": "flip",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "shift",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "shiftPadding",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "matchSize",
+              "value": {
+                "type": "\"width\" | \"height\" | \"both\"",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "autoSize",
+              "value": {
+                "type": "\"width\" | \"height\" | \"both\"",
+                "default": "undefined"
+              }
+            },
+            {
+              "name": "autoSizePadding",
+              "value": { "type": "number", "default": "0" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "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",
+                "type": "\"width\" | \"height\" | \"both\""
+              },
+              {
+                "name": "autoSize",
+                "type": "\"width\" | \"height\" | \"both\""
+              },
+              { "name": "shiftPadding", "type": "number" },
+              { "name": "autoSizePadding", "type": "number" },
+              { "name": "anchor", "type": "string | HTMLElement" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-radio",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "checked",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            { "name": "name", "value": { "type": "string", "default": "\"\"" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-radio-group",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "orientation",
+              "value": { "type": "string", "default": "\"HORIZONTAL\"" }
+            },
+            { "name": "label", "value": { "type": "string" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "value" },
+              { "name": "handleFocusIn" },
+              { "name": "handleKeyDown" },
+              { "name": "handleInput" },
+              { "name": "orientation", "type": "string" },
+              { "name": "_currentIndex", "type": "number" },
+              { "name": "items", "type": "array" },
+              { "name": "label", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-scroll-top",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "_showButton", "value": { "type": "string" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "scroll" },
+              { "name": "_showButton", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-select",
+          "description": "\n---\n\n\n### **Methods:**\n - **_updateMenuItems(changed)** - Apply the current state to the menu items.\n- Set the active property when the value property has changed.\n- Hide menu items that do not match the filter.\n- **_getDisplayValue(): _String | nothing_** - Determines the value or label that should be displayed inside the toggle button.\n- **_isSelected(menuItemValue: _String_): _Boolean_** - Checks if the given value is selected.\n- **_handlePopupFocusOut(event)** - Close the dropdown if the focus moves outside the component.\n\n### **Slots:**\n - **before** - Optional content the appears before the option list\n- **after** - Optional content the appears after the option list",
+          "doc-url": "",
+          "attributes": [
+            {
+              "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", "default": "[]" }
+            },
+            {
+              "name": "name",
+              "description": "Reflects to the name attribute of the hidden input field that would be used in a form",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "open",
+              "description": "The expanded state of the popup",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the select",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "clearable",
+              "description": "Show a clearable button to reset the value",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "If the select should be disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "filterable",
+              "description": "Show an input field to filter the options inside the popup",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "multiple",
+              "description": "Allow multiple selections",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "_optionFilter", "value": { "type": "string" } },
+            { "name": "_hasFilterResults", "value": { "type": "string" } },
+            { "name": "_displayValue", "value": { "type": "string" } }
+          ],
+          "slots": [
+            {
+              "name": "before",
+              "description": "Optional content the appears before the option list"
+            },
+            {
+              "name": "after",
+              "description": "Optional content the appears after the option list"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "open",
+                "description": "The expanded state of the popup",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "If the select should be disabled",
+                "type": "boolean"
+              },
+              {
+                "name": "multiple",
+                "description": "Allow multiple selections",
+                "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",
+                "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": "_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": []
+          }
+        },
+        {
+          "name": "leu-table",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "columns",
+              "value": { "type": "array", "default": "[]" }
+            },
+            { "name": "data", "value": { "type": "array", "default": "[]" } },
+            {
+              "name": "firstColumnSticky",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "itemsPerPage",
+              "value": { "type": "number", "default": "null" }
+            },
+            {
+              "name": "sortIndex",
+              "value": { "type": "number", "default": "null" }
+            },
+            {
+              "name": "sortOrderAsc",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "width",
+              "value": { "type": "number", "default": "null" }
+            },
+            { "name": "_shadowLeft", "value": { "type": "string" } },
+            { "name": "_shadowRight", "value": { "type": "string" } },
+            { "name": "_page", "value": { "type": "string" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "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": []
+          }
+        },
+        {
+          "name": "leu-visually-hidden",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        }
+      ]
+    }
+  }
+}