@ds-autonomie/web-components 2.20.0 → 2.21.0

package/dist/chunks/{chunk.ORK75RRY.js → chunk.H7QHCUBR.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.WL6AJERE.js → chunk.H7TB3KTK.js}

@@ -1,9 +1,9 @@
+import {
+  DSAMenuItem
+} from "./chunk.5DVIZLXZ.js";
 import {
   menu_navigation_styles_default
 } from "./chunk.Z4R36OG7.js";
-import {
-  DSAMenuItem
-} from "./chunk.K43LRQVK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.LO42XUHN.js → chunk.HAWD2P5K.js}

@@ -59,36 +59,35 @@ var drawer_styles_default = css`
     outline: none;
   }
 
-  .drawer--top .drawer__panel {
+  .drawer--top .drawer__panel,
+  .drawer--start .drawer__panel {
     top: 0;
     inset-inline: 0 auto;
     bottom: auto;
+  }
+
+  .drawer--top .drawer__panel,
+  .drawer--bottom .drawer__panel {
     width: 100%;
     height: var(--size);
   }
 
+  .drawer--end .drawer__panel,
+  .drawer--start .drawer__panel {
+    width: var(--size);
+    height: 100%;
+  }
+
   .drawer--end .drawer__panel {
     top: 0;
     inset-inline: auto 0;
     bottom: auto;
-    width: var(--size);
-    height: 100%;
   }
 
   .drawer--bottom .drawer__panel {
     top: auto;
     inset-inline: 0 auto;
     bottom: 0;
-    width: 100%;
-    height: var(--size);
-  }
-
-  .drawer--start .drawer__panel {
-    top: 0;
-    inset-inline: 0 auto;
-    bottom: auto;
-    width: var(--size);
-    height: 100%;
   }
 
   .drawer__header {

package/dist/chunks/{chunk.ER5S4DQ4.js → chunk.IDMG3YLC.js}

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

package/dist/chunks/{chunk.25TWOP6P.js → chunk.IQY2ZVAV.js}

@@ -1,18 +1,18 @@
 import {
   DSAInput
-} from "./chunk.IRBKALXJ.js";
+} from "./chunk.C6BC46KV.js";
+import {
+  FilterBase
+} from "./chunk.KOO2JWHZ.js";
 import {
   filter_counter_styles_default
 } from "./chunk.YSCXTTQZ.js";
-import {
-  FilterBase
-} from "./chunk.IRPNCLE5.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.TTV3MIRK.js → chunk.ITBFUL7J.js}

@@ -1,15 +1,15 @@
-import {
-  file_upload_styles_default
-} from "./chunk.ZKCBJ5YM.js";
 import {
   collectMultipleDroppedFiles
 } from "./chunk.U5AV7YAS.js";
+import {
+  file_upload_styles_default
+} from "./chunk.JZAQYPUX.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.DJLJEQST.js";
 import {
   DSAAlert
-} from "./chunk.7I4SBUOE.js";
+} from "./chunk.ORAH2BHK.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -30,10 +30,10 @@ import {
 } from "./chunk.ZQJVCRB2.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.EDEPWRFC.js → chunk.ITD5BZEA.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.BASV2VAI.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.UYMQI7J5.js → chunk.ITFYDUMM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.GMHRN23H.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -12,13 +12,13 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.DM5A44VN.js → chunk.IYGSQFGQ.js}

@@ -9,22 +9,22 @@ import {
 } from "./chunk.VGW52PNG.js";
 import {
   DSAInput
-} from "./chunk.IRBKALXJ.js";
+} from "./chunk.C6BC46KV.js";
 import {
   FilterBase
-} from "./chunk.IRPNCLE5.js";
+} from "./chunk.KOO2JWHZ.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.AAZSI6N4.js → chunk.JBFJWJUF.js}

@@ -1,21 +1,21 @@
 import {
   DSASearch
-} from "./chunk.UYMQI7J5.js";
+} from "./chunk.ITFYDUMM.js";
 import {
   header_search_styles_default
 } from "./chunk.FGDQSQXE.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

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

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

package/dist/chunks/{chunk.ZKCBJ5YM.js → chunk.JZAQYPUX.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";

package/dist/chunks/{chunk.WAEFCPAX.js → chunk.KC2ZHNPC.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";

package/dist/chunks/{chunk.YTAYYSIR.js → chunk.KGP2JSZ7.js}

@@ -1,9 +1,9 @@
 import {
   input_otp_styles_default
-} from "./chunk.Q76VY2W2.js";
+} from "./chunk.ADVAWXPE.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.FLRNIL37.js → chunk.KN6JQY6O.js}

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

package/dist/chunks/{chunk.IRPNCLE5.js → chunk.KOO2JWHZ.js}

@@ -1,6 +1,6 @@
 import {
   DSAFilterButton
-} from "./chunk.QAA45XK3.js";
+} from "./chunk.FLCLDNUC.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.XSQDJNFR.js → chunk.LBLBASKK.js}

@@ -1,9 +1,9 @@
 import {
   textarea_styles_default
-} from "./chunk.EJUYB3MH.js";
+} from "./chunk.VRUSJUXU.js";
 import {
   FormControlLayout
-} from "./chunk.CY25FZDP.js";
+} from "./chunk.RLLACUYR.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.UGLMODK6.js → chunk.LUN6HLAE.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.TXX2YIZA.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.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.CRWYFYCK.js → chunk.M347TELO.js}

@@ -1,12 +1,12 @@
-import {
-  FilterBase
-} from "./chunk.IRPNCLE5.js";
 import {
   filter_date_styles_default
 } from "./chunk.IJYHCSO5.js";
+import {
+  FilterBase
+} from "./chunk.KOO2JWHZ.js";
 import {
   DSACalendar
-} from "./chunk.DN3K2GHZ.js";
+} from "./chunk.MRGJKLE3.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -17,10 +17,10 @@ import {
 } from "./chunk.OYVF3HNG.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.CZWS5IXY.js → chunk.M47YUO2L.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.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.DN3K2GHZ.js → chunk.MRGJKLE3.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.LJ2VCS7Q.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.OUUFQTMX.js → chunk.N2XNANRE.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.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.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.Z7QD3YXZ.js → chunk.PCTIMH5D.js}

@@ -1,12 +1,12 @@
 import {
   DSATag
-} from "./chunk.EE3XCTKZ.js";
+} from "./chunk.QLJNW3TZ.js";
 import {
   DSAOption
-} from "./chunk.NPMNFNR7.js";
+} from "./chunk.WEWJQ2AA.js";
 import {
   FormControlLayout
-} from "./chunk.CY25FZDP.js";
+} from "./chunk.RLLACUYR.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
@@ -15,13 +15,13 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   combobox_styles_default
-} from "./chunk.YYKAI7FO.js";
+} from "./chunk.WZBEL7FC.js";
 import {
   DSASpinner
-} from "./chunk.ER5S4DQ4.js";
+} from "./chunk.IDMG3YLC.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";
@@ -41,10 +41,10 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   normalizeStr
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.ZYGCOBUE.js → chunk.PT2BKEDG.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.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.CZC3DHY6.js → chunk.Q6GPBRDV.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,7 +9,7 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAErrorText
-} from "./chunk.M2QIFDAP.js";
+} from "./chunk.5NGXTSAJ.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.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.EE3XCTKZ.js → chunk.QLJNW3TZ.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.UYPZGXIY.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.UBA2H662.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";