@sapudex/web-components 2.58.0 → 2.60.0

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

@@ -1,9 +1,10 @@
 {
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "tags": [
     {
       "name": "udex-accordion",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Accordion.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user clicks on the Expand/Collapse All button..\n\n### **Slots:**\n - **default** - Slot for accordion items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Accordion.js\";</code>\n---\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user clicks on the Expand/Collapse All button..\n\n### **Slots:**\n - **default** - Slot for accordion items.",
       "attributes": [
         {
           "name": "headline",
@@ -25,7 +26,7 @@
     },
     {
       "name": "udex-accordion-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-click** - Triggered when the user clicks on an accordion item.\n- **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionItem.js\";</code>\n---\n\n\n### **Events:**\n - **accordion-item-click** - Triggered when the user clicks on an accordion item.\n- **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
       "attributes": [
         {
           "name": "_direction",
@@ -71,7 +72,7 @@
     },
     {
       "name": "udex-accordion-spotlight",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nVertical accordion navigation with spotlight layout. Items are listed on the\nleft; the expanded panel is displayed on the right (desktop) or inline below\nthe heading (mobile). Follows the WAI-ARIA APG Accordion pattern.\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlight.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired when the expanded item clicked.\n\n### **Slots:**\n - **default** - The slotted AccordionSpotlightItem elements.\n- **footer** - Defines optional content rendered below the navigation items.\nUse to place a button or any action element beneath the items.\n- **media** - Persistent media area shown in <code>Static</code> media mode.\nPlace an <code>&lt;img&gt;</code> or <code>&lt;video&gt;</code> element here;\nit remains visible regardless of which item is currently expanded.",
       "attributes": [
         {
           "name": "auto-play",
@@ -108,7 +109,7 @@
     },
     {
       "name": "udex-accordion-spotlight-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nA single item within the <code>udex-accordion-spotlight</code> component.\nProvides a heading button (<code>aria-expanded</code>) and an associated\ncontent region (<code>role=\"region\"</code>).\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlightItem.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - The slotted content for this item's panel.\n- **link** - Defines the link(s) to be displayed in the tab header (vertical orientation only).\nUse this slot to add one or more udex-link elements to the tab button.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nA single item within the <code>udex-accordion-spotlight</code> component.\nProvides a heading button (<code>aria-expanded</code>) and an associated\ncontent region (<code>role=\"region\"</code>).\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-spotlight-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AccordionSpotlightItem.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - The slotted content for this item's panel.\n- **link** - Defines the link(s) to be displayed in the tab header (vertical orientation only).\nUse this slot to add one or more udex-link elements to the tab button.",
       "attributes": [
         {
           "name": "heading",
@@ -130,7 +131,7 @@
     },
     {
       "name": "udex-avatar",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\n- **click-default** - Fires when the avatar is clicked.\n\n### **Slots:**\n - **badge** - Defines the optional badge that will be used for visual affordance.\n- **default** - Receives the desired <img> tag",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\n- **click-default** - Fires when the avatar is clicked.\n\n### **Slots:**\n - **badge** - Defines the optional badge that will be used for visual affordance.\n- **default** - Receives the desired <img> tag",
       "attributes": [
         {
           "name": "accessible-name",
@@ -205,13 +206,13 @@
     },
     {
       "name": "udex-avatar-group",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AvatarGroup.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/AvatarGroup.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-badge",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "design",
@@ -264,7 +265,7 @@
     },
     {
       "name": "udex-breadcrumbs",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Breadcrumbs.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired after the dropdown is closed.\n- **item-click** - \n- **open** - Fired after the dropdown is opened.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Breadcrumbs.js\";</code>\n---\n\n\n### **Events:**\n - **close** - Fired after the dropdown is closed.\n- **item-click**\n- **open** - Fired after the dropdown is opened.\n\n### **Slots:**\n - **default** - Defines the component items.\n\n**Note:** Use the `udex-breadcrumbs-item` component to define the desired items.",
       "attributes": [
         {
           "name": "show-current-page",
@@ -281,7 +282,7 @@
     },
     {
       "name": "udex-breadcrumbs-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/BreadcrumbsItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-breadcrumbs-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/BreadcrumbsItem.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "icon",
@@ -293,7 +294,7 @@
     },
     {
       "name": "udex-busy-indicator",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-busy-indicator</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/BusyIndicator.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-busy-indicator</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/BusyIndicator.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "surface-container",
@@ -305,7 +306,7 @@
     },
     {
       "name": "udex-button",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Button.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Button.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "design",
@@ -348,7 +349,7 @@
     },
     {
       "name": "udex-carousel",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **autoplay-toggle-click** - Fired event when the user click on a play/paused button.\n- **navigate** - Triggered when carousel navigates to a new slide\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n---\n\n\n### **Events:**\n - **autoplay-toggle-click** - Fired event when the user click on a play/paused button.\n- **navigate** - Triggered when carousel navigates to a new slide\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -394,7 +395,7 @@
     },
     {
       "name": "udex-checkbox",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-checkbox</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Checkbox.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-checkbox</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Checkbox.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "value-state",
@@ -415,7 +416,7 @@
     },
     {
       "name": "udex-contact",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-contact</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Contact.js\";</code>\n\n\n---\n\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-contact</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Contact.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for list items.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -457,7 +458,7 @@
     },
     {
       "name": "udex-contact-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-contact-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ContactItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - Slot for the item content.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-contact-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ContactItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - Slot for the item content.",
       "attributes": [
         {
           "name": "href",
@@ -493,7 +494,7 @@
     },
     {
       "name": "udex-control-button",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-control-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ControlButton.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-control-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ControlButton.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "design",
@@ -524,7 +525,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\n\n\n\n### **Events:**\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- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
+      "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 - **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- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change**\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
       "attributes": [
         {
           "name": "blocked-country-codes",
@@ -621,7 +622,7 @@
     },
     {
       "name": "udex-date-picker",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n\n### **Methods:**\n - **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-date-picker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/DatePicker.js\";</code>\n---\n\n\n### **Events:**\n - **selection-change** - Fired when the selected dates change.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n\n### **Methods:**\n - **isInValidRangeRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -688,7 +689,7 @@
     },
     {
       "name": "udex-divider",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-divider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Divider.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-divider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Divider.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "accessible-role",
@@ -700,7 +701,7 @@
     },
     {
       "name": "udex-dropdown",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Dropdown.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Dropdown.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "height",
@@ -712,7 +713,7 @@
     },
     {
       "name": "udex-event-ribbon",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-event-ribbon</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/EventRibbon.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-event-ribbon</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/EventRibbon.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "background-color-scheme",
@@ -772,7 +773,7 @@
     },
     {
       "name": "udex-feed",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Feed.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **items** - Slot for feed items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Feed.js\";</code>\n---\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **items** - Slot for feed items.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -814,7 +815,7 @@
     },
     {
       "name": "udex-feed-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FeedItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **avatar** - Receives the avatar",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FeedItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **avatar** - Receives the avatar",
       "attributes": [
         {
           "name": "accessible-name",
@@ -862,7 +863,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\n\n\n\n### **Events:**\n - **after-close** - Fired after the dropdown pane is closed.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **before-open** - Fired before the dropdown pane is opened.\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- **reset-click** - Fired event when the user click on a reset button on the footer.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user click on Select All header item.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\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 - **after-close** - Fired after the dropdown pane is closed.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **before-open** - Fired before the dropdown pane is opened.\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- **reset-click** - Fired event when the user click on a reset button on the footer.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user click on Select All header item.\n- **selection-change**\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -1033,7 +1034,7 @@
     },
     {
       "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\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 items.",
       "attributes": [
         {
           "name": "collapsed",
@@ -1135,7 +1136,7 @@
     },
     {
       "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\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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.",
+      "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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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.",
       "attributes": [
         { "name": "_is-filter-select-all-item", "values": [] },
         {
@@ -1233,7 +1234,7 @@
     },
     {
       "name": "udex-filter-menu-select-all",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 group header list items.",
       "attributes": [
         {
           "name": "collapsed",
@@ -1335,7 +1336,7 @@
     },
     {
       "name": "udex-footer",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.\n- **ask-joule-click** - Triggered on click interaction with \"Ask Joule\" link\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **logo-click** - Triggered on click interaction with logo in footer\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n\n### **Slots:**\n - **customSocialLinks** - Defines the slot for custom Social Links.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-footer</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Footer.js\";</code>\n---\n\n\n### **Events:**\n - **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" category\n- **accordion-item-click** - Triggered when the user clicks on an accordion item.\n- **ask-joule-click** - Triggered on click interaction with \"Ask Joule\" link\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-phone-click** - Triggered on click interaction with phone number link in footer\n- **contact-phone-local-numbers-click** - Triggered on click interaction with local country numbers list link\n- **logo-click** - Triggered on click interaction with logo in footer\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **site-information-click** - Triggered on click interaction with a link within \"Site Information\" category\n- **social-media-link-click** - Triggered on click interaction with any of the social media links within footer\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n\n### **Slots:**\n - **customSocialLinks** - Defines the slot for custom Social Links.",
       "attributes": [
         {
           "name": "about-links",
@@ -1478,7 +1479,7 @@
     },
     {
       "name": "udex-hero-banner",
-      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.\n- **breadcrumbs** - Slot for breadcrumbs.\n- **content** - Slot for primary content.\n- **mediaContent** - Slot for image or video content.",
+      "description": "\n---\n\n\n### **Slots:**\n - **additionalContent** - Slot for any additional content.\n- **backgroundPicture** - Slot background picture override.\n- **breadcrumbs** - Slot for breadcrumbs.\n- **content** - Slot for primary content.\n- **mediaContent** - Slot for image or video content.",
       "attributes": [
         {
           "name": "background-color",
@@ -1520,7 +1521,7 @@
     },
     {
       "name": "udex-image-grid-cloud",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for image grid cloud items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for image grid cloud items.",
       "attributes": [
         {
           "name": "grayscale",
@@ -1532,7 +1533,7 @@
     },
     {
       "name": "udex-image-grid-cloud-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "alt",
@@ -1545,7 +1546,7 @@
     },
     {
       "name": "udex-image-grid-table",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-table</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTable.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for image grid table items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-table</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTable.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for image grid table items.",
       "attributes": [
         {
           "name": "grayscale",
@@ -1557,7 +1558,7 @@
     },
     {
       "name": "udex-image-grid-table-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-table-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTableItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired event when the user clicks on the item link.\n\n### **Slots:**\n - **default** - Defines the text content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-table-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTableItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired event when the user clicks on the item link.\n\n### **Slots:**\n - **default** - Defines the text content of the component.",
       "attributes": [
         {
           "name": "alt",
@@ -1600,7 +1601,7 @@
     },
     {
       "name": "udex-image-grid-ticker",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-ticker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTicker.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **play-button-click** - Fired event when the user click on a play/paused button.\n\n### **Slots:**\n - **default** - Slot for image grid ticker items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-ticker</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTicker.js\";</code>\n---\n\n\n### **Events:**\n - **play-button-click** - Fired event when the user click on a play/paused button.\n\n### **Slots:**\n - **default** - Slot for image grid ticker items.",
       "attributes": [
         {
           "name": "grayscale",
@@ -1612,7 +1613,7 @@
     },
     {
       "name": "udex-image-grid-ticker-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-ticker-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTickerItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fired event when the user clicks on the item link.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-ticker-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridTickerItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fired event when the user clicks on the item link.",
       "attributes": [
         {
           "name": "alt",
@@ -1635,7 +1636,7 @@
     },
     {
       "name": "udex-input-group",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-input-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/InputGroup.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for input elements items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-input-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/InputGroup.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for input elements items.",
       "attributes": [
         {
           "name": "group-name",
@@ -1666,13 +1667,13 @@
     },
     {
       "name": "udex-link",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Link.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Link.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-link-list",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkList.js\";</code>\n\n\n---\n\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-link-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkList.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for list items.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -1698,7 +1699,7 @@
     },
     {
       "name": "udex-link-list-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Triggered when the user clicks on an item.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/LinkListItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Triggered when the user clicks on an item.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -1744,7 +1745,7 @@
     },
     {
       "name": "udex-list",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/List.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - Fired when selection is changed by user interaction\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-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/List.js\";</code>\n---\n\n\n### **Events:**\n - **selection-change** - Fired when selection is changed by user interaction\n\n### **Slots:**\n - **default** - Slot for list items.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -1801,109 +1802,7 @@
     },
     {
       "name": "udex-list-group-header",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **header-press** - Fired when selectable group header is pressed\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.",
-      "attributes": [
-        {
-          "name": "collapsed",
-          "description": "Defines if collapsible grouping header is collapsed or expanded",
-          "values": []
-        },
-        {
-          "name": "collapsible",
-          "description": "Defines if grouping header can collapse/expand child elements.",
-          "values": []
-        },
-        {
-          "name": "controlled",
-          "description": "Defines the controlled state of the item.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Defines whether <code> list item</code> is in disabled state.",
-          "values": []
-        },
-        {
-          "name": "divider",
-          "description": "Defines whether a visual separator should be rendered after the item.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "Defines whether the selection of a  list is displayed as partially selected.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "Defines the <code>label</code> for the item.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "Defines the mode of the item.",
-          "values": [
-            { "name": "SingleSelect" },
-            { "name": "MultiSelect" },
-            { "name": "SingleContent" },
-            { "name": "RadioGroup" }
-          ]
-        },
-        {
-          "name": "non-interactive",
-          "description": "Defines non-interactive the group header.",
-          "values": []
-        },
-        {
-          "name": "rating",
-          "description": "Defines the value of the rating.\nUse for rating indicator to represent aggregated review scores within list items",
-          "values": []
-        },
-        {
-          "name": "rating-count",
-          "description": "Defines the number of the rating.\nUse for the rating indicator",
-          "values": []
-        },
-        {
-          "name": "rating-max",
-          "description": "Defines the number of displayed rating symbols.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Defines the selected state of the item.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "Defines the size of the item.",
-          "values": [{ "name": "Large" }, { "name": "Standard" }]
-        },
-        {
-          "name": "supporting-text",
-          "description": "Defines the supportingText, displayed in the end of the item.",
-          "values": []
-        },
-        {
-          "name": "total-count",
-          "description": "The number of total votes.\nUse for the rating indicator",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "udex-list-group-header-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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 - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **header-press** - Fired when selectable group header is pressed\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.",
       "attributes": [
         {
           "name": "collapsed",
@@ -2005,7 +1904,7 @@
     },
     {
       "name": "udex-list-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **item-press** - Fired event when the user click on a list item.\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.",
+      "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 - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **item-press** - Fired event when the user click on a list item.\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.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -2173,106 +2072,9 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-list-item-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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.",
-      "attributes": [
-        {
-          "name": "collapsed",
-          "description": "Defines if collapsible grouping header is collapsed or expanded",
-          "values": []
-        },
-        {
-          "name": "collapsible",
-          "description": "Defines if grouping header can collapse/expand child elements.",
-          "values": []
-        },
-        {
-          "name": "controlled",
-          "description": "Defines the controlled state of the item.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Defines whether <code> list item</code> is in disabled state.",
-          "values": []
-        },
-        {
-          "name": "divider",
-          "description": "Defines whether a visual separator should be rendered after the item.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "Defines whether the selection of a  list is displayed as partially selected.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "Defines the <code>label</code> for the item.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "Defines the mode of the item.",
-          "values": [
-            { "name": "SingleSelect" },
-            { "name": "MultiSelect" },
-            { "name": "SingleContent" },
-            { "name": "RadioGroup" }
-          ]
-        },
-        {
-          "name": "rating",
-          "description": "Defines the value of the rating.\nUse for rating indicator to represent aggregated review scores within list items",
-          "values": []
-        },
-        {
-          "name": "rating-count",
-          "description": "Defines the number of the rating.\nUse for the rating indicator",
-          "values": []
-        },
-        {
-          "name": "rating-max",
-          "description": "Defines the number of displayed rating symbols.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Defines the selected state of the item.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "Defines the size of the item.",
-          "values": [{ "name": "Large" }, { "name": "Standard" }]
-        },
-        {
-          "name": "supporting-text",
-          "description": "Defines the supportingText, displayed in the end of the item.",
-          "values": []
-        },
-        {
-          "name": "total-count",
-          "description": "The number of total votes.\nUse for the rating indicator",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "udex-list-select-all",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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- **select-all** - Fired when the user clicks on the Select All header.\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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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- **select-all** - Fired when the user clicks on the Select All header.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
       "attributes": [
         {
           "name": "collapsed",
@@ -2374,7 +2176,7 @@
     },
     {
       "name": "udex-masthead-country-selector",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadCountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **country-item-click** - Fires when region item is clicked\n- **country-selector-search** - Fired event when the user typed to search field.\n- **region-item-click** - Fires when region item is clicked",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadCountrySelector.js\";</code>\n---\n\n\n### **Events:**\n - **country-item-click** - Fires when region item is clicked\n- **country-selector-search** - Fired event when the user typed to search field.\n- **region-item-click** - Fires when region item is clicked",
       "attributes": [
         {
           "name": "active-country-code",
@@ -2426,7 +2228,7 @@
     },
     {
       "name": "udex-masthead-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n- **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - Slot for any content\n- **dropdown** - Slot for the dropdown",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n---\n\n\n### **Events:**\n - **dropdown-closed** - Fires when dropdown is closed\n- **dropdown-opened** - Fires when dropdown is opened\n- **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - Slot for any content\n- **dropdown** - Slot for the dropdown",
       "attributes": [
         {
           "name": "accessible-name",
@@ -2508,7 +2310,7 @@
     },
     {
       "name": "udex-masthead-menu",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **menu-item-click** - Fires when menu item is clicked",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMenu.js\";</code>\n---\n\n\n### **Events:**\n - **menu-item-click** - Fires when menu item is clicked",
       "attributes": [
         {
           "name": "menu-title",
@@ -2525,7 +2327,7 @@
     },
     {
       "name": "udex-masthead-menu-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMenuItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMenuItem.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "accessible-role",
@@ -2601,13 +2403,13 @@
     },
     {
       "name": "udex-masthead-mobile-menu",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-mobile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **explorer-menu-click** - Fires when explorer menu button is clicked\n- **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - List of the menu items\n- **exploreSapMobileButton** - Slot for explore Sap mobile button\n- **search** - Slot for search",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-mobile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n---\n\n\n### **Events:**\n - **explorer-menu-click** - Fires when explorer menu button is clicked\n- **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **default** - List of the menu items\n- **exploreSapMobileButton** - Slot for explore Sap mobile button\n- **search** - Slot for search",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-masthead-profile-menu",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\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- **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n\n### **Slots:**\n - **logoutButton** - Slot for logout button.\n- **message** - Slot 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 - **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- **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n\n### **Slots:**\n - **logoutButton** - Slot for logout button.\n- **message** - Slot for message strip.",
       "attributes": [
         {
           "name": "identities",
@@ -2634,7 +2436,7 @@
     },
     {
       "name": "udex-masthead-shell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **cart-click** - Fired event when the user clicks the cart button trigger.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **joule-click** - Fired event when the user clicks the joule button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-closed** - Fired event when the search panel is closed.\n- **search-opened** - Fired event when the search panel is opened.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **support-click** - Fired event when the user clicks the support button trigger.\n\n### **Methods:**\n - **closeMobileMenu(): _void_** - Close the mobile menu panel.\n- **closeSearch(): _void_** - Close the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **openSearch(): _void_** - Open the search panel.\n\n### **Slots:**\n - **cart** - Slot for cart menu\n- **countrySelector** - Slot for country selector item.\n- **default** - Slot for main menu items.\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **joule** - Slot for joule menu\n- **mobileMenu** - Slot for mobile menu\n- **profile** - Slot for avatar\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **support** - Slot for support",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-shell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n---\n\n\n### **Events:**\n - **cart-click** - Fired event when the user clicks the cart button trigger.\n- **co-brand-click** - Fired event when the user clicks the co-brand.\n- **country-selector-click** - Fired event when the user clicks the country selector button trigger.\n- **joule-click** - Fired event when the user clicks the joule button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\n- **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **search-click** - Fired event when the user clicks the search button trigger.\n- **search-close-click** - Fired event when the user clicks the search close button.\n- **search-closed** - Fired event when the search panel is closed.\n- **search-opened** - Fired event when the search panel is opened.\n- **site-label-click** - Fired event when the user clicks the site label.\n- **support-click** - Fired event when the user clicks the support button trigger.\n\n### **Methods:**\n - **closeMobileMenu(): _void_** - Close the mobile menu panel.\n- **closeSearch(): _void_** - Close the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **openSearch(): _void_** - Open the search panel.\n\n### **Slots:**\n - **cart** - Slot for cart menu\n- **countrySelector** - Slot for country selector item.\n- **default** - Slot for main menu items.\n- **exploreSAP** - Slot for 'Explore SAP' menu\n- **joule** - Slot for joule menu\n- **mobileMenu** - Slot for mobile menu\n- **profile** - Slot for avatar\n- **search** - Slot for search component - will be visible on search icon click.\nNote: search component should be hidden by default.\nNote: search icon won't be visible if this slot would be empty\n- **support** - Slot for support",
       "attributes": [
         {
           "name": "body-overflow",
@@ -2741,7 +2543,7 @@
     },
     {
       "name": "udex-media-player",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n- **videoComplete** - Fires when video is watched\n- **videojsReady** - Fires when the VideoJS library is loaded but before the player is created.\nUse this event to register custom VideoJS plugins via\n<code>event.detail.videojs.registerPlugin()</code>.\n- **videoPause** - Fires when video is paused\n- **videoProgress** - Fires when video watching progress changed\n- **videoReady** - Fires when video is ready\n- **videoStart** - Fires when video is played\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null_** - Returns video element\n- **registerPlugin(name: _string_, plugin: _(...args: any[]) => any_): _void_** - Registers a custom VideoJS plugin to be applied before player initialization.\nMust be called before the component renders.\nFor plugins registered after rendering, use the videojsReady event instead.\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n---\n\n\n### **Events:**\n - **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n- **videoComplete** - Fires when video is watched\n- **videojsReady** - Fires when the VideoJS library is loaded but before the player is created.\nUse this event to register custom VideoJS plugins via\n<code>event.detail.videojs.registerPlugin()</code>.\n- **videoPause** - Fires when video is paused\n- **videoProgress** - Fires when video watching progress changed\n- **videoReady** - Fires when video is ready\n- **videoStart** - Fires when video is played\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null_** - Returns video element\n- **registerPlugin(name: _string_, plugin: _(...args: any[]) => any_): _void_** - Registers a custom VideoJS plugin to be applied before player initialization.\nMust be called before the component renders.\nFor plugins registered after rendering, use the videojsReady event instead.\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
       "attributes": [
         {
           "name": "aspect-ratio",
@@ -2814,7 +2616,7 @@
     },
     {
       "name": "udex-media-player-vimeo",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-vimeo</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _VimeoPlayer_** - Returns video element",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-vimeo</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _VimeoPlayer_** - Returns video element",
       "attributes": [
         {
           "name": "aspect-ratio-class",
@@ -2851,7 +2653,7 @@
     },
     {
       "name": "udex-media-player-youtube",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n---\n\n\n### **Events:**\n - **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n- **ready** - Fires when video is ready\n- **videoStart** - Fires when video starts playing for the first time or is replayed after ending\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
       "attributes": [
         {
           "name": "aspect-ratio",
@@ -2889,7 +2691,7 @@
     },
     {
       "name": "udex-message-strip",
-      "description": "\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "close-icon-accessible-name",
@@ -2958,7 +2760,7 @@
     },
     {
       "name": "udex-modal",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-modal</code> component is a demo component that displays some text.\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-modal</code> component is a demo component that displays some text.\n---\n",
       "attributes": [
         {
           "name": "type",
@@ -2970,7 +2772,7 @@
     },
     {
       "name": "udex-pagination",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fires when pagination item was clicked.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.\n---\n\n\n### **Events:**\n - **change** - Fires when pagination item was clicked.",
       "attributes": [
         {
           "name": "current-page-index",
@@ -3001,7 +2803,7 @@
     },
     {
       "name": "udex-password-field",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **blur** - Fired on input focusout.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.\n- **input** - Fired when the value of the component changes at each keystroke.\n- **keydown** - Fired when a key is pressed in the input.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n\n\n### **Events:**\n - **blur** - Fired on input focusout.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.\n- **input** - Fired when the value of the component changes at each keystroke.\n- **keydown** - Fired when a key is pressed in the input.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -3093,7 +2895,7 @@
     },
     {
       "name": "udex-phone-number-field",
-      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke.",
+      "description": "\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -3164,7 +2966,7 @@
     },
     {
       "name": "udex-progress-bar",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-progress-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ProgressBar.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-progress-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ProgressBar.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "value-state",
@@ -3182,7 +2984,7 @@
     },
     {
       "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\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.\n- **pictogram** - Defines the custom pictogram of the 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.\n- **pictogram** - Defines the custom pictogram of the Promo Tile.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -3244,7 +3046,7 @@
     },
     {
       "name": "udex-quote",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-quote</code> component is a demo component that displays some text.\n\n\n---\n\n\n\n\n### **Slots:**\n - **author** - Defines author's name and company\n- **default** - Defines the text content of the Quote.\n- **image** - Defines image near quote text\n- **link** - Defines the link in the 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 - **author** - Defines author's name and company\n- **default** - Defines the text content of the Quote.\n- **image** - Defines image near quote text\n- **link** - Defines the link in the Quote",
       "attributes": [
         {
           "name": "image-placement",
@@ -3271,7 +3073,7 @@
     },
     {
       "name": "udex-radio-button",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-radio-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RadioButton.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-radio-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RadioButton.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "display-only",
@@ -3294,13 +3096,13 @@
     },
     {
       "name": "udex-range-slider",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-range-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RangeSlider.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-range-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RangeSlider.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-rating-bar",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-rating-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RatingBar.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-rating-bar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/RatingBar.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "percentage",
@@ -3322,7 +3124,7 @@
     },
     {
       "name": "udex-rating-indicator",
-      "description": "### Overview\n\n### ES6 Module Import\n\n`import @sapudex/web-components/dist/RatingIndicator.js\";`\n\n\n---\n\n\n",
+      "description": "### Overview\n\n### ES6 Module Import\n\n`import @sapudex/web-components/dist/RatingIndicator.js\";`\n---\n",
       "attributes": [
         {
           "name": "display",
@@ -3344,7 +3146,7 @@
     },
     {
       "name": "udex-review",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Review.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for rating bars.\n- **defaultText** - Slot for the default text when there are no reviews or rating.\n- **reviewButton** - Slot for a button for writing a review.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Review.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for rating bars.\n- **defaultText** - Slot for the default text when there are no reviews or rating.\n- **reviewButton** - Slot for a button for writing a review.",
       "attributes": [
         {
           "name": "rating",
@@ -3361,7 +3163,7 @@
     },
     {
       "name": "udex-review-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ReviewItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-review-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ReviewItem.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "rating",
@@ -3388,7 +3190,7 @@
     },
     {
       "name": "udex-search",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **submit-search-value** - Fired event when the user submitted the value.\n- **suggestion-popover-closed** - Fired when the suggestions popover closes.\n- **suggestion-popover-opened** - Fired when the suggestions popover opens.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **submit-search-value** - Fired event when the user submitted the value.\n- **suggestion-popover-closed** - Fired when the suggestions popover closes.\n- **suggestion-popover-opened** - Fired when the suggestions popover opens.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -3493,91 +3295,9 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-searchable-list-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> ,<code>UDExSelectBox</code> and <code>UDExCountrySelector</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\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- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
-      "attributes": [
-        {
-          "name": "busy",
-          "description": "Defines if the component would display a loading indicator.",
-          "values": []
-        },
-        {
-          "name": "busy-delay",
-          "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
-          "values": []
-        },
-        {
-          "name": "default-accessible-role",
-          "description": "Defines the default accessible role for the list component.",
-          "values": []
-        },
-        {
-          "name": "height",
-          "description": "Allows control over the height.",
-          "values": []
-        },
-        {
-          "name": "item-icon",
-          "description": "Defines the name of the UI5 Icon displayed for each item. Use when type is Icon.",
-          "values": []
-        },
-        {
-          "name": "mode",
-          "description": "Defines the mode of the component.",
-          "values": [
-            { "name": "SingleSelect" },
-            { "name": "MultiSelect" },
-            { "name": "SingleContent" },
-            { "name": "RadioGroup" }
-          ]
-        },
-        {
-          "name": "no-result-text",
-          "description": "Defines the \"no result\" text of the component.",
-          "values": []
-        },
-        {
-          "name": "prevent-page-scroll",
-          "description": "Defines if page scrolling should be prevented within the list of items.",
-          "values": []
-        },
-        {
-          "name": "search-placeholder",
-          "description": "Defines the placeholder of the search.",
-          "values": []
-        },
-        {
-          "name": "select-all",
-          "description": "Defines the selectAll option of the component.",
-          "values": []
-        },
-        {
-          "name": "select-all-label",
-          "description": "Defines label text for select all header.",
-          "values": []
-        },
-        {
-          "name": "show-search-input",
-          "description": "Defines if the search input is visible.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "Defines the list style type of the dropdown items.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "udex-secondary-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **heading-click** - The event is triggered on user interaction with a secondary navigation heading\n- **item-click** - Fires when item is clicked\n- **mobile-menu-opener-click** - The event is triggered on user interaction with the mobile menu opener\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **heading-click** - The event is triggered on user interaction with a secondary navigation heading\n- **item-click** - Fires when item is clicked\n- **mobile-menu-opener-click** - The event is triggered on user interaction with the mobile menu opener\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
       "attributes": [
         {
           "name": "heading",
@@ -3609,7 +3329,7 @@
     },
     {
       "name": "udex-secondary-navigation-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigationItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **nav-item-click** - Fires when item is clicked\n- **sub-item-click** - Fires when dropdown item is clicked\n\n### **Slots:**\n - **buttons** - Defines the content of the item.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigationItem.js\";</code>\n---\n\n\n### **Events:**\n - **nav-item-click** - Fires when item is clicked\n- **sub-item-click** - Fires when dropdown item is clicked\n\n### **Slots:**\n - **buttons** - Defines the content of the item.",
       "attributes": [
         {
           "name": "active",
@@ -3669,51 +3389,9 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-secondary-navigation-item-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExSecondaryNavigationItem</code> and <code>UDExSecondaryNavigationSubItem</code> classes.\n\n\n---\n\n\n",
-      "attributes": [
-        {
-          "name": "active",
-          "description": "Defines active state for the item",
-          "values": []
-        },
-        {
-          "name": "index",
-          "description": "Defines the index for the item.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "Defines label for the item",
-          "values": []
-        },
-        {
-          "name": "mobile-link-title",
-          "description": "Defines an aria label for item",
-          "values": []
-        },
-        {
-          "name": "path",
-          "description": "Defines path for the item",
-          "values": []
-        },
-        {
-          "name": "sub-title",
-          "description": "Defines subTitle for the item",
-          "values": []
-        },
-        {
-          "name": "target",
-          "description": "Defines target for the item",
-          "values": [{ "name": "UDExTarget" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "udex-secondary-navigation-sub-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **back-item-click** - Fires when back item is clicked\n- **sub-item-click** - Fires when item is clicked",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n---\n\n\n### **Events:**\n - **back-item-click** - Fires when back item is clicked\n- **sub-item-click** - Fires when item is clicked",
       "attributes": [
         {
           "name": "active",
@@ -3765,7 +3443,7 @@
     },
     {
       "name": "udex-segmented-button",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SegmentedButton.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SegmentedButton.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "size",
@@ -3781,7 +3459,7 @@
     },
     {
       "name": "udex-segmented-button-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SegmentedButtonItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-segmented-button-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SegmentedButtonItem.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "size",
@@ -3797,7 +3475,7 @@
     },
     {
       "name": "udex-select-box",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **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- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **focus(): _Promise<void>_** - Focuses the inner search input.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
+      "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 - **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- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change**\n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **focus(): _Promise<void>_** - Focuses the inner search input.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
       "attributes": [
         {
           "name": "busy",
@@ -3894,7 +3572,7 @@
     },
     {
       "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\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 dropdown list items.",
       "attributes": [
         {
           "name": "collapsed",
@@ -3996,7 +3674,7 @@
     },
     {
       "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\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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-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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
       "attributes": [
         {
           "name": "additional-text",
@@ -4161,7 +3839,7 @@
     },
     {
       "name": "udex-select-box-select-all",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 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 - **accordion-icon-click** - Triggered when the user clicks on an accordion 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 group header list items.",
       "attributes": [
         {
           "name": "collapsed",
@@ -4263,7 +3941,7 @@
     },
     {
       "name": "udex-side-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "is-fixed-in-place",
@@ -4275,37 +3953,37 @@
     },
     {
       "name": "udex-side-navigation-group",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationGroup.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationGroup.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-side-navigation-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationItem.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-side-navigation-mobile",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-mobile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items.\n- **fixedItems** - Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-mobile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items.\n- **fixedItems** - Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-side-navigation-sub-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-sub-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-slider",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Slider.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-slider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Slider.js\";</code>\n---\n",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-social-media-button",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-social-media-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SocialMediaButton.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Triggered when the user clicks on an item.\n\n### **Slots:**\n - **default** - Defines the slot for custom SVG icon.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-social-media-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SocialMediaButton.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Triggered when the user clicks on an item.\n\n### **Slots:**\n - **default** - Defines the slot for custom SVG icon.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4344,7 +4022,7 @@
     },
     {
       "name": "udex-status-badge",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StatusBadge.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StatusBadge.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4378,7 +4056,7 @@
     },
     {
       "name": "udex-status-message",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-message</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StatusMessage.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-message</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StatusMessage.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "disabled",
@@ -4410,7 +4088,7 @@
     },
     {
       "name": "udex-step-input",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-step-input</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StepInput.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-step-input</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StepInput.js\";</code>\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4492,7 +4170,7 @@
     },
     {
       "name": "udex-switch",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-switch</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Switch.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the component checked state changes.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-switch</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Switch.js\";</code>\n---\n\n\n### **Events:**\n - **change** - Fired when the component checked state changes.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4534,7 +4212,7 @@
     },
     {
       "name": "udex-tab",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tab.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the tab.\n- **link** - Defines the link(s) to be displayed in the tab header (vertical orientation only).\nUse this slot to add one or more udex-link elements to the tab button.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tab.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the tab.\n- **link** - Defines the link(s) to be displayed in the tab header (vertical orientation only).\nUse this slot to add one or more udex-link elements to the tab button.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4601,8 +4279,13 @@
     },
     {
       "name": "udex-tab-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n- **tab-select** - Fired when a tab is selected.\n\n### **Slots:**\n - **default** - Defines the tabs and content.\n- **footer** - Defines optional content rendered below the tab list in Vertical orientation.\nUse to place a button or any action element beneath the tabs.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TabNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n- **tab-select** - Fired when a tab is selected.\n\n### **Slots:**\n - **default** - Defines the tabs and content.\n- **footer** - Defines optional content rendered below the tab list in Vertical orientation.\nUse to place a button or any action element beneath the tabs.",
       "attributes": [
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the tab list.\n\nWhen set, screen readers announce this text as the name of the tab group\n(e.g. \"Profile navigation\") as focus enters the tabs. When empty, the tab\nlist is exposed by its role only, with no accessible name.",
+          "values": []
+        },
         {
           "name": "auto-play",
           "description": "Enables automatic tab switching for Vertical orientation.",
@@ -4657,7 +4340,7 @@
     },
     {
       "name": "udex-table",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Table.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **actions** - Defines the actions of the table.\n- **default** - Defines the rows of the table.\n- **footnotes** - Defines the footnotes of the table.\n- **headerRow** - Defines the header row of the table.\n- **noData** - Defines the custom visualization if there is no data available.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Table.js\";</code>\n---\n\n\n### **Slots:**\n - **actions** - Defines the actions of the table.\n- **default** - Defines the rows of the table.\n- **footnotes** - Defines the footnotes of the table.\n- **headerRow** - Defines the header row of the table.\n- **noData** - Defines the custom visualization if there is no data available.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4709,7 +4392,7 @@
     },
     {
       "name": "udex-table-cell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableCell.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableCell.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "horizontal-align",
@@ -4730,27 +4413,9 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-table-cell-base",
-      "description": "A class to serve as a foundation for the `UDExTableCell` and `UDExTableHeaderCell` classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
-      "attributes": [
-        {
-          "name": "horizontal-align",
-          "description": "Determines the horizontal alignment of table cells.\nNote: All values valid for justify-content can be used not just the ones inside the enum.",
-          "values": [
-            { "name": "Center" },
-            { "name": "Start" },
-            { "name": "End" },
-            { "name": "Left" },
-            { "name": "Right" }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "udex-table-group-row",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-group-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableGroupRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the rows of the group row.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-group-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableGroupRow.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the rows of the group row.",
       "attributes": [
         {
           "name": "collapsible",
@@ -4772,7 +4437,7 @@
     },
     {
       "name": "udex-table-header-cell",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-cell</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderCell.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "highlighted",
@@ -4805,13 +4470,13 @@
     },
     {
       "name": "udex-table-header-row",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-header-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableHeaderRow.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
       "attributes": [],
       "references": []
     },
     {
       "name": "udex-table-row",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-table-row</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TableRow.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
       "attributes": [
         {
           "name": "highlighted",
@@ -4826,15 +4491,9 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-table-row-base",
-      "description": "A class to serve as a foundation for the `UDExTableRow` and `UDExTableHeaderRow` classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "udex-tag",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tag.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **iconClick** - Emitted when icon in tag was clicked\n- **selectionChange** - Emitted when tag was clicked\n- **tagLinkClick** - Emitted when tag link was clicked",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tag.js\";</code>\n---\n\n\n### **Events:**\n - **iconClick** - Emitted when icon in tag was clicked\n- **selectionChange** - Emitted when tag was clicked\n- **tagLinkClick** - Emitted when tag link was clicked",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4902,7 +4561,7 @@
     },
     {
       "name": "udex-tag-group",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TagGroup.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **show-more-tags** - Emitted when the tooltip was opened, can be canceled\n- **tag-click** - Emitted when tag was clicked\n- **tag-icon-click** - Emitted when icon in tag was clicked\n- **tag-keydown** - Emitted  when a keydown event occurs on a tag, can be canceled\nEmitted custom event with keycode and tag details\n\n### **Slots:**\n - **default** - Defines the tags.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag-group</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/TagGroup.js\";</code>\n---\n\n\n### **Events:**\n - **show-more-tags** - Emitted when the tooltip was opened, can be canceled\n- **tag-click** - Emitted when tag was clicked\n- **tag-icon-click** - Emitted when icon in tag was clicked\n- **tag-keydown** - Emitted  when a keydown event occurs on a tag, can be canceled\nEmitted custom event with keycode and tag details\n\n### **Slots:**\n - **default** - Defines the tags.",
       "attributes": [
         {
           "name": "disabled",
@@ -4944,7 +4603,7 @@
     },
     {
       "name": "udex-textarea",
-      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fires when the value of the textarea changes and the textarea loses focus.",
+      "description": "\n---\n\n\n### **Events:**\n - **change** - Fires when the value of the textarea changes and the textarea loses focus.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -5021,7 +4680,7 @@
     },
     {
       "name": "udex-text-field",
-      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **blur** - Fired on input focusout.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke.",
+      "description": "\n---\n\n\n### **Events:**\n - **blur** - Fired on input focusout.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke.",
       "attributes": [
         {
           "name": "accessible-icon-name",
@@ -5156,7 +4815,7 @@
     },
     {
       "name": "udex-tile",
-      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the user clicks inside the component in interactive mode.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the user clicks inside the component in interactive mode.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -5188,7 +4847,7 @@
     },
     {
       "name": "udex-toast",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-toast</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Toast.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-toast</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Toast.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "open",
@@ -5215,7 +4874,7 @@
     },
     {
       "name": "udex-tooltip",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-close** - Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.\n- **before-open** - Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.\n- **close** - Fired after the component is closed.\n- **open** - Fired after the component is opened.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n---\n\n\n### **Events:**\n - **before-close** - Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.\n- **before-open** - Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.\n- **close** - Fired after the component is closed.\n- **open** - Fired after the component is opened.\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -5301,7 +4960,7 @@
     },
     {
       "name": "udex-truncated-text",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code> udex-truncated-text </code> component is a component used to limit and toggle text visibility.\n---\n",
       "attributes": [
         {
           "name": "char-limit",
@@ -5323,7 +4982,7 @@
     },
     {
       "name": "udex-upload",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Upload.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Triggered when the user attempts to upload a file.\n- **file-change** - Triggered when the user uploads the item.\n- **file-delete** - Triggered when the user deletes the uploaded item.\n- **file-duplicate** - Triggered when the user attempts to upload a duplicate file.\n- **file-size-exceed** - Triggered when the uploaded file exceeds the maximum allowed size.\n\n### **Slots:**\n - **default** - Defines the uploaded files.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Upload.js\";</code>\n---\n\n\n### **Events:**\n - **change** - Triggered when the user attempts to upload a file.\n- **file-change** - Triggered when the user uploads the item.\n- **file-delete** - Triggered when the user deletes the uploaded item.\n- **file-duplicate** - Triggered when the user attempts to upload a duplicate file.\n- **file-size-exceed** - Triggered when the uploaded file exceeds the maximum allowed size.\n\n### **Slots:**\n - **default** - Defines the uploaded files.",
       "attributes": [
         {
           "name": "accept",
@@ -5375,7 +5034,7 @@
     },
     {
       "name": "udex-upload-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **item-press** - Fired event when the user click on a list item.\n- **request-delete** - Triggered when the upload item is deleted.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.\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-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n---\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **item-press** - Fired event when the user click on a list item.\n- **request-delete** - Triggered when the upload item is deleted.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -5579,7 +5238,7 @@
     },
     {
       "name": "udex-wizard",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Wizard.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **step-change** - Fired when the step is changed by user interaction.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Wizard.js\";</code>\n---\n\n\n### **Events:**\n - **step-change** - Fired when the step is changed by user interaction.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -5596,7 +5255,7 @@
     },
     {
       "name": "udex-wizard-step",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard-step</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/WizardStep.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard-step</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/WizardStep.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "completed",
@@ -5608,7 +5267,7 @@
     },
     {
       "name": "udex-wizard-tab",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Wizard.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-wizard</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Wizard.js\";</code>\n---\n",
       "attributes": [
         {
           "name": "breakpoint",