@sapudex/web-components 2.29.0 → 2.31.0

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

@@ -71,7 +71,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\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\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.",
       "attributes": [
         {
           "name": "initials",
@@ -928,7 +928,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\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\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -988,19 +988,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         { "name": "_is-filter-select-all-item", "values": [] },
         {
@@ -1056,19 +1061,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1128,12 +1138,17 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
@@ -1564,12 +1579,7 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
         },
         {
           "name": "height",
@@ -1601,7 +1611,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\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\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1661,19 +1671,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "name": "udex-list-group-header-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\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": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -1733,19 +1748,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         {
           "name": "image-badge-state",
@@ -1873,19 +1893,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "name": "udex-list-item-base",
-      "description": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\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": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\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.",
       "attributes": [
         {
           "name": "label",
@@ -1940,19 +1965,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -2012,12 +2042,17 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
@@ -2518,7 +2553,11 @@
         {
           "name": "display",
           "description": "Define display purpose.",
-          "values": [{ "name": "desktop" }, { "name": "mobile" }]
+          "values": [
+            { "name": "desktop" },
+            { "name": "mobile" },
+            { "name": "auto" }
+          ]
         },
         {
           "name": "current-page-index",
@@ -2698,6 +2737,11 @@
       "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\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.",
       "attributes": [
+        {
+          "name": "background-gradient",
+          "description": "Allows control over setting the CSS gradient.",
+          "values": []
+        },
         {
           "name": "orientation",
           "description": "Defines the orientation of the Promo Tile component.",
@@ -3316,7 +3360,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\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\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.",
       "attributes": [
         {
           "name": "label",
@@ -3376,19 +3420,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         {
           "name": "additional-text",
@@ -3459,19 +3508,24 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []
     },
     {
       "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\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\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.",
       "attributes": [
         {
           "name": "non-interactive",
@@ -3531,12 +3585,17 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [
-            { "name": "Circle" },
-            { "name": "Number" },
-            { "name": "None" },
-            { "name": "Icon" }
-          ]
+          "values": [{ "name": "None" }, { "name": "Icon" }]
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
         }
       ],
       "references": []