@ds-autonomie/web-components 2.15.0 → 2.17.0

package/dist/chunks/{chunk.XRVDXZ37.js → chunk.SOF3BQCV.js}

@@ -1,9 +1,21 @@
+import {
+  DSAInternalRadioIcon
+} from "./chunk.GUKOZGE3.js";
+import {
+  DSAInternalCheckboxBox
+} from "./chunk.WJFVQRWU.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -167,6 +179,7 @@ var form_selectable_card_styles_default = css`
 var FormSelectableCard = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "image");
     this.checked = false;
     this.disabled = false;
     this.parentDisabled = false;
@@ -251,7 +264,7 @@ var FormSelectableCard = class extends ShoelaceElement {
               `}
 
           <div class="selectable-card__content">
-            ${this.layout === "vertical" ? html`
+            ${this.layout === "vertical" && this.hasSlotController.test("image") ? html`
                   <slot
                     name="image"
                     part="image"
@@ -280,6 +293,11 @@ var FormSelectableCard = class extends ShoelaceElement {
   }
 };
 FormSelectableCard.styles = form_selectable_card_styles_default;
+FormSelectableCard.dependencies = {
+  "dsa-icon": DSAIcon,
+  "dsa-internal-radio-icon": DSAInternalRadioIcon,
+  "dsa-internal-checkbox-box": DSAInternalCheckboxBox
+};
 __decorateClass([
   query(".selectable-card")
 ], FormSelectableCard.prototype, "button", 2);

package/dist/chunks/{chunk.SL3DN4BD.js → chunk.SVWU6JW4.js}

@@ -17,7 +17,31 @@ var ShoelaceElement = class extends LitElement {
     this.dispatchEvent(event);
     return event;
   }
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (_err) {
+        customElements.define(
+          name,
+          class extends elementConstructor {
+          },
+          options
+        );
+      }
+    }
+  }
+  constructor() {
+    super();
+    Object.entries(
+      this.constructor.dependencies
+    ).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+  }
 };
+ShoelaceElement.dependencies = {};
 __decorateClass([
   property()
 ], ShoelaceElement.prototype, "dir", 2);

package/dist/chunks/{chunk.RE5LWX2D.js → chunk.SZDGGP2Y.js}

@@ -1,17 +1,21 @@
 import {
   input_base_styles_default
-} from "./chunk.MFNBPWAR.js";
+} from "./chunk.EWMFHVNW.js";
 
 // src/components/input-mask/input-mask.styles.ts
 import { css } from "lit";
 var input_mask_styles_default = css`
   ${input_base_styles_default}
 
+  :host {
+    --input-field-width: 100%;
+  }
+
   .input-mask {
     position: relative;
     display: inline-flex;
     flex-direction: row;
-    width: 100%;
+    width: var(--input-field-width);
     align-items: center;
     letter-spacing: var(--dsa-wc-input-mask-placeholder-letter-spacing);
 
@@ -63,7 +67,6 @@ var input_mask_styles_default = css`
   .input-mask__control {
     position: absolute;
     inset: 0;
-    width: 100%;
     padding: var(--dsa-wc-input-padding);
     display: inline-flex;
     flex-direction: row;
@@ -167,6 +170,7 @@ var input_mask_styles_default = css`
 
   .input-mask__prefix,
   .input-mask__suffix {
+    display: inline-flex;
     color: var(--dsa-wc-input-icon-color);
     pointer-events: none;
   }

package/dist/chunks/{chunk.LYW7WENA.js → chunk.TION6YCJ.js}

@@ -37,10 +37,10 @@ var card_nav_styles_default = css`
     gap: var(--dsa-spacing-8);
   }
   .title-block-text .title {
-    font: var(--dsa-font-large-bold);
+    font: var(--dsa-font-title-s-bold);
   }
   .title-block-text .subtitle {
-    font: var(--dsa-font-medium-bold);
+    font: var(--dsa-font-body-m-bold);
     color: var(--dsa-wc-card-nav-subtitle-color);
   }
   .card-nav__title_icon::slotted(*) {

package/dist/chunks/{chunk.KVBCYZ63.js → chunk.TNZEC73D.js}

@@ -1,6 +1,9 @@
 import {
   navbar_menu_styles_default
 } from "./chunk.QZQO5YY7.js";
+import {
+  DSAPopup
+} from "./chunk.GYWU4AAB.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -20,13 +23,16 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -254,6 +260,7 @@ var DSANavbarMenu = class extends ShoelaceElement {
   }
 };
 DSANavbarMenu.styles = navbar_menu_styles_default;
+DSANavbarMenu.dependencies = { "dsa-icon": DSAIcon, "dsa-popup": DSAPopup };
 __decorateClass([
   query(".navbar-menu")
 ], DSANavbarMenu.prototype, "popup", 2);

package/dist/chunks/{chunk.OXRZH5XZ.js → chunk.TP5XEQ2O.js}

@@ -1,6 +1,9 @@
 import {
   tooltip_styles_default
 } from "./chunk.UVGAHM33.js";
+import {
+  DSAPopup
+} from "./chunk.GYWU4AAB.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -18,13 +21,13 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -226,6 +229,7 @@ var DSATooltip = class extends ShoelaceElement {
   }
 };
 DSATooltip.styles = tooltip_styles_default;
+DSATooltip.dependencies = { "dsa-popup": DSAPopup };
 __decorateClass([
   query("slot:not([name])")
 ], DSATooltip.prototype, "defaultSlot", 2);

package/dist/chunks/{chunk.JBEKH5GD.js → chunk.TRVKPMDO.js}

@@ -1,6 +1,6 @@
 import {
   card_nav_accordion_styles_default
-} from "./chunk.5KTLM3MD.js";
+} from "./chunk.JIMAJLDU.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -21,13 +21,16 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -184,6 +187,7 @@ var DSACardNavAccordion = class extends ShoelaceElement {
   }
 };
 DSACardNavAccordion.styles = card_nav_accordion_styles_default;
+DSACardNavAccordion.dependencies = { "dsa-icon": DSAIcon };
 __decorateClass([
   query(".card-nav-accordion")
 ], DSACardNavAccordion.prototype, "accordion", 2);

package/dist/chunks/{chunk.72TUQY57.js → chunk.TW7OE55S.js}

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

package/dist/chunks/{chunk.3NFVJZPV.js → chunk.TZZRAR42.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.M362UNDB.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/chunk.U5AV7YAS.js

@@ -0,0 +1,66 @@
+// src/components/file-upload/file-upload.utils.ts
+async function traverseEntry(entry) {
+  if (entry.isFile) {
+    return new Promise((resolve) => {
+      entry.file(
+        (file) => resolve([file]),
+        (error) => {
+          console.error("Failed to read file:", error);
+          resolve([]);
+        }
+      );
+    });
+  }
+  if (entry.isDirectory) {
+    const reader = entry.createReader();
+    const allFiles = [];
+    const readBatch = () => new Promise((resolve) => {
+      reader.readEntries(
+        async (entries) => {
+          if (entries.length === 0) {
+            resolve();
+            return;
+          }
+          for (const child of entries) {
+            const childFiles = await traverseEntry(child);
+            allFiles.push(...childFiles);
+          }
+          await readBatch();
+          resolve();
+        },
+        (error) => {
+          console.error("Failed to read directory entries:", error);
+          resolve();
+        }
+      );
+    });
+    await readBatch();
+    return allFiles;
+  }
+  return [];
+}
+async function collectMultipleDroppedFiles(dt) {
+  var _a, _b;
+  const items = Array.from((_a = dt.items) != null ? _a : []);
+  const directories = [];
+  const looseFiles = [];
+  for (const item of items) {
+    if (item.kind !== "file") continue;
+    const entry = (_b = item.webkitGetAsEntry) == null ? void 0 : _b.call(item);
+    if (entry == null ? void 0 : entry.isDirectory) {
+      directories.push(entry);
+    } else {
+      const file = item.getAsFile();
+      if (file) looseFiles.push(file);
+    }
+  }
+  for (const dir of directories) {
+    const dirFiles = await traverseEntry(dir);
+    looseFiles.push(...dirFiles);
+  }
+  return looseFiles;
+}
+
+export {
+  collectMultipleDroppedFiles
+};

package/dist/chunks/{chunk.GNJTQL5Q.js → chunk.UHF3BDIM.js}

@@ -1,16 +1,20 @@
 import {
   input_base_styles_default
-} from "./chunk.MFNBPWAR.js";
+} from "./chunk.EWMFHVNW.js";
 
 // src/components/input-date/input-date.styles.ts
 import { css } from "lit";
 var input_date_styles_default = css`
   ${input_base_styles_default}
 
+  :host {
+    --input-field-width: unset;
+  }
+
   .input--date {
     overflow: visible;
     min-width: max-content;
-    width: unset;
+    width: var(--input-field-width);
   }
 
   .input--no-calendar {

package/dist/chunks/{chunk.VOUA4OR5.js → chunk.UHSLPBTG.js}

@@ -11,6 +11,9 @@ import {
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  DSAIconButton
+} from "./chunk.WNESPUKK.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -30,13 +33,13 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -324,6 +327,7 @@ var DSADrawer = class extends ShoelaceElement {
   }
 };
 DSADrawer.styles = drawer_styles_default;
+DSADrawer.dependencies = { "dsa-icon-button": DSAIconButton };
 __decorateClass([
   query(".drawer")
 ], DSADrawer.prototype, "drawer", 2);

package/dist/chunks/{chunk.SK2SJE2S.js → chunk.UKH2D4DL.js}

@@ -1,18 +1,24 @@
 import {
   checkbox_group_styles_default
-} from "./chunk.IQVRPRHR.js";
+} from "./chunk.QGSBICBZ.js";
+import {
+  DSAVisuallyHidden
+} from "./chunk.JIN6PGAK.js";
+import {
+  DSAErrorText
+} from "./chunk.5NSAEDEE.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
 import {
   FormControlController,
   customErrorValidityState,
   validValidityState,
   valueMissingValidityState
 } from "./chunk.DJLJEQST.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -21,7 +27,7 @@ import {
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -138,13 +144,7 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     }
   }
   handleLabelClick() {
-    const availableCheckboxes = this.getAllCheckboxes().filter(
-      (checkbox) => !checkbox.disabled && !checkbox.readonly
-    );
-    const checkboxToFocus = availableCheckboxes.find((checkbox) => checkbox.checked) || availableCheckboxes[0];
-    if (checkboxToFocus) {
-      checkboxToFocus.focus();
-    }
+    this.focus();
   }
   handleSlotChange() {
     if (customElements.get("dsa-checkbox") || customElements.get("dsa-checkbox-button") || customElements.get("dsa-checkbox-card")) {
@@ -169,6 +169,9 @@ var DSACheckboxGroup = class extends ShoelaceElement {
   handleInvalid(event) {
     this.formControlController.setValidity(false);
     this.formControlController.emitInvalidEvent(event);
+    setTimeout(() => {
+      this.focus();
+    }, 0);
   }
   getDescriptionIds() {
     let ids = [];
@@ -228,6 +231,16 @@ var DSACheckboxGroup = class extends ShoelaceElement {
     this.validationInput.setCustomValidity(message);
     this.formControlController.updateValidity();
   }
+  /** Sets focus on the checkbox-group. */
+  focus(options) {
+    const availableCheckboxes = this.getAllCheckboxes().filter(
+      (checkbox) => !checkbox.disabled && !checkbox.readonly
+    );
+    const checkboxToFocus = availableCheckboxes.find((checkbox) => checkbox.checked) || availableCheckboxes[0];
+    if (checkboxToFocus) {
+      checkboxToFocus.focus(options);
+    }
+  }
   render() {
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
@@ -324,6 +337,10 @@ var DSACheckboxGroup = class extends ShoelaceElement {
   }
 };
 DSACheckboxGroup.styles = checkbox_group_styles_default;
+DSACheckboxGroup.dependencies = {
+  "dsa-error-text": DSAErrorText,
+  "dsa-visually-hidden": DSAVisuallyHidden
+};
 __decorateClass([
   query("slot:not([name])")
 ], DSACheckboxGroup.prototype, "defaultSlot", 2);

package/dist/chunks/{chunk.NMTWMSSW.js → chunk.UNDVQ2N3.js}

@@ -1,25 +1,28 @@
+import {
+  DSASpinner
+} from "./chunk.C6UENJ2Y.js";
 import {
   FormControlController,
   validValidityState
 } from "./chunk.DJLJEQST.js";
 import {
   button_styles_default
-} from "./chunk.BIM3HNFI.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
+} from "./chunk.KZFOOKD2.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -43,12 +46,6 @@ var DSAButton = class extends ShoelaceElement {
       },
       assumeInteractionOn: ["click"]
     });
-    this.hasSlotController = new HasSlotController(
-      this,
-      "[default]",
-      "prefix",
-      "suffix"
-    );
     this.localize = new LocalizeController(this);
     this.hasFocus = false;
     this.invalid = false;
@@ -213,17 +210,14 @@ var DSAButton = class extends ShoelaceElement {
       "button--disabled": this.disabled,
       "button--focused": this.hasFocus,
       "button--loading": this.loading,
-      "button--rtl": this.localize.dir() === "rtl",
-      "button--has-label": this.hasSlotController.test("[default]"),
-      "button--has-prefix": this.hasSlotController.test("prefix"),
-      "button--has-suffix": this.hasSlotController.test("suffix")
+      "button--rtl": this.localize.dir() === "rtl"
     })}
         ?disabled=${ifDefined(isLink ? void 0 : this.disabled)}
         type=${ifDefined(isLink ? void 0 : this.type)}
         title=${ifDefinedAndNotEmpty((_a = this.accessibleName) != null ? _a : this.title)}
         name=${ifDefinedAndNotEmpty(isLink ? void 0 : this.name)}
         value=${ifDefinedAndNotEmpty(isLink ? void 0 : this.value)}
-        href=${ifDefined(isLink ? this.href : void 0)}
+        href=${ifDefined(isLink && !this.disabled ? this.href : void 0)}
         target=${ifDefined(isLink ? this.target : void 0)}
         download=${ifDefined(isLink ? this.download : void 0)}
         rel=${ifDefined(isLink ? this.rel : void 0)}
@@ -269,6 +263,7 @@ var DSAButton = class extends ShoelaceElement {
   }
 };
 DSAButton.styles = button_styles_default;
+DSAButton.dependencies = { "dsa-icon": DSAIcon, "dsa-spinner": DSASpinner };
 __decorateClass([
   query(".button")
 ], DSAButton.prototype, "button", 2);

package/dist/chunks/{chunk.ZTQL6LV2.js → chunk.UYPZGXIY.js}

@@ -25,6 +25,10 @@ var tag_styles_default = css`
     color: inherit;
     padding: 0;
   }
+  .tag__remove::after {
+    content: '';
+    position: absolute;
+  }
 
   .tag__prefix,
   .tag__suffix {
@@ -261,18 +265,27 @@ var tag_styles_default = css`
     height: var(--dsa-wc-tag-small-height);
     padding: var(--dsa-wc-tag-small-padding);
   }
+  .tag--small .tag__remove::after {
+    inset: -0.375rem;
+  }
 
   .tag--medium {
     font: var(--dsa-wc-tag-medium-font-size);
     height: var(--dsa-wc-tag-medium-height);
     padding: var(--dsa-wc-tag-medium-padding);
   }
+  .tag--medium .tag__remove::after {
+    inset: -0.3125rem;
+  }
 
   .tag--large {
     font: var(--dsa-wc-tag-large-font-size);
     height: var(--dsa-wc-tag-large-height);
     padding: var(--dsa-wc-tag-large-padding);
   }
+  .tag--large .tag__remove::after {
+    inset: -0.25rem;
+  }
 
   .tag__remove {
     color: inherit;
@@ -285,10 +298,7 @@ var tag_styles_default = css`
   .tag__trigger::after {
     content: '';
     position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
+    inset: 0;
   }
   .tag__trigger:focus {
     outline: none;

package/dist/chunks/{chunk.T4R634BF.js → chunk.V5GAH4HU.js}

@@ -1,9 +1,12 @@
 import {
   FilterBase
-} from "./chunk.ZVKFVRCK.js";
+} from "./chunk.X6SEIMM4.js";
 import {
   filter_date_styles_default
 } from "./chunk.SRLGPXHB.js";
+import {
+  DSACalendar
+} from "./chunk.5A6XLOZY.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -12,17 +15,28 @@ import {
   isValidDate,
   parseDateRange
 } from "./chunk.OYVF3HNG.js";
+import {
+  DSAButton
+} from "./chunk.UNDVQ2N3.js";
+import {
+  DSAIconButton
+} from "./chunk.WNESPUKK.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
-  __decorateClass
+  __decorateClass,
+  __spreadProps,
+  __spreadValues
 } from "./chunk.N3L4GIUO.js";
 
 // src/components/filter-date/filter-date.ts
@@ -354,6 +368,12 @@ var DSAFilterDate = class extends FilterBase {
   }
 };
 DSAFilterDate.styles = filter_date_styles_default;
+DSAFilterDate.dependencies = __spreadProps(__spreadValues({}, FilterBase.dependencies), {
+  "dsa-icon-button": DSAIconButton,
+  "dsa-calendar": DSACalendar,
+  "dsa-button": DSAButton,
+  "dsa-icon": DSAIcon
+});
 __decorateClass([
   state()
 ], DSAFilterDate.prototype, "isIconButtonFocused", 2);