@ds-autonomie/web-components 2.20.0 → 2.21.1

package/dist/chunks/{chunk.6EOZYFCK.js → chunk.LVSZUO34.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.6HSTAJNR.js → chunk.M6X2ZDO6.js}

@@ -71,6 +71,7 @@ var download_link_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
     border-radius: var(--dsa-wc-focus-ring-radius);
   }
+
   .document-link--x-large {
     font: var(--dsa-wc-link-font-x-large);
     --icon-size: var(--dsa-wc-download-link-icon-size--xlarge);
@@ -105,8 +106,7 @@ var download_link_styles_default = css`
 
   .document-info {
     color: var(--dsa-wc-link-document-info-on-base-color);
-    margin-top: var(--dsa-spacing-8);
-    margin-bottom: 0;
+    margin-block: var(--dsa-spacing-8) 0;
     pointer-events: none;
   }
   .document-info--on-layer {

package/dist/chunks/{chunk.JC4UHPES.js → chunk.MMROE4ER.js}

@@ -1,9 +1,9 @@
 import {
   FormToggleButton
-} from "./chunk.YGUB43LS.js";
+} from "./chunk.YKBHVARA.js";
 import {
   DSACheckboxGroup
-} from "./chunk.RPOIITDC.js";
+} from "./chunk.KDDTJP4K.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.5WXGUCD2.js → chunk.N6RV7TJA.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.4UFNEXOD.js";
 import {
   DSACheckbox
-} from "./chunk.IJLBJ37U.js";
+} from "./chunk.QM6A2OJ6.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.F7XLQM3I.js → chunk.OMSTY3Y5.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.CZC3DHY6.js";
+} from "./chunk.RHRIPLA3.js";
 import {
   FormSelectableCard
-} from "./chunk.NGEL5LW3.js";
+} from "./chunk.HD75OK3X.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.7I4SBUOE.js → chunk.ORAH2BHK.js}

@@ -1,6 +1,6 @@
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -17,10 +17,10 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.BWP55AAX.js → chunk.OYJ4CG6J.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NBEDK6M4.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.IIT2FS67.js → chunk.P57KFF6A.js}

@@ -1,9 +1,9 @@
 import {
   download_card_styles_default
-} from "./chunk.TLQMWL6I.js";
+} from "./chunk.67J6LDJW.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -12,12 +12,19 @@ import {
 } from "./chunk.N3L4GIUO.js";
 
 // src/components/download-card/download-card.ts
-import { html } from "lit";
+import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 var DSADownloadCard = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.href = "";
+    this.cachedDocumentInfo = "";
+  }
+  willUpdate(changedProperties) {
+    var _a, _b;
+    if (changedProperties.has("format") || changedProperties.has("documentSize")) {
+      this.cachedDocumentInfo = this.format && this.documentSize ? `${this.format} - ${this.documentSize}` : ((_a = this.format) != null ? _a : "") + ((_b = this.documentSize) != null ? _b : "");
+    }
   }
   handleFocus() {
     this.emit("dsa-focus");
@@ -37,10 +44,8 @@ var DSADownloadCard = class extends ShoelaceElement {
         <slot name="image" part="image"></slot>
         <div part="content">
           <slot></slot>
-          ${this.description ? html` <p part="description">${this.description}</p> ` : ""}
-          <p part="document-info">
-            ${this.format}${this.format && this.documentSize ? " - " : ""}${this.documentSize}
-          </p>
+          ${this.description ? html` <p part="description">${this.description}</p> ` : nothing}
+          <p part="document-info">${this.cachedDocumentInfo}</p>
         </div>
         <dsa-icon part="icon" name="download" library="system"></dsa-icon>
       </a>

package/dist/chunks/{chunk.EGXFCQMV.js → chunk.PPNCR6KJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.HIABUXVS.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -24,10 +24,10 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.ISEFZON7.js → chunk.Q45EA7A6.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.MDQDWJCR.js → chunk.QCVOP7JL.js}

@@ -95,6 +95,7 @@ var table_of_contents_styles_default = css`
   /* Item */
   a {
     display: flex;
+    flex-direction: column;
     color: var(--dsa-wc-table-of-contents-link-color);
     transition: var(--dsa-wc-transition-fast) fill;
     user-select: none;
@@ -115,6 +116,18 @@ var table_of_contents_styles_default = css`
     color: var(--dsa-wc-table-of-contents-link-color-active);
     font: var(--dsa-wc-menu-item-font-current);
   }
+  /* Reserve the bold width so the layout doesn't shift when a link becomes active.
+     The ::after pseudo-element mirrors the link text in bold but stays invisible. */
+  a::after {
+    content: attr(data-text);
+    display: block;
+    font: var(--dsa-wc-menu-item-font-current);
+    visibility: hidden;
+    height: 0;
+    overflow: hidden;
+    user-select: none;
+    pointer-events: none;
+  }
   @media (forced-colors: active) {
     a:hover,
     a:focus-visible {

package/dist/chunks/{chunk.C6Q4Y7HY.js → chunk.QHW2OXLX.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk.QGI766JC.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.N2V4KI76.js → chunk.QJC7AVKZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IEYQPZRM.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.IJLBJ37U.js → chunk.QM6A2OJ6.js}

@@ -1,24 +1,24 @@
-import {
-  DSACheckboxGroup
-} from "./chunk.RPOIITDC.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
+import {
+  checkbox_styles_default
+} from "./chunk.D7HT35YE.js";
+import {
+  DSACheckboxGroup
+} from "./chunk.KDDTJP4K.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
-import {
-  checkbox_styles_default
-} from "./chunk.KD27MP6C.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";

package/dist/chunks/{chunk.KNXPRETW.js → chunk.RANW22ZB.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.QZQO5YY7.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -23,10 +23,10 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.CZC3DHY6.js → chunk.RHRIPLA3.js}

@@ -1,6 +1,6 @@
 import {
   radio_group_styles_default
-} from "./chunk.MFGYIAUT.js";
+} from "./chunk.3TAGND37.js";
 import {
   wrapIndex
 } from "./chunk.HV63L5BF.js";
@@ -9,13 +9,13 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   FormControlController,
   customErrorValidityState,

package/dist/chunks/{chunk.CRWYFYCK.js → chunk.RKGIZ4JZ.js}

@@ -1,12 +1,12 @@
 import {
   FilterBase
-} from "./chunk.IRPNCLE5.js";
+} from "./chunk.HTXWT3CI.js";
 import {
   filter_date_styles_default
 } from "./chunk.IJYHCSO5.js";
 import {
   DSACalendar
-} from "./chunk.DN3K2GHZ.js";
+} from "./chunk.UZZ34Z5W.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -14,13 +14,13 @@ import {
   getLocaleDateFromISO,
   isValidDate,
   parseDateRange
-} from "./chunk.OYVF3HNG.js";
+} from "./chunk.TIM2RCEB.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.UBVYU5GL.js → chunk.RTBQXZDB.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.S5FAXONJ.js → chunk.RVOALTE4.js}

@@ -22,10 +22,10 @@ var fieldset_styles_default = css`
     border-width: 1px;
     border-style: solid;
   }
-  .fieldset--on-base {
+  :host([variant='base']) .fieldset {
     border-color: var(--dsa-wc-fieldset-border-color);
   }
-  .fieldset--on-layer {
+  :host([variant='layer']) .fieldset {
     border-color: transparent;
   }
 
@@ -57,15 +57,15 @@ var fieldset_styles_default = css`
     gap: var(--dsa-spacing-16);
     flex-wrap: wrap;
   }
-  .fieldset--vertical .fieldset__content {
+  :host(:not([horizontal])) .fieldset__content {
     flex-direction: column;
   }
-  .fieldset--horizontal .fieldset__content {
+  :host([horizontal]) .fieldset__content {
     flex-direction: row;
   }
 
   /** Contrasted **/
-  .fieldset--contrasted-borders {
+  :host([contrasted-borders]) .fieldset {
     border-color: var(--dsa-wc-fieldset-border-color-contrasted);
   }
 `;

package/dist/chunks/{chunk.C7XR6TIW.js → chunk.SJNFRQKU.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.UOJ4QKLP.js";
+} from "./chunk.C4SE3ULG.js";
 
 // src/components/input-amount/input-amount.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.TGQQJI2E.js → chunk.SKYFDHVP.js}

@@ -1,27 +1,27 @@
 import {
   input_date_styles_default
-} from "./chunk.M2RDCDKZ.js";
+} from "./chunk.6PI2M6R6.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
+} from "./chunk.E7CTAIEF.js";
 import {
   DSAInternalDateField
-} from "./chunk.SC6ST3JE.js";
+} from "./chunk.LNSYUTNL.js";
 import {
   DSAPopup
-} from "./chunk.GYWU4AAB.js";
+} from "./chunk.EWO55RR2.js";
 import {
   DSACalendar
-} from "./chunk.DN3K2GHZ.js";
+} from "./chunk.UZZ34Z5W.js";
 import {
   formatDateRange,
   getDateFromISO,
   getISOFormattedDate,
   parseDateRange
-} from "./chunk.OYVF3HNG.js";
+} from "./chunk.TIM2RCEB.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.5S6P5V3F.js → chunk.SPIKJZGM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.BUGXYS34.js";
 import {
   DSAInternalRadioIcon
-} from "./chunk.MJ6DIYWF.js";
+} from "./chunk.6EU6GX26.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.RIJIUMG2.js → chunk.SPVKFHUZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.TION6YCJ.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
@@ -32,6 +32,7 @@ var DSACardNav = class extends ShoelaceElement {
     this.contrastedBorders = false;
   }
   render() {
+    const { hasSlotController } = this;
     return html`
       <div
         part="base"
@@ -45,20 +46,20 @@ var DSACardNav = class extends ShoelaceElement {
           <slot
             name="title-icon"
             class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title-icon") ? "card-nav__title_icon" : void 0
+      hasSlotController.test("title-icon") ? "card-nav__title_icon" : void 0
     )}
           ></slot>
           <div class="title-block-text">
             <slot
               name="title"
               class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("title") ? "title" : void 0
+      hasSlotController.test("title") ? "title" : void 0
     )}
             ></slot>
             <slot
               name="subtitle"
               class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("subtitle") ? "subtitle" : void 0
+      hasSlotController.test("subtitle") ? "subtitle" : void 0
     )}
             ></slot>
           </div>

package/dist/chunks/{chunk.MTRAJSQ5.js → chunk.SWIKAUKG.js}

@@ -46,17 +46,18 @@ var copy_button_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
+  .copy-button__icon {
+    aspect-ratio: 1;
+    height: unset;
+  }
   .copy-button--small .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--small);
-    height: var(--dsa-wc-icon-button-size--small);
   }
   .copy-button--medium .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--medium);
-    height: var(--dsa-wc-icon-button-size--medium);
   }
   .copy-button--large .copy-button__icon {
     width: var(--dsa-wc-icon-button-size--large);
-    height: var(--dsa-wc-icon-button-size--large);
   }
 
   /* Colors */

package/dist/chunks/{chunk.QGSBICBZ.js → chunk.SWKXQDKB.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";