@lion/ui 0.21.1-menu-system.0 → 0.22.0

package/web-types.json

@@ -0,0 +1,2016 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@lion/ui",
+  "version": "0.22.0",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "lion-accordion",
+          "description": "\n\n---\n\n\n### **Slots:**\n - **invoker** - The invoker element for the accordion\n- **content** - The content element for the accordion\n- **_accordion** - The slot for the accordion, used to rearrange invokers and content",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "focusedIndex",
+              "description": "index number of the focused accordion",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "expanded",
+              "description": "array of indices of the expanded accordions",
+              "value": { "type": "array" }
+            },
+            {
+              "name": "exclusive",
+              "description": "exclusive property allows only one accordion slot to be open at a time",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "invoker",
+              "description": "The invoker element for the accordion"
+            },
+            {
+              "name": "content",
+              "description": "The content element for the accordion"
+            },
+            {
+              "name": "_accordion",
+              "description": "The slot for the accordion, used to rearrange invokers and content"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "exclusive",
+                "description": "exclusive property allows only one accordion slot to be open at a time",
+                "type": "boolean"
+              },
+              {
+                "name": "expanded",
+                "description": "array of indices of the expanded accordions",
+                "type": "array"
+              },
+              {
+                "name": "focusedIndex",
+                "description": "index number of the focused accordion",
+                "type": "number"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-button",
+          "description": "Use LionButton (or LionButtonReset|LionButtonSubmit) when there is a need to extend HTMLButtonElement.\nIt allows to create complex shadow DOM for buttons needing this. Think of:\n- a material Design button that needs a JS controlled ripple\n- a LionSelectRich invoker that needs a complex shadow DOM structure\n(for styling/maintainability purposes)\n- a specialized button (for instance a primary button or icon button in a Design System) that\nneeds a simple api: `<my-button>text</my-button>` is always better than\n`<button class=\"my-button\"><div class=\"my-button__container\">text</div><button>`\n\nIn other cases, whenever you can, still use native HTMLButtonElement (`<button>`).\n\nNote that LionButton is meant for buttons with type=\"button\". It's cleaner and more\nlightweight than LionButtonReset and LionButtonSubmit, which should only be considered when native\n`<form>` support is needed:\n- When type=\"reset|submit\" should be supported, use LionButtonReset.\n- When implicit form submission should be supported on top, use LionButtonSubmit.\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'button'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "boolean" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-button-reset",
+          "description": "This adds functionality for form buttons (type 'submit' and 'reset').\nIt allows to submit or reset a <form> by spawning a click on a temporrary native button inside\nthe form.\nUse LionButtonSubmit when implicit form submission should be supported as well.\n\nFunctionality in this button is not purely for type=\"reset\", also for type=\"submit\".\nFor mainainability purposes the submit functionality is part of LionButtonReset\n(it needs the same logic).\nLionButtonReset could therefore actually be considered as 'LionButtonForm' (without the\nimplicit form submission logic), but LionButtonReset is an easier to grasp name for\nApplication Developers: for reset buttons, always use LionButtonReset, for submit\nbuttons always use LionButtonSubmit.\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'button'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "boolean" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-button-submit",
+          "description": "Contains all the funcionaility of LionButton and LionButtonReset. On top of that it\nsupports implicit form submission.\n\nUse when:\n- the Application Developer should be able to switch types between 'submit'|'reset'|'button'\n(this is similar to how native HTMLButtonElement works)\n- a submit button with native form support is needed\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'button'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "boolean" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-calendar",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-selected-date-changed**\n\n### **Methods:**\n - **initCentralDate()** - This exposes an interface for datepickers that want to\nreinitialize when calendar is opened",
+          "doc-url": "",
+          "attributes": [],
+          "events": [
+            { "name": "user-selected-date-changed", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "centralDate",
+                "description": "The date that\n1. determines the currently visible month\n2. will be focused when the month grid gets focused by the keyboard",
+                "type": "Date"
+              },
+              { "name": "dayPreprocessor" },
+              {
+                "name": "disableDates",
+                "description": "Disable certain dates"
+              },
+              {
+                "name": "firstDayOfWeek",
+                "description": "Weekday that will be displayed in first column of month grid.\n0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday\nDefault is 0",
+                "type": "number"
+              },
+              { "name": "focusedDate" },
+              {
+                "name": "locale",
+                "description": "Different locale for this component scope",
+                "type": "string"
+              },
+              {
+                "name": "maxDate",
+                "description": "Maximum date. All dates after will be disabled"
+              },
+              {
+                "name": "minDate",
+                "description": "Minimum date. All dates before will be disabled"
+              },
+              {
+                "name": "selectedDate",
+                "description": "The selected date, usually synchronized with datepicker-input\nNot to be confused with the focused date (therefore not necessarily in active month view)"
+              },
+              {
+                "name": "weekdayHeaderNotation",
+                "description": "Weekday header notation, based on Intl DatetimeFormat:\n- 'long' (e.g., Thursday)\n- 'short' (e.g., Thu)\n- 'narrow' (e.g., T).\nDefault is 'short'",
+                "type": "string"
+              }
+            ],
+            "events": [
+              { "name": "user-selected-date-changed", "type": "CustomEvent" }
+            ]
+          }
+        },
+        {
+          "name": "lion-checkbox-group",
+          "description": "A wrapper around multiple checkboxes\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "multipleChoice", "type": "boolean" }],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-checkbox-indeterminate",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "indeterminate",
+              "description": "Indeterminate state of the checkbox",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "mixed-state",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "indeterminate",
+                "description": "Indeterminate state of the checkbox",
+                "type": "boolean"
+              },
+              { "name": "mixedState", "type": "boolean" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-checkbox",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-collapsible",
+          "description": "`LionCollapsible` is a class for custom collapsible element (`<lion-collapsible>` web component).\n\n---\n\n\n### **Events:**\n - **opened-changed**\n\n### **Methods:**\n - **hide()** - Hide extra content.\n- **show()** - Show extra content.\n- **toggle()** - Toggle the current(opened/closed) state.\n\n\n\n### **Slots:**\n - **invoker** - The invoker element for the collapsible\n- **content** - The content element for the collapsible",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "opened",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "invoker",
+              "description": "The invoker element for the collapsible"
+            },
+            {
+              "name": "content",
+              "description": "The content element for the collapsible"
+            }
+          ],
+          "events": [{ "name": "opened-changed", "type": "CustomEvent" }],
+          "js": {
+            "properties": [{ "name": "opened", "type": "boolean" }],
+            "events": [{ "name": "opened-changed", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "lion-combobox",
+          "description": "LionCombobox: implements the wai-aria combobox design pattern and integrates it as a Lion\nFormControl\n\n---\n\n\n### **Events:**\n - **model-value-changed**\n\n### **Methods:**\n - **matchCondition(option: _LionOption_, textboxValue: _string_)** - When the preconfigurable `match-mode` conditions are not sufficient,\none can define a custom matching function.\n- **parser(value: _string|string[]_): _*_** - Converts viewValue to modelValue\n\n\n\n\n### **Slots:**\n - **listbox** - The listbox element for the combobox, e.g. <lion-options>\n- **selection-display** - The selection display element for the combobox, e.g. <lion-selection-display>",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "autocomplete",
+              "description": "When \"list\", will filter listbox suggestions based on textbox value.\nWhen \"both\", an inline completion string will be added to the textbox as well.",
+              "value": {
+                "type": "'none'|'list'|'inline'|'both'",
+                "default": "'both'"
+              }
+            },
+            {
+              "name": "match-mode",
+              "description": "When typing in the textbox, will by default be set on 'begin',\nonly matching the beginning part in suggestion list.\n=> 'a' will match 'apple' from ['apple', 'pear', 'citrus'].\nWhen set to 'all', will match middle of the word as well\n=> 'a' will match 'apple' and 'pear'",
+              "value": { "type": "'begin'|'all'", "default": "'all'" }
+            },
+            {
+              "name": "show-all-on-empty",
+              "description": "When true, the listbox is open and textbox goes from a value to empty, all options are shown.\nBy default, the listbox closes on empty, similar to wai-aria example and <datalist>",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "requireOptionMatch",
+              "description": "If set to false, the value is allowed to not match any of the options.\nWe set the default to true for backwards compatibility",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            { "name": "allow-custom-choice", "value": { "type": "boolean" } },
+            {
+              "name": "__shouldAutocompleteNextUpdate",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "listbox",
+              "description": "The listbox element for the combobox, e.g. <lion-options>"
+            },
+            {
+              "name": "selection-display",
+              "description": "The selection display element for the combobox, e.g. <lion-selection-display>"
+            }
+          ],
+          "events": [{ "name": "model-value-changed", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "allowCustomChoice", "type": "boolean" },
+              {
+                "name": "autocomplete",
+                "description": "When \"list\", will filter listbox suggestions based on textbox value.\nWhen \"both\", an inline completion string will be added to the textbox as well.",
+                "type": "'none'|'list'|'inline'|'both'"
+              },
+              {
+                "name": "matchMode",
+                "description": "When typing in the textbox, will by default be set on 'begin',\nonly matching the beginning part in suggestion list.\n=> 'a' will match 'apple' from ['apple', 'pear', 'citrus'].\nWhen set to 'all', will match middle of the word as well\n=> 'a' will match 'apple' and 'pear'",
+                "type": "'begin'|'all'"
+              },
+              { "name": "modelValue" },
+              {
+                "name": "requireOptionMatch",
+                "description": "If set to false, the value is allowed to not match any of the options.\nWe set the default to true for backwards compatibility",
+                "type": "boolean"
+              },
+              { "name": "rotateKeyboardNavigation", "type": "boolean" },
+              { "name": "selectionFollowsFocus", "type": "boolean" },
+              {
+                "name": "showAllOnEmpty",
+                "description": "When true, the listbox is open and textbox goes from a value to empty, all options are shown.\nBy default, the listbox closes on empty, similar to wai-aria example and <datalist>",
+                "type": "boolean"
+              },
+              { "name": "slots", "type": "SlotsMap" },
+              {
+                "name": "value",
+                "description": "We define the value getter/setter below as also defined in LionField (via FormatMixin).\nSince FormatMixin is meant for Formgroups/ChoiceGroup it's not applied on Combobox;\nCombobox is somewhat of a hybrid between a ChoiceGroup and LionField, therefore we copy over\nsome of the LionField members to align with its interface.\n\nThe view value. Will be delegated to `._inputNode.value`"
+              }
+            ],
+            "events": [{ "name": "model-value-changed", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "lion-dialog",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "is-alert-dialog",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "isAlertDialog", "type": "boolean" }],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-drawer",
+          "description": "LionDrawer: extension of lion-collapsible with drawer specific styles and animations\n\n---\n\n\n### **Events:**\n - **opened-changed**\n\n### **Methods:**\n - **hide()** - Hide extra content.\n- **show()** - Show extra content.\n- **toggle()** - Toggle the current(opened/closed) state.\n\n\n\n\n### **Slots:**\n - **invoker** - The invoker element for the drawer\n- **content** - The content element for the drawer\n- **headline** - The headline element for the drawer",
+          "doc-url": "",
+          "attributes": [
+            { "name": "transitioning", "value": { "type": "boolean" } },
+            {
+              "name": "opened",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "position",
+              "description": "Setter for position property, available values are 'top', 'left' and 'right'",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "invoker",
+              "description": "The invoker element for the drawer"
+            },
+            {
+              "name": "content",
+              "description": "The content element for the drawer"
+            },
+            {
+              "name": "headline",
+              "description": "The headline element for the drawer"
+            }
+          ],
+          "events": [{ "name": "opened-changed", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "opened", "type": "boolean" },
+              {
+                "name": "position",
+                "description": "Setter for position property, available values are 'top', 'left' and 'right'",
+                "type": "string"
+              },
+              { "name": "transitioning", "type": "boolean" }
+            ],
+            "events": [{ "name": "opened-changed", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "lion-fieldset",
+          "description": "LionFieldset is basically a 'sub form' and can have its own nested sub forms.\nIt mimics the native <fieldset> element in this sense, but has all the functionality of\na FormControl (advanced styling, validation, interaction states etc.) Also see\nFormGroupMixin it depends on.\n\nLionFieldset enables the '_isFormOrFieldset' flag in FormRegistrarMixin. This makes .formElements\nact not only as an array, but also as an object (see FormRegistarMixin for more information).\nAs a bonus, It can also group children having names ending with '[]'.\n\nAbove will be  helpful for both forms and sub forms, which can contain sub forms as children\nas well and allow for a nested form structure.\nContrary, other form groups (choice groups like radio-group, checkbox-group and (multi)select)\ndon't: they should be considered 'end nodes' or 'leaves' of the form and their children/formElements\ncannot be accessed individually via object keys.\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "choice-input-foo",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "choice-input-bar",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "choice-input",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "choice-input-group",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "choice-input",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "tagString",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "lion-field",
+          "description": "`LionField`: wraps <input>, <textarea>, <select> and other interactable elements.\nAlso it would follow a nice hierarchy: lion-form -> lion-fieldset -> lion-field\n\nNote: We don't support placeholders, because we have a helper text and\nplaceholders confuse the user with accessibility needs.\n\nPlease see the docs for in depth information.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-validation-feedback",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "feedbackData",
+                "type": "FeedbackMessage[] | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-form",
+          "description": "LionForm: form wrapper providing extra features and integration with lion-field elements.\n\n---\n\n\n### **Events:**\n - **submit**\n- **reset**",
+          "doc-url": "",
+          "attributes": [],
+          "events": [
+            { "name": "submit", "type": "Event" },
+            { "name": "reset", "type": "Event" }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              { "name": "submit", "type": "Event" },
+              { "name": "reset", "type": "Event" }
+            ]
+          }
+        },
+        {
+          "name": "sb-action-logger",
+          "description": "\n\n---\n\n\n### **Methods:**\n - **log(content: _string_)** - Renders the passed content as a node, and appends it to the logger\nOnly supports simple values, will be interpreted to a String\nE.g. an Object will become '[object Object]'\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "title",
+              "value": { "type": "string", "default": "'Action Logger'" }
+            },
+            {
+              "name": "simple",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "__logCounter",
+              "value": { "type": "number", "default": "0" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "loggerEl" },
+              { "name": "simple", "type": "boolean" },
+              { "name": "title", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "sb-locale-switcher",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "show-locales",
+              "value": {
+                "type": "array",
+                "default": "['en-GB', 'en-US', 'en-AU', 'nl-NL', 'nl-BE']"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "showLocales", "type": "array" }],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-icon",
+          "description": "Custom element for rendering SVG icons\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "aria-label",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "icon-id",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "ariaLabel", "type": "string" },
+              { "name": "iconId", "type": "string" },
+              {
+                "name": "svg",
+                "description": "On IE11, svgs without focusable false appear in the tab order\nso make sure to have <svg focusable=\"false\"> in svg files",
+                "type": "TemplateResult|typeof nothing|TagFunction"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-input-amount-dropdown",
+          "description": "LionInputAmountDropdown renders a dropdown like element next to the text field, inside the\nprefix, or suffix, slot. This could be a LionSelect, a LionSelectRich or a native select.\nBy default, the native `<select>` element is used for this, so that it's as lightweight as\npossible. Also, it doesn't need to be a `FormControl`, because it's purely a helper element\nto provide better UX: the modelValue (the text field) contains all needed info:\nthe currency code following ISO 4217 and its corresponding currency symbol using Intl.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "preferredCurrencies",
+              "description": "Regions that will be shown on top of the dropdown",
+              "value": { "type": "CurrencyCode[]", "default": "[]" }
+            },
+            {
+              "name": "allowedCurrencies",
+              "description": "Regions that are allowed to be selected in the dropdown.",
+              "value": { "type": "CurrencyCode[]", "default": "[]" }
+            },
+            {
+              "name": "__dropdownSlot",
+              "description": "Slot position to render the dropdown in",
+              "value": { "type": "string", "default": "'prefix'" }
+            },
+            {
+              "name": "currency",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            { "name": "modelValue", "value": { "type": "string" } },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "allowedCurrencies",
+                "description": "Regions that are allowed to be selected in the dropdown.",
+                "type": "CurrencyCode[]"
+              },
+              { "name": "currency", "type": "string | undefined" },
+              { "name": "defaultValidators", "type": "array" },
+              { "name": "deserializer" },
+              { "name": "formatter" },
+              { "name": "locale", "type": "string | undefined" },
+              {
+                "name": "modelValue",
+                "description": "For a FormControl to function properly, its modelValue, serializedValue and  viewValue/formattedValue\nshould always translate in two directions. This is expected by `_callParser` method. It guards for empty\nviewValues. As the viewValue (`.value`) only concerns the amount part and not the currency part in\nInputAmountDropdown, this contract is broken.\nBelow, we compensate for this.",
+                "type": "object"
+              },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "preferredCurrencies",
+                "description": "Regions that will be shown on top of the dropdown",
+                "type": "CurrencyCode[]"
+              },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "refs", "type": "object" },
+              { "name": "serializer" },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-amount",
+          "description": "`LionInputAmount` is a class for an amount custom form element (`<lion-input-amount>`).\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "currency",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            { "name": "modelValue", "value": { "type": "string" } },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "currency", "type": "string | undefined" },
+              { "name": "formatter" },
+              { "name": "locale", "type": "string | undefined" },
+              { "name": "modelValue" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-date",
+          "description": "`LionInputDate` has a .modelValue of type Date. It parses, formats and validates based\non locale.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "modelValue", "value": { "type": "string" } },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "formatter" },
+              { "name": "modelValue" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-datepicker",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n\n\n\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "calendar-heading",
+              "description": "The heading to be added on top of the calendar overlay.\nNaming chosen from an Application Developer perspective.\nFor a Subclasser 'calendarOverlayHeading' would be more appropriate.",
+              "value": { "type": "string" }
+            },
+            { "name": "modelValue", "value": { "type": "string" } },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "calendarHeading",
+                "description": "The heading to be added on top of the calendar overlay.\nNaming chosen from an Application Developer perspective.\nFor a Subclasser 'calendarOverlayHeading' would be more appropriate.",
+                "type": "string"
+              },
+              { "name": "formatter" },
+              { "name": "modelValue" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-email",
+          "description": "LionInputEmail: extension of lion-input\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "autocomplete", "type": "string" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-file",
+          "description": "LionInputFile: A file input component\nThis component allows users to select files, displays selected files, and handles file uploads.\n\n---\n\n\n### **Events:**\n - **file-list-changed**\n- **file-removed**\n- **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n\n\n\n\n\n### **Slots:**\n - **file-select-button** - [private] The button to open the file dialog\n- **selected-file-list** - [private] The list of selected files",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "accept",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "multiple",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "button-label",
+              "description": "The label of the button",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "max-file-size",
+              "value": { "type": "number", "default": "MAX_FILE_SIZE" }
+            },
+            {
+              "name": "enable-drop-zone",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "upload-on-select",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "is-dragging", "value": { "type": "boolean" } },
+            {
+              "name": "uploadResponse",
+              "value": { "type": "UploadResponse[]", "default": "[]" }
+            },
+            {
+              "name": "_selectedFilesMetaData",
+              "value": { "type": "InputFile[]", "default": "[]" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "file-select-button",
+              "description": "[private] The button to open the file dialog"
+            },
+            {
+              "name": "selected-file-list",
+              "description": "[private] The list of selected files"
+            }
+          ],
+          "events": [
+            { "name": "file-list-changed", "type": "CustomEvent" },
+            { "name": "file-removed", "type": "CustomEvent" },
+            { "name": "user-input-changed", "type": "Event" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "accept", "type": "string" },
+              {
+                "name": "buttonLabel",
+                "description": "The label of the button",
+                "type": "string"
+              },
+              { "name": "enableDropZone", "type": "boolean" },
+              { "name": "isDragging", "type": "boolean" },
+              { "name": "maxFileSize", "type": "number" },
+              {
+                "name": "modelValue",
+                "description": "Overrides the inherited accessor with a typed pair instead of a class field: a field would be\nemitted as a property and every consumer that type-checks the declarations reports\n\"TS2610: 'modelValue' is defined as an accessor ... but is overridden here as an instance\nproperty\". Keeps the published InputFile[] type and adds no runtime behaviour.",
+                "type": "array"
+              },
+              { "name": "multiple", "type": "boolean" },
+              { "name": "operationMode" },
+              { "name": "slots" },
+              { "name": "type", "type": "string" },
+              { "name": "uploadOnSelect", "type": "boolean" },
+              { "name": "uploadResponse", "type": "UploadResponse[]" }
+            ],
+            "events": [
+              { "name": "file-list-changed", "type": "CustomEvent" },
+              { "name": "file-removed", "type": "CustomEvent" },
+              { "name": "user-input-changed", "type": "Event" }
+            ]
+          }
+        },
+        {
+          "name": "lion-selected-file-list",
+          "description": "\n\n---\n\n\n### **Events:**\n - **file-remove-requested**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "fileList",
+              "value": { "type": "InputFile[]", "default": "[]" }
+            },
+            {
+              "name": "multiple",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [
+            { "name": "file-remove-requested", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              { "name": "fileList", "type": "InputFile[]" },
+              { "name": "multiple", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "file-remove-requested", "type": "CustomEvent" }
+            ]
+          }
+        },
+        {
+          "name": "lion-input-iban",
+          "description": "`LionInputIban` is a class for an IBAN custom form element (`<lion-input-iban>`).\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "formatter" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "`lion-input-range`",
+          "description": "LionInputRange: extension of lion-input.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "min",
+              "value": { "type": "number", "default": "Infinity" }
+            },
+            {
+              "name": "max",
+              "value": { "type": "number", "default": "Infinity" }
+            },
+            { "name": "unit", "value": { "type": "string", "default": "''" } },
+            { "name": "step", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "no-min-max-labels",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "min-label",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "max-label",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "max", "type": "number" },
+              { "name": "maxLabel", "type": "string" },
+              { "name": "min", "type": "number" },
+              { "name": "minLabel", "type": "string" },
+              { "name": "noMinMaxLabels", "type": "boolean" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              {
+                "name": "scopedStylesController",
+                "type": "ScopedStylesController"
+              },
+              { "name": "slots" },
+              { "name": "step", "type": "number" },
+              { "name": "type", "type": "string" },
+              { "name": "unit", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-stepper",
+          "description": "`LionInputStepper` is a class for custom input-stepper element (`<lion-input-stepper>` web component).\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n\n\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "min",
+              "value": { "type": "number", "default": "Infinity" }
+            },
+            {
+              "name": "max",
+              "value": { "type": "number", "default": "Infinity" }
+            },
+            {
+              "name": "valueTextMapping",
+              "description": "The aria-valuetext attribute defines the human-readable text alternative of aria-valuenow.",
+              "value": { "type": "{[key: number]: string}", "default": "{}" }
+            },
+            { "name": "step", "value": { "type": "number", "default": "1" } },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "currentValue" },
+              { "name": "formatter" },
+              { "name": "max", "type": "number" },
+              { "name": "min", "type": "number" },
+              { "name": "parser" },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "step", "type": "number" },
+              {
+                "name": "timer",
+                "description": "Id of the timeout that clears the visually hidden value text again.\nDeclared as `ReturnType<typeof setTimeout>` rather than left to inference: with `@types/node` in\nthe type build, inference puts `NodeJS.Timeout` in the declarations, which consumers that do not\nload node types cannot resolve.",
+                "type": "ReturnType<typeof setTimeout> | undefined"
+              },
+              { "name": "type", "type": "string" },
+              { "name": "values", "type": "object" },
+              {
+                "name": "valueTextMapping",
+                "description": "The aria-valuetext attribute defines the human-readable text alternative of aria-valuenow.",
+                "type": "{[key: number]: string}"
+              }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-tel-dropdown",
+          "description": "LionInputTelDropdown renders a dropdown like element next to the text field, inside the\nprefix slot. This could be a LionSelect, a LionSelectRich or a native select.\nBy default, the native `<select>` element is used for this, so that it's as lightweight as\npossible. Also, it doesn't need to be a `FormControl`, because it's purely a helper element\nto provide better UX: the modelValue (the text field) contains all needed info, since it's in\n`e164` format that contains all info (both region code and national phone number).\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "allowedRegions",
+              "description": "The regions that should be considered when international phone numbers are detected.\n(when not configured, all regions worldwide will be considered)",
+              "value": { "type": "RegionCode[]", "default": "[]" }
+            },
+            {
+              "name": "format-strategy",
+              "description": "Determines what the formatter output should look like.\nFormatting strategies as provided by google-libphonenumber\nSee: https://www.npmjs.com/package/google-libphonenumber",
+              "value": {
+                "type": "PhoneNumberFormat",
+                "default": "'international'"
+              }
+            },
+            {
+              "name": "format-country-code-style",
+              "description": "Extra styling of the format strategy\ndefault | parentheses",
+              "value": { "type": "string", "default": "'default'" }
+            },
+            {
+              "name": "activeRegion",
+              "description": "Currently active region based on:\n1. allowed regions: get the region from configured allowed regions (if one entry)\n2. user input: try to derive active region from user input\n3. locale: try to get the region from locale (`html[lang]` attribute)",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "preferredRegions",
+              "description": "Regions that will be shown on top of the dropdown",
+              "value": { "type": "RegionCode[]", "default": "[]" }
+            },
+            {
+              "name": "_phoneUtil",
+              "value": { "type": "AwesomePhoneNumber|null" }
+            },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "activePhoneNumberType",
+                "description": "Type of phone number, derived from textbox value. Enum with values:\n-'fixed-line'\n-'fixed-line-or-mobile'\n-'mobile'\n-'pager'\n-'personal-number'\n-'premium-rate'\n-'shared-cost'\n-'toll-free'\n-'uan'\n-'voip'\n-'unknown'\nSee https://www.npmjs.com/package/awesome-phonenumber"
+              },
+              {
+                "name": "activeRegion",
+                "description": "Currently active region based on:\n1. allowed regions: get the region from configured allowed regions (if one entry)\n2. user input: try to derive active region from user input\n3. locale: try to get the region from locale (`html[lang]` attribute)",
+                "type": "string"
+              },
+              {
+                "name": "allowedRegions",
+                "description": "The regions that should be considered when international phone numbers are detected.\n(when not configured, all regions worldwide will be considered)",
+                "type": "RegionCode[]"
+              },
+              { "name": "autocomplete", "type": "string" },
+              {
+                "name": "fieldName",
+                "description": "Set a default name for this field, so that validation feedback will be always\naccessible and linguistically correct"
+              },
+              {
+                "name": "formatCountryCodeStyle",
+                "description": "Extra styling of the format strategy\ndefault | parentheses",
+                "type": "string"
+              },
+              {
+                "name": "formatStrategy",
+                "description": "Determines what the formatter output should look like.\nFormatting strategies as provided by google-libphonenumber\nSee: https://www.npmjs.com/package/google-libphonenumber",
+                "type": "PhoneNumberFormat"
+              },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "preferredRegions",
+                "description": "Regions that will be shown on top of the dropdown",
+                "type": "RegionCode[]"
+              },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "refs", "type": "object" },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input-tel",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "allowedRegions",
+              "description": "The regions that should be considered when international phone numbers are detected.\n(when not configured, all regions worldwide will be considered)",
+              "value": { "type": "RegionCode[]", "default": "[]" }
+            },
+            {
+              "name": "format-strategy",
+              "description": "Determines what the formatter output should look like.\nFormatting strategies as provided by google-libphonenumber\nSee: https://www.npmjs.com/package/google-libphonenumber",
+              "value": {
+                "type": "PhoneNumberFormat",
+                "default": "'international'"
+              }
+            },
+            {
+              "name": "format-country-code-style",
+              "description": "Extra styling of the format strategy\ndefault | parentheses",
+              "value": { "type": "string", "default": "'default'" }
+            },
+            {
+              "name": "activeRegion",
+              "description": "Currently active region based on:\n1. allowed regions: get the region from configured allowed regions (if one entry)\n2. user input: try to derive active region from user input\n3. locale: try to get the region from locale (`html[lang]` attribute)",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "preferredRegions",
+              "description": "Regions that will be shown on top of the dropdown",
+              "value": { "type": "RegionCode[]", "default": "[]" }
+            },
+            {
+              "name": "_phoneUtil",
+              "value": { "type": "AwesomePhoneNumber|null" }
+            },
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "activePhoneNumberType",
+                "description": "Type of phone number, derived from textbox value. Enum with values:\n-'fixed-line'\n-'fixed-line-or-mobile'\n-'mobile'\n-'pager'\n-'personal-number'\n-'premium-rate'\n-'shared-cost'\n-'toll-free'\n-'uan'\n-'voip'\n-'unknown'\nSee https://www.npmjs.com/package/awesome-phonenumber"
+              },
+              {
+                "name": "activeRegion",
+                "description": "Currently active region based on:\n1. allowed regions: get the region from configured allowed regions (if one entry)\n2. user input: try to derive active region from user input\n3. locale: try to get the region from locale (`html[lang]` attribute)",
+                "type": "string"
+              },
+              {
+                "name": "allowedRegions",
+                "description": "The regions that should be considered when international phone numbers are detected.\n(when not configured, all regions worldwide will be considered)",
+                "type": "RegionCode[]"
+              },
+              { "name": "autocomplete", "type": "string" },
+              {
+                "name": "fieldName",
+                "description": "Set a default name for this field, so that validation feedback will be always\naccessible and linguistically correct"
+              },
+              {
+                "name": "formatCountryCodeStyle",
+                "description": "Extra styling of the format strategy\ndefault | parentheses",
+                "type": "string"
+              },
+              {
+                "name": "formatStrategy",
+                "description": "Determines what the formatter output should look like.\nFormatting strategies as provided by google-libphonenumber\nSee: https://www.npmjs.com/package/google-libphonenumber",
+                "type": "PhoneNumberFormat"
+              },
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "preferredRegions",
+                "description": "Regions that will be shown on top of the dropdown",
+                "type": "RegionCode[]"
+              },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-input",
+          "description": "LionInput: extension of lion-field with native input element in place and user friendly API.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-listbox",
+          "description": "LionListbox: implements the wai-aria listbox design pattern and integrates it as a Lion\nFormControl\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "lion-option",
+          "description": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option\nCan be a child of datalist/select, or role=\"listbox\"\n\nElement gets state supplied externally, reflects this to attributes,\nenabling SubClassers to style based on those states\n\n---\n\n\n### **Events:**\n - **active-changed**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "active-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "boolean" },
+              { "name": "slots" }
+            ],
+            "events": [{ "name": "active-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-options",
+          "description": "LionOptions\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "tabindex",
+              "value": { "type": "number", "default": "0" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [{ "name": "tabIndex", "type": "number" }],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-pagination",
+          "description": "`LionPagination` is a class for custom Pagination element (`<lion-pagination>` web component).\n\n---\n\n\n### **Methods:**\n - **first()** - Go to first page\n- **goto(pageNumber: _number_)** - Go to the specific page\n- **last()** - Go to the last page\n- **next()** - Go next in pagination\n- **previous()** - Go back in pagination\n\n\n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "current",
+              "value": { "type": "number", "default": "1" }
+            },
+            { "name": "count", "value": { "type": "number", "default": "0" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "count", "type": "number" },
+              { "name": "current", "type": "number" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-progress-indicator",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            { "name": "value", "value": { "type": "number", "default": "0" } },
+            { "name": "min", "value": { "type": "number", "default": "0" } },
+            { "name": "max", "value": { "type": "number", "default": "100" } },
+            {
+              "name": "aria-label",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "aria-labelledby",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "indeterminate", "type": "boolean" },
+              { "name": "max", "type": "number" },
+              { "name": "min", "type": "number" },
+              { "name": "value", "type": "number" },
+              { "name": "_ariaLabel", "type": "string" },
+              { "name": "_ariaLabelledby", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-radio-group",
+          "description": "LionRadioGroup: A wrapper around multiple radios.\n\n---\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "lion-radio",
+          "description": "Lion-radio can be used inside a lion-radio-group.\n\n<lion-radio-group name=\"radios\">\n  <label slot=\"label\">My Radio</label>\n  <lion-radio>\n    <label slot=\"label\">Male</label>\n  </lion-radio>\n  <lion-radio>\n    <label slot=\"label\">Female</label>\n  </lion-radio>\n</lion-radio-group>\n\nYou can preselect an option by setting marking an lion-radio checked.\n  Example:\n  <lion-radio checked>\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'text'" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "placeholder", "type": "string" },
+              {
+                "name": "readOnly",
+                "description": "A Boolean attribute which, if present, indicates that the user should not be able to edit\nthe value of the input. The difference between disabled and readonly is that read-only\ncontrols can still function, whereas disabled controls generally do not function as\ncontrols until they are enabled.\n\n(From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-field-with-select",
+          "description": "LionSelectRich: wraps the <lion-listbox> element\n\n---\n\n\n### **Events:**\n - **blur**\n\n### **Methods:**\n \n\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "navigate-within-invoker",
+              "description": "When invoker has focus, up and down arrow keys changes active state of listbox,\nwithout opening overlay.",
+              "value": { "type": "Boolean", "default": "false" }
+            },
+            {
+              "name": "interaction-mode",
+              "description": "Aligns behavior for 'selectionFollowFocus' and 'navigateWithinInvoker' with\nplatform. When 'auto' (default), platform is automatically detected",
+              "value": {
+                "type": "'windows/linux'|'mac'|'auto'",
+                "default": "'auto'"
+              }
+            },
+            {
+              "name": "single-option",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "blur", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "interactionMode",
+                "description": "Aligns behavior for 'selectionFollowFocus' and 'navigateWithinInvoker' with\nplatform. When 'auto' (default), platform is automatically detected",
+                "type": "'windows/linux'|'mac'|'auto'"
+              },
+              {
+                "name": "navigateWithinInvoker",
+                "description": "When invoker has focus, up and down arrow keys changes active state of listbox,\nwithout opening overlay.",
+                "type": "Boolean"
+              },
+              { "name": "singleOption", "type": "boolean" },
+              { "name": "slots", "type": "SlotsMap" }
+            ],
+            "events": [{ "name": "blur", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-select-invoker",
+          "description": "LionSelectInvoker: invoker button consuming a selected element\n\n---\n\n\n### **Methods:**\n ",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selectedElement",
+              "description": "The option element that is currently selected",
+              "value": { "type": "LionOption | null", "default": "null" }
+            },
+            {
+              "name": "hostElement",
+              "description": "The LionSelectRich element this invoker is part of. Will be set on connectedCallback of\nLionSelectRich",
+              "value": { "type": "LionSelectRich | null", "default": "null" }
+            },
+            {
+              "name": "readonly",
+              "description": "When the connected LionSelectRich instance is readOnly,\nthis should be reflected in the invoker as well",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "single-option",
+              "description": "When the connected LionSelectRich instance has only one option,\nthis should be reflected in the invoker as well",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "value": { "type": "string", "default": "'button'" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "active", "type": "boolean" },
+              {
+                "name": "hostElement",
+                "description": "The LionSelectRich element this invoker is part of. Will be set on connectedCallback of\nLionSelectRich",
+                "type": "LionSelectRich | null"
+              },
+              {
+                "name": "readOnly",
+                "description": "When the connected LionSelectRich instance is readOnly,\nthis should be reflected in the invoker as well",
+                "type": "boolean"
+              },
+              {
+                "name": "selectedElement",
+                "description": "The option element that is currently selected",
+                "type": "LionOption | null"
+              },
+              {
+                "name": "singleOption",
+                "description": "When the connected LionSelectRich instance has only one option,\nthis should be reflected in the invoker as well",
+                "type": "boolean"
+              },
+              { "name": "slots" },
+              { "name": "type", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "lion-select",
+          "description": "LionSelect: wraps the native HTML element select\n\n<lion-select>\n  <label slot=\"label\">My Input</label>\n  <select slot=\"input\">\n   <option value=\"top\">top</option>\n   <option value=\"bottom\">bottom</option>\n  </select>\n</lion-select>\n\nYou can preselect an option by setting the property modelValue.\n  Example:\n    <lion-select .modelValue=\"${'<value of option 2>'}\">\n\nIt extends LionField so it inherits required and disabled.\n\nThe option element needs to be a direct child of the select element.\n\nYou cannot use interactive elements inside the options. Avoid very long names to\nfacilitate the understandability and perceivability for screen reader users. Sets of options\nwhere each option name starts with the same word or phrase can also significantly degrade\nusability for keyboard and screen reader users.\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "autocomplete",
+              "description": "Delegates autocomplete to select",
+              "value": { "type": "string|undefined", "default": "undefined" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              {
+                "name": "autocomplete",
+                "description": "Delegates autocomplete to select",
+                "type": "string|undefined"
+              },
+              { "name": "operationMode" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-steps",
+          "description": "`LionSteps` is a controller for a multi step system.\n\n---\n\n\n### **Events:**\n - **transition**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "data",
+              "description": "Storage for data gathered across different steps.\nData is passed into each step condition function as a first argument.",
+              "value": { "type": "{[key: string]: any}", "default": "{}" }
+            },
+            {
+              "name": "current",
+              "description": "Number of the current entered step.",
+              "value": { "type": "number", "default": "0" }
+            }
+          ],
+          "events": [{ "name": "transition", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              {
+                "name": "current",
+                "description": "Number of the current entered step.",
+                "type": "number"
+              },
+              {
+                "name": "data",
+                "description": "Storage for data gathered across different steps.\nData is passed into each step condition function as a first argument.",
+                "type": "{[key: string]: any}"
+              },
+              { "name": "steps" }
+            ],
+            "events": [{ "name": "transition", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "lion-step",
+          "description": "`LionStep` is one of many in a LionSteps Controller\n\n---\n\n\n### **Events:**\n - **enter**\n- **leave**\n- **skip**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "status",
+              "description": "Step status, one of: \"untouched\", \"entered\", \"left\", \"skipped\".",
+              "value": { "type": "string", "default": "'untouched'" }
+            },
+            {
+              "name": "invert-condition",
+              "description": "Allows to invert condition function result.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "forward-only",
+              "description": "Allows transition to step only in forward direction. Skips it if transitioned back.\nMay be useful if the step is only showing some messages and does data loading and\nthen makes transition to next step automatically.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "initial-step",
+              "description": "If set this step will be the initially enabled step\nThere should be only ONE intial step in each steps",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [
+            { "name": "enter", "type": "CustomEvent" },
+            { "name": "leave", "type": "CustomEvent" },
+            { "name": "skip", "type": "CustomEvent" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "condition",
+                "description": "The funtion which us run to check if this step can be transitioned to.\nTakes lion-steps data as a first argument `myConditionFunc(data)`."
+              },
+              {
+                "name": "forwardOnly",
+                "description": "Allows transition to step only in forward direction. Skips it if transitioned back.\nMay be useful if the step is only showing some messages and does data loading and\nthen makes transition to next step automatically.",
+                "type": "boolean"
+              },
+              {
+                "name": "initialStep",
+                "description": "If set this step will be the initially enabled step\nThere should be only ONE intial step in each steps",
+                "type": "boolean"
+              },
+              {
+                "name": "invertCondition",
+                "description": "Allows to invert condition function result.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "Step status, one of: \"untouched\", \"entered\", \"left\", \"skipped\".",
+                "type": "string"
+              }
+            ],
+            "events": [
+              { "name": "enter", "type": "CustomEvent" },
+              { "name": "leave", "type": "CustomEvent" },
+              { "name": "skip", "type": "CustomEvent" }
+            ]
+          }
+        },
+        {
+          "name": "lion-switch",
+          "description": "\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n\n\n",
+          "doc-url": "",
+          "attributes": [],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              { "name": "slots" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-switch-button",
+          "description": "`LionSwitchButton` is a custom switch button component. It's a private component used within LionSwitch\n\n---\n\n\n### **Events:**\n - **checked-changed**",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "checked",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "checked-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              { "name": "readOnly", "type": "boolean" },
+              { "name": "value", "type": "string" }
+            ],
+            "events": [{ "name": "checked-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-tabs",
+          "description": "LionTabs: A tabbed interface component\n\n---\n\n\n### **Events:**\n - **selected-changed**\n\n### **Slots:**\n - **tab** - The tab elements for the tabs\n- **panel** - The panel elements for the tabs",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selected-index",
+              "description": "An index number of the selected tab",
+              "value": { "type": "number", "default": "0" }
+            }
+          ],
+          "slots": [
+            { "name": "tab", "description": "The tab elements for the tabs" },
+            {
+              "name": "panel",
+              "description": "The panel elements for the tabs"
+            }
+          ],
+          "events": [{ "name": "selected-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "panels" },
+              {
+                "name": "selectedIndex",
+                "description": "An index number of the selected tab",
+                "type": "number"
+              },
+              { "name": "tabs" }
+            ],
+            "events": [{ "name": "selected-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-textarea",
+          "description": "LionTextarea: extension of lion-field with native input element in place and user friendly API\n\n---\n\n\n### **Events:**\n - **user-input-changed**\n\n### **Methods:**\n - **clear()** - Clears modelValue.\nInteraction states are not cleared (use resetInteractionState for this)\n- **reset()** - Resets modelValue to initial value.\nInteraction states are cleared\n- **setTextareaMaxHeight()** - To support maxRows we need to set max-height of the textarea\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "max-rows",
+              "value": { "type": "number", "default": "6" }
+            },
+            { "name": "rows", "value": { "type": "number", "default": "2" } },
+            {
+              "name": "readonly",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "placeholder",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "events": [{ "name": "user-input-changed", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "maxRows", "type": "number" },
+              { "name": "placeholder", "type": "string" },
+              { "name": "readOnly", "type": "boolean" },
+              { "name": "rows", "type": "number" },
+              { "name": "slots" },
+              { "name": "updateComplete" }
+            ],
+            "events": [{ "name": "user-input-changed", "type": "Event" }]
+          }
+        },
+        {
+          "name": "lion-tooltip",
+          "description": "\n\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "invoker-relation",
+              "description": "Decides whether the tooltip invoker text should be considered a description\n(sets aria-describedby) or a label (sets aria-labelledby).",
+              "value": {
+                "type": "'label'|'description'",
+                "default": "'description'"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "hasArrow",
+                "description": "Whether an arrow should be displayed",
+                "type": "boolean"
+              },
+              {
+                "name": "invokerRelation",
+                "description": "Decides whether the tooltip invoker text should be considered a description\n(sets aria-describedby) or a label (sets aria-labelledby).",
+                "type": "'label'|'description'"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "wrapperTagName",
+          "description": "\n\n---\n\n\n### **Methods:**\n - **defineScopedElement(tagName: _string_, classToBeRegistered: _typeof HTMLElement_)** - Defines a scoped element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "scopedElements",
+              "value": {
+                "type": "ScopedElementsMap",
+                "default": "scopedElement"
+              }
+            },
+            {
+              "name": "template",
+              "value": { "type": "LitHTMLRenderable", "default": "template" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "scopedElements", "type": "ScopedElementsMap" },
+              { "name": "template", "type": "LitHTMLRenderable" }
+            ],
+            "events": []
+          }
+        }
+      ]
+    },
+    "css": {
+      "properties": [],
+      "pseudo-elements": []
+    }
+  }
+}