@sapudex/web-components 2.11.0 → 2.12.1

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.11.0",
+  "version": "2.12.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -507,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": [],
@@ -528,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": []
@@ -824,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": [
             {
@@ -899,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.",
@@ -982,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": {
@@ -1057,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.",
@@ -1138,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."
               }
             ]
           }
@@ -1456,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": [
             {
@@ -1554,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.",
@@ -1647,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": {
@@ -1737,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.",
@@ -1829,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": [
             {
@@ -1906,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": [
               {
@@ -1969,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": [
             {
@@ -2041,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": [
               {
@@ -2103,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": [
             {
@@ -2182,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": [
               {
@@ -2245,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."
+              }
+            ]
           }
         },
         {
@@ -2943,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": [
@@ -2989,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": []
@@ -2996,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": [
             {
@@ -3070,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": [
               {
@@ -3133,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.",
@@ -3273,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.",
@@ -3392,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": [
             {
@@ -3472,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": [
               {
@@ -3535,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."
+              }
+            ]
           }
         },
         {
@@ -3902,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",
@@ -3935,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",
@@ -3963,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"
               }
             ]
           }
@@ -6094,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": [
             {
@@ -6158,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.",
@@ -6227,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",
@@ -6243,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": {
@@ -6306,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.",
@@ -6373,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",
@@ -6389,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": [
             {
@@ -6469,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": [
               {
@@ -6532,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.",
@@ -6601,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.",
@@ -6661,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": [
             {
@@ -6740,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": [
               {
@@ -6803,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."
+              }
+            ]
           }
         },
         {