@ds-autonomie/web-components 2.20.0 → 2.21.0

package/dist/chunks/{chunk.ZJ6WYIG2.js → chunk.DZLEAEG5.js}

@@ -1,6 +1,6 @@
 import {
   drawer_styles_default
-} from "./chunk.LO42XUHN.js";
+} from "./chunk.HAWD2P5K.js";
 import {
   Modal
 } from "./chunk.STZAPPWR.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk.YIY5RM53.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";
@@ -93,10 +93,11 @@ var DSADrawer = class extends ShoelaceElement {
       detail: { source }
     });
     if (dsaRequestClose.defaultPrevented) {
+      const { localize, panel } = this;
       const animation = getAnimation(this, "drawer.denyClose", {
-        dir: this.localize.dir()
+        dir: localize.dir()
       });
-      animateTo(this.panel, animation.keyframes, animation.options);
+      animateTo(panel, animation.keyframes, animation.options);
       return;
     }
     this.hide();
@@ -109,10 +110,7 @@ var DSADrawer = class extends ShoelaceElement {
   }
   handleDocumentKeyDown(event) {
     if (this.open && !this.contained && 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");
@@ -124,7 +122,8 @@ var DSADrawer = class extends ShoelaceElement {
       this.emit("dsa-show");
       this.addOpenListeners();
       this.originalTrigger = document.activeElement;
-      if (!this.contained) {
+      const { drawer, panel, overlay, contained, placement, localize } = this;
+      if (!contained) {
         this.modal.activate();
         lockBodyScrolling(this);
       }
@@ -132,11 +131,8 @@ var DSADrawer = class extends ShoelaceElement {
       if (autoFocusTarget) {
         autoFocusTarget.removeAttribute("autofocus");
       }
-      await Promise.all([
-        stopAnimations(this.drawer),
-        stopAnimations(this.overlay)
-      ]);
-      this.drawer.hidden = false;
+      await Promise.all([stopAnimations(drawer), stopAnimations(overlay)]);
+      drawer.hidden = false;
       requestAnimationFrame(() => {
         const dsaInitialFocus = this.emit("dsa-initial-focus", {
           cancelable: true
@@ -147,7 +143,7 @@ var DSADrawer = class extends ShoelaceElement {
               preventScroll: true
             });
           } else {
-            this.panel.focus({ preventScroll: true });
+            panel.focus({ preventScroll: true });
           }
         }
         if (autoFocusTarget) {
@@ -156,18 +152,18 @@ var DSADrawer = class extends ShoelaceElement {
       });
       const panelAnimation = getAnimation(
         this,
-        `drawer.show${uppercaseFirstLetter(this.placement)}`,
+        `drawer.show${uppercaseFirstLetter(placement)}`,
         {
-          dir: this.localize.dir()
+          dir: localize.dir()
         }
       );
       const overlayAnimation = getAnimation(this, "drawer.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
         )
@@ -176,43 +172,39 @@ var DSADrawer = class extends ShoelaceElement {
     } else {
       this.emit("dsa-hide");
       this.removeOpenListeners();
-      if (!this.contained) {
+      const { drawer, panel, overlay, contained, placement, localize } = this;
+      if (!contained) {
         this.modal.deactivate();
         unlockBodyScrolling(this);
       }
-      await Promise.all([
-        stopAnimations(this.drawer),
-        stopAnimations(this.overlay)
-      ]);
+      await Promise.all([stopAnimations(drawer), stopAnimations(overlay)]);
       const panelAnimation = getAnimation(
         this,
-        `drawer.hide${uppercaseFirstLetter(this.placement)}`,
+        `drawer.hide${uppercaseFirstLetter(placement)}`,
         {
-          dir: this.localize.dir()
+          dir: localize.dir()
         }
       );
       const overlayAnimation = getAnimation(this, "drawer.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.drawer.hidden = true;
-      this.overlay.hidden = false;
-      this.panel.hidden = false;
+      drawer.hidden = true;
+      overlay.hidden = false;
+      panel.hidden = false;
       const trigger = this.originalTrigger;
       if (typeof (trigger == null ? void 0 : trigger.focus) === "function") {
         setTimeout(() => trigger.focus());
@@ -247,12 +239,22 @@ var DSADrawer = class extends ShoelaceElement {
     return await waitForEvent(this, "dsa-after-hide");
   }
   render() {
-    if (!this.label && !this.hasSlotController.test("label")) {
+    const {
+      open,
+      placement,
+      contained,
+      localize,
+      hasSlotController,
+      noHeader,
+      label,
+      filters
+    } = this;
+    if (!label && !hasSlotController.test("label")) {
       a11yWarning(
         "<dsa-drawer> requires a label attribute or a label slot for accessibility"
       );
     }
-    if (this.noHeader && !this.label) {
+    if (noHeader && !label) {
       a11yWarning(
         "<dsa-drawer> requires a label attribute for accessibility when `no-header` is set"
       );
@@ -262,16 +264,16 @@ var DSADrawer = class extends ShoelaceElement {
         part="base"
         class=${classMap({
       drawer: true,
-      "drawer--open": this.open,
-      "drawer--top": this.placement === "top",
-      "drawer--end": this.placement === "end",
-      "drawer--bottom": this.placement === "bottom",
-      "drawer--start": this.placement === "start",
-      "drawer--contained": this.contained,
-      "drawer--fixed": !this.contained,
-      "drawer--rtl": this.localize.dir() === "rtl",
-      "drawer--has-footer": this.hasSlotController.test("footer"),
-      "drawer--filters": this.filters
+      "drawer--open": open,
+      "drawer--top": placement === "top",
+      "drawer--end": placement === "end",
+      "drawer--bottom": placement === "bottom",
+      "drawer--start": placement === "start",
+      "drawer--contained": contained,
+      "drawer--fixed": !contained,
+      "drawer--rtl": localize.dir() === "rtl",
+      "drawer--has-footer": hasSlotController.test("footer"),
+      "drawer--filters": filters
     })}
       >
         <div
@@ -285,19 +287,17 @@ var DSADrawer = class extends ShoelaceElement {
           class="drawer__panel"
           role="dialog"
           aria-modal="true"
-          aria-hidden=${this.open ? "false" : "true"}
-          aria-label=${ifDefinedAndNotEmpty(
-      this.noHeader ? this.label : void 0
-    )}
-          aria-labelledby=${ifDefined(!this.noHeader ? "title" : void 0)}
+          aria-hidden=${open ? "false" : "true"}
+          aria-label=${ifDefinedAndNotEmpty(noHeader ? label : void 0)}
+          aria-labelledby=${ifDefined(!noHeader ? "title" : void 0)}
           tabindex="-1"
         >
-          ${!this.noHeader ? html`
+          ${!noHeader ? html`
                 <header part="header" class="drawer__header">
                   <h1 part="title" class="drawer__title" id="title">
                     <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
                     <slot name="label">
-                      ${this.label.length > 0 ? this.label : String.fromCharCode(65279)}
+                      ${label.length > 0 ? label : String.fromCharCode(65279)}
                     </slot>
                   </h1>
                   <div part="header-actions" class="drawer__header-actions">
@@ -307,7 +307,7 @@ var DSADrawer = class extends ShoelaceElement {
                       exportparts="base:close-button__base"
                       class="drawer__close"
                       name="close"
-                      label=${this.localize.term("close")}
+                      label=${localize.term("close")}
                       @click=${() => this.requestClose("close-button")}
                       library="system"
                       size="large"

package/dist/chunks/chunk.E2AA6JZR.js

@@ -0,0 +1,102 @@
+import {
+  banner_styles_default
+} from "./chunk.7Z3P7ZIT.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  DSAIconButton
+} from "./chunk.2GTXVMMC.js";
+import {
+  LocalizeController
+} from "./chunk.DVIHNMQQ.js";
+import {
+  ShoelaceElement
+} from "./chunk.SVWU6JW4.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/components/banner/banner.ts
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var DSABanner = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "icon",
+      "action"
+    );
+    this.localize = new LocalizeController(this);
+    this.closable = false;
+    this.mobile = false;
+    this.closeLabel = "";
+  }
+  handleClose() {
+    this.emit("dsa-close");
+  }
+  render() {
+    const hasIcon = this.hasSlotController.test("icon");
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      banner: true,
+      "banner--mobile": this.mobile
+    })}
+      >
+        <div class="banner__content">
+          ${hasIcon ? html`
+                <div class="banner__icon-container" part="icon-container">
+                  <slot name="icon"> </slot>
+                </div>
+              ` : null}
+
+          <div class="banner__info">
+            <p class="banner__message" part="message">
+              <slot></slot>
+            </p>
+            <slot name="action"></slot>
+          </div>
+        </div>
+
+        ${this.closable ? html`
+              <dsa-icon-button
+                class="banner__close-button"
+                part="close-button"
+                name="close"
+                library="system"
+                size="large"
+                label=${this.closeLabel || this.localize.term("closeBanner")}
+                @click=${this.handleClose}
+              ></dsa-icon-button>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+DSABanner.styles = banner_styles_default;
+DSABanner.dependencies = {
+  "dsa-icon-button": DSAIconButton
+};
+__decorateClass([
+  query('[part="close-button"]')
+], DSABanner.prototype, "closeButton", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSABanner.prototype, "closable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSABanner.prototype, "mobile", 2);
+__decorateClass([
+  property({ attribute: "close-label" })
+], DSABanner.prototype, "closeLabel", 2);
+DSABanner = __decorateClass([
+  customElement("dsa-banner")
+], DSABanner);
+
+export {
+  DSABanner
+};

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

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

package/dist/chunks/{chunk.XM237MHQ.js → chunk.EQNOUAQ6.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.QGI766JC.js";
 import {
   DSAButton
-} from "./chunk.B6XSS23Y.js";
+} from "./chunk.2G35OVLZ.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";
@@ -29,6 +29,7 @@ var DSATableAction = class extends ShoelaceElement {
     this.localize = new LocalizeController(this);
     this.show = false;
     this.deselectAllOnClose = false;
+    this.buttonLabel = "";
   }
   handleClose() {
     this.emit("dsa-table-actions-close");
@@ -46,7 +47,7 @@ var DSATableAction = class extends ShoelaceElement {
         @click=${this.handleClose}
       >
         <dsa-icon slot="prefix" name="close" library="system"></dsa-icon>
-        ${this.deselectAllOnClose ? this.localize.term("deselectAll") : this.localize.term("close")}
+        ${this.buttonLabel || (this.deselectAllOnClose ? this.localize.term("deselectAll") : this.localize.term("close"))}
       </dsa-button>
     `;
   }
@@ -66,6 +67,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "deselect-all-on-close" })
 ], DSATableAction.prototype, "deselectAllOnClose", 2);
+__decorateClass([
+  property({ attribute: "button-label" })
+], DSATableAction.prototype, "buttonLabel", 2);
 DSATableAction = __decorateClass([
   customElement("dsa-table-action")
 ], DSATableAction);

package/dist/chunks/{chunk.PPNCOBIW.js → chunk.EX63QI6Z.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.BZFZTT6Z.js";
 import {
   DSAInput
-} from "./chunk.IRBKALXJ.js";
+} from "./chunk.C6BC46KV.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -24,10 +24,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 {
   setAttributeIfDifferent
 } from "./chunk.PSYTLBRK.js";

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

@@ -1,21 +1,21 @@
-import {
-  DSACheckboxGroup
-} from "./chunk.RPOIITDC.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
+import {
+  checkbox_styles_default
+} from "./chunk.D7HT35YE.js";
+import {
+  DSACheckboxGroup
+} from "./chunk.SYZVBVOX.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";

package/dist/chunks/{chunk.QAA45XK3.js → chunk.FLCLDNUC.js}

@@ -6,10 +6,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.D4VA4USZ.js → chunk.GDRWZRCN.js}

@@ -1,9 +1,9 @@
 import {
   download_link_styles_default
-} from "./chunk.6HSTAJNR.js";
+} from "./chunk.M6X2ZDO6.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.N3L4GIUO.js";
 
 // src/components/download-link/download-link.ts
-import { html } from "lit";
+import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 var DSADownloadLink = class extends ShoelaceElement {
@@ -20,6 +20,13 @@ var DSADownloadLink = class extends ShoelaceElement {
     super(...arguments);
     this.variant = "base";
     this.size = "medium";
+    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");
@@ -55,17 +62,17 @@ var DSADownloadLink = class extends ShoelaceElement {
       >
         <slot></slot>
         <dsa-icon name="download" library="system"></dsa-icon>
-        <p
-          id="document-info"
-          class=${classMap({
+        ${this.cachedDocumentInfo ? html`<p
+              id="document-info"
+              class=${classMap({
       "document-info": true,
       "document-info--on-layer": this.variant === "layer",
       "document-info--on-contrasted": this.variant === "contrasted",
       "document-info--floating-menu": this.variant === "floating"
     })}
-        >
-          ${this.format}${this.format && this.documentSize ? " - " : ""}${this.documentSize}
-        </p>
+            >
+              ${this.cachedDocumentInfo}
+            </p>` : nothing}
       </a>
     `;
   }

package/dist/chunks/{chunk.LN7NDCQU.js → chunk.GM3QM4YJ.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   form_control_styles_default
-} from "./chunk.CKEB7DWU.js";
+} from "./chunk.T43D4ETK.js";
 import {
   FormControlController
 } from "./chunk.DJLJEQST.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.EGXFCQMV.js → chunk.GOVTNZ72.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.HIABUXVS.js";
 import {
   DSATooltip
-} from "./chunk.ELOLGOFM.js";
+} from "./chunk.UBA2H662.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.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.2GJ46J7Q.js → chunk.GQZAFXU6.js}

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

package/dist/chunks/{chunk.HCKPLZT3.js → chunk.GSRQID3H.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";
-import {
-  scrollIntoView
-} from "./chunk.EMIT7S33.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
+import {
+  scrollIntoView
+} from "./chunk.EMIT7S33.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.TJ5TUGGE.js → chunk.H5G2LRCX.js}

@@ -1,6 +1,9 @@
 import {
   DSASelect
-} from "./chunk.ZKBTNXGE.js";
+} from "./chunk.XGEWLFBF.js";
+import {
+  input_phone_styles_default
+} from "./chunk.TJNOM7IR.js";
 import {
   frenchNumberPrefix,
   phonePrefixOptions
@@ -8,9 +11,6 @@ import {
 import {
   getPhoneConfig
 } from "./chunk.YKKP7YAT.js";
-import {
-  input_phone_styles_default
-} from "./chunk.AI3RKI3P.js";
 import {
   buildValidityState,
   maskedValueToRawValue,
@@ -20,19 +20,19 @@ import {
 } from "./chunk.3D7AGBFQ.js";
 import {
   InputBase
-} from "./chunk.DE3HY2DW.js";
+} from "./chunk.7HMEK2ND.js";
 import {
   DSAOption
-} from "./chunk.NPMNFNR7.js";
+} from "./chunk.WEWJQ2AA.js";
 import {
   DSAIconButton
-} from "./chunk.MWPOWC6N.js";
+} from "./chunk.2GTXVMMC.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.NJQ6BFQQ.js";
+} from "./chunk.YPBLUIU7.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";