@ds-autonomie/web-components 2.20.0 → 2.21.1

package/dist/chunks/{chunk.MFGYIAUT.js → chunk.3TAGND37.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.4FZPTWZ7.js → chunk.4DRUU356.js}

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk.STZAPPWR.js";
+} from "./chunk.7Y2PLLDT.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -10,10 +10,10 @@ import {
 } from "./chunk.M55HS2NY.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.34HS7ICN.js";
+} from "./chunk.DVIHNMQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -87,10 +87,11 @@ var DSADialog = class extends ShoelaceElement {
     });
     if (this.noCloseButton) dsaRequestClose.preventDefault();
     if (dsaRequestClose.defaultPrevented) {
+      const { localize, panel } = this;
       const animation = getAnimation(this, "dialog.denyClose", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
-      animateTo(this.panel, animation.keyframes, animation.options);
+      animateTo(panel, animation.keyframes, animation.options);
       return;
     }
     this.hide();
@@ -103,10 +104,7 @@ var DSADialog = class extends ShoelaceElement {
   }
   handleDocumentKeyDown(event) {
     if (this.open && this.modal.isActive() && event.key === "Escape") {
-      const tooltipChildren = this.querySelectorAll("dsa-tooltip");
-      const isTooltipOpen = Array.from(tooltipChildren).some(
-        (tooltip) => tooltip.open
-      );
+      const isTooltipOpen = !!this.querySelector("dsa-tooltip[open]");
       if (!isTooltipOpen) {
         event.stopPropagation();
         this.requestClose("keyboard");
@@ -119,16 +117,14 @@ var DSADialog = class extends ShoelaceElement {
       this.addOpenListeners();
       this.originalTrigger = document.activeElement;
       this.modal.activate();
+      const { dialog, panel, overlay, localize } = this;
       lockBodyScrolling(this);
       const autoFocusTarget = this.querySelector("[autofocus]");
       if (autoFocusTarget) {
         autoFocusTarget.removeAttribute("autofocus");
       }
-      await Promise.all([
-        stopAnimations(this.dialog),
-        stopAnimations(this.overlay)
-      ]);
-      this.dialog.hidden = false;
+      await Promise.all([stopAnimations(dialog), stopAnimations(overlay)]);
+      dialog.hidden = false;
       requestAnimationFrame(() => {
         const dsaInitialFocus = this.emit("dsa-initial-focus", {
           cancelable: true
@@ -139,7 +135,7 @@ var DSADialog = class extends ShoelaceElement {
               preventScroll: true
             });
           } else {
-            this.panel.focus({ preventScroll: true });
+            panel.focus({ preventScroll: true });
           }
         }
         if (autoFocusTarget) {
@@ -147,15 +143,15 @@ var DSADialog = class extends ShoelaceElement {
         }
       });
       const panelAnimation = getAnimation(this, "dialog.show", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       const overlayAnimation = getAnimation(this, "dialog.overlay.show", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       await Promise.all([
-        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+        animateTo(panel, panelAnimation.keyframes, panelAnimation.options),
         animateTo(
-          this.overlay,
+          overlay,
           overlayAnimation.keyframes,
           overlayAnimation.options
         )
@@ -165,35 +161,31 @@ var DSADialog = class extends ShoelaceElement {
       this.emit("dsa-hide");
       this.removeOpenListeners();
       this.modal.deactivate();
-      await Promise.all([
-        stopAnimations(this.dialog),
-        stopAnimations(this.overlay)
-      ]);
+      const { dialog, panel, overlay, localize } = this;
+      await Promise.all([stopAnimations(dialog), stopAnimations(overlay)]);
       const panelAnimation = getAnimation(this, "dialog.hide", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       const overlayAnimation = getAnimation(this, "dialog.overlay.hide", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
       await Promise.all([
         animateTo(
-          this.overlay,
+          overlay,
           overlayAnimation.keyframes,
           overlayAnimation.options
         ).then(() => {
-          this.overlay.hidden = true;
+          overlay.hidden = true;
         }),
-        animateTo(
-          this.panel,
-          panelAnimation.keyframes,
-          panelAnimation.options
-        ).then(() => {
-          this.panel.hidden = true;
-        })
+        animateTo(panel, panelAnimation.keyframes, panelAnimation.options).then(
+          () => {
+            panel.hidden = true;
+          }
+        )
       ]);
-      this.dialog.hidden = true;
-      this.overlay.hidden = false;
-      this.panel.hidden = false;
+      dialog.hidden = true;
+      overlay.hidden = false;
+      panel.hidden = false;
       unlockBodyScrolling(this);
       const trigger = this.originalTrigger;
       if (typeof (trigger == null ? void 0 : trigger.focus) === "function") {

package/dist/chunks/{chunk.QHNPNQXO.js → chunk.4TRXHBIO.js}

@@ -1,6 +1,6 @@
 import {
   callout_styles_default
-} from "./chunk.MOTDL3I3.js";
+} from "./chunk.ENRVP5HO.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -20,29 +20,27 @@ var DSACallout = class extends ShoelaceElement {
     this.calloutTitle = "";
   }
   render() {
+    const { calloutTitle, title, headerLevel } = this;
+    const label = calloutTitle || title;
     return html`
       <div
         part="base"
         class=${classMap({
       callout: true
     })}
-        role=${ifDefined(
-      this.calloutTitle || this.title ? "region" : void 0
-    )}
-        aria-labelledby=${ifDefined(
-      this.calloutTitle || this.title ? "header" : void 0
-    )}
+        role=${ifDefined(label ? "region" : void 0)}
+        aria-labelledby=${ifDefined(label ? "header" : void 0)}
       >
         <div class="callout__text">
-          ${this.calloutTitle || this.title ? html`
+          ${label ? html`
                 <div
                   part="header"
                   id="header"
-                  aria-level=${ifDefined(this.headerLevel)}
-                  role=${ifDefined(this.headerLevel ? "heading" : void 0)}
+                  aria-level=${ifDefined(headerLevel)}
+                  role=${ifDefined(headerLevel ? "heading" : void 0)}
                   class="callout__title"
                 >
-                  ${this.calloutTitle || this.title}
+                  ${label}
                 </div>
               ` : ""}
           <slot part="message" class="callout__message"></slot>

package/dist/chunks/{chunk.SEMHY47B.js → chunk.5GTWUU56.js}

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

package/dist/chunks/{chunk.M2QIFDAP.js → chunk.5NGXTSAJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FX2CWZWY.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.XSQDJNFR.js → chunk.623OV6KT.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.U73GKQGJ.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.GMHIXRUV.js → chunk.65EFQZ4A.js}

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

package/dist/chunks/{chunk.TLQMWL6I.js → chunk.67J6LDJW.js}

@@ -59,10 +59,14 @@ var download_card_styles_default = css`
     -webkit-box-orient: vertical;
   }
 
+  [part~='description'],
+  [part~='document-info'] {
+    margin: 0;
+  }
+
   [part~='description'] {
     font: var(--dsa-wc-download-card-description-font);
     color: var(--dsa-wc-download-card-description-color);
-    margin: 0;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
@@ -73,7 +77,6 @@ var download_card_styles_default = css`
   [part~='document-info'] {
     font: var(--dsa-wc-download-card-document-info-font);
     color: var(--dsa-wc-download-card-document-info-color);
-    margin: 0;
   }
 
   [part~='icon'] {

package/dist/chunks/{chunk.MJ6DIYWF.js → chunk.6EU6GX26.js}

@@ -1,6 +1,6 @@
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.B3DDBDEC.js → chunk.6KY7LP6G.js}

@@ -1,6 +1,6 @@
 import {
   table_of_contents_styles_default
-} from "./chunk.MDQDWJCR.js";
+} from "./chunk.QCVOP7JL.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk.HPDCOGLH.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";
@@ -105,7 +105,9 @@ var DSATableOfContents = class extends ShoelaceElement {
     ];
     const allAnchors = [];
     anchorsNodeList.forEach((anchor) => {
+      var _a;
       const clonedAnchor = anchor.cloneNode(true);
+      clonedAnchor.dataset.text = (_a = clonedAnchor.textContent) != null ? _a : "";
       allAnchors.push(clonedAnchor);
     });
     return allAnchors;

package/dist/chunks/{chunk.M2RDCDKZ.js → chunk.6PI2M6R6.js}

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

package/dist/chunks/{chunk.IYAYPQEC.js → chunk.6XF7Y5OQ.js}

@@ -1,6 +1,6 @@
 import {
   FormSelectableCard
-} from "./chunk.NGEL5LW3.js";
+} from "./chunk.HD75OK3X.js";
 import {
   removeAttributeIfPresent,
   setAttributeIfDifferent

package/dist/chunks/{chunk.L5HLKFQW.js → chunk.6ZVGYVEL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JOKI53P2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.HCKPLZT3.js → chunk.7AB3AL2Z.js}

@@ -1,6 +1,6 @@
 import {
   input_time_styles_default
-} from "./chunk.GMHIXRUV.js";
+} from "./chunk.65EFQZ4A.js";
 import {
   compareTimeStrings,
   setTimeStringValue,
@@ -8,19 +8,19 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
+} from "./chunk.E7CTAIEF.js";
+import {
+  DSAPopup
+} from "./chunk.EWO55RR2.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
-import {
-  DSAPopup
-} from "./chunk.GYWU4AAB.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -37,7 +37,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.T4XADGK3.js → chunk.7YNHLXVZ.js}

@@ -6,7 +6,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.7Z3P7ZIT.js

@@ -0,0 +1,100 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/banner/banner.styles.ts
+import { css } from "lit";
+var banner_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .banner {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--dsa-spacing-24);
+    width: 100%;
+    padding: var(--dsa-spacing-16) var(--dsa-spacing-32);
+    background-color: var(--dsa-color-surface-contrasted);
+    color: var(--dsa-color-text-on-contrasted-primary);
+  }
+
+  .banner--mobile {
+    gap: var(--dsa-spacing-8);
+    padding: var(--dsa-spacing-16);
+  }
+
+  .banner__content {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--dsa-spacing-24);
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .banner--mobile .banner__content {
+    gap: var(--dsa-spacing-12);
+  }
+
+  .banner__icon-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border: 2px solid var(--dsa-color-banner-icon-container-border);
+    border-radius: var(--dsa-radius-32);
+    background-color: var(--dsa-color-banner-icon-container-background);
+    color: var(--dsa-color-banner-icon-container-icon);
+    flex-shrink: 0;
+    font-size: 24px;
+  }
+
+  .banner__info {
+    align-self: center;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--dsa-spacing-16);
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .banner--mobile .banner__info {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: var(--dsa-spacing-12);
+  }
+
+  .banner__message {
+    flex: 1 1 auto;
+    margin: 0;
+    font: var(--dsa-font-body-l-normal);
+    color: var(--dsa-color-text-on-contrasted-primary);
+  }
+
+  .banner--mobile .banner__message {
+    font: var(--dsa-font-body-m-normal);
+  }
+
+  .banner__close-button {
+    --dsa-wc-internal-icon-button-padding: var(--dsa-spacing-8);
+    flex-shrink: 0;
+  }
+
+  .banner__close-button::part(base) {
+    background: transparent;
+    color: var(--dsa-color-text-on-contrasted-primary);
+    border-radius: var(--dsa-radius-4);
+  }
+
+  .banner__close-button::part(base):hover {
+    background-color: rgb(255 255 255 / 20%);
+  }
+`;
+
+export {
+  banner_styles_default
+};

package/dist/chunks/{chunk.CZWS5IXY.js → chunk.A63V45OW.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.R3CYFIJA.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.Q76VY2W2.js → chunk.ADVAWXPE.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.QS7BPH3Y.js → chunk.AEGKKYZ4.js}

@@ -1,9 +1,9 @@
 import {
   fieldset_styles_default
-} from "./chunk.S5FAXONJ.js";
+} from "./chunk.RVOALTE4.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -20,7 +20,6 @@ import {
 // src/components/fieldset/fieldset.ts
 import { html } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
 var DSAFieldset = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -37,11 +36,14 @@ var DSAFieldset = class extends ShoelaceElement {
   updateChildrenDisabledState() {
     var _a;
     const children = (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements();
-    children == null ? void 0 : children.forEach((child) => {
+    if (!children) {
+      return;
+    }
+    for (const child of children) {
       if ("disabled" in child && !child.disabled) {
         child.disabled = this.disabled;
       }
-    });
+    }
   }
   handleSlotChange() {
     this.updateChildrenDisabledState();
@@ -50,7 +52,7 @@ var DSAFieldset = class extends ShoelaceElement {
     this.updateChildrenDisabledState();
   }
   render() {
-    const hasLegendTitleSlot = this.hasSlotController.test("label");
+    const hasLegendTitleSlot = this.hasSlotController.test("legend-title");
     const hasLegendTitle = this.legendTitle ? true : !!hasLegendTitleSlot;
     if (!hasLegendTitle) {
       a11yWarning(
@@ -58,18 +60,7 @@ var DSAFieldset = class extends ShoelaceElement {
       );
     }
     return html`
-      <fieldset
-        role="group"
-        class=${classMap({
-      fieldset: true,
-      "fieldset--on-base": this.variant === "base",
-      "fieldset--on-layer": this.variant === "layer",
-      "fieldset--horizontal": this.horizontal,
-      "fieldset--vertical": !this.horizontal,
-      "fieldset--contrasted-borders": this.contrastedBorders
-    })}
-        aria-labelledby="legend"
-      >
+      <fieldset role="group" class="fieldset" aria-labelledby="legend">
         <div id="legend" class="fieldset__legend">
           <div class="fieldset__first-line">
             <slot name="legend-title" class="fieldset__legend-title"
@@ -106,7 +97,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSAFieldset.prototype, "disabled", 2);
 __decorateClass([
-  property({ type: Boolean })
+  property({ type: Boolean, reflect: true })
 ], DSAFieldset.prototype, "horizontal", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true, attribute: "contrasted-borders" })

package/dist/chunks/{chunk.VNGKMC5T.js → chunk.AEU5B6YK.js}

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

package/dist/chunks/{chunk.K43LRQVK.js → chunk.AGQDJZXG.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk.QWPEXQZX.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.DI4J6YRC.js";
 import {
   HasSlotController,
   getTextContent
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";

package/dist/chunks/{chunk.I7MPPCZN.js → chunk.BADNDBKF.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.XMFD37RX.js";
 import {
   a11yWarning
 } 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 {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

package/dist/chunks/{chunk.VFJEGCDO.js → chunk.BAWCVSXY.js}

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