@sapudex/web-components 0.111.0

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

@@ -0,0 +1,1130 @@
+{
+  "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": "_direction",
+          "description": "Defines direction of the accordion item.",
+          "values": []
+        }
+      ],
+      "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": "BadgeType" }]
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the component.",
+          "values": [{ "name": "BadgeSize" }]
+        },
+        {
+          "name": "design",
+          "description": "Defines the design of text type component.",
+          "values": [{ "name": "BadgeTextDesign" }]
+        },
+        {
+          "name": "number-design",
+          "description": "Defines the design of number type component.",
+          "values": [{ "name": "BadgeNumberDesign" }]
+        }
+      ],
+      "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 display before the item name.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-calendar",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-calendar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Calendar.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [],
+      "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" }]
+        }
+      ],
+      "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-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": [],
+      "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": "open",
+          "description": "Indicates if the dropdown pane is open",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Allows control over the width.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown-group-header-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExDropdownListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\n\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown-list",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/DropdownList.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
+      "attributes": [
+        {
+          "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": "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": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown-list-group-header",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/DropdownListGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the title of the GroupHeader item component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown-list-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/DropdownListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-focus** - Fired event when the user click on a dropdown list item.\n- **item-press** - Fired event when the user focuses on a dropdown list item.\n\n### **Slots:**\n - **default** - Slot for dropdown list item content.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "udex-dropdown-list-item-base",
+      "description": "A class to serve as a foundation\nfor the <code>UDExDropdownListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExDropdownGroupHeaderBase</code> classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+      "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>dropdown 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 dropdown 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" }]
+        }
+      ],
+      "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- **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- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **select-all** - Fired event when the user clicks on the Select All header.\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.",
+      "attributes": [
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Allows control over the width.",
+          "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": "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": []
+        }
+      ],
+      "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 dropdown list items.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        }
+      ],
+      "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": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "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": "imageLoadingStrategies" }]
+        },
+        {
+          "name": "background-image-label",
+          "description": "Used as the label for background image.",
+          "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": "IconPlacement" }]
+        }
+      ],
+      "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": "Information" },
+            { "name": "Positive" },
+            { "name": "Negative" },
+            { "name": "Warning" },
+            { "name": "Action" }
+          ]
+        },
+        {
+          "name": "status-type",
+          "description": "Defines the component Status Type.",
+          "values": [{ "name": "Icon" }, { "name": "Text" }, { "name": "None" }]
+        },
+        {
+          "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\n\n### **Slots:**\n - **default** - Defines the content of the Popup.\n- **header** - Defines the header HTML Element.\n- **footer** - Defines the footer HTML Element.",
+      "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": "ModalType" }]
+        },
+        {
+          "name": "open",
+          "description": "Indicates if the element is open",
+          "values": []
+        }
+      ],
+      "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": "PaginationType" }]
+        },
+        {
+          "name": "display",
+          "description": "Define display purpose.",
+          "values": [{ "name": "DisplayType" }]
+        },
+        {
+          "name": "absolute-navigation",
+          "description": "Define if arrow icons for last and first page are visible.",
+          "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": "Warning" },
+            { "name": "Standard" },
+            { "name": "Error" },
+            { "name": "Success" }
+          ]
+        },
+        {
+          "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": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-phone-number-field",
+      "description": "\n\n\n---\n\n\n",
+      "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": "Standard" },
+            { "name": "Error" },
+            { "name": "Success" }
+          ]
+        },
+        {
+          "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 selected country iso code\n<br><br>\nNote: should be used two-letter country codes, e.g.: \"DE\" | \"PL\" | \"UA\" | \"US\"",
+          "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": "SizeType" }]
+        },
+        {
+          "name": "text-size",
+          "description": "Defines text size",
+          "values": [{ "name": "SizeType" }]
+        },
+        {
+          "name": "mask",
+          "description": "Defines image mask",
+          "values": [{ "name": "MaskType" }]
+        }
+      ],
+      "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 \"@ui5/webcomponents/dist/RatingIndicator.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - The event is fired when the value changes.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The indicated value of the rating.\n\n**Note:** If you set a number which is not round, it would be shown as follows:\n\n- 1.0 - 1.2 -> 1\n- 1.3 - 1.7 -> 1.5\n- 1.8 - 1.9 -> 2",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The number of displayed rating symbols.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
+          "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": "tooltip",
+          "description": "Defines the tooltip of the component.",
+          "values": []
+        },
+        {
+          "name": "display",
+          "description": "Defines the display type of the component.",
+          "values": [{ "name": "DisplayType" }]
+        },
+        {
+          "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Defines the value of the component.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines label text for the input field.",
+          "values": []
+        },
+        {
+          "name": "show-submit-button",
+          "description": "Defines display 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" }]
+        }
+      ],
+      "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-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": "text",
+          "description": "Defines the text of 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": "SizeMoreButton" }]
+        },
+        {
+          "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-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": "TagType" }]
+        },
+        { "name": "icon", "description": "Defines icon name", "values": [] },
+        {
+          "name": "icon-placement",
+          "description": "Defines icon placement if icon was provided",
+          "values": [{ "name": "IconPlacement" }]
+        },
+        {
+          "name": "read-only",
+          "description": "Defines if tag is in readnly state",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Defines the role attribute of component",
+          "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": "Warning" },
+            { "name": "Standard" },
+            { "name": "Error" },
+            { "name": "Success" }
+          ]
+        },
+        {
+          "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": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-text-field",
+      "description": "\n\n\n---\n\n\n",
+      "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": "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": "Warning" },
+            { "name": "Standard" },
+            { "name": "Error" },
+            { "name": "Success" }
+          ]
+        },
+        {
+          "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": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-tile",
+      "description": "\n\n\n---\n\n\n\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>",
+          "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>",
+          "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\n\n### **Methods:**\n - **show(): _void_** - Shows the component.\n\n### **Slots:**\n - **default** - Defines the content of the component",
+      "attributes": [
+        {
+          "name": "value-state",
+          "description": "Defines design state of component",
+          "values": [{ "name": "ValueState" }]
+        },
+        {
+          "name": "show-close-icon",
+          "description": "Defines if close icon should be 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### **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" }
+          ]
+        }
+      ],
+      "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": [],
+      "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": []
+    }
+  ]
+}