@sapudex/web-components 2.29.0 → 2.31.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.31.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": [
             {
@@ -2089,10 +2097,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +2121,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": {
@@ -2165,9 +2184,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +2205,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": [
             {
@@ -2245,10 +2276,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +2297,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": {
@@ -2317,9 +2359,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +2380,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": [
             {
@@ -2398,10 +2452,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +2479,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": {
@@ -2477,9 +2542,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +2563,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."
               }
             ]
           }
@@ -3504,10 +3581,7 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
             },
             {
               "name": "height",
@@ -3566,9 +3640,7 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"None\" | \"Icon\"" }
               },
               {
                 "name": "height",
@@ -3606,7 +3678,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": [
             {
@@ -3668,10 +3740,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +3771,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": {
@@ -3751,9 +3834,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +3859,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": [
             {
@@ -3898,10 +3993,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +4027,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": {
@@ -4038,9 +4144,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +4173,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": [
             {
@@ -4127,10 +4245,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +4276,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": {
@@ -4210,9 +4339,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +4364,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."
               }
             ]
           }
@@ -5552,7 +5693,7 @@
               "name": "display",
               "description": "Define display purpose.",
               "value": {
-                "type": "\"desktop\" | \"mobile\"",
+                "type": "\"desktop\" | \"mobile\" | \"auto\"",
                 "default": "\"desktop\""
               }
             },
@@ -5583,7 +5724,7 @@
               {
                 "name": "display",
                 "description": "Define display purpose.",
-                "value": { "type": "\"desktop\" | \"mobile\"" }
+                "value": { "type": "\"desktop\" | \"mobile\" | \"auto\"" }
               },
               {
                 "name": "current-page-index",
@@ -5939,6 +6080,11 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-promo-tile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n---\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **default** - Defines the text content of the Promo Tile.\n- **pictogram** - Defines the custom pictogram of the Promo Tile.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "background-gradient",
+              "description": "Allows control over setting the CSS gradient.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "orientation",
               "description": "Defines the orientation of the Promo Tile component.",
@@ -6017,6 +6163,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "background-gradient",
+                "description": "Allows control over setting the CSS gradient.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "orientation",
                 "description": "Defines the orientation of the Promo Tile component.",
@@ -7133,7 +7284,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": [
             {
@@ -7195,10 +7346,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +7373,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": {
@@ -7274,9 +7436,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +7457,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": [
             {
@@ -7363,10 +7537,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +7563,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": {
@@ -7448,9 +7633,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +7654,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": [
             {
@@ -7529,10 +7726,17 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": {
-                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
-                "default": "\"None\""
-              }
+              "value": { "type": "\"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 +7753,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": {
@@ -7608,9 +7816,17 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": {
-                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
-                }
+                "value": { "type": "\"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 +7837,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."
               }
             ]
           }