@sapudex/web-components 2.10.0 → 2.12.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -20,6 +20,14 @@
               "name": "headline",
               "description": "Defines the headline text of the accordion component.",
               "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "headline-level",
+              "description": "Defines the semantic level of the headline.",
+              "value": {
+                "type": "UDExAccordionHeadlineLevel",
+                "default": "UDExAccordionHeadlineLevel.h3"
+              }
             }
           ],
           "slots": [
@@ -42,6 +50,11 @@
                 "name": "headline",
                 "description": "Defines the headline text of the accordion component.",
                 "value": { "type": "string" }
+              },
+              {
+                "name": "headline-level",
+                "description": "Defines the semantic level of the headline.",
+                "value": { "type": "UDExAccordionHeadlineLevel" }
               }
             ],
             "events": [
@@ -67,6 +80,19 @@
               "description": "Defines the label of the accordion item component.",
               "value": { "type": "string", "default": "\"\"" }
             },
+            {
+              "name": "label-size",
+              "description": "Defines the size of label.",
+              "value": {
+                "type": "UDExAccordionItemTitleSize",
+                "default": "UDExAccordionItemTitleSize.Standard"
+              }
+            },
+            {
+              "name": "label-icon",
+              "description": "Defines icon name to be display with title.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "expanded",
               "description": "Defines if the accordion item is expanded by default",
@@ -106,6 +132,16 @@
                 "description": "Defines the label of the accordion item component.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "label-size",
+                "description": "Defines the size of label.",
+                "value": { "type": "UDExAccordionItemTitleSize" }
+              },
+              {
+                "name": "label-icon",
+                "description": "Defines icon name to be display with title.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "expanded",
                 "description": "Defines if the accordion item is expanded by default",
@@ -471,6 +507,11 @@
                 "type": "\"Transparent\" | \"Negative\" | \"Positive\" | \"Warning\" | \"Primary\" | \"Secondary\" | \"Tertiary\" | \"Invisible\" | \"Emphasized\" | \"Default\" | \"Attention\"",
                 "default": "\"Primary\""
               }
+            },
+            {
+              "name": "wrapping-type",
+              "description": "Defines if button should wrap text inside",
+              "value": { "type": "\"None\" | \"Normal\"", "default": "false" }
             }
           ],
           "events": [],
@@ -492,6 +533,11 @@
                 "value": {
                   "type": "\"Transparent\" | \"Negative\" | \"Positive\" | \"Warning\" | \"Primary\" | \"Secondary\" | \"Tertiary\" | \"Invisible\" | \"Emphasized\" | \"Default\" | \"Attention\""
                 }
+              },
+              {
+                "name": "wrapping-type",
+                "description": "Defines if button should wrap text inside",
+                "value": { "type": "\"None\" | \"Normal\"" }
               }
             ],
             "events": []
@@ -788,7 +834,7 @@
         },
         {
           "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### **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.",
+          "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### **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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
@@ -863,6 +909,11 @@
               "name": "hide-flag-images",
               "value": { "type": "boolean | undefined" }
             },
+            {
+              "name": "tab-navigation-enabled",
+              "description": "Enables tab navigation for the list.",
+              "value": { "type": "boolean | undefined", "default": "\"\"" }
+            },
             {
               "name": "prevent-page-scroll",
               "description": "Defines if page scrolling should be prevented within the list of items.",
@@ -946,6 +997,14 @@
             {
               "name": "select-all",
               "description": "Fired event when the user clicks on the Select All header."
+            },
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user clicks on the first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user clicks on the second icon."
             }
           ],
           "js": {
@@ -1021,6 +1080,11 @@
                 "name": "hide-flag-images",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "tab-navigation-enabled",
+                "description": "Enables tab navigation for the list.",
+                "value": { "type": "boolean | undefined" }
+              },
               {
                 "name": "prevent-page-scroll",
                 "description": "Defines if page scrolling should be prevented within the list of items.",
@@ -1102,6 +1166,14 @@
               {
                 "name": "select-all",
                 "description": "Fired event when the user clicks on the Select All header."
+              },
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user clicks on the first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user clicks on the second icon."
               }
             ]
           }
@@ -1420,7 +1492,7 @@
         },
         {
           "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### **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.",
+          "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### **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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
@@ -1518,6 +1590,11 @@
               "description": "Allows setting a custom role for dropdown trigger.",
               "value": { "type": "string", "default": "\"combobox\"" }
             },
+            {
+              "name": "tab-navigation-enabled",
+              "description": "Enables tab navigation for the list.",
+              "value": { "type": "boolean | undefined", "default": "\"\"" }
+            },
             {
               "name": "height",
               "description": "Allows control over the height.",
@@ -1611,6 +1688,14 @@
             {
               "name": "change-search",
               "description": "Fired event when the user submitted the value in the search."
+            },
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user clicks on the first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user clicks on the second icon."
             }
           ],
           "js": {
@@ -1701,6 +1786,11 @@
                 "description": "Allows setting a custom role for dropdown trigger.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "tab-navigation-enabled",
+                "description": "Enables tab navigation for the list.",
+                "value": { "type": "boolean | undefined" }
+              },
               {
                 "name": "height",
                 "description": "Allows control over the height.",
@@ -1793,13 +1883,21 @@
               {
                 "name": "change-search",
                 "description": "Fired event when the user submitted the value in the search."
+              },
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user clicks on the first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user clicks on the second icon."
               }
             ]
           }
         },
         {
           "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 \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for  list items.",
+          "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 \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for  list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -1870,7 +1968,16 @@
           "slots": [
             { "name": "default", "description": "Slot for  list items." }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -1933,12 +2040,21 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
           "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 \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n---\n",
+          "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 \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.",
           "doc-url": "",
           "attributes": [
             {
@@ -2005,7 +2121,16 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -2067,12 +2192,21 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
           "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### **Slots:**\n - **default** - Slot for group header list items.",
+          "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### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -2146,7 +2280,16 @@
               "description": "Slot for group header list items."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -2209,7 +2352,16 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
@@ -2220,18 +2372,43 @@
             {
               "name": "logo-title",
               "description": "Defines the Logo default title",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "logo-url",
               "description": "Defines the Logo URL",
-              "value": { "type": "string", "default": "\"\"" }
+              "value": { "type": "string | undefined", "default": "\"\"" }
             },
             {
               "name": "logo-link",
               "description": "Defines the optional component href link for the logo.",
               "value": { "type": "string", "default": "\"\"" }
             },
+            {
+              "name": "tagline-alt",
+              "description": "Defines the tagline alt text.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "tagline-url",
+              "description": "Defines the tagline url.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "chinese-tagline-url",
+              "description": "Defines the chinese tagline url.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "chinese-logo-url",
+              "description": "Defines the chinese logo url",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "chinese-logo-link",
+              "description": "Defines the optional component href link for the chinese logo.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
             {
               "name": "quick-links",
               "description": "List of the Quick links",
@@ -2364,18 +2541,43 @@
               {
                 "name": "logo-title",
                 "description": "Defines the Logo default title",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-url",
                 "description": "Defines the Logo URL",
-                "value": { "type": "string" }
+                "value": { "type": "string | undefined" }
               },
               {
                 "name": "logo-link",
                 "description": "Defines the optional component href link for the logo.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "tagline-alt",
+                "description": "Defines the tagline alt text.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "tagline-url",
+                "description": "Defines the tagline url.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "chinese-tagline-url",
+                "description": "Defines the chinese tagline url.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "chinese-logo-url",
+                "description": "Defines the chinese logo url",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "chinese-logo-link",
+                "description": "Defines the optional component href link for the chinese logo.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "quick-links",
                 "description": "List of the Quick links",
@@ -2857,6 +3059,16 @@
               "name": "header-text",
               "description": "Defines the headerText, displayed in the top of the list.",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "item-icon",
+              "description": "Defines the name of the UI5 Icon, that will be displayed for each item of the list.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "tab-navigation-enabled",
+              "description": "Enables tab navigation for the list.",
+              "value": { "type": "boolean | undefined", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -2903,6 +3115,16 @@
                 "name": "header-text",
                 "description": "Defines the headerText, displayed in the top of the list.",
                 "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "item-icon",
+                "description": "Defines the name of the UI5 Icon, that will be displayed for each item of the list.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "tab-navigation-enabled",
+                "description": "Enables tab navigation for the list.",
+                "value": { "type": "boolean | undefined" }
               }
             ],
             "events": []
@@ -2910,7 +3132,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### **Slots:**\n - **default** - Slot for group header list items.",
+          "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### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -2984,7 +3206,16 @@
               "description": "Slot for group header list items."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -3047,14 +3278,31 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
           "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### **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.",
+          "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### **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- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "image-badge-state",
+              "description": "Defines the image badge state of the component.",
+              "value": {
+                "type": "\"Information\" | \"Warning\" | \"Success\" | \"Error\" | \"Edit\" | undefined",
+                "default": "\"\""
+              }
+            },
             {
               "name": "accessible-name",
               "description": "Defines the accessible name of the item.",
@@ -3187,10 +3435,25 @@
             {
               "name": "item-focus",
               "description": "Fired event when the user focuses on a list item."
+            },
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
             }
           ],
           "js": {
             "properties": [
+              {
+                "name": "image-badge-state",
+                "description": "Defines the image badge state of the component.",
+                "value": {
+                  "type": "\"Information\" | \"Warning\" | \"Success\" | \"Error\" | \"Edit\" | undefined"
+                }
+              },
               {
                 "name": "accessible-name",
                 "description": "Defines the accessible name of the item.",
@@ -3306,13 +3569,21 @@
               {
                 "name": "item-focus",
                 "description": "Fired event when the user focuses on a list item."
+              },
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
               }
             ]
           }
         },
         {
           "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### **Slots:**\n - **default** - Slot for group header list items.",
+          "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### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -3386,7 +3657,16 @@
               "description": "Slot for group header list items."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -3449,7 +3729,16 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
@@ -3816,9 +4105,14 @@
         },
         {
           "name": "udex-masthead-profile-menu",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n---\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n---\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n- **add-or-remove-account-click** - Fired when use click add or remove account button\n- **identity-item-click** - Fires when identity item is clicked\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "identities",
+              "description": "Defines the object of user identities",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "links",
               "description": "Defines the object of link values",
@@ -3849,10 +4143,23 @@
             {
               "name": "profile-item-click",
               "description": "Fires when profile menu item is clicked"
+            },
+            {
+              "name": "add-or-remove-account-click",
+              "description": "Fired when use click add or remove account button"
+            },
+            {
+              "name": "identity-item-click",
+              "description": "Fires when identity item is clicked"
             }
           ],
           "js": {
             "properties": [
+              {
+                "name": "identities",
+                "description": "Defines the object of user identities",
+                "value": { "type": "string" }
+              },
               {
                 "name": "links",
                 "description": "Defines the object of link values",
@@ -3877,6 +4184,14 @@
               {
                 "name": "profile-item-click",
                 "description": "Fires when profile menu item is clicked"
+              },
+              {
+                "name": "add-or-remove-account-click",
+                "description": "Fired when use click add or remove account button"
+              },
+              {
+                "name": "identity-item-click",
+                "description": "Fires when identity item is clicked"
               }
             ]
           }
@@ -5072,6 +5387,135 @@
             "events": []
           }
         },
+        {
+          "name": "udex-promo-tile",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-promo-tile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n---\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **default** - Defines the text content of the Promo Tile.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Defines the orientation of the Promo Tile component.",
+              "value": { "type": "\"Vertical\" | \"Horizontal\"" }
+            },
+            {
+              "name": "icon",
+              "description": "Defines the UI5 icon name in the pictogram section.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "image-label",
+              "description": "Defines the image aria label and alt in the pictogram section.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "logo-url",
+              "description": "Defines the logo URL in the pictogram section.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "header",
+              "description": "Defines the header text of the promo tile.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "eyebrow",
+              "description": "Defines the eyebrow text of the promo tile.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "button",
+              "description": "Defines the CTA button label",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "button-design",
+              "description": "Defines the CTA button design",
+              "value": { "type": "UDExButtonDesign | undefined" }
+            },
+            {
+              "name": "color-scheme",
+              "description": "Defines the color scheme of the Promo Tile.",
+              "value": { "type": "UDExPromoTileColorSheme | undefined" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible name of the component.",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the text content of the Promo Tile."
+            }
+          ],
+          "events": [
+            {
+              "name": "button-click",
+              "description": "Triggered when the user clicks on the CTA button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "orientation",
+                "description": "Defines the orientation of the Promo Tile component.",
+                "value": { "type": "\"Vertical\" | \"Horizontal\"" }
+              },
+              {
+                "name": "icon",
+                "description": "Defines the UI5 icon name in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "image-label",
+                "description": "Defines the image aria label and alt in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "logo-url",
+                "description": "Defines the logo URL in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "header",
+                "description": "Defines the header text of the promo tile.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "eyebrow",
+                "description": "Defines the eyebrow text of the promo tile.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "button",
+                "description": "Defines the CTA button label",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "button-design",
+                "description": "Defines the CTA button design",
+                "value": { "type": "UDExButtonDesign | undefined" }
+              },
+              {
+                "name": "color-scheme",
+                "description": "Defines the color scheme of the Promo Tile.",
+                "value": { "type": "UDExPromoTileColorSheme | undefined" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible name of the component.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "button-click",
+                "description": "Triggered when the user clicks on the CTA button"
+              }
+            ]
+          }
+        },
         {
           "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### **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",
@@ -5100,6 +5544,11 @@
                 "type": "\"avatar\" | \"rectangle\"",
                 "default": "\"avatar\""
               }
+            },
+            {
+              "name": "image-placement",
+              "description": "Defines image placement",
+              "value": { "type": "\"left\" | \"right\"", "default": "\"left\"" }
             }
           ],
           "slots": [
@@ -5131,6 +5580,11 @@
                 "name": "mask",
                 "description": "Defines image mask",
                 "value": { "type": "\"avatar\" | \"rectangle\"" }
+              },
+              {
+                "name": "image-placement",
+                "description": "Defines image placement",
+                "value": { "type": "\"left\" | \"right\"" }
               }
             ],
             "events": []
@@ -5869,7 +6323,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### **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.",
+          "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### **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- **before-open** - Fired before the dropdown pane is opened.\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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
           "doc-url": "",
           "attributes": [
             {
@@ -5933,6 +6387,11 @@
                 "default": "\"Bottom\""
               }
             },
+            {
+              "name": "tab-navigation-enabled",
+              "description": "Enables tab navigation for the list.",
+              "value": { "type": "boolean | undefined", "default": "\"\"" }
+            },
             {
               "name": "height",
               "description": "Allows control over the height.",
@@ -6002,6 +6461,10 @@
               "name": "show-more",
               "description": "Fired event when the user clicks on the More button."
             },
+            {
+              "name": "before-open",
+              "description": "Fired before the dropdown pane is opened."
+            },
             { "name": "selection-change", "description": "" },
             {
               "name": "select-all",
@@ -6018,6 +6481,14 @@
             {
               "name": "change-search",
               "description": "Fired event when the user submitted the value in the search."
+            },
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user clicks on the first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user clicks on the second icon."
             }
           ],
           "js": {
@@ -6081,6 +6552,11 @@
                   "type": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
                 }
               },
+              {
+                "name": "tab-navigation-enabled",
+                "description": "Enables tab navigation for the list.",
+                "value": { "type": "boolean | undefined" }
+              },
               {
                 "name": "height",
                 "description": "Allows control over the height.",
@@ -6148,6 +6624,10 @@
                 "name": "show-more",
                 "description": "Fired event when the user clicks on the More button."
               },
+              {
+                "name": "before-open",
+                "description": "Fired before the dropdown pane is opened."
+              },
               { "name": "selection-change", "description": "" },
               {
                 "name": "select-all",
@@ -6164,13 +6644,21 @@
               {
                 "name": "change-search",
                 "description": "Fired event when the user submitted the value in the search."
+              },
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user clicks on the first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user clicks on the second icon."
               }
             ]
           }
         },
         {
           "name": "udex-select-box-group-header",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -6244,7 +6732,16 @@
               "description": "Slot for dropdown list items."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -6307,14 +6804,36 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
           "name": "udex-select-box-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for item content.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.\n- **default** - Slot for item content.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "additional-text",
+              "description": "Defines the additionalText, displayed at the end of the list item.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "additional-text-state",
+              "description": "Defines the state of the additionalText.",
+              "value": {
+                "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\"",
+                "default": "\"None\""
+              }
+            },
             {
               "name": "label",
               "description": "Defines the <code>label</code> for the item.",
@@ -6376,11 +6895,34 @@
             }
           ],
           "slots": [
+            { "name": "firstIcon", "description": "Slot for first icon." },
+            { "name": "secondIcon", "description": "Slot for second icon." },
             { "name": "default", "description": "Slot for item content." }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
+              {
+                "name": "additional-text",
+                "description": "Defines the additionalText, displayed at the end of the list item.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "additional-text-state",
+                "description": "Defines the state of the additionalText.",
+                "value": {
+                  "type": "\"Information\" | \"Warning\" | \"None\" | \"Success\" | \"Error\""
+                }
+              },
               {
                 "name": "label",
                 "description": "Defines the <code>label</code> for the item.",
@@ -6436,12 +6978,21 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {
           "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### **Slots:**\n - **default** - Slot for group header list items.",
+          "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### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -6515,7 +7066,16 @@
               "description": "Slot for group header list items."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "first-icon-click",
+              "description": "Fired event when the user click on a first icon."
+            },
+            {
+              "name": "second-icon-click",
+              "description": "Fired event when the user click on a second icon."
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -6578,7 +7138,16 @@
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "first-icon-click",
+                "description": "Fired event when the user click on a first icon."
+              },
+              {
+                "name": "second-icon-click",
+                "description": "Fired event when the user click on a second icon."
+              }
+            ]
           }
         },
         {