@sapudex/web-components 0.111.0

package/dist/vscode.html-custom-data.json

@@ -0,0 +1,3354 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "udex-accordion",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Accordion.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user click on on Expand/Collapse All button.\n\n### **Slots:**\n - **default** - Slot for accordion items.",
+      "attributes": [
+        {
+          "name": "headline",
+          "description": "Defines the headline text of the accordion component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-accordion-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
+      "attributes": [
+        {
+          "name": "title",
+          "description": "Defines the title of the accordion item component.",
+          "values": []
+        },
+        {
+          "name": "expanded",
+          "description": "Defines if the accordion item is expanded by default",
+          "values": []
+        },
+        {
+          "name": "_direction",
+          "description": "Defines direction of the accordion item.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-avatar",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Avatar.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Receives the desired <img> tag\n- **badge** - Defines the optional badge that will be used for visual affordance.",
+      "attributes": [
+        {
+          "name": "initials",
+          "description": "Defines the displayed initials.",
+          "values": []
+        },
+        {
+          "name": "interactive",
+          "description": "Defines if the avatar is interactive (focusable and pressable).",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the text alternative of the component.",
+          "values": []
+        },
+        {
+          "name": "color-scheme",
+          "description": "Defines the design of the component.",
+          "values": [
+            { "name": "Mango" },
+            { "name": "Red" },
+            { "name": "Raspberry" },
+            { "name": "Pink" },
+            { "name": "Indigo" },
+            { "name": "Blue" },
+            { "name": "Teal" },
+            { "name": "Green" },
+            { "name": "Grey" },
+            { "name": "Transparent" },
+            { "name": "Neutral" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is disabled.",
+          "values": []
+        },
+        {
+          "name": "fallback-icon",
+          "description": "Defines the name of the fallback icon.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Defines the name of the UI5 Icon, that will be displayed.",
+          "values": []
+        },
+        {
+          "name": "shape",
+          "description": "Defines the shape of the component.",
+          "values": [{ "name": "Circle" }, { "name": "Square" }]
+        },
+        {
+          "name": "size",
+          "description": "Controls id of the element that label the component",
+          "values": [
+            { "name": "XS" },
+            { "name": "S" },
+            { "name": "M" },
+            { "name": "L" },
+            { "name": "XL" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-badge",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Badge.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Defines the type of the component.",
+          "values": [{ "name": "Text" }, { "name": "Number" }]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the component.",
+          "values": [{ "name": "Small" }, { "name": "Large" }]
+        },
+        {
+          "name": "design",
+          "description": "Defines the design of text type component.",
+          "values": [
+            { "name": "Info" },
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" }
+          ]
+        },
+        {
+          "name": "number-design",
+          "description": "Defines the design of number type component.",
+          "values": [{ "name": "Red" }, { "name": "Blue" }, { "name": "White" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-breadcrumbs",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Breadcrumbs.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when a `BreadcrumbsItem` is clicked.\n\n**Note:** You can prevent browser location change by calling `event.preventDefault()`.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
+      "attributes": [
+        {
+          "name": "show-items",
+          "description": "Defines how many breadcrumb items should be visible",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-breadcrumbs-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/BreadcrumbsItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Defines item icon to be displayed before the item name.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-button",
+      "description": "\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the size of the component.\n<br><br>\n<b>Note:</b> There are three different sizes to choose from.",
+          "values": []
+        },
+        {
+          "name": "toggled",
+          "description": "Defines if button is in toggled state",
+          "values": []
+        },
+        {
+          "name": "design",
+          "description": "Defines the component design.",
+          "values": [
+            { "name": "Transparent" },
+            { "name": "Warning" },
+            { "name": "Primary" },
+            { "name": "Emphasized" },
+            { "name": "Secondary" },
+            { "name": "Default" },
+            { "name": "Tertiary" },
+            { "name": "Invisible" },
+            { "name": "Attention" },
+            { "name": "Positive" },
+            { "name": "Negative" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-carousel",
+      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "navigation-placement",
+          "description": "Defines the position of the navigation.\n<br><br>\nAvailable options are:\n<ul>\n<li><code>top</code> - the navigation button are placed above the component.</li>\n<li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n</ul>",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-checkbox",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-checkbox</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Checkbox.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-control-button",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-control-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ControlButton.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the size of the button.",
+          "values": [
+            { "name": "Small" },
+            { "name": "Large" },
+            { "name": "Medium" }
+          ]
+        },
+        {
+          "name": "readonly",
+          "description": "Determines whether the component is displayed as read-only.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-country-selector",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown paneis opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Allows control over the width.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
+          "values": []
+        },
+        {
+          "name": "preselected-country",
+          "description": "Allows to define the initially preselected country.",
+          "values": []
+        },
+        {
+          "name": "blocked-country-codes",
+          "description": "Allows to define the list of blocked country.",
+          "values": []
+        },
+        {
+          "name": "search-placeholder",
+          "description": "Defines the placeholder of the search.",
+          "values": []
+        },
+        { "name": "hide-flag-images", "values": [] },
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "values": []
+        },
+        {
+          "name": "select-all",
+          "description": "Defines the selectAll option of the component.",
+          "values": []
+        },
+        {
+          "name": "select-all-label",
+          "description": "Defines label text for select all header.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-date-picker",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/DatePicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.",
+      "attributes": [
+        {
+          "name": "selection-mode",
+          "description": "Defines selection mode of the calendar component.",
+          "values": [{ "name": "Single" }, { "name": "Range" }]
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the value of the input.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Sets the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "min-date",
+          "description": "Determines the minimum date available for selection.\n<br/><br/>\n<b>Note:</b> The minDate value must be provided in the ISO date format (YYYY-MM-dd).",
+          "values": []
+        },
+        {
+          "name": "max-date",
+          "description": "Determines the maximum date available for selection.\n<br/><br/>\n<b>Note:</b> The maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "format-pattern",
+          "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-divider",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-divider</code> component is a divider component used to separate content in a page.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "accessible-role",
+          "description": "Defines the ARIA role of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Dropdown.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click-trigger** - Fired event when the user clicks the trigger.\n- **before-open** - Fired before the dropdown is opened.\n- **after-open** - Fired after the dropdown is opened.\n- **before-close** - Fired before the menu is closed.\n- **after-close** - Fired after the menu is closed.\n\n### **Slots:**\n - **default** - Defines the content of the Dropdown.\n- **header** - Defines the header HTML Element.\n- **footer** - Defines the footer HTML Element.\n- **trigger** - Defines the trigger HTML Element.",
+      "attributes": [
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "placement-type",
+          "description": "Determines on which side the component is placed at.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Top" },
+            { "name": "Bottom" }
+          ]
+        },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of the component.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Stretch" }
+          ]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Allows setting a custom role.",
+          "values": [
+            { "name": "None" },
+            { "name": "Dialog" },
+            { "name": "AlertDialog" }
+          ]
+        },
+        {
+          "name": "open",
+          "description": "Indicates if the dropdown pane is open",
+          "values": []
+        },
+        {
+          "name": "disable-target-overlap",
+          "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-filter-menu",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.",
+      "attributes": [
+        {
+          "name": "badge-value",
+          "description": "Determines the value of the badge.",
+          "values": []
+        },
+        {
+          "name": "disable-target-overlap",
+          "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "placement-type",
+          "description": "Determines on which side the component is placed at.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Top" },
+            { "name": "Bottom" }
+          ]
+        },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of the component.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Stretch" }
+          ]
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "reset-btn-label",
+          "description": "Defines the label of the button reset in the footer.",
+          "values": []
+        },
+        {
+          "name": "result-btn-label",
+          "description": "Defines the label of the button result in the footer.",
+          "values": []
+        },
+        {
+          "name": "filter-name",
+          "description": "Defines the filter name of the component.",
+          "values": []
+        },
+        {
+          "name": "filter-name-prefix",
+          "description": "Defines the filter name prefix of the component.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "hide-result-btn",
+          "description": "Hides the result button in the footer.",
+          "values": []
+        },
+        {
+          "name": "hide-reset-btn",
+          "description": "Hides the reset button in the footer.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Allows setting a custom role.",
+          "values": [
+            { "name": "None" },
+            { "name": "Dialog" },
+            { "name": "AlertDialog" }
+          ]
+        },
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "values": []
+        },
+        {
+          "name": "search-placeholder",
+          "description": "Defines the placeholder of the search.",
+          "values": []
+        },
+        {
+          "name": "select-all",
+          "description": "Defines the selectAll option of the component.",
+          "values": []
+        },
+        {
+          "name": "select-all-label",
+          "description": "Defines label text for select all header.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-filter-menu-group-header",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for  list items.",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-filter-menu-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/FilterMenuItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        { "name": "_is-filter-select-all-item", "values": [] },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-filter-menu-select-all",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-footer",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "logo-url",
+          "description": "Defines the Logo URL",
+          "values": []
+        },
+        {
+          "name": "logo-link",
+          "description": "Defines the optional component href link for the logo.",
+          "values": []
+        },
+        {
+          "name": "quick-links",
+          "description": "List of the Quick links",
+          "values": []
+        },
+        {
+          "name": "trending-links",
+          "description": "List of the Trending links",
+          "values": []
+        },
+        {
+          "name": "about-links",
+          "description": "List of the About SAP links",
+          "values": []
+        },
+        {
+          "name": "site-information-links",
+          "description": "List of the Site Information links",
+          "values": []
+        },
+        {
+          "name": "contact-numbers-list",
+          "description": "List of the contact numbers",
+          "values": []
+        },
+        {
+          "name": "local-country-numbers-link",
+          "description": "Defines the local country numbers link's href",
+          "values": []
+        },
+        {
+          "name": "contact-us-link",
+          "description": "Defines the Contact us link's href",
+          "values": []
+        },
+        {
+          "name": "chat-with-us-link",
+          "description": "Defines the Chat with us link's href",
+          "values": []
+        },
+        {
+          "name": "social-links",
+          "description": "List of the Social links and their icons",
+          "values": []
+        },
+        { "name": "logo-alt", "description": "Alt for Logo", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-hero-banner",
+      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **content** - Slot for primary content.\n- **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.",
+      "attributes": [
+        {
+          "name": "background-image",
+          "description": "Allows control over the background image source.",
+          "values": []
+        },
+        {
+          "name": "background-image-loading-strategy",
+          "description": "Allows control over the background image loading strategy.",
+          "values": [{ "name": "eager" }, { "name": "lazy" }]
+        },
+        {
+          "name": "background-image-label",
+          "description": "Used as the label for background image.",
+          "values": []
+        },
+        {
+          "name": "background-video",
+          "description": "Allows control over the background video source.",
+          "values": []
+        },
+        {
+          "name": "background-video-label",
+          "description": "Used as the label for background video.",
+          "values": []
+        },
+        {
+          "name": "background-color",
+          "description": "Allows control over the background color.\nValue provided should be compatible with standard CSS rendering, e.g:\n - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n - Text values: \"white\", \"red\"",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-link",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Link.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Used as the label for background image.",
+          "values": []
+        },
+        {
+          "name": "icon-placement",
+          "description": "Used as the label for background image.",
+          "values": [{ "name": "start" }, { "name": "end" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\\e\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/List.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for list items.",
+      "attributes": [
+        {
+          "name": "accessible-role",
+          "description": "Defines the accessible role of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the component.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled of the component.",
+          "values": []
+        },
+        {
+          "name": "header-text",
+          "description": "Defines the headerText, displayed in the top of the list.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list-group-header",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex--list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list-group-header-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **delete-press** - Fired event when the user click on the delete icon.\n- **edit-press** - Fired event when the user click on the edit icon.\n\n### **Slots:**\n - **default** - Slot for list item content.",
+      "attributes": [
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the item.",
+          "values": []
+        },
+        {
+          "name": "flag-position",
+          "description": "Defines the position for flag image.",
+          "values": []
+        },
+        {
+          "name": "flag",
+          "description": "Defines the image, displayed at the start of the item.",
+          "values": []
+        },
+        {
+          "name": "additional-text",
+          "description": "Defines the additionalText, displayed at the end of the list item.",
+          "values": []
+        },
+        {
+          "name": "additional-text-state",
+          "description": "Defines the state of the additionalText.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "None" },
+            { "name": "Information" }
+          ]
+        },
+        {
+          "name": "image",
+          "description": "Allows control over the image source.",
+          "values": []
+        },
+        {
+          "name": "image-alt",
+          "description": "Allows control over the alternative text of the image.",
+          "values": []
+        },
+        {
+          "name": "image-shape",
+          "description": "Defines the shape of the image.",
+          "values": [{ "name": "Circle" }, { "name": "Square" }]
+        },
+        {
+          "name": "image-size",
+          "description": "Allows control over the size of the image.",
+          "values": [
+            { "name": "XS" },
+            { "name": "S" },
+            { "name": "M" },
+            { "name": "L" },
+            { "name": "XL" }
+          ]
+        },
+        {
+          "name": "edit-icon",
+          "description": "Defines the name of the edit icon, displayed in the end of the list item.",
+          "values": []
+        },
+        {
+          "name": "delete-icon",
+          "description": "Defines the name of the delete icon, displayed in the end of the list item.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Defines the role attribute of component",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list-item-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-list-select-all",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex--list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+      "attributes": [
+        {
+          "name": "sub-items",
+          "description": "Defines sub items for item",
+          "values": []
+        },
+        {
+          "name": "menu-title",
+          "description": "Defines a title for sub menu items",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Defines the text of item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected item.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Defines the icon in the item.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "Defines the href of the item.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Controls the ARIA name of the item",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Controls the ARIA role of the item",
+          "values": []
+        },
+        {
+          "name": "icon-alt",
+          "description": "Defines an alt text for item icon",
+          "values": []
+        },
+        {
+          "name": "hide-active-border",
+          "description": "Hide active border for item",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-menu",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMenu.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "menu-title",
+          "description": "Defines a menu heading",
+          "values": []
+        },
+        {
+          "name": "sub-items",
+          "description": "List of the menu items",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-menu-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMenuItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when item button is clicked",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Heading" },
+            { "name": "Button" },
+            { "name": "Link" }
+          ]
+        },
+        {
+          "name": "accessible-role",
+          "description": "Controls the ARIA role of the item",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the label of the component.",
+          "values": []
+        },
+        {
+          "name": "url",
+          "description": "Defines the url of the component.",
+          "values": []
+        },
+        {
+          "name": "badge",
+          "description": "Defines the badge of the component.",
+          "values": []
+        },
+        {
+          "name": "external-link",
+          "description": "Defines the externalLink of the component.",
+          "values": []
+        },
+        {
+          "name": "has-border",
+          "description": "Defines the border for component.",
+          "values": []
+        },
+        {
+          "name": "icon-start",
+          "description": "Defines the start position of icon arrow.",
+          "values": []
+        },
+        {
+          "name": "icon-end",
+          "description": "Defines the end position of icon arrow.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-mobile-menu",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-mobile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMobileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **search** - Slot for search\n- **default** - List of the menu items\n- **exploreSapMobileButton** - Slot for explore Sap mobile button",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-profile-menu",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
+      "attributes": [
+        {
+          "name": "links",
+          "description": "Defines the object of link values",
+          "values": []
+        },
+        {
+          "name": "logged-in-user",
+          "description": "Defines the object of user profile data",
+          "values": []
+        },
+        {
+          "name": "logout-url",
+          "description": "Defines the link for logout",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-masthead-shell",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n\n### **Slots:**\n - **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
+      "attributes": [
+        {
+          "name": "home-url",
+          "description": "Defines URL to homepage. It will be used as a link on a logo and a site label",
+          "values": []
+        },
+        {
+          "name": "site-label-url",
+          "description": "Defines URL for site label. It will be used as a link on a logo and a site label",
+          "values": []
+        },
+        {
+          "name": "body-overflow",
+          "description": "Defines overflow style for the body after clicking mobile menu opener button",
+          "values": []
+        },
+        {
+          "name": "sticky-position",
+          "description": "Defines sticky position for component",
+          "values": []
+        },
+        {
+          "name": "logo-url",
+          "description": "Defines the Logo image URL",
+          "values": []
+        },
+        {
+          "name": "site-label",
+          "description": "Defines a site label. It will be displayed next to a logo.",
+          "values": []
+        },
+        {
+          "name": "logo-alt",
+          "description": "Defines an alt text for logo",
+          "values": []
+        },
+        {
+          "name": "close-button-accessible-name",
+          "description": "Defines an accessible name for close icon for the search bar\n\ndefault: \"\"",
+          "values": []
+        },
+        {
+          "name": "homepage-aria-label",
+          "description": "Defines an aria label for the homepage link",
+          "values": []
+        },
+        {
+          "name": "site-label-aria-label",
+          "description": "Defines an aria label for the site label",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-media-player",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\n- **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null_** - Returns video element\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
+      "attributes": [
+        {
+          "name": "options",
+          "description": "Defines the options object of video.js element\naccepts following properties: https://videojs.com/guides/options",
+          "values": []
+        },
+        {
+          "name": "source",
+          "description": "Defines the source of the video  or audio",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "Defines a title for youtube video",
+          "values": []
+        },
+        {
+          "name": "audio-only",
+          "description": "Defines if only audio should be played",
+          "values": []
+        },
+        {
+          "name": "poster",
+          "description": "Defines the poster url",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Defines video width. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Defines video height. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "playerid",
+          "description": "Defines id of html element that videojs will be initialized with",
+          "values": []
+        },
+        {
+          "name": "aspect-ratio",
+          "description": "Defines aspect ratio of video. If set, video will be display in fluid mode.\nPossible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"",
+          "values": [
+            { "name": "16:9" },
+            { "name": "9:16" },
+            { "name": "4:3" },
+            { "name": "1:1" },
+            { "name": "none" }
+          ]
+        },
+        {
+          "name": "play-button-initial-focus",
+          "description": "If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.",
+          "values": []
+        },
+        {
+          "name": "enable-global-dependency",
+          "description": "Enable videojs instance to be added to global window object",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-media-player-vimeo",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-vimeo</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MediaPlayerVimeo.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _VimeoPlayer_** - Returns video element",
+      "attributes": [
+        {
+          "name": "source",
+          "description": "Defines the source of the video  or audio",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "Defines a title for youtube video",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Defines video width. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Defines video height. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "aspect-ratio-class",
+          "description": "CSS class name for iframe fluid styles",
+          "values": []
+        },
+        {
+          "name": "fluid-mode",
+          "description": "Defines if video should be displayed in fluid mode.\nIn fluid mode, width and height will be ignored and size will be adjusted to the container.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-media-player-youtube",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MediaPlayerYoutube.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _YT.Player | null_** - Returns video element",
+      "attributes": [
+        {
+          "name": "source",
+          "description": "Defines the source of the video  or audio",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Defines video width. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Defines video height. Used for YouTube and Vimeo videos only.\nRegular video and audio sizes are control by CSS variables.",
+          "values": []
+        },
+        {
+          "name": "aspect-ratio",
+          "description": "Defines aspect ratio of video. If set, video will be display in fluid mode.\nPossible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"",
+          "values": [
+            { "name": "16:9" },
+            { "name": "9:16" },
+            { "name": "4:3" },
+            { "name": "1:1" },
+            { "name": "none" }
+          ]
+        },
+        {
+          "name": "fluid-mode",
+          "description": "Defines if video should be displayed in fluid mode.\nIn fluid mode, width and height will be ignored and size will be adjusted to the container.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-message-strip",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "design",
+          "description": "Defines the component type.",
+          "values": [
+            { "name": "Warning" },
+            { "name": "Positive" },
+            { "name": "Negative" },
+            { "name": "Information" },
+            { "name": "Action" }
+          ]
+        },
+        {
+          "name": "status-type",
+          "description": "Defines the component Status Type.",
+          "values": [{ "name": "Text" }, { "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "hide-close-button",
+          "description": "Defines whether the MessageStrip renders close button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-modal",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-modal</code> component is a demo component that displays some text.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Defines modal display type\n<br><br>\n<b>Note:</b> The <code>basic</code> type is simplified version of styling.",
+          "values": [{ "name": "default" }, { "name": "basic" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-pagination",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fires when pagination item was clicked.",
+      "attributes": [
+        {
+          "name": "pages",
+          "description": "Defines number of pages.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "Defines type of pagination.",
+          "values": [{ "name": "full" }, { "name": "short" }]
+        },
+        {
+          "name": "display",
+          "description": "Define display purpose.",
+          "values": [{ "name": "desktop" }, { "name": "mobile" }]
+        },
+        {
+          "name": "absolute-navigation",
+          "description": "Define if arrow icons for last and first page are visible.",
+          "values": []
+        },
+        {
+          "name": "current-page-index",
+          "description": "Current index of pagination page.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-password-field",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the value of the component.\n<br><br>\n<b>Note:</b> The property is updated upon typing.",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "show-asterisk",
+          "description": "Defines asterisk for the input field's label text.",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "show-button-enabled",
+          "description": "Defines the inner stored show password button visibility state.",
+          "values": []
+        },
+        {
+          "name": "show-button-tooltip",
+          "description": "Defines the inner stored show password button tooltip.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines the inner stored readonly state.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines the inner stored displayonly state.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-phone-number-field",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines label text for the textarea field.",
+          "values": []
+        },
+        {
+          "name": "field-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
+          "values": []
+        },
+        {
+          "name": "selected-iso",
+          "description": "Defines the country iso code selected by the user\n<br><br>\nNote: should be used two-letter country codes, e.g.: \"DE\" | \"PL\" | \"UA\" | \"US\"",
+          "values": []
+        },
+        {
+          "name": "blocked-country-codes",
+          "description": "Allows to define the list of blocked country.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-progress-bar",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-progress-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ProgressBar.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-quote",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-quote</code> component is a demo component that displays some text.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the text content of the Quote.\n- **link** - Defines the link in the Quote\n- **author** - Defines author's name and company\n- **image** - Defines image near quote text",
+      "attributes": [
+        {
+          "name": "image-size",
+          "description": "Defines image (Avatar or company logo) size",
+          "values": [{ "name": "small" }, { "name": "large" }]
+        },
+        {
+          "name": "text-size",
+          "description": "Defines text size",
+          "values": [{ "name": "small" }, { "name": "large" }]
+        },
+        {
+          "name": "mask",
+          "description": "Defines image mask",
+          "values": [{ "name": "avatar" }, { "name": "rectangle" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-radio-button",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-radio-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/RadioButton.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "display-only",
+          "description": "Define if arrow icons for last and first page are visible.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-range-slider",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-range-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/RangeSlider.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-rating-indicator",
+      "description": "### Overview\n\n### ES6 Module Import\n\n`import @udex/web-components/dist/RatingIndicator.js\";`\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "display",
+          "description": "Defines the display type of the component.",
+          "values": [{ "name": "Desktop" }, { "name": "Mobile" }]
+        },
+        {
+          "name": "total-count",
+          "description": "The number of total votes.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-search",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Defines the value of the component.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "label-animation-disabled",
+          "description": "Defines if the label animation is disabled for the search field.",
+          "values": []
+        },
+        {
+          "name": "show-submit-button",
+          "description": "Defines display the submit button for the search field.",
+          "values": []
+        },
+        {
+          "name": "non-interactive-submit-button",
+          "description": "Defines non-interactive the submit button for the search field.",
+          "values": []
+        },
+        {
+          "name": "show-voice-button",
+          "description": "Defines display the voice button for the search field.",
+          "values": []
+        },
+        {
+          "name": "suggestion-list",
+          "description": "Defines suggestions and recommended lists for the component.\n<br><br>\n<b>Note:</b> Structure of the property:\n{ suggested: [\"string\", string, ...], recommended: [\"string\", \"string\", ...] }",
+          "values": []
+        },
+        {
+          "name": "show-suggested-popover",
+          "description": "Defines display the suggestion popover in the component.",
+          "values": []
+        },
+        {
+          "name": "language-voice",
+          "description": "Defines the language of voice search.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of component.\n<br><br>\n<b>Note:</b> accepts a string \"Standard\" or \"Home Search\".",
+          "values": [{ "name": "Standard" }, { "name": "Home Search" }]
+        },
+        {
+          "name": "show-popover-when-clicked-into-input",
+          "description": "Defines open suggestion popover when clicked on the input field.",
+          "values": []
+        },
+        {
+          "name": "open-suggestion-popup",
+          "description": "Defines open suggestion popover.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-searchable-list-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "attributes": [
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "values": []
+        },
+        {
+          "name": "search-placeholder",
+          "description": "Defines the placeholder of the search.",
+          "values": []
+        },
+        {
+          "name": "select-all",
+          "description": "Defines the selectAll option of the component.",
+          "values": []
+        },
+        {
+          "name": "select-all-label",
+          "description": "Defines label text for select all header.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-secondary-navigation",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+      "attributes": [
+        {
+          "name": "mobile-menu-opener-aria-label",
+          "description": "Defines an aria label for the mobile menu opener",
+          "values": []
+        },
+        {
+          "name": "nav-items",
+          "description": "List of the nav items",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "Defines the title of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-segmented-button",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SegmentedButton.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the size of the button.",
+          "values": [
+            { "name": "Small" },
+            { "name": "Large" },
+            { "name": "Medium" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-segmented-button-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SegmentedButtonItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the size of the button.",
+          "values": [
+            { "name": "Small" },
+            { "name": "Large" },
+            { "name": "Medium" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-select-box",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.",
+      "attributes": [
+        {
+          "name": "disable-target-overlap",
+          "description": "Determines if there is no enough space, the component can be placed\nover the target.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for field container.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the trigger container.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the trigger container.",
+          "values": []
+        },
+        {
+          "name": "tooltip-placement",
+          "description": "Determines on which side of the component the Tooltip is displayed.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Top" },
+            { "name": "Bottom" }
+          ]
+        },
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "values": []
+        },
+        {
+          "name": "search-placeholder",
+          "description": "Defines the placeholder of the search.",
+          "values": []
+        },
+        {
+          "name": "select-all",
+          "description": "Defines the selectAll option of the component.",
+          "values": []
+        },
+        {
+          "name": "select-all-label",
+          "description": "Defines label text for select all header.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-select-box-group-header",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-select-box-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SelectBoxItem.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for item content.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-select-box-select-all",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "non-interactive",
+          "description": "Defines non-interactive the group header.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-side-navigation",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SideNavigation.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "is-fixed-in-place",
+          "description": "Defines if Side Navigation is fixed in place or scrollable with the content.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-side-navigation-group",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SideNavigationGroup.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-side-navigation-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SideNavigationItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-side-navigation-mobile",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-mobile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SideNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items.\n- **fixedItems** - Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-side-navigation-sub-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/SideNavigationSubItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-slider",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Slider.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-status-message",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-message</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StatusMessage.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "supporting-text-alignment",
+          "description": "Defines supporting text alignment. It aligns only Standard state text.",
+          "values": [{ "name": "Left" }, { "name": "Right" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Defines if component should have disabled styles.",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-step-input",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-step-input</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/StepInput.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Defines a value of the component.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Defines a minimum value of the component.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Defines a maximum value of the component.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "Defines a step of increasing/decreasing the value of the component.",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Determines whether the component is displayed as disabled.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Determines whether the component is displayed as read-only.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
+          "values": []
+        },
+        {
+          "name": "value-precision",
+          "description": "Determines the number of digits after the decimal point of the component.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-tab",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tab.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the tab.",
+      "attributes": [
+        {
+          "name": "number-badge",
+          "description": "Defines the Badge at the end of the Tab item.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Defines the text of tab.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Accessible name for tab.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected tab.",
+          "values": []
+        },
+        {
+          "name": "show-attention-badge",
+          "description": "Defines the displaying attention badge.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Defines the icon in the tab.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "Defines the href of the tab.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Define the target of the tab",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-tab-navigation",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
+      "attributes": [
+        {
+          "name": "size-more-button",
+          "description": "Defines the size of the \"More\" button.",
+          "values": [{ "name": "Small" }, { "name": "Medium" }]
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [{ "name": "Mode" }]
+        },
+        {
+          "name": "icon-without-background",
+          "description": "Defines the background color of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Table.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the rows of the table.\n- **headerRow** - Defines the header row of the table.\n- **actions** - Defines the actions of the table.\n- **noData** - Defines the custom visualization if there is no data available.\n- **footnotes** - Defines the footnotes of the table.",
+      "attributes": [
+        {
+          "name": "height",
+          "description": "Defines the height of the table.\nAllows control over the height.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the table.",
+          "values": []
+        },
+        {
+          "name": "heading",
+          "description": "Defines the heading of the table.",
+          "values": []
+        },
+        {
+          "name": "no-data-text",
+          "description": "Defines the text to be displayed when there are no rows in the component.",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Defines if the loading indicator should be shown.",
+          "values": []
+        },
+        {
+          "name": "loading-delay",
+          "description": "Defines the delay in milliseconds, after which the loading indicator will show up for this component.",
+          "values": []
+        },
+        {
+          "name": "sticky-header",
+          "description": "Sticks the toolbar and header row to the top of the table.",
+          "values": []
+        },
+        {
+          "name": "sticky-column",
+          "description": "Sticks the first column to the left of the table.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-cell",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TableCell.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
+          "values": []
+        },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Start" },
+            { "name": "End" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-cell-base",
+      "description": "A class to serve as a foundation for the `UDExTableCell` and `UDExTableHeaderCell` classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Start" },
+            { "name": "End" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-group-row",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-group-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TableGroupRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the rows of the group row.",
+      "attributes": [
+        {
+          "name": "collapsible",
+          "description": "Defines collapsible type the group row.",
+          "values": []
+        },
+        {
+          "name": "group-title",
+          "description": "Defines the title of the group row.",
+          "values": []
+        },
+        {
+          "name": "expanded",
+          "description": "Defines if the row is expanded",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-header-cell",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TableHeaderCell.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "highlighted",
+          "description": "Defines highlighted the header cell.",
+          "values": []
+        },
+        {
+          "name": "icon-start",
+          "description": "Defines the name of the UI5 Icon, that will be displayed at the beginning of the content.",
+          "values": []
+        },
+        {
+          "name": "icon-end",
+          "description": "Defines the name of the UI5 Icon, that will be displayed at the end of the content.",
+          "values": []
+        },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Start" },
+            { "name": "End" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-header-row",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TableHeaderRow.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-table-row",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TableRow.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "interactive",
+          "description": "Defines the interactive state of the row.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-table-row-base",
+      "description": "A class to serve as a foundation for the `UDExTableRow` and `UDExTableHeaderRow` classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-tag",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tag.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selectionChange** - Emitted when tag was clicked\n- **iconClick** - Emitted when icon in tag was clicked",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "Defines the text of the tag",
+          "values": []
+        },
+        {
+          "name": "design",
+          "description": "Defines the design type of tag",
+          "values": [
+            { "name": "Grey" },
+            { "name": "Text" },
+            { "name": "White" },
+            { "name": "Outlined" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the component.",
+          "values": [{ "name": "Small" }, { "name": "Medium" }]
+        },
+        { "name": "icon", "description": "Defines icon name", "values": [] },
+        {
+          "name": "icon-placement",
+          "description": "Defines icon placement if icon was provided",
+          "values": [{ "name": "Start" }, { "name": "End" }]
+        },
+        {
+          "name": "read-only",
+          "description": "Defines if tag is in readonly state",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Defines the role attribute of component",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines if tag is selected",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-textarea",
+      "description": "\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines label text for the textarea field.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the value of the component.\n<br><br>\n<b>Note:</b> The property is updated upon typing.",
+          "values": []
+        },
+        {
+          "name": "rows",
+          "description": "Defines the number of visible text lines for the component.\n<br><br>\n<b>Notes:</b>\n<ul>\n<li>If the <code>growing</code> property is enabled, this property defines the minimum rows to be displayed\nin the textarea.</li>\n<li>The CSS <code>height</code> property wins over the <code>rows</code> property, if both are set.</li>\n</ul>",
+          "values": []
+        },
+        {
+          "name": "growing",
+          "description": "Enables the component to automatically grow and shrink dynamically with its content.\n<br><br>",
+          "values": []
+        },
+        {
+          "name": "growing-max-lines",
+          "description": "Defines the maximum number of lines that the component can grow.",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Sets the maximum number of characters available in the textarea.",
+          "values": []
+        },
+        {
+          "name": "field-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-text-field",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **click-trigger** - Fired event when the user clicks the trigger.\n- **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Defines the value of the component.\n<br><br>\n<b>Note:</b> The property is updated upon typing.",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Sets the maximum number of characters available in the input field.\n<br><br>\n<b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-icon-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is display-only.\n<br><br>\n<b>Note:</b> A display-only component is not editable,\nbut still provides visual feedback upon user interaction, input border is not visible.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Defines whether the component is required.",
+          "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the input field.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Defines the icon name in the text-field.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "Defines if the text-field is active",
+          "values": []
+        },
+        {
+          "name": "direction",
+          "description": "Defines direction of the input.",
+          "values": []
+        },
+        {
+          "name": "aria-described-by",
+          "description": "Allows setting the aria-describedby property on the internal input node.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-tile",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the user clicks inside the component in interactive mode.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "hide-shadow",
+          "description": "Defines display the shadow for the Tile.",
+          "values": []
+        },
+        {
+          "name": "interactive",
+          "description": "Defines if the component would be interactive,\ne.g. gets hover effect, gets focus outline and <code>click</code> event is fired, when pressed.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "Defines the component href.\n\n<b>This property must only be used when the <code>interactive</code> property is set.</b>\n\n<br><br>\n<b>Note:</b> Standard hyperlink behavior is supported.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Defines the component target.\n<br><br>\n<b>Notes:</b>\n\n<ul>\n<li><code>_self</code></li>\n<li><code>_top</code></li>\n<li><code>_blank</code></li>\n<li><code>_parent</code></li>\n<li><code>_search</code></li>\n</ul>\n\n<b>This property must only be used when the <code>interactive</code> property is set.</b>\n\n<br><br>\n<b>Note:</b> Standard hyperlink behavior is supported.",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the component aria-label accessibility attribute.\n\n<b>This property must only be used when the <code>interactive</code> property is set.</b>",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-toast",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-toast</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Toast.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Emit when close icon was clicked",
+      "attributes": [
+        {
+          "name": "value-state",
+          "description": "Defines design state of component",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Action" }
+          ]
+        },
+        {
+          "name": "show-close-icon",
+          "description": "Defines if close icon should be visible",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether the component is open (visible).",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-tooltip",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tooltip.js\";</code>\n\n\n---\n\n\n\n\n### **Methods:**\n - **isOpen(): _boolean_** - Returns whether the tooltip is currently open.\n- **onOpen(opener: _HTMLElement_): _void_** - Used to open tooltip\n- **onClose(): _void_** - Used to close tooltip\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "attributes": [
+        {
+          "name": "title",
+          "description": "Defines the Tooltip title.",
+          "values": []
+        },
+        {
+          "name": "hide-arrow",
+          "description": "Defines if Tooltip has an arrow or not.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Determines on which side of the component the Tooltip is displayed.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Top" },
+            { "name": "Bottom" }
+          ]
+        },
+        {
+          "name": "horizontal-align",
+          "description": "Determines the horizontal alignment of the component.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Center" },
+            { "name": "Stretch" }
+          ]
+        },
+        {
+          "name": "vertical-align",
+          "description": "Determines the vertical alignment of the component.",
+          "values": [
+            { "name": "Top" },
+            { "name": "Bottom" },
+            { "name": "Center" },
+            { "name": "Stretch" }
+          ]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Defines the IDs of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Allows setting a custom role.",
+          "values": [
+            { "name": "None" },
+            { "name": "Dialog" },
+            { "name": "AlertDialog" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-truncated-text",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "initially-expanded",
+          "description": "Defines if the text is initially expanded.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Indicates the element text",
+          "values": []
+        },
+        {
+          "name": "char-limit",
+          "description": "Indicates the limit for chars",
+          "values": [{ "name": "Integer" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-wizard",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Wizard.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the component has unknown number of steps.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-wizard-step",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard-step</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/WizardStep.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "completed",
+          "description": "Defines if the Wizard step is completed.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-wizard-tab",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Wizard.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "breakpoint",
+          "description": "Determines if the title and subtitle should be displayed, based on window size.",
+          "values": [
+            { "name": "S" },
+            { "name": "M" },
+            { "name": "L" },
+            { "name": "XL" }
+          ]
+        }
+      ],
+      "references": []
+    }
+  ]
+}