@ds-autonomie/web-components 2.15.0 → 2.17.0

package/dist/translations/en-gb.js

@@ -1,7 +1,7 @@
 import {
   en_default,
   registerTranslation
-} from "../chunks/chunk.QY3AIGLE.js";
+} from "../chunks/chunk.WHHYA5VY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.QY3AIGLE.js";
+} from "../chunks/chunk.WHHYA5VY.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   en_default as default

package/dist/translations/fr.js

@@ -1,6 +1,6 @@
 import {
   fr_default
-} from "../chunks/chunk.QY3AIGLE.js";
+} from "../chunks/chunk.WHHYA5VY.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   fr_default as default

package/dist/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.MOQLFC6H.js";
+} from "../chunks/chunk.GBZY2OWL.js";
+import "../chunks/chunk.AG4HZDJV.js";
 import "../chunks/chunk.C2W7WMBY.js";
-import "../chunks/chunk.KONRKBD4.js";
 import "../chunks/chunk.L633QVVV.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {

package/dist/utilities/localize.d.ts

@@ -42,6 +42,10 @@ export interface Translation extends DefaultTranslation {
     skipLinksAriaLabel: string;
     errorMessagePanelCodePrefix: string;
     fileSelect: (directory: boolean, multiple: boolean) => string;
+    fileDropHere: (multiple: boolean) => string;
+    onlySingleFileAllowed: string;
+    fileTypeNotAccepted: (fileNames: string[]) => string;
+    fileSizeExceeded: (fileNames: string[]) => string;
     clearFile: (fileName: string) => string;
     uploadFileProgressBar: string;
     pagination: string;

package/dist/utilities/localize.js

@@ -1,7 +1,7 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.QY3AIGLE.js";
+} from "../chunks/chunk.WHHYA5VY.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   LocalizeController,

package/dist/utilities/storybook.js

@@ -1,14 +1,14 @@
-import "../chunks/chunk.OXRZH5XZ.js";
+import "../chunks/chunk.TP5XEQ2O.js";
 import "../chunks/chunk.UVGAHM33.js";
-import "../chunks/chunk.5EIUAA3U.js";
+import "../chunks/chunk.GYWU4AAB.js";
 import "../chunks/chunk.WOMQVTNZ.js";
 import "../chunks/chunk.B4BZKR24.js";
 import "../chunks/chunk.D6XRV35U.js";
 import "../chunks/chunk.HPDCOGLH.js";
 import "../chunks/chunk.PWL7QCVG.js";
-import "../chunks/chunk.QY3AIGLE.js";
+import "../chunks/chunk.WHHYA5VY.js";
 import "../chunks/chunk.QB2NJE2Y.js";
-import "../chunks/chunk.SL3DN4BD.js";
+import "../chunks/chunk.SVWU6JW4.js";
 import "../chunks/chunk.TUVJKY7S.js";
 import "../chunks/chunk.N3L4GIUO.js";
 

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

@@ -70,7 +70,7 @@
     },
     {
       "name": "dsa-alert",
-      "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the alert opens.\n- **dsa-after-show** - Emitted after the alert opens and all animations are complete.\n- **dsa-hide** - Emitted when the alert closes.\n- **dsa-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **action** - An optional slot action, usually a `dsa-button` or `dsa-button-group`.",
+      "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the alert opens.\n- **dsa-after-show** - Emitted after the alert opens and all animations are complete.\n- **dsa-hide** - Emitted when the alert closes.\n- **dsa-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **action** - An optional slot action, usually a `dsa-button`.",
       "attributes": [
         {
           "name": "alert-title",
@@ -116,6 +116,11 @@
             { "name": "danger" }
           ]
         },
+        {
+          "name": "size",
+          "description": "The alert's size.",
+          "values": [{ "name": "small" }, { "name": "medium" }]
+        },
         {
           "name": "duration",
           "description": "(deprecated) The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
@@ -320,12 +325,6 @@
       ],
       "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.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "dsa-breadcrumb-item",
       "description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.",
@@ -353,6 +352,12 @@
       ],
       "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.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "dsa-button",
       "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the button loses focus.\n- **dsa-focus** - Emitted when the button gains focus.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-change** - Emitted when a toggle button changes its pressed state.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.",
@@ -836,7 +841,7 @@
     },
     {
       "name": "dsa-checkbox-group",
-      "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox), [checkbox buttons](/components/checkbox-button) or [checkbox cards](/components/checkbox-card) so they function as a single form control.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when the checkbox group's selected value changes.\n- **dsa-input** - Emitted when the checkbox group receives user input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<dsa-checkbox>`, `<dsa-checkbox-button>`, or `<dsa-checkbox-card>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
+      "description": "Checkbox groups are used to group multiple [checkbox](/components/checkbox), [checkbox buttons](/components/checkbox-button) or [checkbox cards](/components/checkbox-card) so they function as a single form control.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when the checkbox group's selected value changes.\n- **dsa-input** - Emitted when the checkbox group receives user input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox-group.\n\n### **Slots:**\n - _default_ - The default slot where `<dsa-checkbox>`, `<dsa-checkbox-button>`, or `<dsa-checkbox-card>` elements are placed.\n- **label** - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label.",
       "attributes": [
         {
           "name": "label",
@@ -1344,7 +1349,7 @@
     },
     {
       "name": "dsa-file-upload",
-      "description": "File upload allows users to select and send one or more files.\n---\n\n\n### **Events:**\n - **dsa-focus** - Emitted when the control gains focus.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-file-upload** - Emitted when a file is selected. It can be multiple files if multiple or directory are set to `true`.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **handleValueChange()** - Synchronizes the native input if the element gets reset\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The files options. Must be `<dsa-file-upload-item>` elements.\n- **label** - The file-upload's label. Alternatively, you can use the `label` attribute.\n- **button-label** - The file-upload's button label. Alternatively, you can use the `button-label` attribute. If both are left empty, a predefined label will be displayed.\n- **description** - The file-upload's description. Alternatively, you can use the `description` attribute.\n- **help-text** - Text that describes how to use the file-upload. Alternatively, you can use the `help-text` attribute.",
+      "description": "File upload allows users to select and send one or more files.\n---\n\n\n### **Events:**\n - **dsa-focus** - Emitted when the control gains focus.\n- **dsa-blur** - Emitted when the control loses focus.\n- **dsa-file-upload** - Emitted when a file is selected. It can be multiple files if multiple or directory are set to `true`.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **removeFile(index: _number_)** - Remove a previously selected file\n- **handleValueChange()** - Synchronizes the native input if the element gets reset\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n\n### **Slots:**\n - _default_ - The files options. Must be `<dsa-file-upload-item>` elements.\n- **label** - The file-upload's label. Alternatively, you can use the `label` attribute.\n- **button-label** - The file-upload's button label. Alternatively, you can use the `button-label` attribute. If both are left empty, a predefined label will be displayed.\n- **description** - The file-upload's description. Alternatively, you can use the `description` attribute.\n- **help-text** - Text that describes how to use the file-upload. Alternatively, you can use the `help-text` attribute.",
       "attributes": [
         {
           "name": "size",
@@ -1360,6 +1365,11 @@
           "description": "The file-upload's label. If you need to display HTML, use the `label` slot instead.",
           "values": []
         },
+        {
+          "name": "type",
+          "description": "Type of interface : button only or additional drop zone",
+          "values": [{ "name": "button" }, { "name": "drop" }]
+        },
         {
           "name": "button-label",
           "description": "The file-upload's button label. If you need to display HTML, use the `button-label` slot instead. If both are left empty, a predefined label will be displayed.",
@@ -1387,7 +1397,7 @@
         },
         {
           "name": "accept",
-          "description": "The file types the file input should accept, separated by space.",
+          "description": "The file types the file input should accept, separated by commas.",
           "values": []
         },
         {
@@ -1419,7 +1429,8 @@
           "name": "error-message",
           "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
           "values": [{ "name": "string[]" }]
-        }
+        },
+        { "name": "file-size-limit", "values": [] }
       ],
       "references": []
     },
@@ -2905,7 +2916,7 @@
     },
     {
       "name": "dsa-radio-group",
-      "description": "Radio groups are used to group multiple [radios](/components/radio), [radio buttons](/components/radio-button) or [radio cards](/components/radio-card) so they function as a single form control.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when the radio group's selected value changes.\n- **dsa-input** - Emitted when the radio group receives user input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<dsa-radio>`, `<dsa-radio-button>`, or `<dsa-radio-card>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label",
+      "description": "Radio groups are used to group multiple [radios](/components/radio), [radio buttons](/components/radio-button) or [radio cards](/components/radio-card) so they function as a single form control.\n---\n\n\n### **Events:**\n - **dsa-change** - Emitted when the radio group's selected value changes.\n- **dsa-input** - Emitted when the radio group receives user input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio-group.\n\n### **Slots:**\n - _default_ - The default slot where `<dsa-radio>`, `<dsa-radio-button>`, or `<dsa-radio-card>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **tooltip** - The tooltip slot allows additional information to be passed along the label",
       "attributes": [
         {
           "name": "label",