@sapudex/web-components 0.226.0 → 2.1.0

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

@@ -3,7 +3,7 @@
   "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 \"@sapudex/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.",
+      "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 \"@sapudex/web-components/dist/Accordion.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user clicks on the Expand/Collapse All button..\n\n### **Slots:**\n - **default** - Slot for accordion items.",
       "attributes": [
         {
           "name": "headline",
@@ -19,12 +19,12 @@
       "attributes": [
         {
           "name": "number-badge",
-          "description": "Defines the Badge at the end of the title item.",
+          "description": "Defines the Badge at the end of the label item.",
           "values": []
         },
         {
-          "name": "title",
-          "description": "Defines the title of the accordion item component.\nTODO: With transition to UI5 2.x, change \"title\" attribute name.\nTitle property is also valid HTML attribute that results in showing hover tooltip and is read by screen readers.",
+          "name": "label",
+          "description": "Defines the label of the accordion item component.",
           "values": []
         },
         {
@@ -42,7 +42,7 @@
     },
     {
       "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 \"@sapudex/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.",
+      "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 \"@sapudex/web-components/dist/Avatar.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\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",
@@ -133,16 +133,16 @@
         {
           "name": "size",
           "description": "Defines the size of the component.",
-          "values": [{ "name": "Small" }, { "name": "Large" }]
+          "values": [{ "name": "Medium" }, { "name": "Small" }]
         },
         {
           "name": "design",
           "description": "Defines the design of text type component.",
           "values": [
             { "name": "Neutral" },
-            { "name": "Error" },
-            { "name": "Info" },
-            { "name": "Success" },
+            { "name": "Negative" },
+            { "name": "Information" },
+            { "name": "Positive" },
             { "name": "Warning" }
           ]
         },
@@ -152,8 +152,7 @@
           "values": [
             { "name": "Red" },
             { "name": "Blue" },
-            { "name": "Neutral" },
-            { "name": "White" }
+            { "name": "Neutral" }
           ]
         },
         {
@@ -167,7 +166,7 @@
     },
     {
       "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 \"@sapudex/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- **open** - Fired after the dropdown is opened.\n- **close** - Fired after the dropdown is closed.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
+      "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 \"@sapudex/web-components/dist/Breadcrumbs.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - \n- **open** - Fired after the dropdown is opened.\n- **close** - Fired after the dropdown is closed.\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",
@@ -197,9 +196,9 @@
           "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": "Medium" },
             { "name": "Small" },
-            { "name": "Large" },
-            { "name": "Medium" }
+            { "name": "Large" }
           ]
         },
         {
@@ -212,16 +211,16 @@
           "description": "Defines the component design.",
           "values": [
             { "name": "Transparent" },
+            { "name": "Negative" },
+            { "name": "Positive" },
             { "name": "Warning" },
             { "name": "Primary" },
-            { "name": "Emphasized" },
             { "name": "Secondary" },
-            { "name": "Default" },
             { "name": "Tertiary" },
             { "name": "Invisible" },
-            { "name": "Attention" },
-            { "name": "Positive" },
-            { "name": "Negative" }
+            { "name": "Emphasized" },
+            { "name": "Default" },
+            { "name": "Attention" }
           ]
         }
       ],
@@ -247,7 +246,17 @@
     {
       "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 \"@sapudex/web-components/dist/Checkbox.js\";</code>\n\n\n---\n\n\n",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "None" },
+            { "name": "Success" },
+            { "name": "Error" }
+          ]
+        }
+      ],
       "references": []
     },
     {
@@ -258,22 +267,32 @@
           "name": "size",
           "description": "Defines the size of the button.",
           "values": [
+            { "name": "Medium" },
             { "name": "Small" },
-            { "name": "Large" },
-            { "name": "Medium" }
+            { "name": "Large" }
           ]
         },
         {
           "name": "readonly",
           "description": "Determines whether the component is displayed as read-only.",
           "values": []
+        },
+        {
+          "name": "design",
+          "description": "Determines whether the component is displayed as read-only.",
+          "values": [
+            { "name": "Warning" },
+            { "name": "Default" },
+            { "name": "Success" },
+            { "name": "Error" }
+          ]
         }
       ],
       "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 \"@sapudex/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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+      "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 \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown pane is opened.\n- **open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "label",
@@ -334,9 +353,9 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -391,7 +410,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/DatePicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.",
+      "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 \"@sapudex/web-components/dist/DatePicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\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.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.",
       "attributes": [
         {
           "name": "selection-mode",
@@ -442,9 +461,9 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -470,68 +489,19 @@
     },
     {
       "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 \"@sapudex/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### **Methods:**\n - **onOpen(): _void_** - Open dropdown\n- **onClose(): _void_** - Close dropdown\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.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Dropdown.js\";</code>\n\n\n---\n\n\n",
       "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": "trigger-accessible-role",
-          "description": "Allows setting a custom role for dropdown trigger.",
-          "values": []
-        },
-        {
-          "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 \"@sapudex/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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+      "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 \"@sapudex/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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "badge-value",
@@ -549,11 +519,11 @@
           "values": []
         },
         {
-          "name": "placement-type",
+          "name": "placement",
           "description": "Determines on which side the component is placed at.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Top" },
             { "name": "Bottom" }
           ]
@@ -562,8 +532,8 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of the component.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Center" },
             { "name": "Stretch" }
           ]
@@ -817,7 +787,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1045,8 +1015,8 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
             { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -1061,18 +1031,7 @@
     {
       "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 \"@sapudex/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" }]
-        }
-      ],
+      "attributes": [],
       "references": []
     },
     {
@@ -1129,7 +1088,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1273,18 +1232,8 @@
     },
     {
       "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 \"@sapudex/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.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
+      "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 \"@sapudex/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\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
       "attributes": [
-        {
-          "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-name",
           "description": "Defines the accessible name of the item.",
@@ -1309,11 +1258,11 @@
           "name": "additional-text-state",
           "description": "Defines the state of the additionalText.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
+            { "name": "Information" },
             { "name": "Warning" },
             { "name": "None" },
-            { "name": "Information" }
+            { "name": "Success" },
+            { "name": "Error" }
           ]
         },
         {
@@ -1479,7 +1428,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1588,7 +1537,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **dropdown-closed** - Fires when item is clicked\n- **dropdown-opened** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+      "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 \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
       "attributes": [
         {
           "name": "sub-items",
@@ -1638,7 +1587,7 @@
         {
           "name": "target",
           "description": "Define the target of the item\n<b>Note:</b> Standard hyperlink behavior is supported.",
-          "values": [{ "name": "Target" }]
+          "values": [{ "name": "UDExTarget" }]
         },
         {
           "name": "accessible-name",
@@ -1759,7 +1708,7 @@
         },
         {
           "name": "close-button-accessible-name",
-          "description": "Defines an accessible name for close icon for the search bar\n\ndefault: \"\"",
+          "description": "Defines an accessible name for close icon for the search bar",
           "values": []
         },
         {
@@ -1925,16 +1874,16 @@
     },
     {
       "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.",
+      "description": "\n\n\n---\n\n\n\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": "Positive" },
+            { "name": "Warning" },
             { "name": "Action" }
           ]
         },
@@ -1982,11 +1931,6 @@
           "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.",
@@ -1999,11 +1943,6 @@
       "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 \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
-        {
-          "name": "autocomplete",
-          "description": "Defines the behaviour of autocomplete.",
-          "values": [{ "name": "on" }, { "name": "off" }]
-        },
         {
           "name": "disabled",
           "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
@@ -2016,7 +1955,7 @@
         },
         {
           "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.",
+          "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 UDExInputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
           "values": []
         },
         {
@@ -2032,7 +1971,7 @@
         {
           "name": "value-state",
           "description": "Defines the value state of the component.",
-          "values": [{ "name": "ValueState" }]
+          "values": [{ "name": "UDExValueState" }]
         },
         {
           "name": "supporting-text",
@@ -2082,11 +2021,11 @@
           "values": []
         },
         {
-          "name": "field-state",
+          "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
             { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -2146,7 +2085,19 @@
     {
       "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 \"@sapudex/web-components/dist/ProgressBar.js\";</code>\n\n\n---\n\n\n",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Information" },
+            { "name": "Warning" },
+            { "name": "None" },
+            { "name": "Success" },
+            { "name": "Error" }
+          ]
+        }
+      ],
       "references": []
     },
     {
@@ -2179,6 +2130,17 @@
           "name": "display-only",
           "description": "Define if arrow icons for last and first page are visible.",
           "values": []
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Information" },
+            { "name": "Warning" },
+            { "name": "None" },
+            { "name": "Success" },
+            { "name": "Error" }
+          ]
         }
       ],
       "references": []
@@ -2274,7 +2236,7 @@
     },
     {
       "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 \"@sapudex/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- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+      "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 \"@sapudex/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.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
       "attributes": [
         {
           "name": "value",
@@ -2441,13 +2403,13 @@
           "values": []
         },
         {
-          "name": "title",
-          "description": "Defines the title of the component.",
+          "name": "heading",
+          "description": "Defines the heading of the component.",
           "values": []
         },
         {
-          "name": "title-href",
-          "description": "Defines the href of the title.",
+          "name": "heading-href",
+          "description": "Defines the href of the heading.",
           "values": []
         },
         {
@@ -2480,7 +2442,7 @@
         {
           "name": "target",
           "description": "Defines target for the item",
-          "values": [{ "name": "Target" }]
+          "values": [{ "name": "UDExTarget" }]
         },
         {
           "name": "sub-title",
@@ -2509,6 +2471,11 @@
           "description": "Defines back item.",
           "values": []
         },
+        {
+          "name": "nested-items",
+          "description": "List of the nested items",
+          "values": [{ "name": "NavItem[]" }]
+        },
         {
           "name": "mobile-link-title",
           "description": "Defines an aria label for item",
@@ -2527,7 +2494,7 @@
         {
           "name": "target",
           "description": "Defines target for the item",
-          "values": [{ "name": "Target" }]
+          "values": [{ "name": "UDExTarget" }]
         },
         {
           "name": "sub-title",
@@ -2555,9 +2522,9 @@
           "name": "size",
           "description": "Defines the size of the button.",
           "values": [
+            { "name": "Medium" },
             { "name": "Small" },
-            { "name": "Large" },
-            { "name": "Medium" }
+            { "name": "Large" }
           ]
         }
       ],
@@ -2571,9 +2538,9 @@
           "name": "size",
           "description": "Defines the size of the button.",
           "values": [
+            { "name": "Medium" },
             { "name": "Small" },
-            { "name": "Large" },
-            { "name": "Medium" }
+            { "name": "Large" }
           ]
         }
       ],
@@ -2581,7 +2548,7 @@
     },
     {
       "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 \"@sapudex/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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
+      "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 \"@sapudex/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.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "disable-target-overlap",
@@ -2632,9 +2599,9 @@
           "name": "value-state",
           "description": "Defines the value state of the trigger container.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -2647,8 +2614,8 @@
           "name": "tooltip-placement",
           "description": "Determines on which side of the component the Tooltip is displayed.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Top" },
             { "name": "Bottom" }
           ]
@@ -2842,7 +2809,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -2961,13 +2928,7 @@
         {
           "name": "value-state",
           "description": "Defines the value state of the component.",
-          "values": [
-            { "name": "Error" },
-            { "name": "Success" },
-            { "name": "Warning" },
-            { "name": "Information" },
-            { "name": "Edit" }
-          ]
+          "values": [{ "name": "UDExStatusBadgeValueState" }]
         },
         {
           "name": "size",
@@ -3011,9 +2972,9 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         }
@@ -3048,9 +3009,9 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -3201,14 +3162,14 @@
       "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 \"@sapudex/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",
+          "name": "ud-exsize-more-button",
           "description": "Defines the size of the \"More\" button.",
-          "values": [{ "name": "Small" }, { "name": "Medium" }]
+          "values": [{ "name": "Medium" }, { "name": "Small" }]
         },
         {
           "name": "mode",
           "description": "Defines the mode of the component.",
-          "values": [{ "name": "Mode" }]
+          "values": [{ "name": "Light" }, { "name": "Dark" }]
         },
         {
           "name": "icon-without-background",
@@ -3272,7 +3233,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/TableCell.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/TableCell.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "icon",
@@ -3285,9 +3246,9 @@
           "values": [
             { "name": "Start" },
             { "name": "End" },
+            { "name": "Center" },
             { "name": "Left" },
-            { "name": "Right" },
-            { "name": "Center" }
+            { "name": "Right" }
           ]
         }
       ],
@@ -3303,9 +3264,9 @@
           "values": [
             { "name": "Start" },
             { "name": "End" },
+            { "name": "Center" },
             { "name": "Left" },
-            { "name": "Right" },
-            { "name": "Center" }
+            { "name": "Right" }
           ]
         }
       ],
@@ -3335,7 +3296,7 @@
     },
     {
       "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 \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "highlighted",
@@ -3358,9 +3319,9 @@
           "values": [
             { "name": "Start" },
             { "name": "End" },
+            { "name": "Center" },
             { "name": "Left" },
-            { "name": "Right" },
-            { "name": "Center" }
+            { "name": "Right" }
           ]
         }
       ],
@@ -3368,13 +3329,13 @@
     },
     {
       "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 \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
       "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 \"@sapudex/web-components/dist/TableRow.js\";</code>\n\n\n---\n\n\n",
+      "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 \"@sapudex/web-components/dist/TableRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
       "attributes": [
         {
           "name": "interactive",
@@ -3417,7 +3378,7 @@
         {
           "name": "size",
           "description": "Defines the size of the component.",
-          "values": [{ "name": "Small" }, { "name": "Medium" }]
+          "values": [{ "name": "Medium" }, { "name": "Small" }]
         },
         { "name": "icon", "description": "Defines icon name", "values": [] },
         {
@@ -3476,8 +3437,8 @@
           "name": "tooltip-placement",
           "description": "Determines on which side of the component the Tooltip is displayed.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Top" },
             { "name": "Bottom" }
           ]
@@ -3525,12 +3486,12 @@
           "values": []
         },
         {
-          "name": "field-state",
+          "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -3625,9 +3586,9 @@
           "name": "value-state",
           "description": "Defines the value state of the component.",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Standard" }
           ]
         },
@@ -3646,11 +3607,6 @@
           "description": "Defines if the text-field is active",
           "values": []
         },
-        {
-          "name": "autocomplete",
-          "description": "Defines the behaviour of autocomplete.",
-          "values": []
-        },
         {
           "name": "direction",
           "description": "Defines direction of the input.",
@@ -3698,15 +3654,15 @@
     },
     {
       "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 \"@sapudex/web-components/dist/Toast.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Emit when close icon was clicked",
+      "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 \"@sapudex/web-components/dist/Toast.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "value-state",
           "description": "Defines design state of component",
           "values": [
-            { "name": "Error" },
-            { "name": "Success" },
             { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
             { "name": "Action" }
           ]
         },
@@ -3725,7 +3681,7 @@
     },
     {
       "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 \"@sapudex/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.",
+      "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 \"@sapudex/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",
@@ -3741,8 +3697,8 @@
           "name": "placement",
           "description": "Determines on which side of the component the Tooltip is displayed.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Top" },
             { "name": "Bottom" }
           ]
@@ -3751,8 +3707,8 @@
           "name": "horizontal-align",
           "description": "Determines the horizontal alignment of the component.",
           "values": [
-            { "name": "Left" },
-            { "name": "Right" },
+            { "name": "Start" },
+            { "name": "End" },
             { "name": "Center" },
             { "name": "Stretch" }
           ]
@@ -3785,6 +3741,21 @@
             { "name": "Dialog" },
             { "name": "AlertDialog" }
           ]
+        },
+        {
+          "name": "open",
+          "description": "Defines if the tooltip is open.",
+          "values": []
+        },
+        {
+          "name": "prevent-initial-focus",
+          "description": "Defines if the initial focus should be prevented.",
+          "values": []
+        },
+        {
+          "name": "prevent-focus-restore",
+          "description": "Defines if the focus should be returned to the previously focused element.",
+          "values": []
         }
       ],
       "references": []
@@ -3806,7 +3777,7 @@
         {
           "name": "char-limit",
           "description": "Indicates the limit for chars",
-          "values": [{ "name": "Integer" }]
+          "values": []
         }
       ],
       "references": []
@@ -3821,8 +3792,8 @@
           "values": []
         },
         {
-          "name": "error-text",
-          "description": "Defines the error message shown when more than one file is uploaded with multiple set to false.",
+          "name": "supporting-text",
+          "description": "Defines an optional upporting message shown in 2 cases, both in single uplaod mode.\n1) When more than one file is uploaded and the button for uploading is clicked.\n2) When the button for uploading is disabled and a file has already been uploaded.",
           "values": []
         },
         {
@@ -3830,6 +3801,11 @@
           "description": "Defines if uploader is required.",
           "values": []
         },
+        {
+          "name": "disabled",
+          "description": "Defines if the button for uploading is disabled.",
+          "values": []
+        },
         {
           "name": "multiple",
           "description": "Defines if uploading multiple files is allowed.",
@@ -3860,7 +3836,7 @@
     },
     {
       "name": "udex-upload-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **request-delete** - Triggered when the upload item is deleted.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.",
       "attributes": [
         {
           "name": "file-name",
@@ -3926,6 +3902,11 @@
             { "name": "L" },
             { "name": "XL" }
           ]
+        },
+        {
+          "name": "completed",
+          "description": "Determines if the step is completed.",
+          "values": []
         }
       ],
       "references": []