@sapudex/web-components 2.24.0 → 2.25.1

package/dist/types/EventRibbon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventRibbon.js","sourceRoot":"","sources":["../../src/types/EventRibbon.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhZ,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,mDAA4B,CAAA;IAC5B,+CAAwB,CAAA;AAC1B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,2DAAoC,CAAA;IACpC,0CAAmB,CAAA;IACnB,yDAAkC,CAAA;IAClC,wCAAiB,CAAA;IACjB,uDAAgC,CAAA;IAChC,kCAAW,CAAA;AACb,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B;AAED,MAAM,CAAN,IAAY,yBAqCX;AArCD,WAAY,yBAAyB;IACnC,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,0CAAa,CAAA;IACb,sDAAyB,CAAA;IACzB,4CAAe,CAAA;IACf,gDAAmB,CAAA;IACnB,4CAAe,CAAA;IACf,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,4CAAe,CAAA;AACjB,CAAC,EArCW,yBAAyB,KAAzB,yBAAyB,QAqCpC;AAQD,MAAM,CAAC,MAAM,aAAa,GAAwC;IAChE,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,aAAa;IAC5C,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,aAAa;IACnD,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,cAAc;IAC9C,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,cAAc;IACrD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,YAAY;IAC1C,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,YAAY;IACjD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,SAAS;CACrC,CAAC","sourcesContent":["export const eventRibbonBackgroundColors = [\"Mango1\", \"Mango2\", \"Mango3\", \"Mango4\", \"Red1\", \"Red2\", \"Red3\", \"Red4\", \"Raspberry1\", \"Raspberry2\", \"Raspberry3\", \"Raspberry4\", \"Pink1\", \"Pink2\", \"Pink3\", \"Pink4\", \"Indigo1\", \"Indigo2\", \"Indigo3\", \"Indigo4\", \"Blue1\", \"Blue2\", \"Blue3\", \"Blue4\", \"Teal1\", \"Teal2\", \"Teal3\", \"Teal4\", \"Green1\", \"Green2\", \"Green3\", \"Green4\", \"Grey1\", \"Grey2\", \"Grey3\", \"Grey4\"];\n\nexport enum UDExEventRibbonIcon {\n  addCalendar = \"add-calendar\",\n  mediaPlay = \"media-play\"\n}\n\nexport enum UDExEventRibbonMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n\nexport enum UDExEventRibbonLogo {\n  sapphire = \"sapphire\",\n  sapphireStacked = \"sapphire-stacked\",\n  connect = \"connect\",\n  connectStacked = \"connect-stacked\",\n  teched = \"teched\",\n  techedStacked = \"teched-stacked\",\n  now = \"now\"\n}\n\nexport enum UDExEventRibbonColorSheme {\n  Mango1 = \"Mango1\",\n  Red1 = \"Red1\",\n  Raspberry1 = \"Raspberry1\",\n  Pink1 = \"Pink1\",\n  Indigo1 = \"Indigo1\",\n  Blue1 = \"Blue1\",\n  Teal1 = \"Teal1\",\n  Green1 = \"Green1\",\n  Grey1 = \"Grey1\",\n  Mango2 = \"Mango2\",\n  Red2 = \"Red2\",\n  Raspberry2 = \"Raspberry2\",\n  Pink2 = \"Pink2\",\n  Indigo2 = \"Indigo2\",\n  Blue2 = \"Blue2\",\n  Teal2 = \"Teal2\",\n  Green2 = \"Green2\",\n  Grey2 = \"Grey2\",\n  Mango3 = \"Mango3\",\n  Red3 = \"Red3\",\n  Raspberry3 = \"Raspberry3\",\n  Pink3 = \"Pink3\",\n  Indigo3 = \"Indigo3\",\n  Blue3 = \"Blue3\",\n  Teal3 = \"Teal3\",\n  Green3 = \"Green3\",\n  Grey3 = \"Grey3\",\n  Mango4 = \"Mango4\",\n  Red4 = \"Red4\",\n  Raspberry4 = \"Raspberry4\",\n  Pink4 = \"Pink4\",\n  Indigo4 = \"Indigo4\",\n  Blue4 = \"Blue4\",\n  Teal4 = \"Teal4\",\n  Green4 = \"Green4\",\n  Grey4 = \"Grey4\",\n}\n\nexport type UDExEventRibbonLink = {\n  target: string,\n  url: string,\n  text: string,\n}\n\nexport const eventLogoText: Record<UDExEventRibbonLogo, string> = {\n  [UDExEventRibbonLogo.connect]: \"SAP Connect\",\n  [UDExEventRibbonLogo.connectStacked]: \"SAP Connect\",\n  [UDExEventRibbonLogo.sapphire]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.sapphireStacked]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.teched]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.techedStacked]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.now]: \"SAP Now\",\n};\n"]}
+{"version":3,"file":"EventRibbon.js","sourceRoot":"","sources":["../../src/types/EventRibbon.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhZ,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,mDAA4B,CAAA;IAC5B,+CAAwB,CAAA;AAC1B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,2DAAoC,CAAA;IACpC,0CAAmB,CAAA;IACnB,yDAAkC,CAAA;IAClC,wCAAiB,CAAA;IACjB,uDAAgC,CAAA;IAChC,kCAAW,CAAA;AACb,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B;AAED,MAAM,CAAN,IAAY,0BAqCX;AArCD,WAAY,0BAA0B;IACpC,+CAAiB,CAAA;IACjB,2CAAa,CAAA;IACb,uDAAyB,CAAA;IACzB,6CAAe,CAAA;IACf,iDAAmB,CAAA;IACnB,6CAAe,CAAA;IACf,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,2CAAa,CAAA;IACb,uDAAyB,CAAA;IACzB,6CAAe,CAAA;IACf,iDAAmB,CAAA;IACnB,6CAAe,CAAA;IACf,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,2CAAa,CAAA;IACb,uDAAyB,CAAA;IACzB,6CAAe,CAAA;IACf,iDAAmB,CAAA;IACnB,6CAAe,CAAA;IACf,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,2CAAa,CAAA;IACb,uDAAyB,CAAA;IACzB,6CAAe,CAAA;IACf,iDAAmB,CAAA;IACnB,6CAAe,CAAA;IACf,6CAAe,CAAA;IACf,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EArCW,0BAA0B,KAA1B,0BAA0B,QAqCrC;AAQD,MAAM,CAAC,MAAM,aAAa,GAAwC;IAChE,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,aAAa;IAC5C,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,aAAa;IACnD,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,cAAc;IAC9C,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,cAAc;IACrD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,YAAY;IAC1C,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,YAAY;IACjD,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE,SAAS;CACrC,CAAC","sourcesContent":["export const eventRibbonBackgroundColors = [\"Mango1\", \"Mango2\", \"Mango3\", \"Mango4\", \"Red1\", \"Red2\", \"Red3\", \"Red4\", \"Raspberry1\", \"Raspberry2\", \"Raspberry3\", \"Raspberry4\", \"Pink1\", \"Pink2\", \"Pink3\", \"Pink4\", \"Indigo1\", \"Indigo2\", \"Indigo3\", \"Indigo4\", \"Blue1\", \"Blue2\", \"Blue3\", \"Blue4\", \"Teal1\", \"Teal2\", \"Teal3\", \"Teal4\", \"Green1\", \"Green2\", \"Green3\", \"Green4\", \"Grey1\", \"Grey2\", \"Grey3\", \"Grey4\"];\n\nexport enum UDExEventRibbonIcon {\n  addCalendar = \"add-calendar\",\n  mediaPlay = \"media-play\"\n}\n\nexport enum UDExEventRibbonMode {\n  dark = \"dark\",\n  light = \"light\"\n}\n\nexport enum UDExEventRibbonLogo {\n  sapphire = \"sapphire\",\n  sapphireStacked = \"sapphire-stacked\",\n  connect = \"connect\",\n  connectStacked = \"connect-stacked\",\n  teched = \"teched\",\n  techedStacked = \"teched-stacked\",\n  now = \"now\"\n}\n\nexport enum UDExEventRibbonColorScheme {\n  Mango1 = \"Mango1\",\n  Red1 = \"Red1\",\n  Raspberry1 = \"Raspberry1\",\n  Pink1 = \"Pink1\",\n  Indigo1 = \"Indigo1\",\n  Blue1 = \"Blue1\",\n  Teal1 = \"Teal1\",\n  Green1 = \"Green1\",\n  Grey1 = \"Grey1\",\n  Mango2 = \"Mango2\",\n  Red2 = \"Red2\",\n  Raspberry2 = \"Raspberry2\",\n  Pink2 = \"Pink2\",\n  Indigo2 = \"Indigo2\",\n  Blue2 = \"Blue2\",\n  Teal2 = \"Teal2\",\n  Green2 = \"Green2\",\n  Grey2 = \"Grey2\",\n  Mango3 = \"Mango3\",\n  Red3 = \"Red3\",\n  Raspberry3 = \"Raspberry3\",\n  Pink3 = \"Pink3\",\n  Indigo3 = \"Indigo3\",\n  Blue3 = \"Blue3\",\n  Teal3 = \"Teal3\",\n  Green3 = \"Green3\",\n  Grey3 = \"Grey3\",\n  Mango4 = \"Mango4\",\n  Red4 = \"Red4\",\n  Raspberry4 = \"Raspberry4\",\n  Pink4 = \"Pink4\",\n  Indigo4 = \"Indigo4\",\n  Blue4 = \"Blue4\",\n  Teal4 = \"Teal4\",\n  Green4 = \"Green4\",\n  Grey4 = \"Grey4\",\n}\n\nexport type UDExEventRibbonLink = {\n  target: string,\n  url: string,\n  text: string,\n}\n\nexport const eventLogoText: Record<UDExEventRibbonLogo, string> = {\n  [UDExEventRibbonLogo.connect]: \"SAP Connect\",\n  [UDExEventRibbonLogo.connectStacked]: \"SAP Connect\",\n  [UDExEventRibbonLogo.sapphire]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.sapphireStacked]: \"SAP Sapphire\",\n  [UDExEventRibbonLogo.teched]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.techedStacked]: \"SAP TechEd\",\n  [UDExEventRibbonLogo.now]: \"SAP Now\",\n};\n"]}

package/dist/utils/translate.d.ts

@@ -0,0 +1,7 @@
+import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+declare const translate: (component: {
+    i18nBundle?: {
+        getText: (key: I18nText, ...params: Array<number | string>) => string;
+    };
+}, textKey: I18nText, ...params: Array<number | string>) => string;
+export default translate;

package/dist/utils/translate.js

@@ -0,0 +1,15 @@
+const translate = (component, textKey, ...params) => {
+    const translations = window["udex-config"]?.translations;
+    if (translations && translations[textKey.key]) {
+        return translations[textKey.key];
+    }
+    if (!component.i18nBundle) {
+        return "";
+    }
+    if (params) {
+        return component.i18nBundle.getText(textKey, ...params);
+    }
+    return component.i18nBundle.getText(textKey);
+};
+export default translate;
+//# sourceMappingURL=translate.js.map

package/dist/utils/translate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translate.js","sourceRoot":"","sources":["../../src/utils/translate.ts"],"names":[],"mappings":"AAGA,MAAM,SAAS,GAAG,CAAC,SAAqG,EAAE,OAAiB,EAAE,GAAG,MAA8B,EAAU,EAAE;IACxL,MAAM,YAAY,GAA4B,MAAc,CAAC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC1F,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAC9C,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { UDExCustomTranslations } from \"../types/CustomTranslations.js\";\n\nconst translate = (component: { i18nBundle?: { getText: (key: I18nText, ...params: Array<number | string>) => string } }, textKey: I18nText, ...params: Array<number | string>): string => {\n  const translations: UDExCustomTranslations = (window as any)[\"udex-config\"]?.translations;\n  if (translations && translations[textKey.key]) {\n    return translations[textKey.key];\n  }\n\n  if (!component.i18nBundle) {\n    return \"\";\n  }\n\n  if (params) {\n    return component.i18nBundle.getText(textKey, ...params);\n  }\n\n  return component.i18nBundle.getText(textKey);\n};\n\nexport default translate;\n"]}

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

@@ -435,7 +435,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",
+      "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 - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "preselected-country",
@@ -451,6 +451,71 @@
           "name": "hide-flag-images",
           "description": "Allows to hide the flag images in the country selector.",
           "values": []
+        },
+        {
+          "name": "tab-navigation-enabled",
+          "description": "Enables tab navigation for the list.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
+        {
+          "name": "busy",
+          "description": "Defines if the component would display a loading indicator.",
+          "values": []
+        },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
+        {
+          "name": "busy-delay",
+          "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+          "values": []
+        },
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "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": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "default-accessible-role",
+          "description": "Defines the default accessible role for the list component.",
+          "values": []
         }
       ],
       "references": []
@@ -596,7 +661,7 @@
         {
           "name": "background-color-scheme",
           "description": "Defines the solid background color.",
-          "values": [{ "name": "UDExEventRibbonColorSheme" }]
+          "values": [{ "name": "UDExEventRibbonColorScheme" }]
         },
         {
           "name": "background-image",
@@ -1273,6 +1338,61 @@
       ],
       "references": []
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "grayscale",
+          "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "headline",
+          "description": "Defines the header text of the component.",
+          "values": []
+        },
+        {
+          "name": "link-label",
+          "description": "Defines the link label of the component.",
+          "values": []
+        },
+        { "name": "href", "description": "Defines link URL", "values": [] },
+        {
+          "name": "src",
+          "description": "Defines the source URL of the image",
+          "values": []
+        },
+        {
+          "name": "alt",
+          "description": "Defines image alt text",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "Defines tooltip on hover",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Defines target for the mage grid table item.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "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.",
@@ -1287,7 +1407,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",
+      "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.",
       "attributes": [
         {
           "name": "src",
@@ -2068,7 +2188,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 - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\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-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector 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- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\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\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\n\n\n\n### **Events:**\n - **mobile-menu-open** - Fired event when the user clicks the mobile menu button opener.\n- **mobile-menu-close** - Fired event when the user clicks the mobile menu button closer.\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-opened** - Fired event when the search panel is opened.\n- **search-closed** - Fired event when the search panel is closed.\n- **joule-click** - Fired event when the user clicks the joule button trigger.\n- **cart-click** - Fired event when the user clicks the cart button trigger.\n- **support-click** - Fired event when the user clicks the support button trigger.\n- **profile-click** - Fired event when the user clicks the profile button trigger.\n- **country-selector-click** - Fired event when the user clicks the country selector 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- **co-brand-click** - Fired event when the user clicks the co-brand.\n\n### **Methods:**\n - **closeSearch(): _void_** - Close the search panel.\n- **openSearch(): _void_** - Open the search panel.\n- **openMobileMenu(): _void_** - Open the mobile menu panel.\n- **closeMobileMenu(): _void_** - Close the mobile menu panel.\n\n### **Slots:**\n - **countrySelector** - Slot for country selector item.\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- **joule** - Slot for joule menu\n- **profile** - Slot for avatar\n- **support** - Slot for support",
       "attributes": [
         {
           "name": "home-url",
@@ -2150,6 +2270,11 @@
           "description": "Defines an accessible name for close icon for the search bar",
           "values": []
         },
+        {
+          "name": "open-search-button-accessible-name",
+          "description": "Defines an accessible name for open search icon",
+          "values": []
+        },
         {
           "name": "mobile-close-button-accessible-name",
           "description": "Defines an accessible name for the close mobile menu button",
@@ -2849,7 +2974,7 @@
     },
     {
       "name": "udex-searchable-list-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> and <code>UDExSelectBox</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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
+      "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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "tab-navigation-enabled",
@@ -3079,7 +3204,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 - **remove** - Fired event when the user remove tag.\n- **show-more** - Fired event when the user clicks on the More button.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.",
+      "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 - **remove** - Fired event when the user remove tag.\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- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
       "attributes": [
         {
           "name": "disable-target-overlap",
@@ -3095,6 +3220,71 @@
             { "name": "Top" },
             { "name": "Bottom" }
           ]
+        },
+        {
+          "name": "tab-navigation-enabled",
+          "description": "Enables tab navigation for the list.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Allows control over the height.",
+          "values": []
+        },
+        {
+          "name": "prevent-page-scroll",
+          "description": "Defines if page scrolling should be prevented within the list of items.",
+          "values": []
+        },
+        {
+          "name": "busy",
+          "description": "Defines if the component would display a loading indicator.",
+          "values": []
+        },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
+        {
+          "name": "busy-delay",
+          "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+          "values": []
+        },
+        {
+          "name": "no-result-text",
+          "description": "Defines the \"no result\" text of the component.",
+          "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": "mode",
+          "description": "Defines the mode of the component.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "default-accessible-role",
+          "description": "Defines the default accessible role for the list component.",
+          "values": []
         }
       ],
       "references": []
@@ -4184,7 +4374,7 @@
     },
     {
       "name": "udex-toast",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\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\n---\n\n\n",
       "attributes": [
         {
           "name": "value-state",
@@ -4383,6 +4573,16 @@
           "description": "Defines the link of the uploaded file.",
           "values": []
         },
+        {
+          "name": "file-target",
+          "description": "Defines the file target.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
         {
           "name": "upload-percentage",
           "description": "Defines the percentage of the upload.",