@sapudex/web-components 0.127.6 → 0.143.0

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

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "udex-accordion",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Accordion.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user click on on Expand/Collapse All button.\n\n### **Slots:**\n - **default** - Slot for accordion items.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Accordion.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **toggle-items** - Triggered when the user click on on Expand/Collapse All button.\n\n### **Slots:**\n - **default** - Slot for accordion items.",
       "attributes": [
         {
           "name": "headline",
@@ -15,7 +15,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 @udex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-accordion-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/AccordionItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
       "attributes": [
         {
           "name": "number-badge",
@@ -230,7 +230,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 @udex/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 \"@udex/web-components/dist/Checkbox.js\";</code>\n\n\n---\n\n\n",
       "attributes": [],
       "references": []
     },
@@ -257,7 +257,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 @udex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown paneis opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.",
+      "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 \"@udex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown paneis opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
       "attributes": [
         {
           "name": "label",
@@ -314,6 +314,21 @@
           "description": "Defines the placeholder of the search.",
           "values": []
         },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Warning" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the country selector.",
+          "values": []
+        },
         { "name": "hide-flag-images", "values": [] },
         {
           "name": "no-result-text",
@@ -434,7 +449,7 @@
     },
     {
       "name": "udex-dropdown",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Dropdown.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click-trigger** - Fired event when the user clicks the trigger.\n- **before-open** - Fired before the dropdown is opened.\n- **after-open** - Fired after the dropdown is opened.\n- **before-close** - Fired before the menu is closed.\n- **after-close** - Fired after the menu is closed.\n\n### **Methods:**\n - **onOpen(): _void_** - Open dropdown\n- **onClose(): _void_** - Close dropdown\n\n### **Slots:**\n - **default** - Defines the content of the Dropdown.\n- **header** - Defines the header HTML Element.\n- **footer** - Defines the footer HTML Element.\n- **trigger** - Defines the trigger HTML Element.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-dropdown</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Dropdown.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click-trigger** - Fired event when the user clicks the trigger.\n- **before-open** - Fired before the dropdown is opened.\n- **after-open** - Fired after the dropdown is opened.\n- **before-close** - Fired before the menu is closed.\n- **after-close** - Fired after the menu is closed.\n\n### **Methods:**\n - **onOpen(): _void_** - Open dropdown\n- **onClose(): _void_** - Close dropdown\n\n### **Slots:**\n - **default** - Defines the content of the Dropdown.\n- **header** - Defines the header HTML Element.\n- **footer** - Defines the footer HTML Element.\n- **trigger** - Defines the trigger HTML Element.",
       "attributes": [
         {
           "name": "height",
@@ -495,7 +510,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 \"@udex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
       "attributes": [
         {
           "name": "badge-value",
@@ -833,7 +848,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 @udex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\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- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" 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",
+      "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 \"@udex/web-components/dist/Footer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logo-click** - Triggered on click interaction with logo in footer\n- **back-to-top-click** - Triggered on click interaction with \"Back to Top\" button\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- **contact-email-click** - Triggered on click interaction with \"Contact us by email\" link\n- **contact-chat-click** - Triggered on click interaction with \"Contact us by chat\" link\n- **quick-links-click** - Triggered on click interaction with a link within \"Quick Links\" category\n- **trending-click** - Triggered on click interaction with a link within \"Trending\" category\n- **about-sap-click** - Triggered on click interaction with a link within \"About SAP\" 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",
       "attributes": [
         {
           "name": "logo-title",
@@ -974,7 +989,7 @@
     },
     {
       "name": "udex-link",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-link</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/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 \"@udex/web-components/dist/Link.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "icon",
@@ -991,7 +1006,7 @@
     },
     {
       "name": "udex-list",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\\e\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/List.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\\e\n\n<h3>Usage</h3>\n\nFor the <code>udex-list</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/List.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for list items.",
       "attributes": [
         {
           "name": "accessible-role",
@@ -1043,7 +1058,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 @udex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1187,7 +1202,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 @udex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **delete-press** - Fired event when the user click on the delete icon.\n- **edit-press** - Fired event when the user click on the edit icon.\n\n### **Slots:**\n - **default** - Slot for list item content.",
+      "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 \"@udex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **delete-press** - Fired event when the user click on the delete icon.\n- **edit-press** - Fired event when the user click on the edit icon.\n\n### **Slots:**\n - **default** - Slot for list item content.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -1393,7 +1408,7 @@
     },
     {
       "name": "udex-list-select-all",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex--list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1465,7 +1480,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 \"@udex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **dropdown** - Slot for the dropdown\n- **default** - Slot for any content",
       "attributes": [
         {
           "name": "sub-items",
@@ -1527,7 +1542,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 \"@udex/web-components/dist/MastheadMenu.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</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/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",
       "attributes": [
         {
           "name": "menu-title",
@@ -1542,71 +1557,15 @@
       ],
       "references": []
     },
-    {
-      "name": "udex-masthead-menu-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadMenuItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when item button is clicked",
-      "attributes": [
-        {
-          "name": "type",
-          "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Heading" },
-            { "name": "Button" },
-            { "name": "Link" }
-          ]
-        },
-        {
-          "name": "accessible-role",
-          "description": "Controls the ARIA role of the item",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "Defines the label of the component.",
-          "values": []
-        },
-        {
-          "name": "url",
-          "description": "Defines the url of the component.",
-          "values": []
-        },
-        {
-          "name": "badge",
-          "description": "Defines the badge of the component.",
-          "values": []
-        },
-        {
-          "name": "external-link",
-          "description": "Defines the externalLink of the component.",
-          "values": []
-        },
-        {
-          "name": "has-border",
-          "description": "Defines the border for component.",
-          "values": []
-        },
-        {
-          "name": "icon-start",
-          "description": "Defines the start position of icon arrow.",
-          "values": []
-        },
-        {
-          "name": "icon-end",
-          "description": "Defines the end position of icon arrow.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "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 \"@udex/web-components/dist/MastheadMobileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **search** - Slot for search\n- **default** - List of the menu items\n- **exploreSapMobileButton** - Slot for explore Sap mobile button",
+      "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 \"@udex/web-components/dist/MastheadMobileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **explorer-menu-click** - Fires when explorer menu button is clicked\n\n### **Slots:**\n - **search** - Slot for search\n- **default** - List of the menu items\n- **exploreSapMobileButton** - Slot for explore Sap mobile button",
       "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 \"@udex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile ment item is clicked\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
       "attributes": [
         {
           "name": "links",
@@ -1628,7 +1587,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 \"@udex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n\n### **Slots:**\n - **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\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- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
+      "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 \"@udex/web-components/dist/MastheadShell.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **search-click** - Fired event when the user clicks the search button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **logo-click** - Fired event when the user clicks the logo.\n- **site-label-click** - Fired event when the user clicks the site label.\n\n### **Slots:**\n - **mobileMenu** - Slot for mobile menu\n- **default** - Slot for main menu items.\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- **exploreSAP** - Slot for 'Explore SAP' menu\n- **cart** - Slot for cart menu\n- **profile** - Slot for avatar",
       "attributes": [
         {
           "name": "home-url",
@@ -1645,6 +1604,11 @@
           "description": "Defines overflow style for the body after clicking mobile menu opener button",
           "values": []
         },
+        {
+          "name": "show-search-by-default",
+          "description": "Defines the visibility of the Search by default.",
+          "values": []
+        },
         {
           "name": "sticky-position",
           "description": "Defines sticky position for component",
@@ -1690,7 +1654,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 @udex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\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\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null_** - Returns video element\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 \"@udex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\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\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null_** - Returns video element\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": "options",
@@ -2153,9 +2117,36 @@
       ],
       "references": []
     },
+    {
+      "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 \"@udex/web-components/dist/ReviewItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "show-rating-top",
+          "description": "Defines the position of the rating in review.",
+          "values": []
+        },
+        {
+          "name": "rating",
+          "description": "Defines the rating in the review.",
+          "values": []
+        },
+        {
+          "name": "review-title",
+          "description": "Defines the title of the review.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Defines the text of the review.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-search",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-close-search** - Fired event when the user presses escape in search field.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
       "attributes": [
         {
           "name": "value",
@@ -2257,7 +2248,7 @@
     },
     {
       "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 - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "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 - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "no-result-text",
@@ -2447,7 +2438,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 \"@udex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.",
+      "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 \"@udex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.",
       "attributes": [
         {
           "name": "disable-target-overlap",
@@ -2953,9 +2944,51 @@
       ],
       "references": []
     },
+    {
+      "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 \"@udex/web-components/dist/Switch.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the component checked state changes.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Defines the label near switch.",
+          "values": []
+        },
+        {
+          "name": "color",
+          "description": "Defines the color of the component.",
+          "values": [{ "name": "Non-Semantic" }, { "name": "Semantic" }]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Sets the accessible ARIA name of the component.",
+          "values": []
+        },
+        {
+          "name": "accessible-name-ref",
+          "description": "Receives id (or many ids) of the elements that label the component.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Defines if the component is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is disabled.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "Defines the tooltip of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-tab",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tab.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the tab.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Tab.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the tab.",
       "attributes": [
         {
           "name": "number-badge",
@@ -3007,7 +3040,7 @@
     },
     {
       "name": "udex-tab-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tab-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/TabNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Fires when the tab was clicked.\n\n### **Slots:**\n - **default** - Defines the tabs and content.",
       "attributes": [
         {
           "name": "size-more-button",
@@ -3196,13 +3229,18 @@
     },
     {
       "name": "udex-tag",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @udex/web-components/dist/Tag.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selectionChange** - Emitted when tag was clicked\n- **iconClick** - Emitted when icon in tag was clicked",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-tag</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Tag.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **selectionChange** - Emitted when tag was clicked\n- **iconClick** - Emitted when icon in tag was clicked\n- **tagLinkClick** - Emitted when tag link was clicked",
       "attributes": [
         {
           "name": "text",
           "description": "Defines the text of the tag",
           "values": []
         },
+        {
+          "name": "href",
+          "description": "Defines the href for behavior of the tag as a link",
+          "values": []
+        },
         {
           "name": "design",
           "description": "Defines the design type of tag",
@@ -3247,6 +3285,43 @@
       ],
       "references": []
     },
+    {
+      "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 \"@udex/web-components/dist/TagGroup.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **tag-click** - Emitted when tag was clicked\n- **tag-icon-click** - Emitted when icon in tag was clicked\n- **show-more-tags** - Emitted when the tooltip was opened, can be canceled\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": "tokenizer-expanded",
+          "description": "Defines whether the UI5Tokenizer is expanded.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Defines whether the component is readonly.",
+          "values": []
+        },
+        {
+          "name": "displayonly",
+          "description": "Defines whether the component is displayonly.",
+          "values": []
+        },
+        {
+          "name": "tooltip-placement",
+          "description": "Determines on which side of the component the Tooltip is displayed.",
+          "values": [
+            { "name": "Left" },
+            { "name": "Right" },
+            { "name": "Top" },
+            { "name": "Bottom" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-textarea",
       "description": "\n\n\n---\n\n\n",
@@ -3482,7 +3557,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 @udex/web-components/dist/Tooltip.js\";</code>\n\n\n---\n\n\n\n\n### **Methods:**\n - **isOpen(): _boolean_** - Returns whether the tooltip is currently open.\n- **onOpen(opener: _HTMLElement_): _void_** - Used to open tooltip\n- **onClose(): _void_** - Used to close tooltip\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-tooltip</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@udex/web-components/dist/Tooltip.js\";</code>\n\n\n---\n\n\n\n\n### **Methods:**\n - **isOpen(): _boolean_** - Returns whether the tooltip is currently open.\n- **onOpen(opener: _HTMLElement_): _void_** - Used to open tooltip\n- **onClose(): _void_** - Used to close tooltip\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "title",