@ds-autonomie/web-components 1.10.0 → 1.11.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @ds-autonomie/web-components
 
+## 1.11.1
+
+### Patch Changes
+
+- 3aad88c: `error-message-panel`: cacher les svg pour les technologies d'assistance
+- 2ef7590: `footer-mandatory-mentions` : rename `footer-inline-divider` to `footer-mandatory-mentions`
+- 96485a2: `pagination` : amélioration de l'accessibilité
+- 9cdf80c: `input` : la ligne d'erreur n'est pas affichée si le message d'erreur est vide
+- 6381772: `combobox`, `menu`, `radio-group`: définition d'un aria-label sur les info-bulles des exemples storybook manquants
+- 4d28d75: `skip-links`: résolution des retours d'accessibilités sur le composant skip-links
+- ba7e576: `footer-sitemap`, `footer`: résolutions des retours d'accessibilités sur les composants footer et footer-sitemap
+- d7481cc: `radio`, `checkbox`: résolution des retours d'accessibilité
+- bb896cb: `card`: résolution des retours d'accessibilité sur le composant card
+- 0c61642: `select` : affichage du focus ring du bouton clear
+- c11e005: `header`, `table`, `input-phone` : résolution des retours d'accessibilités
+
+## 1.11.0
+
+### Minor Changes
+
+- 05ef1ae: `filter-select` : ajout du filtre à sélection unique
+- d2850e7: `option` : modification de l'apparence quand plusieurs options peuvent être sélectionnées; `filter-select` : possibilité de sélectionner plusieurs options
+- e506100: `table-toolbar` : ajout d'un slot pour le filtre des colonnes
+
 ## 1.10.0
 
 ### Minor Changes

package/dist/chunks/{chunk.KUC4IPNW.js → chunk.2EF2XM6Z.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -30,6 +30,7 @@ var DSAPagination = class extends LoadingStateElement {
     this.currentPage = 1;
     this.totalItems = 1;
     this.itemsPerPage = 10;
+    this.navigationType = "button";
   }
   handlePageButtonClick(event) {
     if (event.target.value !== -1 && !event.target.selected) {
@@ -47,6 +48,7 @@ var DSAPagination = class extends LoadingStateElement {
     return Array.from({ length: end - start + 1 }, (_, i) => {
       const pageNumber = start + i;
       return html`<dsa-pagination-button
+        navigation-type=${this.navigationType}
         value=${pageNumber}
         ?selected=${this.currentPage === pageNumber}
       ></dsa-pagination-button>`;
@@ -58,16 +60,29 @@ var DSAPagination = class extends LoadingStateElement {
     } else if (this.currentPage < 4 || this.currentPage > this.totalPages - 3) {
       return html`
         ${this.renderButtonsRange(1, 3)}
-        <dsa-pagination-button value="-1"></dsa-pagination-button>
+        <dsa-pagination-button
+          navigation-type=${this.navigationType}
+          value="-1"
+        ></dsa-pagination-button>
         ${this.renderButtonsRange(this.totalPages - 2, this.totalPages)}
       `;
     } else {
       return html`
-        <dsa-pagination-button value="1"></dsa-pagination-button>
-        <dsa-pagination-button value="-1"></dsa-pagination-button>
+        <dsa-pagination-button
+          navigation-type=${this.navigationType}
+          value="1"
+        ></dsa-pagination-button>
+        <dsa-pagination-button
+          navigation-type=${this.navigationType}
+          value="-1"
+        ></dsa-pagination-button>
         ${this.renderButtonsRange(this.currentPage - 1, this.currentPage + 1)}
-        <dsa-pagination-button value="-1"></dsa-pagination-button>
         <dsa-pagination-button
+          navigation-type=${this.navigationType}
+          value="-1"
+        ></dsa-pagination-button>
+        <dsa-pagination-button
+          navigation-type=${this.navigationType}
           value="${this.totalPages}"
         ></dsa-pagination-button>
       `;
@@ -107,9 +122,10 @@ var DSAPagination = class extends LoadingStateElement {
         <!-- Mobile Navigation -->
         <nav
           class="pagination__navigation--mobile"
-          arial-label=${this.localize.term("pagination")}
+          aria-label=${this.localize.term("pagination")}
         >
           <dsa-pagination-button
+            navigation-type=${this.navigationType}
             value="${this.currentPage - 1}"
             ?disabled=${this.currentPage < 2}
             class="pagination__navigation__button--mobile"
@@ -134,6 +150,7 @@ var DSAPagination = class extends LoadingStateElement {
             <p>${this.localize.term("ofTotal", this.totalPages)}</p>
           </div>
           <dsa-pagination-button
+            navigation-type=${this.navigationType}
             value="${this.currentPage + 1}"
             ?disabled=${this.currentPage > this.totalPages - 1}
             class="pagination__navigation__button--mobile"
@@ -171,7 +188,7 @@ var DSAPagination = class extends LoadingStateElement {
         <!-- Desktop Navigation -->
         <nav
           class="pagination__navigation--desktop"
-          arial-label=${this.localize.term("pagination")}
+          aria-label=${this.localize.term("pagination")}
         >
           <dsa-internal-button-group
             squeezed
@@ -179,6 +196,7 @@ var DSAPagination = class extends LoadingStateElement {
             @click=${this.handlePageButtonClick}
           >
             <dsa-pagination-button
+              navigation-type=${this.navigationType}
               value="${this.currentPage - 1}"
               ?disabled=${this.currentPage < 2}
             >
@@ -187,6 +205,7 @@ var DSAPagination = class extends LoadingStateElement {
             >
             ${this.getPageButtons()}
             <dsa-pagination-button
+              navigation-type=${this.navigationType}
               value="${this.currentPage + 1}"
               ?disabled=${this.currentPage > this.totalPages - 1}
               >${this.localize.term("nextPage")}
@@ -217,6 +236,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number, attribute: "items-per-page" })
 ], DSAPagination.prototype, "itemsPerPage", 2);
+__decorateClass([
+  property({ attribute: "navigation-type" })
+], DSAPagination.prototype, "navigationType", 2);
 __decorateClass([
   watch(["totalItems", "itemsPerPage"])
 ], DSAPagination.prototype, "updateTotalPages", 1);

package/dist/chunks/{chunk.FQXQIC6N.js → chunk.3LVYSAA2.js}

@@ -4,9 +4,6 @@ import {
 import {
   DSATableCell
 } from "./chunk.V5O2GRVM.js";
-import {
-  LocalizeController
-} from "./chunk.27JQOQHL.js";
 import {
   TABLE_SORT_CYCLE
 } from "./chunk.HB7A2UQ7.js";
@@ -24,7 +21,6 @@ import { classMap } from "lit/directives/class-map.js";
 var DSATableHeaderCell = class extends DSATableCell {
   constructor() {
     super(...arguments);
-    this.localize = new LocalizeController(this);
     this.nextSortDirection = this.getNextSortDirection();
     this.isHovered = false;
     this.textContent = "";
@@ -100,11 +96,6 @@ var DSATableHeaderCell = class extends DSATableCell {
         <button
           type="button"
           part="sort-button"
-          aria-label=${this.localize.term(
-        "nextSortDirection",
-        this.nextSortDirection,
-        this.innerText
-      )}
           class=${classMap({
         "sort-button--align-right": this.alignment === "right",
         "sort-button--align-left": this.alignment === "left"

package/dist/chunks/{chunk.4BPTV7TY.js → chunk.4EFJ2NV3.js}

@@ -14,7 +14,6 @@ var table_container_styles_default = css`
       'bar bar'
       'table table'
       'pagination pagination';
-    grid-gap: var(--dsa-spacing-12);
     grid-template-columns: minmax(0, 1fr) auto;
   }
 
@@ -24,10 +23,12 @@ var table_container_styles_default = css`
 
   [part~='export']::slotted(*) {
     grid-area: export;
+    margin-top: var(--dsa-spacing-12);
   }
 
   [part~='table']::slotted(*) {
     grid-area: table;
+    margin-top: var(--dsa-spacing-12);
   }
 
   [part~='bar-container'] {
@@ -35,6 +36,11 @@ var table_container_styles_default = css`
     position: relative;
   }
 
+  .bar-container--has-toolbar,
+  .bar-container--has-action {
+    margin-top: var(--dsa-spacing-12);
+  }
+
   .bar-container--has-toolbar [part~='action']::slotted(*) {
     position: absolute;
     top: 0px;
@@ -45,6 +51,7 @@ var table_container_styles_default = css`
     grid-area: pagination;
     display: block;
     padding: var(--dsa-spacing-12) var(--dsa-spacing-8);
+    margin-top: var(--dsa-spacing-12);
   }
 `;
 

package/dist/chunks/{chunk.S625WSQN.js → chunk.4GRAI2MY.js}

@@ -11,9 +11,6 @@ import {
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -27,10 +24,13 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.WNODOQAI.js → chunk.4KIYFTCP.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.2O7XBCK3.js → chunk.4V4L6Q7P.js}

@@ -1,6 +1,6 @@
 import {
   table_container_styles_default
-} from "./chunk.4BPTV7TY.js";
+} from "./chunk.4EFJ2NV3.js";
 import {
   LoadingStateElement
 } from "./chunk.PFGVYROJ.js";
@@ -113,13 +113,15 @@ var DSATableContainer = class extends LoadingStateElement {
   }
   render() {
     const hasToolbar = this.hasSlotController.test("toolbar");
+    const hasAction = this.hasSlotController.test("action");
     return html`
       <slot part="caption" name="caption"></slot>
       <slot part="export" name="export"></slot>
       <div
         part="bar-container"
         class=${classMap({
-      "bar-container--has-toolbar": hasToolbar
+      "bar-container--has-toolbar": hasToolbar,
+      "bar-container--has-action": hasAction
     })}
       >
         <slot part="toolbar" name="toolbar"></slot>

package/dist/chunks/{chunk.RZ3LYIA4.js → chunk.5TGJF2VX.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.UVCXXEVO.js → chunk.5WCKK7SH.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.N27XTH35.js → chunk.6FSQE5WT.js}

@@ -29,10 +29,13 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -258,6 +261,7 @@ var DSACombobox = class extends ShoelaceElement {
     const allOptions = [];
     optionsNodeList.forEach((option) => {
       const clonedOption = option.cloneNode(true);
+      clonedOption.multiple = this.multiple;
       allOptions.push(clonedOption);
     });
     return allOptions;
@@ -657,19 +661,23 @@ var DSACombobox = class extends ShoelaceElement {
                   class="select__display-input"
                   type="text"
                   .value=${this.displayLabel}
-                  placeholder=${this.placeholder}
+                  placeholder=${ifDefinedAndNotEmpty(this.placeholder)}
                   .disabled=${this.disabled}
                   size=${selectInputWidth}
                   autocomplete="off"
                   spellcheck="false"
                   autocapitalize="off"
-                  title=${this.title}
+                  title=${ifDefinedAndNotEmpty(this.title)}
                   aria-controls="listbox"
                   aria-autocomplete="list"
                   aria-expanded=${this.open ? "true" : "false"}
                   aria-haspopup="listbox"
-                  aria-labelledby=${hasLabel ? "label" : void 0}
-                  aria-label=${hasLabel ? void 0 : this.title}
+                  aria-labelledby=${ifDefinedAndNotEmpty(
+      hasLabel ? "label" : void 0
+    )}
+                  aria-label=${ifDefinedAndNotEmpty(
+      hasLabel ? void 0 : this.title
+    )}
                   aria-disabled=${this.disabled ? "true" : "false"}
                   aria-describedby="help-text"
                   aria-activedescendant=${(_b = (_a = this.currentOption) == null ? void 0 : _a.id) != null ? _b : ""}
@@ -712,7 +720,7 @@ var DSACombobox = class extends ShoelaceElement {
 
               <dsa-icon
                 class="select__expand-icon"
-                name="arrow_drop_down"
+                name="expand_more"
               ></dsa-icon>
             </div>
             <ul

package/dist/chunks/{chunk.3EDVQPST.js → chunk.6SKEHIZQ.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.DDTC2S6X.js → chunk.A6HP3LGA.js}

@@ -1,9 +1,9 @@
 import {
   table_action_styles_default
-} from "./chunk.UGLLQNQE.js";
+} from "./chunk.WF3O66VR.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.UXXDCLQD.js → chunk.AYZJ2B54.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.27JQOQHL.js";
+} from "./chunk.NES7WFNV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";