@ds-autonomie/web-components 2.20.0 → 2.21.0

package/cdn/utilities/storybook.js

@@ -1,4 +1,4 @@
-import"../chunks/chunk.KX5QV54N.js";import"../chunks/chunk.5B4NN6DN.js";import"../chunks/chunk.CUYQOZPJ.js";import"../chunks/chunk.TYYYX2PR.js";import"../chunks/chunk.KLRPP4NQ.js";import"../chunks/chunk.HHVNQNCC.js";import"../chunks/chunk.TV2TMO2H.js";import"../chunks/chunk.B4KFHYLS.js";import"../chunks/chunk.LBAIMDY3.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.ZBHHLRFH.js";import"../chunks/chunk.BWEPOOQP.js";import"../chunks/chunk.KBZ32KWP.js";import"../chunks/chunk.UMC4I57R.js";import"../chunks/chunk.6G2FNLAV.js";import{a}from"../chunks/chunk.GP725TPQ.js";import"../chunks/chunk.IZ2HVRME.js";var i={name:"updateComplete",description:"A read-only promise that resolves when the component has finished updating",table:{type:{summary:"() => void"}}},c=(r,t)=>Object.fromEntries(Object.entries(r).reduce((e,o)=>o[0].startsWith(t)?[...e,[o[0].replace(t,""),o[1]]]:e,[])),l=(r,t)=>Object.fromEntries(Object.entries(r).reduce((e,o)=>o[0].startsWith(t)?e:[...e,[o[0],o[1]]],[])),d=(r,t)=>{var e;return a` <div
+import"../chunks/chunk.CWRA4UT2.js";import"../chunks/chunk.5B4NN6DN.js";import"../chunks/chunk.J34FMZ22.js";import"../chunks/chunk.TYYYX2PR.js";import"../chunks/chunk.KLRPP4NQ.js";import"../chunks/chunk.HHVNQNCC.js";import"../chunks/chunk.TV2TMO2H.js";import"../chunks/chunk.B4KFHYLS.js";import"../chunks/chunk.Q54GPNUS.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.ZBHHLRFH.js";import"../chunks/chunk.BWEPOOQP.js";import"../chunks/chunk.KBZ32KWP.js";import"../chunks/chunk.UMC4I57R.js";import"../chunks/chunk.6G2FNLAV.js";import{a}from"../chunks/chunk.GP725TPQ.js";import"../chunks/chunk.IZ2HVRME.js";var i={name:"updateComplete",description:"A read-only promise that resolves when the component has finished updating",table:{type:{summary:"() => void"}}},c=(r,t)=>Object.fromEntries(Object.entries(r).reduce((e,o)=>o[0].startsWith(t)?[...e,[o[0].replace(t,""),o[1]]]:e,[])),l=(r,t)=>Object.fromEntries(Object.entries(r).reduce((e,o)=>o[0].startsWith(t)?e:[...e,[o[0],o[1]]],[])),d=(r,t)=>{var e;return a` <div
     style="background-color:var(--dsa-color-surface-${(e=t.args.variant)!=null?e:"base"}); padding:20px;"
   >
     ${r()}
@@ -7,7 +7,7 @@ import"../chunks/chunk.KX5QV54N.js";import"../chunks/chunk.5B4NN6DN.js";import".
   >
     ${r()}
   </div>`,p=(r,t)=>a` <div
-    style=" padding:20px; background-color:var(${(o=>{switch(o){case"layer":return"--dsa-color-surface-layer";case"floating":return"--dsa-color-surface-floatting-menu";case"base":default:return"--dsa-color-surface-base"}})(t.args.variant)})"
+    style=" padding:20px; background-color:var(${(o=>{switch(o){case"layer":return"--dsa-color-surface-layer";case"floating":return"--dsa-color-surface-floatting-menu";default:return"--dsa-color-surface-base"}})(t.args.variant)})"
   >
     ${r()}
   </div>`,g=r=>{function t(){let e=document.querySelector("dsa-drawer");e&&(e.open=!e.open)}return a`

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

@@ -325,6 +325,28 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-banner",
+      "description": "Banners are used to display key information in a contrasted area with optional actions.\n---\n\n\n### **Events:**\n - **dsa-close** - Emitted when the user closes the banner.\n\n### **Slots:**\n - _default_ - The banner's message content.\n- **icon** - Optional icon content.\n- **action** - Optional action content.",
+      "attributes": [
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows users to dismiss the banner.",
+          "values": []
+        },
+        {
+          "name": "mobile",
+          "description": "Enables compact mobile layout.",
+          "values": []
+        },
+        {
+          "name": "close-label",
+          "description": "Accessible label for the close button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.",
@@ -1475,6 +1497,32 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-filter-button",
+      "description": "Filter Button is used to toggle a filter list of options, and display the selected values.\n---\n",
+      "attributes": [
+        { "name": "label", "description": "The filter's label", "values": [] },
+        {
+          "name": "selected-option",
+          "description": "The selected option label. Will be displayed in the button if only one option is selected.",
+          "values": []
+        },
+        {
+          "name": "selection-count",
+          "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
+          "values": []
+        },
+        {
+          "name": "tabindex",
+          "description": "The tab index of the filter button",
+          "values": []
+        },
+        { "name": "disabled", "values": [] },
+        { "name": "readonly", "values": [] },
+        { "name": "drawer", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-filter-counter",
       "description": "Filter counter allow you to choose a numeric value to filter.\n---\n\n\n### **Events:**\n - **dsa-after-hide** - Emitted after the filter panel closes and all animations are complete.\n- **dsa-after-show** - Emitted after the filter panel opens and all animations are complete.\n- **dsa-blur** - Emitted when the filter loses focus.\n- **dsa-focus** - Emitted when the filter gains focus.\n- **dsa-hide** - Emitted when the filter panel closes.\n- **dsa-input** - Emitted when the filter receives input (when the temporary value changes).\n- **dsa-show** - Emitted when the filter panel opens.\n- **dsa-submit** - Emitted when the user confirms the filter value change.",
@@ -1640,32 +1688,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "dsa-filter-button",
-      "description": "Filter Button is used to toggle a filter list of options, and display the selected values.\n---\n",
-      "attributes": [
-        { "name": "label", "description": "The filter's label", "values": [] },
-        {
-          "name": "selected-option",
-          "description": "The selected option label. Will be displayed in the button if only one option is selected.",
-          "values": []
-        },
-        {
-          "name": "selection-count",
-          "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
-          "values": []
-        },
-        {
-          "name": "tabindex",
-          "description": "The tab index of the filter button",
-          "values": []
-        },
-        { "name": "disabled", "values": [] },
-        { "name": "readonly", "values": [] },
-        { "name": "drawer", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-footer-mandatory-mentions",
       "description": "Footer mandatory mentions displays text elements separated by a divider within a [footer](/components/footer) context.\n---\n\n\n### **Slots:**\n - **text-left** - Used to display content to the left of the divider.\n- **text-right** - Used to display content to the right of the divider.",
@@ -3621,6 +3643,11 @@
           "name": "deselect-all-on-close",
           "description": "Should deselect all rows on close",
           "values": []
+        },
+        {
+          "name": "button-label",
+          "description": "Custom label for the close button. Overrides the default localized label.",
+          "values": []
         }
       ],
       "references": []

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1066,6 +1066,88 @@
             }
           ]
         },
+        {
+          "name": "dsa-banner",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "dependencies",
+                "value": {
+                  "type": "object"
+                }
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "closeButton",
+                "value": {
+                  "type": "DSAIconButton | null"
+                }
+              },
+              {
+                "name": "closable",
+                "description": "Enables a close button that allows users to dismiss the banner.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "mobile",
+                "description": "Enables compact mobile layout.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "closeLabel",
+                "description": "Accessible label for the close button.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "handleClose",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-close",
+                "description": "Emitted when the user closes the banner."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows users to dismiss the banner.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "mobile",
+              "description": "Enables compact mobile layout.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "close-label",
+              "description": "Accessible label for the close button.",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-breadcrumb",
           "description": "",
@@ -4120,6 +4202,12 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "cachedDocumentInfo",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleFocus",
                 "value": {}
@@ -4231,6 +4319,12 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "cachedDocumentInfo",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleFocus",
                 "value": {}
@@ -5479,6 +5573,127 @@
             }
           ]
         },
+        {
+          "name": "dsa-filter-button",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "dependencies",
+                "value": {
+                  "type": "object"
+                }
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "label",
+                "description": "The filter's label",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "selectedOption",
+                "description": "The selected option label. Will be displayed in the button if only one option is selected.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "selectionCount",
+                "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "tabindex",
+                "description": "The tab index of the filter button",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "disabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleSelectionCountChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The filter's label",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "selected-option",
+              "description": "The selected option label. Will be displayed in the button if only one option is selected.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "selection-count",
+              "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "tabindex",
+              "description": "The tab index of the filter button",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "disabled",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "readonly",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "drawer",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-filter-counter",
           "description": "",
@@ -6557,127 +6772,6 @@
           },
           "attributes": []
         },
-        {
-          "name": "dsa-filter-button",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "dependencies",
-                "value": {
-                  "type": "object"
-                }
-              },
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "label",
-                "description": "The filter's label",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "selectedOption",
-                "description": "The selected option label. Will be displayed in the button if only one option is selected.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "selectionCount",
-                "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "tabindex",
-                "description": "The tab index of the filter button",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "disabled",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "readonly",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "drawer",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "handleSelectionCountChange",
-                "value": {}
-              },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              }
-            ],
-            "events": []
-          },
-          "attributes": [
-            {
-              "name": "label",
-              "description": "The filter's label",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "selected-option",
-              "description": "The selected option label. Will be displayed in the button if only one option is selected.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "selection-count",
-              "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "tabindex",
-              "description": "The tab index of the filter button",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "disabled",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "readonly",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "drawer",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ]
-        },
         {
           "name": "dsa-footer-mandatory-mentions",
           "description": "",
@@ -15500,6 +15594,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "buttonLabel",
+                "description": "Custom label for the close button. Overrides the default localized label.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleClose",
                 "value": {}
@@ -15526,6 +15627,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "button-label",
+              "description": "Custom label for the close button. Overrides the default localized label.",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },

package/dist/chunks/{chunk.B6XSS23Y.js → chunk.2G35OVLZ.js}

@@ -1,6 +1,6 @@
 import {
   DSASpinner
-} from "./chunk.ER5S4DQ4.js";
+} from "./chunk.IDMG3YLC.js";
 import {
   FormControlController,
   validValidityState
@@ -13,10 +13,10 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.MWPOWC6N.js → chunk.2GTXVMMC.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -91,19 +91,17 @@ var DSAIconButton = class extends ShoelaceElement {
       "icon-button--pressed": this.toggle && this.pressed
     })}
         ?disabled=${ifDefined(isLink ? void 0 : this.disabled)}
-        type=${ifDefined(isLink ? void 0 : "button")}
         href=${ifDefined(isLink ? this.href : void 0)}
         target=${ifDefined(isLink ? this.target : void 0)}
         download=${ifDefined(isLink ? this.download : void 0)}
         rel=${ifDefined(
       isLink && this.target ? "noreferrer noopener" : void 0
     )}
-        role=${ifDefined(isLink ? void 0 : "button")}
         aria-disabled=${ifDefined(this.disabled && isLink ? "true" : void 0)}
         aria-pressed=${ifDefined(this.toggle ? this.pressed : void 0)}
         aria-label=${ifDefinedAndNotEmpty(this.label)}
         aria-describedby=${ifDefined(this.description ? "description" : void 0)}
-        tabindex=${this.disableTabIndex || this.disabled ? "-1" : "0"}
+        tabindex=${ifDefined(this.disableTabIndex || this.disabled ? "-1" : void 0)}
         @blur=${this.handleBlur}
         @focus=${this.handleFocus}
         @click=${this.handleClick}

package/dist/chunks/{chunk.MFGYIAUT.js → chunk.3TAGND37.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.YBX4TUQG.js → chunk.4IDR4RJI.js}

@@ -1,25 +1,25 @@
+import {
+  input_native_styles_default
+} from "./chunk.WQA4XJEW.js";
 import {
   getOverridenIconDetails,
   isPrefixIconOverriden
 } from "./chunk.I6S6TC3T.js";
-import {
-  input_native_styles_default
-} from "./chunk.FA4NHQF4.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   __decorateClass,
   __spreadProps,

package/dist/chunks/{chunk.K43LRQVK.js → chunk.5DVIZLXZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.QWPEXQZX.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.UBA2H662.js";
 import {
   HasSlotController,
   getTextContent

package/dist/chunks/{chunk.YGUB43LS.js → chunk.5ESJXERV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.M2QIFDAP.js → chunk.5NGXTSAJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FX2CWZWY.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.GMHIXRUV.js → chunk.65EFQZ4A.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.UOJ4QKLP.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-time/input-time.styles.ts
 import { css } from "lit";