@sapudex/web-components 2.20.1 → 2.22.0

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

@@ -717,6 +717,100 @@
       ],
       "references": []
     },
+    {
+      "name": "udex-feed",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Feed.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **items** - Slot for feed items.",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Defines the UI5 icon name in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "image-url",
+          "description": "Defines the image URL in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "image-label",
+          "description": "Defines the image aria label and alt in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "header",
+          "description": "Defines the header text of the component.",
+          "values": []
+        },
+        {
+          "name": "button",
+          "description": "Defines the CTA button label",
+          "values": []
+        },
+        {
+          "name": "button-design",
+          "description": "Defines the CTA button design",
+          "values": [{ "name": "UDExButtonDesign" }]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "udex-feed-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FeedItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **avatar** - Receives the avatar",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "Defines the link text",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "Defines the link text URL",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Defines target for the link",
+          "values": [{ "name": "UDExTarget" }]
+        },
+        {
+          "name": "details",
+          "description": "Defines the link text details",
+          "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the link.",
+          "values": []
+        },
+        {
+          "name": "date",
+          "description": "Defines the date of the event",
+          "values": []
+        },
+        {
+          "name": "location",
+          "description": "Defines the location of the event",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "Defines the UI5 icon name",
+          "values": []
+        },
+        {
+          "name": "icon-accessible-name",
+          "description": "Defines the UI5 icon label",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-filter-menu",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
@@ -1209,6 +1303,16 @@
           "name": "chinese-icp-number-link",
           "description": "Defines a href for the chinese ICP Number link",
           "values": []
+        },
+        {
+          "name": "chinese-icp-number",
+          "description": "Defines text for the chinese ICP Number",
+          "values": []
+        },
+        {
+          "name": "chinese-security-network-number",
+          "description": "Defines text for the chinese security network number",
+          "values": []
         }
       ],
       "references": []
@@ -1255,6 +1359,31 @@
       ],
       "references": []
     },
+    {
+      "name": "udex-image-grid-cloud",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for image grid cloud items.",
+      "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-cloud-item",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "Defines the source URL",
+          "values": []
+        },
+        { "name": "alt", "description": "Defines image alt text", "values": [] }
+      ],
+      "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.",
@@ -2903,7 +3032,7 @@
     },
     {
       "name": "udex-secondary-navigation",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **heading-click** - The event is triggered on user interaction with a secondary navigation heading\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
       "attributes": [
         {
           "name": "mobile-menu-opener-aria-label",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.20.1",
+  "version": "2.22.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1534,6 +1534,217 @@
             "events": []
           }
         },
+        {
+          "name": "udex-feed",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Feed.js\";</code>\n---\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **items** - Slot for feed items.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "icon",
+              "description": "Defines the UI5 icon name in the pictogram section.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "image-url",
+              "description": "Defines the image URL in the pictogram section.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "image-label",
+              "description": "Defines the image aria label and alt in the pictogram section.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "header",
+              "description": "Defines the header text of the component.",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "button",
+              "description": "Defines the CTA button label",
+              "value": { "type": "string | undefined", "default": "\"\"" }
+            },
+            {
+              "name": "button-design",
+              "description": "Defines the CTA button design",
+              "value": {
+                "type": "UDExButtonDesign",
+                "default": "\"UDExButtonDesign.Secondary\""
+              }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible ARIA name of the component.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [{ "name": "items", "description": "Slot for feed items." }],
+          "events": [
+            {
+              "name": "button-click",
+              "description": "Triggered when the user clicks on the CTA button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "icon",
+                "description": "Defines the UI5 icon name in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "image-url",
+                "description": "Defines the image URL in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "image-label",
+                "description": "Defines the image aria label and alt in the pictogram section.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "header",
+                "description": "Defines the header text of the component.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "button",
+                "description": "Defines the CTA button label",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "button-design",
+                "description": "Defines the CTA button design",
+                "value": { "type": "UDExButtonDesign" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible ARIA name of the component.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "button-click",
+                "description": "Triggered when the user clicks on the CTA button"
+              }
+            ]
+          }
+        },
+        {
+          "name": "udex-feed-item",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-feed-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FeedItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **avatar** - Receives the avatar",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "text",
+              "description": "Defines the link text",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "href",
+              "description": "Defines the link text URL",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "target",
+              "description": "Defines target for the link",
+              "value": { "type": "UDExTarget", "default": "UDExTarget._self" }
+            },
+            {
+              "name": "details",
+              "description": "Defines the link text details",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines the accessible ARIA name of the link.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "date",
+              "description": "Defines the date of the event",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "location",
+              "description": "Defines the location of the event",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "icon",
+              "description": "Defines the UI5 icon name",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
+            {
+              "name": "icon-accessible-name",
+              "description": "Defines the UI5 icon label",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [{ "name": "avatar", "description": "Receives the avatar" }],
+          "events": [
+            {
+              "name": "item-click",
+              "description": "Fires when item is clicked"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "text",
+                "description": "Defines the link text",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "href",
+                "description": "Defines the link text URL",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "target",
+                "description": "Defines target for the link",
+                "value": { "type": "UDExTarget" }
+              },
+              {
+                "name": "details",
+                "description": "Defines the link text details",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines the accessible ARIA name of the link.",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "date",
+                "description": "Defines the date of the event",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "location",
+                "description": "Defines the location of the event",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "icon",
+                "description": "Defines the UI5 icon name",
+                "value": { "type": "string | undefined" }
+              },
+              {
+                "name": "icon-accessible-name",
+                "description": "Defines the UI5 icon label",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": [
+              {
+                "name": "item-click",
+                "description": "Fires when item is clicked"
+              }
+            ]
+          }
+        },
         {
           "name": "udex-filter-menu",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n---\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **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.",
@@ -2532,6 +2743,16 @@
               "name": "chinese-icp-number-link",
               "description": "Defines a href for the chinese ICP Number link",
               "value": { "type": "string", "default": "chineseICPDefaultLink" }
+            },
+            {
+              "name": "chinese-icp-number",
+              "description": "Defines text for the chinese ICP Number",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "chinese-security-network-number",
+              "description": "Defines text for the chinese security network number",
+              "value": { "type": "string" }
             }
           ],
           "slots": [
@@ -2711,6 +2932,16 @@
                 "name": "chinese-icp-number-link",
                 "description": "Defines a href for the chinese ICP Number link",
                 "value": { "type": "string" }
+              },
+              {
+                "name": "chinese-icp-number",
+                "description": "Defines text for the chinese ICP Number",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "chinese-security-network-number",
+                "description": "Defines text for the chinese security network number",
+                "value": { "type": "string" }
               }
             ],
             "events": [
@@ -2863,6 +3094,68 @@
             "events": []
           }
         },
+        {
+          "name": "udex-image-grid-cloud",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloud.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Slot for image grid cloud items.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "grayscale",
+              "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+              "value": { "type": "boolean | undefined", "default": "undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Slot for image grid cloud items."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "grayscale",
+                "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
+                "value": { "type": "boolean | undefined" }
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "udex-image-grid-cloud-item",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-image-grid-cloud-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ImageGridCloudItem.js\";</code>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "src",
+              "description": "Defines the source URL",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "alt",
+              "description": "Defines image alt text",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "src",
+                "description": "Defines the source URL",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "alt",
+                "description": "Defines image alt text",
+                "value": { "type": "string" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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### **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.",
@@ -2871,7 +3164,7 @@
             {
               "name": "grayscale",
               "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "boolean | undefined", "default": "undefined" }
             }
           ],
           "slots": [
@@ -2891,7 +3184,7 @@
               {
                 "name": "grayscale",
                 "description": "Grayscale mode enhances visual harmony and can be used for minimal,\nprofessional layouts or to de-emphasize logos.",
-                "value": { "type": "boolean" }
+                "value": { "type": "boolean | undefined" }
               }
             ],
             "events": [
@@ -6262,7 +6555,7 @@
         },
         {
           "name": "udex-secondary-navigation",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-secondary-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n---\n\n\n### **Events:**\n - **item-click** - Fires when item is clicked\n- **heading-click** - The event is triggered on user interaction with a secondary navigation heading\n\n### **Slots:**\n - **breadcrumbs** - Slot for breadcrumbs.\n- **buttons** - Slot for action buttons.",
           "doc-url": "",
           "attributes": [
             {
@@ -6299,6 +6592,10 @@
             {
               "name": "item-click",
               "description": "Fires when item is clicked"
+            },
+            {
+              "name": "heading-click",
+              "description": "The event is triggered on user interaction with a secondary navigation heading"
             }
           ],
           "js": {
@@ -6333,6 +6630,10 @@
               {
                 "name": "item-click",
                 "description": "Fires when item is clicked"
+              },
+              {
+                "name": "heading-click",
+                "description": "The event is triggered on user interaction with a secondary navigation heading"
               }
             ]
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.20.1",
+  "version": "2.22.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Accordion.ts

@@ -60,6 +60,7 @@ type UDExAccordionToggleItemsEventDetail = {
  * Triggered when the user clicks on the Expand/Collapse All button..
  *
  * @public
+ * @param {boolean} isOpen Indicates whether all items are expanded or collapsed
  */
 @event("toggle-items", { bubbles: true })
 

package/src/AccordionItem.ts

@@ -58,6 +58,8 @@ type UDExAccordionItemClickEventDetail = {
 /**
  * Triggered when the user clicks on an accordion item.
  * @public
+ * @param { string } name
+ * @param { boolean } expanded
  */
 @event("accordion-item-click", { bubbles: true })
 

package/src/AssetsVariables.ts

@@ -58,6 +58,11 @@ const variablesOverwrite = `
     ${getScopedVarName("--_ui5_input_focus_outline_color")}: var(--sapContent_FocusColor);
   }
 
+  [udex-feed],
+  [udex-promo-tile] {
+    ${getScopedVarName("--_ui5_icon_transform_scale")}: none;
+  }
+
   .sapUiSizeCompact,
   .ui5-content-density-compact,
   [data-ui5-compact-size] {

package/src/Breadcrumbs.ts

@@ -62,6 +62,11 @@ type UDExBreadcrumbsItemClickEventDetail = {
 })
 /**
  * @public
+ * @param { UDExBreadcrumbsItem } item The clicked breadcrumb item
+ * @param { boolean } altKey
+ * @param { boolean } ctrlKey
+ * @param { boolean } metaKey
+ * @param { boolean } shiftKey
  */
 @event("item-click", { cancelable: true, bubbles: true })
 

package/src/ContactItem.ts

@@ -48,6 +48,8 @@ type UDExContactItemClickEventDetail = {
  * Fires when item is clicked
  *
  * @public
+ * @param {Event} originalEvent the original event object
+ * @param {UDExContactItem} item the clicked item
  */
 @event("item-click", {
   bubbles: true,

package/src/CountrySelector.ts

@@ -99,6 +99,7 @@ type UDExCountrySelectorChangeSearchEventDetail = {
  * Fired event when the user submitted the value in the search.
  *
  * @public
+ * @param {string} value The current value of the search field
  */
 @event("change-search", { bubbles: true })
 

package/src/DatePicker.ts

@@ -67,6 +67,7 @@ type UDExDatePickerValueStateChangeEventDetail = {
  * @allowPreventDefault
  * @param {Array<string>} selectedValues The selected dates
  * @param {Array<number>} selectedDates The selected dates as UTC timestamps
+ * @param {number} timestamp The last selected date as UTC timestamp
  * @public
  */
 @event("selection-change", { cancelable: true, bubbles: true })
@@ -77,7 +78,7 @@ type UDExDatePickerValueStateChangeEventDetail = {
  * prevented, the component will not update the value state.
  * @allowPreventDefault
  * @public
- * @param {string} UDExValueState The new `UDExValueState` that will be set.
+ * @param {UDExValueState} valueState The new `UDExValueState` that will be set.
  * @param {boolean} valid Indicator if the value is in between the min and max value.
  */
 @event("value-state-change", { bubbles: true })