@ds-autonomie/web-components 2.3.0 → 2.3.1

package/cdn/custom-elements.json

@@ -19083,7 +19083,8 @@
               },
               "default": "false",
               "description": "Aspect of the pagination. Should be false when used for table pagination",
-              "attribute": "compact"
+              "attribute": "compact",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -20246,7 +20247,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
               "attribute": "indeterminate",
               "reflects": true
             },
@@ -20277,7 +20278,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
               "fieldName": "indeterminate"
             },
             {
@@ -20319,120 +20320,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/progress-ring/progress-ring.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSAProgressRing",
-          "members": [
-            {
-              "kind": "field",
-              "name": "indicator",
-              "type": {
-                "text": "SVGCircleElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "indicatorOffset",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium'"
-              },
-              "default": "'medium'",
-              "description": "The progress-ring's size.",
-              "attribute": "size",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "fieldName": "value"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "fieldName": "label"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium'"
-              },
-              "default": "'medium'",
-              "description": "The progress-ring's size.",
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element"
-          },
-          "summary": "Progress rings are used to show the progress of a determinate operation in a circular fashion.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/indicateurs-de-progression-progress-indicators/roue-de-progression-progress-ring/web-wyY0Fgvv",
-          "tagName": "dsa-progress-ring",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSAProgressRing",
-            "module": "components/progress-ring/progress-ring.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-progress-ring",
-          "declaration": {
-            "name": "DSAProgressRing",
-            "module": "components/progress-ring/progress-ring.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/quote/quote.js",
@@ -20598,6 +20485,120 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/progress-ring/progress-ring.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAProgressRing",
+          "members": [
+            {
+              "kind": "field",
+              "name": "indicator",
+              "type": {
+                "text": "SVGCircleElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "indicatorOffset",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium'"
+              },
+              "default": "'medium'",
+              "description": "The progress-ring's size.",
+              "attribute": "size",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "fieldName": "value"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium'"
+              },
+              "default": "'medium'",
+              "description": "The progress-ring's size.",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "Progress rings are used to show the progress of a determinate operation in a circular fashion.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/indicateurs-de-progression-progress-indicators/roue-de-progression-progress-ring/web-wyY0Fgvv",
+          "tagName": "dsa-progress-ring",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAProgressRing",
+            "module": "components/progress-ring/progress-ring.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-progress-ring",
+          "declaration": {
+            "name": "DSAProgressRing",
+            "module": "components/progress-ring/progress-ring.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/radio/radio.js",
@@ -23003,6 +23004,58 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/skip-links/skip-links.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSASkipLinks",
+          "slots": [
+            {
+              "description": "The link options. Must be `<dsa-skip-link-item>` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "Skip links allows users to jump directly to specific content areas, bypassing repetitive or navigational elements. Skip links are often placed at the beginning of a web page and are hidden from the visual layout until they receive focus.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/lien-d-acces-rapide-quick-access-link/web-EDrofFeg",
+          "tagName": "dsa-skip-links",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSASkipLinks",
+            "module": "components/skip-links/skip-links.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-skip-links",
+          "declaration": {
+            "name": "DSASkipLinks",
+            "module": "components/skip-links/skip-links.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/skip-link-item/skip-link-item.js",
@@ -23105,58 +23158,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/skip-links/skip-links.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSASkipLinks",
-          "slots": [
-            {
-              "description": "The link options. Must be `<dsa-skip-link-item>` elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element"
-          },
-          "summary": "Skip links allows users to jump directly to specific content areas, bypassing repetitive or navigational elements. Skip links are often placed at the beginning of a web page and are hidden from the visual layout until they receive focus.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/lien-d-acces-rapide-quick-access-link/web-EDrofFeg",
-          "tagName": "dsa-skip-links",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSASkipLinks",
-            "module": "components/skip-links/skip-links.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-skip-links",
-          "declaration": {
-            "name": "DSASkipLinks",
-            "module": "components/skip-links/skip-links.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/spinner/spinner.js",
@@ -29159,7 +29160,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.3.0",
+    "version": "2.3.1",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"

package/cdn/design-system.js

@@ -14,7 +14,7 @@ import {
 import "./chunks/chunk.7ZBB555K.js";
 import {
   DSATextarea
-} from "./chunks/chunk.WOKVCL7Q.js";
+} from "./chunks/chunk.JIUJNSW6.js";
 import "./chunks/chunk.V5TMX44U.js";
 import {
   DSATableHeaderRow
@@ -30,7 +30,7 @@ import "./chunks/chunk.W4FOPJHU.js";
 import "./chunks/chunk.JEWSMUZM.js";
 import {
   DSATableOfContents
-} from "./chunks/chunk.ZVQQ7DON.js";
+} from "./chunks/chunk.EEKS3ZN7.js";
 import "./chunks/chunk.4MBYAP5S.js";
 import "./chunks/chunk.4HCR3FZE.js";
 import {
@@ -147,7 +147,7 @@ import {
 import "./chunks/chunk.SJM6TZPX.js";
 import {
   DSAProgressRing
-} from "./chunks/chunk.YWD53U3T.js";
+} from "./chunks/chunk.S3G2QBTA.js";
 import "./chunks/chunk.KNHNBAPO.js";
 import {
   DSANavbarMenu
@@ -155,7 +155,7 @@ import {
 import "./chunks/chunk.EZAK6TIK.js";
 import {
   DSAPagination
-} from "./chunks/chunk.LLZPEDQW.js";
+} from "./chunks/chunk.JHXMD4L2.js";
 import "./chunks/chunk.A4FPLOFR.js";
 import "./chunks/chunk.FF4JFUUR.js";
 import {
@@ -184,7 +184,7 @@ import {
 import "./chunks/chunk.HDRDFHGQ.js";
 import {
   DSAMenuItem
-} from "./chunks/chunk.DNQJR4KR.js";
+} from "./chunks/chunk.OMPBUYUW.js";
 import "./chunks/chunk.WQ3NUYLG.js";
 import {
   DSAMenuLabel
@@ -192,7 +192,7 @@ import {
 import "./chunks/chunk.C24LGDFR.js";
 import {
   DSAInputOTP
-} from "./chunks/chunk.2T2ABKP4.js";
+} from "./chunks/chunk.EHSLOI5L.js";
 import "./chunks/chunk.ZTXQFGQX.js";
 import {
   REGEXP_ONLY_DIGITS,
@@ -201,10 +201,10 @@ import {
 } from "./chunks/chunk.F7NUIVDV.js";
 import {
   DSAInputPhone
-} from "./chunks/chunk.ERQYJQKU.js";
+} from "./chunks/chunk.2P3IVRMK.js";
 import {
   DSASelect
-} from "./chunks/chunk.WE7BT7PI.js";
+} from "./chunks/chunk.QEPPYDSN.js";
 import "./chunks/chunk.JXHXRRPX.js";
 import {
   getPhoneConfig
@@ -218,7 +218,7 @@ import {
 } from "./chunks/chunk.IER4ZBFV.js";
 import {
   DSAInputMask
-} from "./chunks/chunk.2QGLZHHF.js";
+} from "./chunks/chunk.GS6TNOKD.js";
 import "./chunks/chunk.THMGZ3JS.js";
 import "./chunks/chunk.7OLEA3GQ.js";
 import {
@@ -272,7 +272,7 @@ import {
 } from "./chunks/chunk.YDBMOXIS.js";
 import {
   DSAFilterDate
-} from "./chunks/chunk.OMBOQURT.js";
+} from "./chunks/chunk.5BWMYJNC.js";
 import "./chunks/chunk.JNYFWYEK.js";
 import "./chunks/chunk.DQI2JTKU.js";
 import {
@@ -285,26 +285,26 @@ import "./chunks/chunk.WFZ45OWG.js";
 import "./chunks/chunk.Z3VIP662.js";
 import {
   DSAFilterSelect
-} from "./chunks/chunk.G7UC5QGP.js";
+} from "./chunks/chunk.55Y4QE5R.js";
 import {
   DSAOption
 } from "./chunks/chunk.YA7ZX7VM.js";
 import "./chunks/chunk.CUCCBQJX.js";
 import {
   DSAInput
-} from "./chunks/chunk.LYPHJJYB.js";
-import "./chunks/chunk.PQYUBPRU.js";
+} from "./chunks/chunk.AATBJDAH.js";
+import "./chunks/chunk.W6N2ZQTH.js";
 import "./chunks/chunk.IONY2GZF.js";
-import "./chunks/chunk.ITHTXYNC.js";
+import "./chunks/chunk.TGMW5D2F.js";
 import "./chunks/chunk.EF2VOGBL.js";
-import "./chunks/chunk.CKDGFB52.js";
+import "./chunks/chunk.WYBADVDH.js";
 import "./chunks/chunk.DDRUVCZW.js";
 import "./chunks/chunk.T56ZOKTF.js";
-import "./chunks/chunk.IZ6KYT7R.js";
+import "./chunks/chunk.AVH4JYLK.js";
 import "./chunks/chunk.57V66KCM.js";
 import {
   DSAFileUploadItem
-} from "./chunks/chunk.DKFGG7WX.js";
+} from "./chunks/chunk.ISEH6AO6.js";
 import "./chunks/chunk.6OFBSNBH.js";
 import "./chunks/chunk.FACPDJPH.js";
 import "./chunks/chunk.4AMHKT45.js";
@@ -323,7 +323,7 @@ import {
 import "./chunks/chunk.3NJ2VQ4A.js";
 import {
   DSAFileUpload
-} from "./chunks/chunk.CL4C4BFH.js";
+} from "./chunks/chunk.LBM4RHMA.js";
 import "./chunks/chunk.27YOIDOY.js";
 import {
   DSADivider
@@ -345,19 +345,19 @@ import {
   DSACheckboxCard
 } from "./chunks/chunk.7WXOGHV7.js";
 import "./chunks/chunk.6BPVPY42.js";
-import "./chunks/chunk.D2LMY47K.js";
+import "./chunks/chunk.3OSWL542.js";
 import {
   DSACombobox
-} from "./chunks/chunk.5AKIIMXP.js";
+} from "./chunks/chunk.RJUKDJQG.js";
 import {
   DSATag
 } from "./chunks/chunk.RXUJBLKT.js";
 import "./chunks/chunk.MOWF7MA3.js";
 import "./chunks/chunk.O4MZVDWB.js";
-import "./chunks/chunk.SF3YU6PZ.js";
+import "./chunks/chunk.TOWWOPMH.js";
 import {
   DSAPopup
-} from "./chunks/chunk.I4EWJGZZ.js";
+} from "./chunks/chunk.KS7QG726.js";
 import "./chunks/chunk.IEQULSYY.js";
 import "./chunks/chunk.7FRA5H32.js";
 import {
@@ -369,9 +369,9 @@ import "./chunks/chunk.JLZQJQF4.js";
 import "./chunks/chunk.A7Y7SE26.js";
 import {
   DSACalendar
-} from "./chunks/chunk.74QWC4UR.js";
-import "./chunks/chunk.WCF4VYWI.js";
-import "./chunks/chunk.6BXZEG5L.js";
+} from "./chunks/chunk.M53HNM5Y.js";
+import "./chunks/chunk.VZPL3NCB.js";
+import "./chunks/chunk.6YEPFMKU.js";
 import {
   DSACallout
 } from "./chunks/chunk.XD7G7WIJ.js";

package/cdn/internal/components/date-field/date-field.js

@@ -18,7 +18,7 @@ import { customElement, property, query, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { defaultValue } from '../../../internal/default-value';
-import { isValidDate, monthLength } from '../../../utilities/date';
+import { getDateFromISO, isValidDate, monthLength, } from '../../../utilities/date';
 import { ifDefinedAndNotEmpty } from '../../../utilities/directives';
 import { LocalizeController } from '../../../utilities/localize';
 import { FormControlController } from '../../form';
@@ -145,14 +145,16 @@ let DSAInternalDateField = class DSAInternalDateField extends ShoelaceElement {
     }
     handleChange() {
         const previousValue = this.value;
-        const selectedDay = this.dayInput.value;
-        const selectedMonth = this.monthInput.value;
-        const selectedYear = this.yearInput.value;
-        const tentativeDate = `${selectedYear}-${selectedMonth}-${selectedDay}`;
-        if (this.selectedDay > this.dayInput.max) {
-            this.selectedDay = this.dayInput.max;
+        let tempSelectedDay = this.dayInput.value;
+        const tempSelectedMonth = this.monthInput.value;
+        const tempSelectedYear = this.yearInput.value;
+        if (tempSelectedDay > this.dayInput.max) {
+            tempSelectedDay = this.dayInput.max;
         }
-        if (selectedDay === '' && selectedMonth === '' && selectedYear === '') {
+        const tentativeDate = `${tempSelectedYear}-${tempSelectedMonth}-${tempSelectedDay}`;
+        if (tempSelectedDay === '' &&
+            tempSelectedMonth === '' &&
+            tempSelectedYear === '') {
             this.setCustomValidity('');
             this.value = '';
         }
@@ -281,9 +283,9 @@ let DSAInternalDateField = class DSAInternalDateField extends ShoelaceElement {
                 this.selectedYear = '';
             }
             else {
-                this.selectedDay = `${new Date(this.value).getDate()}`.padStart(2, '0');
-                this.selectedMonth = `${new Date(this.value).getMonth() + 1}`.padStart(2, '0');
-                this.selectedYear = `${new Date(this.value).getFullYear()}`.padStart(4, '0');
+                this.selectedDay = `${getDateFromISO(this.value).getDate()}`.padStart(2, '0');
+                this.selectedMonth = `${getDateFromISO(this.value).getMonth() + 1}`.padStart(2, '0');
+                this.selectedYear = `${getDateFromISO(this.value).getFullYear()}`.padStart(4, '0');
             }
             yield this.updateComplete;
             this.setCustomValidity('');
@@ -336,14 +338,15 @@ let DSAInternalDateField = class DSAInternalDateField extends ShoelaceElement {
         this.formControlController.updateValidity();
     }
     renderSpinbutton(part) {
+        var _a, _b;
         let className = '';
         let ariaLabel = '';
         let min = 1;
         let max;
         let placeholder;
         let value;
-        const minDate = new Date(this.min);
-        const maxDate = new Date(this.max);
+        const minDate = getDateFromISO((_a = this.min) !== null && _a !== void 0 ? _a : '');
+        const maxDate = getDateFromISO((_b = this.max) !== null && _b !== void 0 ? _b : '');
         const minYear = this.min ? minDate.getFullYear() : 1900;
         const maxYear = this.max ? maxDate.getFullYear() : 2500;
         const minMonth = minYear === maxYear ? minDate.getMonth() + 1 : 1;

package/cdn/internal/components/form-control/form-control-layout.d.ts

@@ -17,7 +17,6 @@ export declare class FormControlLayout extends ShoelaceElement {
     helpText: string;
     /** Disables the form control. */
     disabled: boolean;
-    lang: string;
     /** Placeholder text to show as a hint when the form control is empty. */
     placeholder: string;
     /** Makes the form control readonly. */

package/cdn/internal/components/form-control/form-control-layout.js

@@ -139,9 +139,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], FormControlLayout.prototype, "disabled", void 0);
-__decorate([
-    property()
-], FormControlLayout.prototype, "lang", void 0);
 __decorate([
     property()
 ], FormControlLayout.prototype, "placeholder", void 0);

package/cdn/internal/components/radio-icon/radio-icon.styles.js

@@ -83,4 +83,13 @@ export default css `
     border-color: var(--dsa-wc-radio-border-color-readonly);
     background-color: var(--dsa-wc-radio-color-readonly);
   }
+
+  @media (forced-colors: active) {
+    .radio__control--checked {
+      border-color: Highlight;
+    }
+    .radio__control--checked .radio__inner {
+      background-color: Highlight;
+    }
+  }
 `;

package/cdn/utilities/date.js

@@ -6,7 +6,7 @@ import {
   isValidDate,
   monthLength,
   parseDate
-} from "../chunks/chunk.6BXZEG5L.js";
+} from "../chunks/chunk.6YEPFMKU.js";
 import "../chunks/chunk.4ZGVANML.js";
 export {
   getDateFromISO,