@sapudex/web-components 2.29.0 → 2.30.0

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.29.0",
+  "version": "2.30.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -180,7 +180,7 @@
         },
         {
           "name": "udex-avatar",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\n\n### **Slots:**\n - **default** - Receives the desired <img> tag\n- **badge** - Defines the optional badge that will be used for visual affordance.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-avatar</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Avatar.js\";</code>\n---\n\n\n### **Events:**\n - **click** - Fires when the avatar is clicked.\n- **click-default** - Fires when the avatar is clicked.\n\n### **Slots:**\n - **default** - Receives the desired <img> tag\n- **badge** - Defines the optional badge that will be used for visual affordance.",
           "doc-url": "",
           "attributes": [
             {
@@ -257,6 +257,10 @@
             {
               "name": "click",
               "description": "Fires when the avatar is clicked."
+            },
+            {
+              "name": "click-default",
+              "description": "Fires when the avatar is clicked."
             }
           ],
           "js": {
@@ -318,6 +322,10 @@
               {
                 "name": "click",
                 "description": "Fires when the avatar is clicked."
+              },
+              {
+                "name": "click-default",
+                "description": "Fires when the avatar is clicked."
               }
             ]
           }
@@ -2027,7 +2035,7 @@
         },
         {
           "name": "udex-filter-menu-group-header",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for  list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for  list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -2093,6 +2101,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -2106,6 +2124,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -2168,6 +2190,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -2178,13 +2210,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-filter-menu-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.",
           "doc-url": "",
           "attributes": [
             {
@@ -2249,6 +2285,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "events": [
@@ -2259,6 +2305,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -2320,6 +2370,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -2330,13 +2390,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-filter-menu-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -2402,6 +2466,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -2418,6 +2492,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -2480,6 +2558,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -2490,6 +2578,10 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
@@ -3606,7 +3698,7 @@
         },
         {
           "name": "udex-list-group-header",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **header-press** - Fired when selectable group header is pressed\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **header-press** - Fired when selectable group header is pressed\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -3672,6 +3764,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3692,6 +3794,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -3754,6 +3860,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -3768,13 +3884,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-list-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n---\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
           "doc-url": "",
           "attributes": [
             {
@@ -3902,6 +4022,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -3925,6 +4055,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -4041,6 +4175,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -4059,13 +4203,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-list-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **select-all** - Fired when the user clicks on the Select All header.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **select-all** - Fired when the user clicks on the Select All header.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -4131,6 +4279,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -4151,6 +4309,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -4213,6 +4375,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -4227,6 +4399,10 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
@@ -7133,7 +7309,7 @@
         },
         {
           "name": "udex-select-box-group-header",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -7199,6 +7375,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -7215,6 +7401,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -7277,6 +7467,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -7287,13 +7487,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-select-box-item",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.\n- **default** - Slot for item content.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.\n- **default** - Slot for item content.",
           "doc-url": "",
           "attributes": [
             {
@@ -7367,6 +7571,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -7382,6 +7596,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -7451,6 +7669,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -7461,13 +7689,17 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }
         },
         {
           "name": "udex-select-box-select-all",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n---\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n- **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
           "doc-url": "",
           "attributes": [
             {
@@ -7533,6 +7765,16 @@
                 "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
                 "default": "\"None\""
               }
+            },
+            {
+              "name": "collapsible",
+              "description": "Defines if grouping header can collapse/expand child elements.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "collapsed",
+              "description": "Defines if collapsible grouping header is collapsed or expanded",
+              "value": { "type": "boolean", "default": "undefined" }
             }
           ],
           "slots": [
@@ -7549,6 +7791,10 @@
             {
               "name": "second-icon-click",
               "description": "Fired event when the user click on a second icon."
+            },
+            {
+              "name": "accordion-icon-click",
+              "description": "Triggered when the user clicks on an accordion item."
             }
           ],
           "js": {
@@ -7611,6 +7857,16 @@
                 "value": {
                   "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
                 }
+              },
+              {
+                "name": "collapsible",
+                "description": "Defines if grouping header can collapse/expand child elements.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "collapsed",
+                "description": "Defines if collapsible grouping header is collapsed or expanded",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [
@@ -7621,6 +7877,10 @@
               {
                 "name": "second-icon-click",
                 "description": "Fired event when the user click on a second icon."
+              },
+              {
+                "name": "accordion-icon-click",
+                "description": "Triggered when the user clicks on an accordion item."
               }
             ]
           }

package/package.json

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

package/src/Avatar.ts

@@ -87,10 +87,17 @@ const UDExToUi5ColorSchemeMap = {
  * @public
  */
 @event("click", { bubbles: true })
+/**
+ * Fires when the avatar is clicked.
+ *
+ * @public
+ */
+@event("click-default", { bubbles: true })
 
 class UDExAvatar extends UI5Element {
   eventDetails!: {
     "click": void,
+    "click-default": void,
   };
   /**
    * Defines the displayed initials.
@@ -210,7 +217,9 @@ class UDExAvatar extends UI5Element {
     e.stopPropagation();
     if (this.interactive) {
       this.fireDecoratorEvent("click");
+      return;
     }
+    this.fireDecoratorEvent("click-default");
   }
 
   /**