@sapudex/web-components 2.28.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.28.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."
               }
             ]
           }
@@ -4236,6 +4412,16 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadCountrySelector.js\";</code>\n---\n\n\n### **Events:**\n - **region-item-click** - Fires when region item is clicked\n- **country-item-click** - Fires when region item is clicked\n- **country-selector-search** - Fired event when the user typed to search field.",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "active-country-code",
+              "description": "Defines active country code of the regions menu",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "active-country-url",
+              "description": "Defines active country url of the regions menu",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "region-title",
               "description": "Defines title of the regions menu",
@@ -4283,6 +4469,16 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "active-country-code",
+                "description": "Defines active country code of the regions menu",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "active-country-url",
+                "description": "Defines active country url of the regions menu",
+                "value": { "type": "string" }
+              },
               {
                 "name": "region-title",
                 "description": "Defines title of the regions menu",
@@ -5435,6 +5631,16 @@
               "name": "hide-close-button",
               "description": "Defines whether the MessageStrip renders close button.",
               "value": { "type": "boolean" }
+            },
+            {
+              "name": "close-icon-accessible-name",
+              "description": "Defines accessible name for close icon",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "close-icon-tooltip",
+              "description": "Defines tooltip for close icon",
+              "value": { "type": "string", "default": "\"\"" }
             }
           ],
           "slots": [
@@ -5462,6 +5668,16 @@
                 "name": "hide-close-button",
                 "description": "Defines whether the MessageStrip renders close button.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "close-icon-accessible-name",
+                "description": "Defines accessible name for close icon",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "close-icon-tooltip",
+                "description": "Defines tooltip for close icon",
+                "value": { "type": "string" }
               }
             ],
             "events": []
@@ -5896,7 +6112,7 @@
         },
         {
           "name": "udex-promo-tile",
-          "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.",
+          "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": [
             {
@@ -5963,6 +6179,10 @@
             {
               "name": "default",
               "description": "Defines the text content of the Promo Tile."
+            },
+            {
+              "name": "pictogram",
+              "description": "Defines the custom pictogram of the Promo Tile."
             }
           ],
           "events": [
@@ -7089,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": [
             {
@@ -7155,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": [
@@ -7171,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": {
@@ -7233,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": [
@@ -7243,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": [
             {
@@ -7323,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": [
@@ -7338,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": {
@@ -7407,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": [
@@ -7417,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": [
             {
@@ -7489,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": [
@@ -7505,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": {
@@ -7567,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": [
@@ -7577,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."
               }
             ]
           }
@@ -8714,6 +9018,16 @@
               "name": "selected",
               "description": "Defines if tag is selected",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "non-selectable",
+              "description": "Toggle on/off nonSelectable property on tag",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "non-interactive",
+              "description": "Defined if tag should be nonSelectable and icon should be non-interactive",
+              "value": { "type": "boolean", "default": "true" }
             }
           ],
           "events": [
@@ -8783,6 +9097,16 @@
                 "name": "selected",
                 "description": "Defines if tag is selected",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "non-selectable",
+                "description": "Toggle on/off nonSelectable property on tag",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "non-interactive",
+                "description": "Defined if tag should be nonSelectable and icon should be non-interactive",
+                "value": { "type": "boolean" }
               }
             ],
             "events": [