@ds-autonomie/web-components 1.14.0 → 1.15.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @ds-autonomie/web-components
 
+## 1.15.0
+
+### Minor Changes
+
+- 8158f31: `table-of-contents` : ajout du sommaire
+- 4c02db0: `navbar`, `navbar-link`, `navbar-menu` : ajout de la barre de navigation
+- f6c3562: `card` : possibilité de transformer les cartes en liens"
+
+### Patch Changes
+
+- 24deb81: `combobox`: amélioration du comportement asynchrone
+- 613a68e: `breadcrumb`, `breadcrumb-item` : amélioration a11y et ajout de tests
+- db1ce43: `radio-group` : propagation de l'état d'erreur aux enfants
+- d97c8c6: Mise à jour des design tokens
+- c303346: `pagination` : correction de l'ordre de tabulation
+- 2a7173f: `filter-date`: possibilité d'ajouter un minimum et un maximum
+- Updated dependencies [d97c8c6]
+  - @ds-autonomie/assets@1.4.1
+
 ## 1.14.0
 
 ### Minor Changes

package/dist/chunks/{chunk.DREYXOUA.js → chunk.352FP4B2.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.B4GUOE72.js → chunk.3UNYRJRK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IGYXUK7A.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.LHG7BUMQ.js → chunk.45B5UA3U.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.OZ2GKA3Q.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.H7HTI7EF.js → chunk.5RA2HDQK.js}

@@ -117,7 +117,7 @@ var filter_date_styles_default = css`
     padding: var(--dsa-wc-filter-date-panel-padding);
     border-radius: var(--dsa-wc-filter-date-panel-border-radius);
     background: var(--dsa-wc-select-listbox-background-color);
-    box-shadow: var(--dsa-wc-shadow-large);
+    box-shadow: var(--dsa-wc-shadow-small);
   }
 `;
 

package/dist/chunks/{chunk.BASSTNYX.js → chunk.66GR4TVJ.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.LUZZL7BY.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.53XHLD3O.js → chunk.6L6CZSQX.js}

@@ -101,6 +101,7 @@ var translation = {
   firefoxLimitation: (buttonLabel) => `Utiliser le bouton intitul\xE9 "${buttonLabel}" pour ouvrir le calendrier (les autres ne fonctionnent pas sur Firefox)`,
   startDate: "Date de d\xE9but",
   endDate: "Date de fin",
+  tableOfContents: "Sommaire :",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe, Saint-Barth\xE9lemy et Saint-Martin",
@@ -220,6 +221,7 @@ var translation2 = {
   firefoxLimitation: (buttonLabel) => `Use the button entitled "${buttonLabel}" to open the calendar (the others are not working on Firefox)`,
   startDate: "Start date",
   endDate: "End date",
+  tableOfContents: "Table of contents :",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/dist/chunks/{chunk.AVKISRNV.js → chunk.7FEHNWG3.js}

@@ -175,11 +175,12 @@ var DSARadioGroup = class extends ShoelaceElement {
       const radios = this.getAllRadios();
       let hasAtLeastOneCheckedRadio = false;
       radios.forEach((radio) => {
+        radio.error = this.error;
         if (this.readonly) {
-          radio.readonly = true;
+          radio.readonly = this.readonly;
         }
         if (this.disabled) {
-          radio.disabled = true;
+          radio.disabled = this.disabled;
         }
         this.hasRadioButtons = radio.tagName.toLowerCase() === "dsa-radio-button";
         if (radio.tagName.toLowerCase() === "dsa-radio-button" && radio.readonly) {
@@ -245,6 +246,7 @@ var DSARadioGroup = class extends ShoelaceElement {
     } else {
       this.removeAttribute("aria-invalid");
     }
+    this.getAllRadios().forEach((radio) => radio.error = this.error);
   }
   handleDisabledChange() {
     if (this.disabled) {

package/dist/chunks/{chunk.ZP4ZUSYY.js → chunk.7J3HDP6J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.D2OFSSMT.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.DGCTOS4V.js → chunk.7KF6Z37I.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.JOBG5D6J.js → chunk.A2AK34DU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WFHOSUOX.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.WD5NYPRU.js → chunk.A3RCXT25.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BRHJBTGS.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.G5IWQN6H.js → chunk.AWHBPZCA.js}

@@ -356,7 +356,7 @@ var combobox_styles_default = css`
     display: block;
     position: relative;
     font: var(--dsa-wc-input-text-field-font);
-    box-shadow: var(--dsa-wc-shadow-large);
+    box-shadow: var(--dsa-wc-shadow-small);
     background: var(--dsa-wc-combobox-listbox-background-color);
     border: solid var(--dsa-wc-combobox-listbox-border-width)
       var(--dsa-wc-combobox-listbox-border-color);

package/dist/chunks/{chunk.MF2J4QPF.js → chunk.BHQ3BNQA.js}

@@ -1,12 +1,12 @@
 import {
   getISOFormattedDate
-} from "./chunk.OYPQON5P.js";
+} from "./chunk.U7V5J6UX.js";
 import {
   calendar_styles_default
 } from "./chunk.2P44D5YL.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.VIVGDHH6.js → chunk.BJAMGNY4.js}

@@ -24,9 +24,6 @@ var pagination_styles_default = css`
     color: var(--dsa-wc-pagination-color);
     container-type: inline-size;
   }
-  .pagination--desktop {
-    flex-direction: row-reverse;
-  }
   .pagination--desktop,
   .skeleton--desktop {
     height: var(--dsa-wc-pagination-height-desktop);
@@ -126,6 +123,16 @@ var pagination_styles_default = css`
   .skeleton__itemsperpage {
     grid-area: itemsperpage;
   }
+
+  ::slotted(dsa-select) {
+    --dsa-wc-input-on-layer-border-color: var(
+      --dsa-wc-pagination-select-border-color
+    );
+    --dsa-wc-select-input-font-small: var(--dsa-wc-pagination-select-font);
+    --dsa-wc-input-on-base-text-field-input-color: var(
+      --dsa-wc-pagination-select-color
+    );
+  }
 `;
 
 export {

package/dist/chunks/chunk.BOUCFBIX.js

@@ -0,0 +1,130 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/table-of-contents/table-of-contents.styles.ts
+import { css } from "lit";
+var table_of_contents_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .toc.toc--mobile {
+    position: relative;
+    box-shadow: var(--dsa-wc-shadow-small);
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: var(--dsa-spacing-8);
+    background-color: var(--dsa-wc-table-of-contents-header-background);
+  }
+  .toc--mobile .header {
+    padding: var(--dsa-wc-table-of-contents-header-padding-mobile);
+    cursor: pointer;
+  }
+  .toc--mobile .header:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: -3px;
+  }
+  .toc--desktop .header {
+    padding: var(--dsa-wc-table-of-contents-header-padding-desktop);
+  }
+
+  .label {
+    white-space: nowrap;
+    font: var(--dsa-wc-table-of-contents-label-font);
+    color: var(--dsa-wc-table-of-contents-label-color);
+  }
+  .header__current-section {
+    font: var(--dsa-wc-table-of-contents-current-section-font);
+    color: var(--dsa-wc-table-of-contents-current-section-color);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: auto;
+  }
+  .header__icon {
+    flex-shrink: 0;
+    margin-inline-start: auto;
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+  }
+
+  .toc--open .header__icon {
+    rotate: 180deg;
+  }
+
+  /* Progress Bar */
+  .progress-bar {
+    background: var(--dsa-color-progress-bar-background);
+    height: 4px;
+  }
+
+  .progress-bar__indicator {
+    height: 100%;
+    background-color: var(--dsa-color-progress-bar-on-background-indicator);
+    transition: 400ms width, 400ms background-color;
+    user-select: none;
+  }
+
+  /* Content */
+  .content {
+    background-color: var(--dsa-wc-table-of-contents-content-background);
+  }
+  .toc--mobile .content {
+    position: absolute;
+    inset-inline: 0;
+    height: 0;
+    padding: var(--dsa-wc-table-of-contents-content-padding-mobile);
+    box-shadow: var(--dsa-wc-shadow-small);
+    max-height: 60vh;
+    overflow: auto;
+  }
+  .content__indicator {
+    position: absolute;
+    transition: var(--dsa-wc-transition-fast) translate ease,
+      var(--dsa-wc-transition-fast) width ease;
+    border-inline-start: var(--dsa-wc-table-of-contents-indicator-border);
+  }
+
+  /* Item */
+  a {
+    display: flex;
+    color: var(--dsa-wc-table-of-contents-link-color);
+    transition: var(--dsa-wc-transition-fast) fill;
+    user-select: none;
+
+    text-decoration: none;
+    font: var(--dsa-wc-menu-item-font);
+    padding: var(--dsa-wc-table-of-contents-link-padding-desktop);
+    border-inline-start: var(--dsa-wc-table-of-contents-link-border-left);
+  }
+  a:hover {
+    color: var(--dsa-wc-table-of-contents-link-color-hover);
+  }
+  a:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-table-of-contents-link-focus-ring-offset);
+    opacity: 1;
+  }
+  a[aria-current='true'] {
+    color: var(--dsa-wc-table-of-contents-link-color-active);
+  }
+  @media (forced-colors: active) {
+    a:hover,
+    a:focus-visible {
+      outline: var(--dsa-wc-focus-ring);
+      outline-offset: var(--dsa-wc-table-of-contents-link-focus-ring-offset);
+    }
+  }
+
+  .slotted_items {
+    display: none;
+  }
+`;
+
+export {
+  table_of_contents_styles_default
+};

package/dist/chunks/{chunk.RYST5DLX.js → chunk.BROIFXIH.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.L6QHSHTE.js → chunk.E475BLMD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SGIGGO5M.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.LKSELKOS.js → chunk.EOOFG4A2.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.LWMCUNON.js → chunk.FZODQJBF.js}

@@ -30,7 +30,7 @@ var filter_range_styles_default = css`
     flex-direction: column;
     position: relative;
     font: var(--dsa-wc-input-text-field-font);
-    box-shadow: var(--dsa-wc-shadow-large);
+    box-shadow: var(--dsa-wc-shadow-small);
     background: var(--dsa-wc-select-listbox-background-color);
     border: solid var(--dsa-wc-select-listbox-border-width)
       var(--dsa-wc-select-listbox-border-color);

package/dist/chunks/{chunk.AUXSVYQC.js → chunk.GE2PTQVM.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.AV6BLB3U.js → chunk.GYJZ3E7K.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.J7M5WD53.js → chunk.I2FEKI3M.js}

@@ -1,6 +1,6 @@
 import {
   menu_navigation_styles_default
-} from "./chunk.NL4UMTLM.js";
+} from "./chunk.Y2FHTUAN.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.VULWM6KJ.js → chunk.IQTKA4UT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.2T66U3QC.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/chunk.IZENKIMQ.js

@@ -0,0 +1,73 @@
+import {
+  navbar_link_styles_default
+} from "./chunk.KGEIBGLH.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/navbar/navbar-link/navbar-link.ts
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+var DSANavbarLink = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.mobile = false;
+    this.href = "";
+    this.rel = "noreferrer noopener";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "listitem");
+  }
+  handleFocus() {
+    this.emit("dsa-focus");
+  }
+  handleBlur() {
+    this.emit("dsa-blur");
+  }
+  render() {
+    return html`
+      <a
+        class=${classMap({
+      "navbar-link": true,
+      "navbar-link--mobile": this.mobile,
+      "navbar-link--desktop": !this.mobile
+    })}
+        href=${this.href}
+        target="${ifDefined(this.target)}"
+        rel=${ifDefined(this.rel)}
+        @focus=${this.handleFocus}
+        @blur=${this.handleBlur}
+        ><slot></slot
+      ></a>
+    `;
+  }
+};
+DSANavbarLink.styles = navbar_link_styles_default;
+__decorateClass([
+  query(".navbar-link")
+], DSANavbarLink.prototype, "link", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSANavbarLink.prototype, "mobile", 2);
+__decorateClass([
+  property()
+], DSANavbarLink.prototype, "href", 2);
+__decorateClass([
+  property()
+], DSANavbarLink.prototype, "target", 2);
+__decorateClass([
+  property()
+], DSANavbarLink.prototype, "rel", 2);
+DSANavbarLink = __decorateClass([
+  customElement("dsa-navbar-link")
+], DSANavbarLink);
+
+export {
+  DSANavbarLink
+};

package/dist/chunks/{chunk.QQNPHQVQ.js → chunk.JR77AUQ7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";
@@ -30,11 +30,16 @@ var DSABreadcrumbItem = class extends ShoelaceElement {
     );
     this.rel = "noreferrer noopener";
   }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "listitem");
+    }
+  }
   render() {
     const isLink = this.href ? true : false;
     return html`
       <div
-        role="listitem"
         part="base"
         class=${classMap({
       "breadcrumb-item": true,

package/dist/chunks/{chunk.43KHRHCJ.js → chunk.JVIVUQCT.js}

@@ -1,6 +1,6 @@
 import {
   filter_counter_styles_default
-} from "./chunk.3ZP64TS5.js";
+} from "./chunk.OXM5EF3F.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -14,7 +14,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.WFOJPGUQ.js → chunk.JXWCUSV3.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/chunk.KGEIBGLH.js

@@ -0,0 +1,62 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/navbar/navbar-link/navbar-link.styles.ts
+import { css } from "lit";
+var navbar_link_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .navbar-link {
+    display: flex;
+    align-items: center;
+    gap: var(--dsa-spacing-4);
+    border-radius: 0;
+    background-color: var(--dsa-wc-button-navigation-on-base-color);
+    border: none;
+    font: var(--dsa-wc-navbar-font);
+    color: var(--dsa-wc-button-navigation-on-base-font-color);
+    text-decoration: none;
+  }
+  .navbar-link:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: -3px;
+  }
+  .navbar-link:hover {
+    background-color: var(--dsa-wc-navbar-button-background-hover);
+  }
+
+  .navbar-link[aria-current='page'] {
+    color: var(--dsa-wc-menu-navigation-item-current-color);
+    background-color: var(
+      --dsa-wc-menu-navigation-item-current-background-color
+    );
+  }
+
+  /*
+   * Desktop 
+   */
+  .navbar-link--desktop {
+    height: var(--dsa-wc-navbar-button-height-desktop);
+    cursor: pointer;
+    border-bottom: 1px solid transparent;
+    padding: var(--dsa-wc-navbar-button-padding-desktop);
+  }
+
+  /* 
+   * Mobile 
+   */
+  .navbar-link--mobile {
+    width: 100%;
+    min-height: var(--dsa-wc-navbar-button-height-mobile);
+    padding: var(--dsa-wc-navbar-link-padding-mobile);
+  }
+`;
+
+export {
+  navbar_link_styles_default
+};

package/dist/chunks/{chunk.3LQJ4HTL.js → chunk.M6LJDR7Y.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.JMLADVIB.js → chunk.MUGCPHYQ.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.JO4AYV3I.js → chunk.N2H4K44W.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.2QB7W6VY.js → chunk.N43R5DJN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.53XHLD3O.js";
+} from "./chunk.6L6CZSQX.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";