@ds-autonomie/web-components 2.16.0 → 2.18.0

package/dist/chunks/{chunk.55MXUVNS.js → chunk.H7L4YNKB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.CEW6LABS.js → chunk.HBYJN6RA.js}

@@ -1,9 +1,9 @@
 import {
   profile_button_styles_default
-} from "./chunk.JDHNGWIH.js";
+} from "./chunk.EEO75M3R.js";
 import {
   DSATooltip
-} from "./chunk.5C436DB4.js";
+} from "./chunk.TP5XEQ2O.js";
 import {
   DSAAvatar
 } from "./chunk.QKT5LLDM.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.PFNWEDHI.js → chunk.HFTU6LUQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.TGEREFOF.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.XS7X5VMK.js → chunk.HPAWBSR5.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.3WSB3BNE.js → chunk.I522XZAV.js}

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

package/dist/chunks/{chunk.5FNJFIAP.js → chunk.IDBAIF3R.js}

@@ -21,20 +21,20 @@ var table_container_styles_default = css`
     min-width: 100%;
   }
 
-  [part~='caption']::slotted(*) {
+  .slot-caption::slotted(*) {
     grid-area: caption;
   }
 
-  [part~='export']::slotted(*) {
+  .slot-export::slotted(*) {
     grid-area: export;
     margin-top: var(--dsa-spacing-12);
   }
 
-  [part~='table']::slotted(*) {
+  .slot-table::slotted(*) {
     grid-area: table;
   }
 
-  [part~='bar-container'] {
+  .bar-container {
     grid-area: bar;
     position: relative;
   }
@@ -49,13 +49,13 @@ var table_container_styles_default = css`
     z-index: 10;
   }
 
-  .bar-container--has-toolbar [part~='action']::slotted(*) {
+  .bar-container--has-toolbar .slot-action::slotted(*) {
     position: absolute;
-    bottom: 0px;
-    left: 0px;
+    bottom: 0;
+    left: 0;
   }
 
-  [part~='pagination']::slotted(*) {
+  .slot-pagination::slotted(*) {
     grid-area: pagination;
     display: block;
     padding: var(--dsa-spacing-12) var(--dsa-spacing-8);

package/dist/chunks/{chunk.ANLC37HJ.js → chunk.JFAQ5QOI.js}

@@ -1,15 +1,15 @@
 import {
   DSAInput
-} from "./chunk.F57NYQVS.js";
+} from "./chunk.T3CLPVPE.js";
 import {
   filter_counter_styles_default
 } from "./chunk.YSCXTTQZ.js";
 import {
   FilterBase
-} from "./chunk.CNV2KEV4.js";
+} from "./chunk.X6SEIMM4.js";
 import {
   DSAButton
-} from "./chunk.PANCODOV.js";
+} from "./chunk.UNDVQ2N3.js";
 import {
   DSAIconButton
 } from "./chunk.WNESPUKK.js";

package/dist/chunks/{chunk.5KTLM3MD.js → chunk.JIMAJLDU.js}

@@ -18,7 +18,7 @@ var card_nav_accordion_styles_default = css`
   }
 
   .card-nav-accordion {
-    font: var(--dsa-font-medium-bold);
+    font: var(--dsa-font-body-m-bold);
     color: var(--dsa-wc-card-nav-color);
     overflow-anchor: none;
   }
@@ -97,7 +97,7 @@ var card_nav_accordion_styles_default = css`
   }
   ::slotted(dsa-card-nav-item) {
     --card-nav-item-padding: 0.75rem 1.25rem 0.75rem 1.75rem;
-    --card-nav-item-font: var(--dsa-font-medium-normal);
+    --card-nav-item-font: var(--dsa-font-body-m-normal);
   }
 `;
 

package/dist/chunks/{chunk.D72FHMFI.js → chunk.JUOYMIGK.js}

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

package/dist/chunks/{chunk.BIM3HNFI.js → chunk.KZFOOKD2.js}

@@ -47,19 +47,15 @@ var button_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  /* When disabled, prevent mouse events from bubbling up from children */
-  .button--disabled * {
+  /* When disabled or loading, prevent mouse events from bubbling up from children */
+  .button--disabled *,
+  .button--loading * {
     pointer-events: none;
   }
   .button--disabled {
     cursor: not-allowed;
   }
 
-  /* When loading, prevent mouse events from bubbling up from children */
-  .button--loading * {
-    pointer-events: none;
-  }
-
   .button__prefix,
   .button__suffix {
     flex: 0 0 auto;
@@ -85,11 +81,6 @@ var button_styles_default = css`
     vertical-align: -2px;
   }
 
-  .button--on-floating-menu {
-    background: none;
-    border: solid 1px;
-  }
-
   .button__description {
     display: none;
   }
@@ -1026,69 +1017,6 @@ var button_styles_default = css`
     left: 0;
     translate: -50% -50%;
   }
-
-  /*
-   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
-   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
-   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
-   * buttons and we style them here instead.
-   */
-
-  :host(.dsa-button-group__button--first:not(.dsa-button-group__button--last))
-    .button {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host(.dsa-button-group__button--inner) .button {
-    border-radius: 0;
-  }
-
-  :host(.dsa-button-group__button--last:not(.dsa-button-group__button--first))
-    .button {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host(.dsa-button-group__button:not(.dsa-button-group__button--first)) {
-    margin-inline-start: calc(-1 * var(--dsa-wc-button-border-width));
-  }
-
-  /* Add a visual separator between solid buttons */
-  :host(
-      .dsa-button-group__button:not(
-          .dsa-button-group__button--first,
-          .dsa-button-group__button--radio,
-          .dsa-button-group__button--checkbox,
-          [variant='default']
-        ):not(:hover)
-    )
-    .button:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    inset-inline-start: 0;
-    bottom: 0;
-    border-left: solid 1px rgb(128 128 128 / 33%);
-    mix-blend-mode: multiply;
-  }
-
-  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-  :host(.dsa-button-group__button--hover) {
-    z-index: 1;
-  }
-
-  /* Focus and checked are always on top */
-  :host(.dsa-button-group__button--focus),
-  :host(.dsa-button-group__button[checked]) {
-    z-index: 2;
-  }
-
-  /* Limit width if inside a vertical button-group */
-  :host(.dsa-button-group__button--vertical) {
-    max-width: 400px;
-  }
 `;
 
 export {

package/dist/chunks/{chunk.LIESRIIK.js → chunk.LFCY7UUJ.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.XATWRKAV.js";
+} from "./chunk.CKEB7DWU.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";
@@ -120,6 +120,9 @@ var file_upload_styles_default = css`
   .form-control--internal-error .internal-error {
     margin-top: var(--dsa-spacing-8);
   }
+  .internal-error ul {
+    margin: 0;
+  }
 
   /* Slot Files */
   [part~='slot_files'] {
@@ -271,11 +274,11 @@ var file_upload_styles_default = css`
   .dropzone__text {
     text-align: center;
     margin: 12px 0 8px;
-    font: var(--dsa-font-small-bold);
+    font: var(--dsa-font-body-s-bold);
   }
   .form-control--large .dropzone__text {
     margin: 16px 0 12px;
-    font: var(--dsa-font-medium-bold);
+    font: var(--dsa-font-body-m-bold);
   }
 
   /* Hover & Dragover */

package/dist/chunks/{chunk.OEOSDW6K.js → chunk.LJ2VCS7Q.js}

@@ -24,7 +24,7 @@ var calendar_styles_default = css`
     display: block;
     width: var(--dsa-wc-calendar-width);
     color: var(--dsa-wc-calendar-font-color);
-    font: var(--dsa-font-small-normal);
+    font: var(--dsa-font-body-s-normal);
     background-color: var(--dsa-wc-calendar-background-color);
   }
 

package/dist/chunks/{chunk.F47D5JTA.js → chunk.LQAWGV5K.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.ECETHATR.js → chunk.LZOGVU7B.js}

@@ -1,12 +1,12 @@
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
-import {
-  accordion_styles_default
-} from "./chunk.U4IPKMN6.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  accordion_styles_default
+} from "./chunk.U4IPKMN6.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.LE2O6AR5.js → chunk.M5X6QE4H.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

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

@@ -88,7 +88,7 @@ var table_of_contents_styles_default = css`
     position: absolute;
     transition:
       var(--dsa-wc-transition-fast) translate ease,
-      var(--dsa-wc-transition-fast) width ease;
+      var(--dsa-wc-transition-fast) height ease;
     border-inline-start: var(--dsa-wc-table-of-contents-indicator-border);
   }
 
@@ -98,7 +98,6 @@ var table_of_contents_styles_default = css`
     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);

package/dist/chunks/{chunk.6X467UIN.js → chunk.MFGYIAUT.js}

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

package/dist/chunks/{chunk.6FHEIU65.js → chunk.MGW4E3VW.js}

@@ -1,9 +1,9 @@
 import {
   menu_accordion_styles_default
-} from "./chunk.NBBSSAAF.js";
+} from "./chunk.6WPKFGU3.js";
 import {
   DSATooltip
-} from "./chunk.5C436DB4.js";
+} from "./chunk.TP5XEQ2O.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/chunk.MVDMKWDN.js

@@ -0,0 +1,41 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/table-row/table-row-base.styles.ts
+import { css } from "lit";
+var table_row_base_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: table-row;
+    border: none;
+  }
+
+  /* Sizes */
+  :host([size='small']) {
+    block-size: var(--dsa-wc-table-row-small-height);
+  }
+
+  :host([size='medium']) {
+    block-size: var(--dsa-wc-table-row-medium-height);
+  }
+
+  :host([size='large']) {
+    block-size: var(--dsa-wc-table-row-large-height);
+  }
+
+  .column-checkbox {
+    min-width: var(--dsa-wc-table-row-selectable-cell-width);
+  }
+
+  .column-checkbox--content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;
+
+export {
+  table_row_base_styles_default
+};

package/dist/chunks/{chunk.PZACWPDY.js → chunk.N2SYQR7M.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.2E6QIQHU.js → chunk.NMU6DWUH.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   form_control_styles_default
-} from "./chunk.XATWRKAV.js";
+} from "./chunk.CKEB7DWU.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.HKXHM6VA.js → chunk.O3SPGNIU.js}

@@ -1,9 +1,9 @@
 import {
   FormToggleButton
-} from "./chunk.O67DEHIL.js";
+} from "./chunk.SLXERY4H.js";
 import {
   DSACheckboxGroup
-} from "./chunk.U74UUL5R.js";
+} from "./chunk.UKH2D4DL.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.CRAVJN6L.js → chunk.O65OOIT6.js}

@@ -1,6 +1,6 @@
 import {
   pagination_button_styles_default
-} from "./chunk.FXV7WH4N.js";
+} from "./chunk.2VY6ETYT.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";

package/dist/chunks/{chunk.JJF4QB3T.js → chunk.OAJEHJJO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.CFUNT7FK.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.RNLOUIO3.js → chunk.P2KNRWE5.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.F4SZABJP.js → chunk.PEWNJNAP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.K4WJKETZ.js → chunk.PFQ6NGY7.js}

@@ -1,6 +1,6 @@
 import {
   table_of_contents_styles_default
-} from "./chunk.MXQ5RSBS.js";
+} from "./chunk.MDQDWJCR.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";
@@ -39,6 +39,8 @@ var DSATableOfContents = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.localize = new LocalizeController(this);
+    this.mutationObserver = null;
+    this.resizeObserver = null;
     this.mobile = false;
     this.open = false;
   }
@@ -47,6 +49,13 @@ var DSATableOfContents = class extends ShoelaceElement {
     this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
     this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
   }
+  disconnectedCallback() {
+    var _a, _b;
+    super.disconnectedCallback();
+    this.removeOpenListeners();
+    (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
+    (_b = this.resizeObserver) == null ? void 0 : _b.disconnect();
+  }
   addOpenListeners() {
     document.addEventListener("keydown", this.handleDocumentKeyDown);
     document.addEventListener("mousedown", this.handleDocumentMouseDown);
@@ -57,16 +66,22 @@ var DSATableOfContents = class extends ShoelaceElement {
   }
   async firstUpdated() {
     this.observeAttributeChanges();
+    this.observeIndicatorChanges();
     if (this.mobile) {
       this.content.hidden = !this.open;
       this.content.style.height = this.open ? "auto" : "0";
+      if (this.open) {
+        this.addOpenListeners();
+      }
     }
     await this.updateComplete;
     this.repositionIndicator();
   }
   // A change of attributes on the slotted elements does not trigger the "slotchange" event, so we add an observer
   observeAttributeChanges() {
-    const observer = new MutationObserver((mutationsList) => {
+    var _a;
+    (_a = this.mutationObserver) == null ? void 0 : _a.disconnect();
+    this.mutationObserver = new MutationObserver((mutationsList) => {
       if (mutationsList.some((mutation) => mutation.type === "attributes")) {
         this.allLinks = this.cloneSlottedLinks();
         this.updateCurrentSection();
@@ -74,10 +89,16 @@ var DSATableOfContents = class extends ShoelaceElement {
     });
     [...this.defaultSlot.assignedElements({ flatten: true })].forEach(
       (element) => {
-        observer.observe(element, { attributes: true });
+        this.mutationObserver.observe(element, { attributes: true });
       }
     );
   }
+  observeIndicatorChanges() {
+    this.resizeObserver = new ResizeObserver(() => {
+      this.repositionIndicator();
+    });
+    this.resizeObserver.observe(this.content);
+  }
   cloneSlottedLinks() {
     const anchorsNodeList = [
       ...this.defaultSlot.assignedElements({ flatten: true })
@@ -167,6 +188,9 @@ var DSATableOfContents = class extends ShoelaceElement {
     this.hide();
   }
   async handleOpenChange() {
+    if (!this.mobile) {
+      return;
+    }
     if (this.open) {
       const slShow = this.emit("dsa-show", { cancelable: true });
       if (slShow.defaultPrevented) {
@@ -212,9 +236,13 @@ var DSATableOfContents = class extends ShoelaceElement {
     if (this.mobile) {
       this.content.hidden = !this.open;
       this.content.style.height = this.open ? "auto" : "0";
+      if (this.open) {
+        this.addOpenListeners();
+      }
     } else {
       this.content.removeAttribute("hidden");
       this.content.removeAttribute("style");
+      this.removeOpenListeners();
     }
   }
   /** Shows the content. */

package/dist/chunks/{chunk.TVLPPNG4.js → chunk.PGXKP7ME.js}

@@ -1,6 +1,6 @@
 import {
   search_styles_default
-} from "./chunk.J7TEQIPK.js";
+} from "./chunk.CABJDFOO.js";
 import {
   DSAErrorText
 } from "./chunk.5NSAEDEE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.TYAQGRNJ.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.S2VPUQPO.js → chunk.POR4SJ2I.js}

@@ -17,33 +17,33 @@ var table_caption_styles_default = css`
     margin: 0;
   }
 
-  [part~='title']::slotted(*) {
-    font: var(--dsa-font-large-bold);
+  .title::slotted(*) {
+    font: var(--dsa-font-title-s-bold);
     color: var(--dsa-color-text-on-base-primary);
   }
 
-  [part~='subtitle']::slotted(*) {
-    font: var(--dsa-font-small-normal);
+  .subtitle::slotted(*) {
+    font: var(--dsa-font-body-s-normal);
     color: var(--dsa-color-text-on-base-primary);
     margin-top: var(--dsa-spacing-8);
   }
 
-  [part~='total-items'] {
+  .total-items {
     display: none;
     margin: 0;
     margin-top: var(--dsa-spacing-8);
   }
 
-  .has-total-items {
+  .total-items.has-total-items {
     display: flex;
     align-items: baseline;
     gap: var(--dsa-spacing-4);
-    font: var(--dsa-font-small-bold);
+    font: var(--dsa-font-body-s-bold);
     color: var(--dsa-color-text-on-base-secondary);
   }
 
-  [part~='total-item--indicator'] {
-    font: var(--dsa-font-x-small-normal);
+  .total-item--indicator {
+    font: var(--dsa-font-body-xs-normal);
     color: var(--dsa-color-text-on-base-secondary);
   }