@sapudex/web-components 0.111.0 → 0.114.2

package/dist/utils/retryUntilSuccessful.js

@@ -0,0 +1,21 @@
+const retryUntilSuccessful = (checkFn, delay, maxAttempts, errorMessage) => {
+    return new Promise((resolve, reject) => {
+        let currentAttempt = 0;
+        const attempt = () => {
+            currentAttempt++;
+            const result = checkFn();
+            if (result !== undefined) {
+                resolve(result);
+            }
+            else if (currentAttempt < maxAttempts) {
+                setTimeout(attempt, delay);
+            }
+            else {
+                reject(new Error(errorMessage));
+            }
+        };
+        attempt();
+    });
+};
+export default retryUntilSuccessful;
+//# sourceMappingURL=retryUntilSuccessful.js.map

package/dist/utils/retryUntilSuccessful.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retryUntilSuccessful.js","sourceRoot":"","sources":["../../src/utils/retryUntilSuccessful.ts"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,GAAG,CAAC,OAA+B,EAAE,KAAa,EAAE,WAAmB,EAAE,YAAoB,EAAiB,EAAE;IACxI,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,IAAI,cAAc,GAAG,CAAC,CAAC;QAEvB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,cAAc,EAAE,CAAC;YACjB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;YACzB,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,OAAO,CAAC,MAAM,CAAC,CAAC;aACjB;iBAAM,IAAI,cAAc,GAAG,WAAW,EAAE;gBACvC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aAC5B;iBAAM;gBACL,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;aACjC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import CallbackFunction from \"../types/callback.js\";\n\nconst retryUntilSuccessful = (checkFn: CallbackFunction<void>, delay: number, maxAttempts: number, errorMessage: string): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    let currentAttempt = 0;\n\n    const attempt = () => {\n      currentAttempt++;\n      const result = checkFn();\n      if (result !== undefined) {\n        resolve(result);\n      } else if (currentAttempt < maxAttempts) {\n        setTimeout(attempt, delay);\n      } else {\n        reject(new Error(errorMessage));\n      }\n    };\n\n    attempt();\n  });\n};\n\nexport default retryUntilSuccessful;\n"]}

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

@@ -17,6 +17,11 @@
       "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.",
       "attributes": [
+        {
+          "name": "number-badge",
+          "description": "Defines the Badge at the end of the title item.",
+          "values": []
+        },
         {
           "name": "title",
           "description": "Defines the title of the accordion item component.",
@@ -263,11 +268,6 @@
           "description": "Defines whether the component is required.",
           "values": []
         },
-        {
-          "name": "width",
-          "description": "Allows control over the width.",
-          "values": []
-        },
         {
           "name": "height",
           "description": "Allows control over the height.",
@@ -423,7 +423,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### **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",
@@ -812,7 +812,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",
+      "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-url",
@@ -910,6 +910,37 @@
       ],
       "references": []
     },
+    {
+      "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 \"@udex/web-components/dist/InputGroup.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for input elements items.",
+      "attributes": [
+        {
+          "name": "group-name",
+          "description": "Defines the group name of the component.",
+          "values": []
+        },
+        {
+          "name": "orientation",
+          "description": "Defines the orientation of the component.",
+          "values": [{ "name": "Vertical" }, { "name": "Horizontal" }]
+        },
+        {
+          "name": "value-state",
+          "description": "Defines the value state of the component.",
+          "values": [
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Standard" }
+          ]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines supporting text under the Input Group.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "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",
@@ -2059,7 +2090,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 @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- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.",
+      "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- **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",
@@ -2109,7 +2140,7 @@
         {
           "name": "mode",
           "description": "Defines the mode of component.\n<br><br>\n<b>Note:</b> accepts a string \"Standard\" or \"Home Search\".",
-          "values": [{ "name": "Standard" }, { "name": "Home Search" }]
+          "values": [{ "name": "Mode" }]
         },
         {
           "name": "show-popover-when-clicked-into-input",
@@ -2125,6 +2156,11 @@
           "name": "accessible-name",
           "description": "Defines the accessible ARIA name of the component.",
           "values": []
+        },
+        {
+          "name": "no-result-text",
+          "description": "Defines the text if the suggestion list doesn't return results.",
+          "values": []
         }
       ],
       "references": []
@@ -2773,8 +2809,8 @@
       "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 \"@udex/web-components/dist/Table.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the rows of the table.\n- **headerRow** - Defines the header row of the table.\n- **actions** - Defines the actions of the table.\n- **noData** - Defines the custom visualization if there is no data available.\n- **footnotes** - Defines the footnotes of the table.",
       "attributes": [
         {
-          "name": "height",
-          "description": "Defines the height of the table.\nAllows control over the height.",
+          "name": "max-height",
+          "description": "Defines the height of the table.\nAllows control over the maximum height.",
           "values": []
         },
         {
@@ -2967,7 +3003,7 @@
         },
         {
           "name": "read-only",
-          "description": "Defines if tag is in readonly state",
+          "description": "Defines if tag is in readnly state",
           "values": []
         },
         {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "0.111.0",
+  "version": "0.114.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -47,6 +47,11 @@
           "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### **Events:**\n - **accordion-item-focus** - Triggered when the user focuses on an accordion item.\n\n### **Slots:**\n - **default** - Slot for accordion item content.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "number-badge",
+              "description": "Defines the Badge at the end of the title item.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "title",
               "description": "Defines the title of the accordion item component.",
@@ -77,6 +82,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "number-badge",
+                "description": "Defines the Badge at the end of the title item.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "title",
                 "description": "Defines the title of the accordion item component.",
@@ -516,11 +526,6 @@
               "description": "Defines whether the component is required.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "width",
-              "description": "Allows control over the width.",
-              "value": { "type": "string | undefined" }
-            },
             {
               "name": "height",
               "description": "Allows control over the height.",
@@ -641,11 +646,6 @@
                 "description": "Defines whether the component is required.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "width",
-                "description": "Allows control over the width.",
-                "value": { "type": "string | undefined" }
-              },
               {
                 "name": "height",
                 "description": "Allows control over the height.",
@@ -931,7 +931,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### **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### **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### **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.",
           "doc-url": "",
           "attributes": [
             {
@@ -1789,7 +1789,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",
+          "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### **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",
           "doc-url": "",
           "attributes": [
             {
@@ -1853,7 +1853,52 @@
               "value": { "type": "string", "default": "\"\"" }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "logo-click",
+              "description": "Triggered on click interaction with logo in footer"
+            },
+            {
+              "name": "back-to-top-click",
+              "description": "Triggered on click interaction with \"Back to Top\" button"
+            },
+            {
+              "name": "contact-phone-click",
+              "description": "Triggered on click interaction with phone number link in footer"
+            },
+            {
+              "name": "contact-phone-local-numbers-click",
+              "description": "Triggered on click interaction with local country numbers list link"
+            },
+            {
+              "name": "contact-email-click",
+              "description": "Triggered on click interaction with \"Contact us by email\" link"
+            },
+            {
+              "name": "contact-chat-click",
+              "description": "Triggered on click interaction with \"Contact us by chat\" link"
+            },
+            {
+              "name": "quick-links-click",
+              "description": "Triggered on click interaction with a link within \"Quick Links\" category"
+            },
+            {
+              "name": "trending-click",
+              "description": "Triggered on click interaction with a link within \"Trending\" category"
+            },
+            {
+              "name": "about-sap-click",
+              "description": "Triggered on click interaction with a link within \"About SAP\" category"
+            },
+            {
+              "name": "site-information-click",
+              "description": "Triggered on click interaction with a link within \"Site Information\" category"
+            },
+            {
+              "name": "social-media-link-click",
+              "description": "Triggered on click interaction with any of the social media links within footer"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -1917,7 +1962,52 @@
                 "value": { "type": "string" }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "logo-click",
+                "description": "Triggered on click interaction with logo in footer"
+              },
+              {
+                "name": "back-to-top-click",
+                "description": "Triggered on click interaction with \"Back to Top\" button"
+              },
+              {
+                "name": "contact-phone-click",
+                "description": "Triggered on click interaction with phone number link in footer"
+              },
+              {
+                "name": "contact-phone-local-numbers-click",
+                "description": "Triggered on click interaction with local country numbers list link"
+              },
+              {
+                "name": "contact-email-click",
+                "description": "Triggered on click interaction with \"Contact us by email\" link"
+              },
+              {
+                "name": "contact-chat-click",
+                "description": "Triggered on click interaction with \"Contact us by chat\" link"
+              },
+              {
+                "name": "quick-links-click",
+                "description": "Triggered on click interaction with a link within \"Quick Links\" category"
+              },
+              {
+                "name": "trending-click",
+                "description": "Triggered on click interaction with a link within \"Trending\" category"
+              },
+              {
+                "name": "about-sap-click",
+                "description": "Triggered on click interaction with a link within \"About SAP\" category"
+              },
+              {
+                "name": "site-information-click",
+                "description": "Triggered on click interaction with a link within \"Site Information\" category"
+              },
+              {
+                "name": "social-media-link-click",
+                "description": "Triggered on click interaction with any of the social media links within footer"
+              }
+            ]
           }
         },
         {
@@ -2004,6 +2094,71 @@
             "events": []
           }
         },
+        {
+          "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 \"@udex/web-components/dist/InputGroup.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for input elements items.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "group-name",
+              "description": "Defines the group name of the component.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "orientation",
+              "description": "Defines the orientation of the component.",
+              "value": {
+                "type": "\"Vertical\" | \"Horizontal\"",
+                "default": "\"Vertical\""
+              }
+            },
+            {
+              "name": "value-state",
+              "description": "Defines the value state of the component.",
+              "value": {
+                "type": "\"Success\" | \"Error\" | \"Standard\"",
+                "default": "\"Standard\""
+              }
+            },
+            {
+              "name": "supporting-text",
+              "description": "Defines supporting text under the Input Group.",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for input elements items."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "group-name",
+                "description": "Defines the group name of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "orientation",
+                "description": "Defines the orientation of the component.",
+                "value": { "type": "\"Vertical\" | \"Horizontal\"" }
+              },
+              {
+                "name": "value-state",
+                "description": "Defines the value state of the component.",
+                "value": { "type": "\"Success\" | \"Error\" | \"Standard\"" }
+              },
+              {
+                "name": "supporting-text",
+                "description": "Defines supporting text under the Input Group.",
+                "value": { "type": "string" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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",
@@ -4194,7 +4349,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 @udex/web-components/dist/Search.js\";</code>\n---\n\n\n### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.",
+          "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### **Events:**\n - **submit-search-value** - Fired event when the user submitted the value.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
           "doc-url": "",
           "attributes": [
             {
@@ -4245,10 +4400,7 @@
             {
               "name": "mode",
               "description": "Defines the mode of component.\n<br><br>\n<b>Note:</b> accepts a string \"Standard\" or \"Home Search\".",
-              "value": {
-                "type": "\"Standard\" | \"Home Search\"",
-                "default": "\"Standard\""
-              }
+              "value": { "type": "Mode", "default": "\"Standard\"" }
             },
             {
               "name": "show-popover-when-clicked-into-input",
@@ -4264,6 +4416,17 @@
               "name": "accessible-name",
               "description": "Defines the accessible ARIA name of the component.",
               "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "no-result-text",
+              "description": "Defines the text if the suggestion list doesn't return results.",
+              "value": { "type": "string", "default": "\"No matches found.\"" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the prefix dropdown of the Search component."
             }
           ],
           "events": [
@@ -4282,6 +4445,10 @@
             {
               "name": "dropdown-item-click",
               "description": "Fired event when the user clicks on the item inside the popover."
+            },
+            {
+              "name": "prefix-item-click",
+              "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
             }
           ],
           "js": {
@@ -4334,7 +4501,7 @@
               {
                 "name": "mode",
                 "description": "Defines the mode of component.\n<br><br>\n<b>Note:</b> accepts a string \"Standard\" or \"Home Search\".",
-                "value": { "type": "\"Standard\" | \"Home Search\"" }
+                "value": { "type": "Mode" }
               },
               {
                 "name": "show-popover-when-clicked-into-input",
@@ -4350,6 +4517,11 @@
                 "name": "accessible-name",
                 "description": "Defines the accessible ARIA name of the component.",
                 "value": { "type": "string" }
+              },
+              {
+                "name": "no-result-text",
+                "description": "Defines the text if the suggestion list doesn't return results.",
+                "value": { "type": "string" }
               }
             ],
             "events": [
@@ -4368,6 +4540,10 @@
               {
                 "name": "dropdown-item-click",
                 "description": "Fired event when the user clicks on the item inside the popover."
+              },
+              {
+                "name": "prefix-item-click",
+                "description": "Fired event when the user clicks on the intem inside the prefix dropdown."
               }
             ]
           }
@@ -5604,9 +5780,9 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "height",
-              "description": "Defines the height of the table.\nAllows control over the height.",
-              "value": { "type": "string | undefined", "default": "undefined" }
+              "name": "max-height",
+              "description": "Defines the height of the table.\nAllows control over the maximum height.",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "accessible-name",
@@ -5670,9 +5846,9 @@
           "js": {
             "properties": [
               {
-                "name": "height",
-                "description": "Defines the height of the table.\nAllows control over the height.",
-                "value": { "type": "string | undefined" }
+                "name": "max-height",
+                "description": "Defines the height of the table.\nAllows control over the maximum height.",
+                "value": { "type": "string" }
               },
               {
                 "name": "accessible-name",
@@ -5930,7 +6106,7 @@
             },
             {
               "name": "read-only",
-              "description": "Defines if tag is in readonly state",
+              "description": "Defines if tag is in readnly state",
               "value": { "type": "boolean", "default": "false" }
             },
             {
@@ -5990,7 +6166,7 @@
               },
               {
                 "name": "read-only",
-                "description": "Defines if tag is in readonly state",
+                "description": "Defines if tag is in readnly state",
                 "value": { "type": "boolean" }
               },
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapudex/web-components",
-  "version": "0.111.0",
+  "version": "0.114.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/AccordionItem.hbs

@@ -16,7 +16,18 @@
           <div class="udex-accordion-item__icon-wrapper">
             <ui5-icon class="udex-accordion-item__icon" name="slim-arrow-right"></ui5-icon>
           </div>
-          <h4 class="udex-accordion-item__title">{{title}}</h4>
+          <span class="udex-accordion-item__title">
+              {{title}}
+              {{#if numberBadge}}
+                  <udex-badge
+                      class="udex-accordion-item__badge"
+                      type="Number"
+                      number-design="Blue"
+                      size="Large">
+                      {{numberBadge}}
+                  </udex-badge>
+              {{/if}}
+          </span>
       </div>
     </div>
     <div id="udex-accordion-item__{{_id}}-content" @keydown={{contentKeydown}} class="udex-accordion-item__content">

package/src/AccordionItem.ts

@@ -8,6 +8,7 @@ import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/AllIcons.js";
 import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import UDExBadge from "./Badge.js";
 
 import AccordionItemTemplate from "./generated/templates/AccordionItemTemplate.lit.js";
 
@@ -41,7 +42,7 @@ type ToggleAllEvent = {
   renderer: litRender,
   styles: AccordionItemCss,
   template: AccordionItemTemplate,
-  dependencies: [],
+  dependencies: [UDExBadge],
 })
 
 /**
@@ -51,13 +52,21 @@ type ToggleAllEvent = {
 @event("accordion-item-focus")
 
 class UDExAccordionItem extends UI5Element {
+  /**
+   * Defines the Badge at the end of the title item.
+   *
+   * @default ""
+   * @public
+   */
+  @property() numberBadge!: string;
+
   /**
    * Defines the title of the accordion item component.
    *
    * @default ""
    * @public
    */
-  @property({ type: String }) title!: string;
+  @property() title!: string;
 
   /**
    * Defines if the accordion item is expanded by default

package/src/CountrySelector.hbs

@@ -22,8 +22,7 @@
         class="{{countrySelectorTriggerClasses}}"
         ?disabled="{{isOpenerDisabled}}"
         value="{{selectedCountryName}}"
-        slot="trigger"
-        style="width:{{holderWidth}}">
+        slot="trigger">
             {{#if showFlagImages}}
                 <img
                     class="udex-country-selector__image"