@ds-autonomie/web-components 2.13.0 → 2.14.0

package/dist/utilities/localize.d.ts

@@ -53,8 +53,10 @@ export interface Translation extends DefaultTranslation {
     previousPage: string;
     nextPage: string;
     results: string;
+    cnsa: string;
+    spa: string;
     cnsaGoToHomepage: string;
-    dsaGoToHomepage: string;
+    spaGoToHomepage: string;
     search: string;
     cancel: string;
     showTableActionsAnnouncement: string;
@@ -122,6 +124,10 @@ export interface Translation extends DefaultTranslation {
     toggleSidenav: string;
     copied: string;
     copyError: string;
+    info: string;
+    warning: string;
+    error: string;
+    success: string;
     fr_FR: string;
     fr_GP: string;
     fr_GF: string;

package/dist/utilities/localize.js

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

package/dist/utilities/storybook.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.KYZD4HDJ.js";
+import "../chunks/chunk.2IQGSC6O.js";
 import "../chunks/chunk.UVGAHM33.js";
 import "../chunks/chunk.IQCD6SDT.js";
 import "../chunks/chunk.WYUQG5BJ.js";
@@ -6,7 +6,7 @@ import "../chunks/chunk.B4BZKR24.js";
 import "../chunks/chunk.QBV4OLYE.js";
 import "../chunks/chunk.LRTTUCZP.js";
 import "../chunks/chunk.PWL7QCVG.js";
-import "../chunks/chunk.7BLYNLBH.js";
+import "../chunks/chunk.QY3AIGLE.js";
 import "../chunks/chunk.7627FYPL.js";
 import "../chunks/chunk.KPJCYT4S.js";
 import "../chunks/chunk.TUVJKY7S.js";

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

@@ -1890,6 +1890,28 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "dsa-header-modern",
+      "description": "The header offers elements of information on the site (logos, title, etc.), a search field and a set of links and actions for the user.\n---\n\n\n### **Slots:**\n - **external-links** - External links that will be displayed in the very top on desktop.\n- **second-logo** - Optional second logo.\n- **site-name** - Website / service name.\n- **search** - Search component (dsa-header-search).\n- _default_ - Right section of the header, used for action buttons.\n- **navbar** - Navigation bar.\n\n### **CSS Properties:**\n - **--header-max-width** - Custom value for the header content maximum width _(default: undefined)_\n- **--header-padding-inline** - Custom value for the header inline padding _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "first-logo",
+          "description": "Choice between public or pro for the first logo",
+          "values": [{ "name": "" }, { "name": "public" }, { "name": "pro" }]
+        },
+        {
+          "name": "search-expanded",
+          "description": "Expands the search",
+          "values": []
+        },
+        {
+          "name": "mobile",
+          "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-header-search",
       "description": "The header-search adds a collapsible search interface inside the header.\n---\n\n\n### **Events:**\n - **dsa-expand** - Emitted when the expand button is activated.\n- **dsa-change** - Emitted when an alteration to the search input control's value is committed by the user.\n- **dsa-input** - Emitted when the search input control receives input.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the search input control gains focus.\n- **dsa-blur** - Emitted when the search input control loses focus.\n- **dsa-submit** - Emitted when the submit button is activated, or when the user presses 'Enter' on the input.\n- **dsa-collapse** - Emitted when the cancel button is activated.",
@@ -2113,18 +2135,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "dsa-input-otp",
-      "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - **label** - The input's label. 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": "length",
-          "description": "The length of input that will be considered valid.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-input-phone",
       "description": "Inputs collect data from the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - **label** - The input's label. 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.",
@@ -2147,6 +2157,18 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-input-otp",
+      "description": "The OTP input is used for MFA procedure of authenticating users by a one-time password.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Slots:**\n - **label** - The input's label. 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": "length",
+          "description": "The length of input that will be considered valid.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-input-time",
       "description": "Custom input for time, with a custom dropdown component for selecting times and restriction capabilities.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the control loses focus.\n- **dsa-change** - Emitted when an alteration to the control's value is committed by the user.\n- **dsa-clear** - Emitted when the clear button is activated.\n- **dsa-focus** - Emitted when the control gains focus.\n- **dsa-input** - Emitted when the control receives input.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-show** - Emitted when the picker opens.\n- **dsa-after-show** - Emitted after the picker opens and all animations are complete.\n- **dsa-hide** - Emitted when the picker closes.\n- **dsa-after-hide** - Emitted after the picker closes and all animations are complete.\n\n### **Methods:**\n - **showTimePicker()** - Displays the time picker for an input element.\n- **hideTimePicker()** - Hides the time picker\n\n### **Slots:**\n - **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the input.\n- **suffix** - Used to postpend a presentational icon or similar element to the input.\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.",
@@ -3828,7 +3850,17 @@
           "description": "Makes the tag removable and shows a remove button.",
           "values": []
         },
-        { "name": "label", "values": [] }
+        { "name": "label", "values": [] },
+        {
+          "name": "accessible-name",
+          "description": "(Optional) An accessible name for the tag",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "Display the tag label in a tooltip",
+          "values": []
+        }
       ],
       "references": []
     },

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -358,6 +358,10 @@
                 "name": "getPrefixIconName",
                 "value": {}
               },
+              {
+                "name": "getIconLabel",
+                "value": {}
+              },
               {
                 "name": "handleOpenChange",
                 "value": {}
@@ -3327,6 +3331,10 @@
                 "name": "handleEnterKey",
                 "value": {}
               },
+              {
+                "name": "handleSpaceKey",
+                "value": {}
+              },
               {
                 "name": "handleArrowKeys",
                 "value": {}
@@ -6832,6 +6840,13 @@
           },
           "attributes": []
         },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-header",
           "description": "",
@@ -6894,6 +6909,10 @@
                 "name": "handleSearchCollapseEvent",
                 "value": {}
               },
+              {
+                "name": "getFirtLogo",
+                "value": {}
+              },
               {
                 "name": "handleSearchExpanded",
                 "value": {}
@@ -6952,6 +6971,93 @@
           },
           "attributes": []
         },
+        {
+          "name": "dsa-header-modern",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "externalLinks",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "firstLogo",
+                "description": "Choice between public or pro for the first logo",
+                "value": {
+                  "type": "| 'public'\n    | 'pro'"
+                }
+              },
+              {
+                "name": "searchExpanded",
+                "description": "Expands the search",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "mobile",
+                "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleSearchExpandEvent",
+                "value": {}
+              },
+              {
+                "name": "handleSearchCollapseEvent",
+                "value": {}
+              },
+              {
+                "name": "getFirtLogo",
+                "value": {}
+              },
+              {
+                "name": "handleSearchExpanded",
+                "value": {}
+              },
+              {
+                "name": "handleMobile",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "first-logo",
+              "description": "Choice between public or pro for the first logo",
+              "value": {
+                "type": "| 'public'\n    | 'pro'"
+              }
+            },
+            {
+              "name": "search-expanded",
+              "description": "Expands the search",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "mobile",
+              "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-header-search",
           "description": "",
@@ -8426,135 +8532,6 @@
           },
           "attributes": []
         },
-        {
-          "name": "dsa-input-otp",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "input",
-                "value": {
-                  "type": "HTMLInputElement"
-                }
-              },
-              {
-                "name": "currentIndex",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "patternRegexp",
-                "value": {
-                  "type": "RegExp"
-                }
-              },
-              {
-                "name": "length",
-                "description": "The length of input that will be considered valid.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "handleFocus",
-                "value": {}
-              },
-              {
-                "name": "handleInput",
-                "value": {}
-              },
-              {
-                "name": "handleSelect",
-                "value": {}
-              },
-              {
-                "name": "handleKeyDown",
-                "value": {}
-              },
-              {
-                "name": "handleSingleFieldClick",
-                "value": {}
-              },
-              {
-                "name": "getLastIndex",
-                "value": {}
-              },
-              {
-                "name": "handleCurrentIndexChange",
-                "value": {}
-              },
-              {
-                "name": "handlePatterChange",
-                "value": {}
-              },
-              {
-                "name": "getUpdateComplete",
-                "value": {}
-              },
-              {
-                "name": "renderSingleField",
-                "value": {}
-              },
-              {
-                "name": "renderInput",
-                "value": {}
-              }
-            ],
-            "events": [
-              {
-                "name": "dsa-blur",
-                "description": "Emitted when the control loses focus."
-              },
-              {
-                "name": "dsa-change",
-                "description": "Emitted when an alteration to the control's value is committed by the user."
-              },
-              {
-                "name": "dsa-focus",
-                "description": "Emitted when the control gains focus."
-              },
-              {
-                "name": "dsa-input",
-                "description": "Emitted when the control receives input."
-              },
-              {
-                "name": "dsa-invalid",
-                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "length",
-              "description": "The length of input that will be considered valid.",
-              "value": {
-                "type": "number"
-              }
-            }
-          ]
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
           "js": {
@@ -8788,6 +8765,135 @@
           },
           "attributes": []
         },
+        {
+          "name": "dsa-input-otp",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "input",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "currentIndex",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "patternRegexp",
+                "value": {
+                  "type": "RegExp"
+                }
+              },
+              {
+                "name": "length",
+                "description": "The length of input that will be considered valid.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleSelect",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleSingleFieldClick",
+                "value": {}
+              },
+              {
+                "name": "getLastIndex",
+                "value": {}
+              },
+              {
+                "name": "handleCurrentIndexChange",
+                "value": {}
+              },
+              {
+                "name": "handlePatterChange",
+                "value": {}
+              },
+              {
+                "name": "getUpdateComplete",
+                "value": {}
+              },
+              {
+                "name": "renderSingleField",
+                "value": {}
+              },
+              {
+                "name": "renderInput",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "length",
+              "description": "The length of input that will be considered valid.",
+              "value": {
+                "type": "number"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-input-time",
           "description": "",
@@ -12381,7 +12487,7 @@
               {
                 "name": "currentOption",
                 "value": {
-                  "type": "DSAOption"
+                  "type": "DSAOption | undefined"
                 }
               },
               {
@@ -12537,10 +12643,6 @@
                 "name": "getAllOptions",
                 "value": {}
               },
-              {
-                "name": "getFirstOption",
-                "value": {}
-              },
               {
                 "name": "setCurrentOption",
                 "value": {}
@@ -15623,6 +15725,18 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "content",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "removeButton",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
               {
                 "name": "variant",
                 "description": "The tag's theme variant.",
@@ -15650,6 +15764,20 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "accessibleName",
+                "description": "(Optional) An accessible name for the tag",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "tooltip",
+                "description": "Display the tag label in a tooltip",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "handleRemoveClick",
                 "value": {}
@@ -15693,6 +15821,20 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "accessible-name",
+              "description": "(Optional) An accessible name for the tag",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "tooltip",
+              "description": "Display the tag label in a tooltip",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-autonomie/web-components",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "homepage": "https://dsa.service-public-autonomie.fr",
   "bugs": "https://lindie.app/share/c220b6cb46f514a79413a6438af2a82e263a0c10",
   "author": "CNSA",

package/cdn/chunks/{chunk.JS5WYOPH.js → chunk.LSTE53DJ.js}

@@ -1,11 +1,11 @@
+import {
+  icon_styles_default
+} from "./chunk.B7XD5DLK.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
 } from "./chunk.2FH4CXEK.js";
-import {
-  icon_styles_default
-} from "./chunk.B7XD5DLK.js";
 import {
   watch
 } from "./chunk.TKTCYZRK.js";

package/cdn/chunks/{chunk.MECNKUMI.js → chunk.PWXXK3CE.js}

@@ -1,9 +1,9 @@
-import {
-  table_body_styles_default
-} from "./chunk.NTFJX4HL.js";
 import {
   DSATable
 } from "./chunk.RNM6I6T5.js";
+import {
+  table_body_styles_default
+} from "./chunk.NTFJX4HL.js";
 import {
   LoadingStateElement
 } from "./chunk.BWYRMRTD.js";

package/cdn/chunks/{chunk.ZRTVJE3I.js → chunk.RNIIRHX6.js}

@@ -1,9 +1,9 @@
-import {
-  radio_group_styles_default
-} from "./chunk.3Z2GKRZW.js";
 import {
   wrapIndex
 } from "./chunk.HV63L5BF.js";
+import {
+  radio_group_styles_default
+} from "./chunk.3Z2GKRZW.js";
 import {
   renderFormElementErrors
 } from "./chunk.PZK4ARTY.js";