@ds-autonomie/web-components 1.21.0 → 1.22.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @ds-autonomie/web-components
 
+## 1.22.1
+
+### Patch Changes
+
+- acaea01: `tab` : suppression du décalage des titres d'onglet lors du changement d'onglet actif
+- 4ed942f: `combobox` : prise en compte de la valeur si elle est ajoutée avant les options associées
+- 89ca0d1: `checkbox`: Déplacement de l'astérisque des checkbox requises vers la gauche
+- 2481f61: `checkbox`: en mode "readonly": ajout du focus, retrait de la classe CSS "disabled", retrait de la possibilité de cocher/décocher au click
+  `checkbox-button`: en mode "readonly": ajout du focus
+- 189ce6c: `menu-navigation` : résolution du problème d'event listener sur les éléments du menu
+- a8e8a08: `filter-range` : mise à jour de la valeur affichée quand les valeurs `start` et `end` sont modifiées dynamiquement
+
+## 1.22.0
+
+### Minor Changes
+
+- 9fd968f: `input` : amélioration UX du type "date"
+
+### Patch Changes
+
+- a81f235: `step` : ajout de l'état de l'étape et de son index au nom accessible du lien/bouton
+- dc79532: `tab-panel`: ajout du focus (tabindex) sur le panneau par défaut.
+- 9d64df7: `menu-item`, `footer-content-block` : imrpove a11y
+- cdbb61e: `menu-navigation` : prise en charge des éléments dynamiques
+- 5e2b778: `input` : prise en charge de la suppression de l'attribut "error-message"
+- 425602e: `skip-links`: ajout d'un aria-label pour les liens d'accès rapide
+
 ## 1.21.0
 
 ### Minor Changes

package/dist/chunks/{chunk.VTJZNWTJ.js → chunk.2YCECXQ4.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.73T7TU6S.js";
 import {
   DSATreeItem
-} from "./chunk.IS42GAIM.js";
+} from "./chunk.HR3WCXZI.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.VVU4ZI4B.js → chunk.36WWRNIP.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.2VU7NSY7.js → chunk.3JBCFU7B.js}

@@ -24,7 +24,7 @@ var menu_navigation_styles_default = css`
   }
 
   /* Menu Navigation Item */
-  a {
+  ::slotted(a) {
     position: relative;
     display: flex;
     align-items: stretch;
@@ -35,20 +35,20 @@ var menu_navigation_styles_default = css`
     font: var(--dsa-wc-menu-item-font);
     padding: var(--dsa-wc-menu-navigation-item-padding);
   }
-  :host(.level-2) a {
+  :host(.level-2) ::slotted(a) {
     padding-inline-start: var(--dsa-spacing-48);
   }
-  a:hover,
-  a[aria-current='page']:hover {
+  ::slotted(a:hover),
+  ::slotted(a[aria-current='page']:hover) {
     background-color: var(--dsa-wc-menu-item-hover-background-color);
     color: var(--dsa-wc-menu-item-hover-color);
   }
-  a:focus-visible {
+  ::slotted(a:focus-visible) {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-menu-item-focus-ring-offset);
     opacity: 1;
   }
-  a[aria-current='page'] {
+  ::slotted(a[aria-current='page']) {
     color: var(--dsa-wc-menu-navigation-item-current-color);
     background-color: var(
       --dsa-wc-menu-navigation-item-current-background-color
@@ -56,22 +56,19 @@ var menu_navigation_styles_default = css`
     font: var(--dsa-wc-menu-item-font-current);
   }
   @media (forced-colors: active) {
-    a:hover,
-    a:focus-visible {
+    ::slotted(a:hover),
+    ::slotted(a:focus-visible) {
       outline: var(--dsa-wc-focus-ring);
       outline-offset: var(--dsa-wc-menu-item-focus-ring-offset);
     }
   }
 
   /* remove browser default list styles */
-  li {
+  ::slotted(li) {
     list-style: none;
   }
-  .slotted_items {
-    display: none;
-  }
 
-  dsa-divider {
+  ::slotted(dsa-divider) {
     --spacing-start: var(--dsa-wc-menu-divider-spacing);
     --spacing-end: var(--dsa-wc-menu-divider-spacing);
   }

package/dist/chunks/{chunk.OQNKOMOW.js → chunk.3KCZS7CR.js}

@@ -1,12 +1,12 @@
 import {
   getISOFormattedDate
-} from "./chunk.DY6WZQNG.js";
+} from "./chunk.W3DSB3KZ.js";
 import {
   calendar_styles_default
 } from "./chunk.L5DEEGJU.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.5Y35HJBR.js → chunk.46QRHHLQ.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.E3B2D5KE.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -790,7 +790,7 @@ __decorateClass([
   property({
     attribute: "error-message",
     converter: {
-      fromAttribute: (value) => value.split("|"),
+      fromAttribute: (value) => value ? value.split("|") : "",
       toAttribute: (value) => {
         if (typeof value === "string") {
           return value;

package/dist/chunks/{chunk.RC4FOPY5.js → chunk.4CA7E26P.js}

@@ -11,16 +11,16 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.E3B2D5KE.js";
 import {
   FormControlController
 } from "./chunk.KIFBWPW5.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -415,7 +415,7 @@ __decorateClass([
   property({
     attribute: "error-message",
     converter: {
-      fromAttribute: (value) => value.split("|"),
+      fromAttribute: (value) => value ? value.split("|") : "",
       toAttribute: (value) => {
         if (typeof value === "string") {
           return value;

package/dist/chunks/{chunk.M53SSNJZ.js → chunk.4JK743ZT.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.UIQY6EH4.js → chunk.4MDEHTR2.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.AEGNM2GN.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.VHC4JFUD.js → chunk.4QQ5B4IL.js}

@@ -1,6 +1,9 @@
 import {
   footer_content_block_styles_default
 } from "./chunk.SUFR3KIW.js";
+import {
+  HasSlotController
+} from "./chunk.DA6UU6UL.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -11,15 +14,25 @@ import {
 // src/components/footer-content-block/footer-content-block.ts
 import { html } from "lit";
 import { customElement } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 var DSAFooterContentBlock = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "region");
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "title",
+      "content"
+    );
   }
   render() {
+    const hasTitle = this.hasSlotController.test("title");
     return html`
-      <div part="base">
-        <slot part="title" name="title"></slot>
+      <div
+        part="base"
+        role=${ifDefined(hasTitle ? "region" : void 0)}
+        aria-labelledby=${ifDefined(hasTitle ? "block-title" : void 0)}
+      >
+        <slot id="block-title" part="title" name="title"></slot>
         <slot part="content" name="content"></slot>
       </div>
     `;

package/dist/chunks/{chunk.L4T7Q6GD.js → chunk.5DAITYVK.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.MILDW5D6.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.WVA3OV5Q.js → chunk.5DJID6VS.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.IY4PPAPE.js → chunk.5MBTOZ4X.js}

@@ -36,6 +36,7 @@ var translation = {
   stepCompleted: "\xC9tape valid\xE9e",
   stepInProgress: "\xC9tape en cours",
   stepError: "\xC9tape en erreur",
+  skipLinksAriaLabel: `Liens d'acc\xE8s rapide`,
   errorMessagePanelCodePrefix: "Code d'erreur: ",
   fileSelect: (multiple) => {
     if (multiple)
@@ -82,6 +83,44 @@ var translation = {
   min: "Min",
   max: "Max",
   clearButton: "Effacer valeur",
+  day: "Jour",
+  month: "Mois",
+  year: "Ann\xE9e",
+  dayPlaceholder: "JJ",
+  monthPlaceholder: "MM",
+  yearPlaceholder: "AAAA",
+  selectedDate: "Date s\xE9lectionn\xE9e : ",
+  selectedDates: "Dates s\xE9lectionn\xE9es : ",
+  enhancedMonth: (month) => {
+    switch (month) {
+      case 1:
+        return "1 - Janvier";
+      case 2:
+        return "2 - F\xE9vrier";
+      case 3:
+        return "3 - Mars";
+      case 4:
+        return "4 - Avril";
+      case 5:
+        return "5 - Mai";
+      case 6:
+        return "6 - Juin";
+      case 7:
+        return "7 - Juillet";
+      case 8:
+        return "8 - Ao\xFBt";
+      case 9:
+        return "9 - Septembre";
+      case 10:
+        return "10 - Octobre";
+      case 11:
+        return "11 - Novembre";
+      case 12:
+        return "12 - D\xE9cembre";
+      default:
+        return "";
+    }
+  },
   monthSelect: "S\xE9lectionner le mois",
   nextMonthButton: "Mois suivant",
   nextYearButton: "Ann\xE9e suivante",
@@ -93,7 +132,9 @@ var translation = {
   yearSelect: "S\xE9lectionner l'ann\xE9e",
   startDate: "Date de d\xE9but",
   endDate: "Date de fin",
-  invalidDateFormat: "Format de date invalide",
+  invalidDate: "Date non valide",
+  invalidStartDate: "Date de d\xE9but non valide",
+  invalidEndDate: "Date de fin non valide",
   tableOfContents: "Sommaire :",
   userMenu: "Menu utilisateur",
   // countries and regions
@@ -150,6 +191,7 @@ var translation2 = {
   stepCompleted: "Step completed",
   stepInProgress: "Step in progress",
   stepError: "Step in error",
+  skipLinksAriaLabel: `Skip links`,
   errorMessagePanelCodePrefix: "Error code: ",
   fileSelect: (multiple) => {
     if (multiple)
@@ -196,6 +238,44 @@ var translation2 = {
   min: "Min",
   max: "Max",
   clearButton: "Clear value",
+  day: "Day",
+  month: "Month",
+  year: "Year",
+  dayPlaceholder: "DD",
+  monthPlaceholder: "MM",
+  yearPlaceholder: "YYYY",
+  selectedDate: "Selected date : ",
+  selectedDates: "Selected dates : ",
+  enhancedMonth: (month) => {
+    switch (month) {
+      case 1:
+        return "1 - January";
+      case 2:
+        return "2 - February";
+      case 3:
+        return "3 - March";
+      case 4:
+        return "4 - April";
+      case 5:
+        return "5 - May";
+      case 6:
+        return "6 - June";
+      case 7:
+        return "7 - July";
+      case 8:
+        return "8 - August";
+      case 9:
+        return "9 - September";
+      case 10:
+        return "10 - October";
+      case 11:
+        return "11 - November";
+      case 12:
+        return "12 - December";
+      default:
+        return "";
+    }
+  },
   monthSelect: "Select month",
   nextMonthButton: "Next month",
   nextYearButton: "Next year",
@@ -207,7 +287,9 @@ var translation2 = {
   yearSelect: "Select year",
   startDate: "Start date",
   endDate: "End date",
-  invalidDateFormat: "Invalid date format",
+  invalidDate: "Invalid date",
+  invalidStartDate: "Invalid start date",
+  invalidEndDate: "Invalide end date",
   tableOfContents: "Table of contents :",
   userMenu: "User Menu",
   // countries and regions

package/dist/chunks/{chunk.4VKIGF5Z.js → chunk.5NEMV7VX.js}

@@ -1,15 +1,15 @@
 import {
   step_styles_default
-} from "./chunk.Z3PCBFRD.js";
+} from "./chunk.76RCUC6S.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -142,7 +142,17 @@ var DSAStep = class extends ShoelaceElement {
               type=${ifDefined(isButton ? "button" : void 0)}
               href=${ifDefined(isLink ? this.href : void 0)}
               target=${ifDefined(isLink ? this.target : void 0)}
-              rel=${ifDefined(isLink ? this.rel : void 0)}>
+              rel=${ifDefined(isLink ? this.rel : void 0)}
+            >
+              ${this.clickable ? html`
+                      <dsa-visually-hidden>${stepLabel},</dsa-visually-hidden>
+                    ` : ""}
+              ${this.clickable && this.index !== void 0 ? html`
+                      <dsa-visually-hidden
+                        >${this.localize.term("step")}
+                        ${this.index + 1},</dsa-visually-hidden
+                      >
+                    ` : ""}
               <slot
                 name="title"
                 class="step-title"

package/dist/chunks/{chunk.NKVYNBAI.js → chunk.5S3NTA2V.js}

@@ -22,6 +22,7 @@ var DSATabPanel = class extends ShoelaceElement {
     this.attrId = ++id;
     this.componentId = `dsa-tab-panel-${this.attrId}`;
     this.name = "";
+    this.tabindex = 0;
     this.active = false;
   }
   connectedCallback() {
@@ -48,6 +49,9 @@ DSATabPanel.styles = tab_panel_styles_default;
 __decorateClass([
   property({ reflect: true })
 ], DSATabPanel.prototype, "name", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSATabPanel.prototype, "tabindex", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSATabPanel.prototype, "active", 2);

package/dist/chunks/{chunk.OZ2GKA3Q.js → chunk.5X4QTZAP.js}

@@ -23,6 +23,20 @@ var tab_styles_default = css`
     cursor: pointer;
   }
 
+  .tab__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .tab__width-placeholder {
+    content: attr(data-label);
+    font-weight: 700;
+    visibility: hidden;
+    display: inline-block;
+    height: 0;
+    overflow: hidden;
+  }
+
   .tab:hover:not(.tab--disabled) {
     color: var(--dsa-wc-tab-color-hover);
   }

package/dist/chunks/{chunk.VDSFN77O.js → chunk.6YV75XW5.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.R426GAXO.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.DA6UU6UL.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.ZXP2XR2V.js → chunk.75JDBBOQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2T66U3QC.js";
 import {
   LocalizeController
-} from "./chunk.IY4PPAPE.js";
+} from "./chunk.5MBTOZ4X.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";