@ds-autonomie/web-components 2.17.0 → 2.19.0

package/dist/chunks/{chunk.OKTHM7J2.js → chunk.6RXEQKWZ.js}

@@ -3,13 +3,10 @@ import {
 } from "./chunk.73T7TU6S.js";
 import {
   DSATreeItem
-} from "./chunk.QOW4B54V.js";
+} from "./chunk.KW762SFE.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
-import {
-  LocalizeController
-} from "./chunk.WHHYA5VY.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -58,24 +55,11 @@ var DSATree = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.selection = "single";
-    this.localize = new LocalizeController(this);
+    this.disableCheckboxSync = false;
     this.clickTarget = null;
     // Initializes new items by setting the `selectable` property, the expanded/collapsed icons if any, and adding aria-disabled to leaves if the selection mode is 'parent'
     this.initTreeItem = (item) => {
       item.selectable = this.selection === "multiple";
-      ["expand", "collapse"].filter((status) => !!this.querySelector(`[slot="${status}-icon"]`)).forEach((status) => {
-        const existingIcon = item.querySelector(`[slot="${status}-icon"]`);
-        if (existingIcon === null) {
-          item.append(
-            this.getExpandButtonIcon(status)
-          );
-        } else if (existingIcon.hasAttribute("data-default")) {
-          existingIcon.replaceWith(
-            this.getExpandButtonIcon(status)
-          );
-        } else {
-        }
-      });
       if (this.selection === "parent" && item.isLeaf) {
         item.setAttribute("aria-disabled", "true");
       }
@@ -102,21 +86,6 @@ var DSATree = class extends ShoelaceElement {
     this.removeEventListener("focusout", this.handleFocusOut);
     this.removeEventListener("dsa-lazy-change", this.handleSlotChange);
   }
-  // Generates a clone of the expand icon element to use for each tree item
-  getExpandButtonIcon(status) {
-    const slot = status === "expand" ? this.expandedIconSlot : this.collapsedIconSlot;
-    const icon = slot.assignedElements({ flatten: true })[0];
-    if (icon) {
-      const clone = icon.cloneNode(true);
-      [clone, ...clone.querySelectorAll("[id]")].forEach(
-        (el) => el.removeAttribute("id")
-      );
-      clone.setAttribute("data-default", "");
-      clone.slot = `${status}-icon`;
-      return clone;
-    }
-    return null;
-  }
   handleTreeChanged(mutations) {
     for (const mutation of mutations) {
       const addedNodes = [...mutation.addedNodes].filter(
@@ -139,7 +108,9 @@ var DSATree = class extends ShoelaceElement {
       if (selectedItem.lazy) {
         selectedItem.expanded = true;
       }
-      syncCheckboxes(selectedItem);
+      if (!this.disableCheckboxSync) {
+        syncCheckboxes(selectedItem);
+      }
     } else if (this.selection === "single" || this.selection === "leaf" && selectedItem.isLeaf || this.selection === "parent" && !selectedItem.isLeaf) {
       const items = this.getAllTreeItems();
       for (const item of items) {
@@ -185,8 +156,6 @@ var DSATree = class extends ShoelaceElement {
       return;
     }
     const items = this.getFocusableItems();
-    const isLtr = this.localize.dir() === "ltr";
-    const isRtl = this.localize.dir() === "rtl";
     if (items.length > 0) {
       event.preventDefault();
       const activeItemIndex = items.findIndex((item) => item.matches(":focus"));
@@ -202,13 +171,13 @@ var DSATree = class extends ShoelaceElement {
         focusItemAt(activeItemIndex + 1);
       } else if (event.key === "ArrowUp") {
         focusItemAt(activeItemIndex - 1);
-      } else if (isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
+      } else if (event.key === "ArrowRight") {
         if (!activeItem || activeItem.disabled || activeItem.expanded || activeItem.isLeaf && !activeItem.lazy) {
           focusItemAt(activeItemIndex + 1);
         } else {
           toggleExpand(true);
         }
-      } else if (isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
+      } else if (event.key === "ArrowLeft") {
         if (!activeItem || activeItem.disabled || activeItem.isLeaf || !activeItem.expanded) {
           focusItemAt(activeItemIndex - 1);
         } else {
@@ -288,7 +257,7 @@ var DSATree = class extends ShoelaceElement {
         item.disabled || (item.isLeaf && this.selection) === "parent" ? "true" : "false"
       );
     }
-    if (isSelectionMultiple) {
+    if (isSelectionMultiple && !this.disableCheckboxSync) {
       await this.updateComplete;
       [...this.querySelectorAll(":scope > dsa-tree-item")].forEach(
         (treeItem) => {
@@ -337,15 +306,16 @@ DSATree.styles = tree_styles_default;
 __decorateClass([
   query("slot:not([name])")
 ], DSATree.prototype, "defaultSlot", 2);
-__decorateClass([
-  query("slot[name=expand-icon]")
-], DSATree.prototype, "expandedIconSlot", 2);
-__decorateClass([
-  query("slot[name=collapse-icon]")
-], DSATree.prototype, "collapsedIconSlot", 2);
 __decorateClass([
   property()
 ], DSATree.prototype, "selection", 2);
+__decorateClass([
+  property({
+    type: Boolean,
+    reflect: true,
+    attribute: "disable-checkbox-sync"
+  })
+], DSATree.prototype, "disableCheckboxSync", 2);
 __decorateClass([
   watch("selection")
 ], DSATree.prototype, "handleSelectionChange", 1);

package/dist/chunks/{chunk.P2KNRWE5.js → chunk.72FKNFBS.js}

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

package/dist/chunks/{chunk.FF67XKLP.js → chunk.75USPA7U.js}

@@ -13,44 +13,49 @@ import {
 
 // src/components/stepper/stepper.ts
 import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement, property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 var STEP_TAG = "dsa-step";
 var DSAStepper = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.allSteps = [];
     this.hideLabel = false;
     this.vertical = false;
   }
   connectedCallback() {
     super.connectedCallback();
   }
-  // Gets an array of all <dsa-step> elements
-  getAllSteps() {
-    return [...this.querySelectorAll(STEP_TAG)];
+  refreshAllSteps() {
+    this.allSteps = this.defaultSlot ? this.defaultSlot.assignedElements({ flatten: true }).filter((element) => element.tagName.toLowerCase() === STEP_TAG).map((element) => element) : [];
+  }
+  applyStepProps(steps) {
+    steps.forEach((step, index) => {
+      const stepIndex = this.hideLabel ? void 0 : index;
+      if (step.index !== stepIndex) {
+        step.index = stepIndex;
+      }
+      if (step.vertical !== this.vertical) {
+        step.vertical = this.vertical;
+      }
+    });
   }
   handleDefaultSlotChange() {
-    const allSteps = this.getAllSteps();
+    this.refreshAllSteps();
     if (customElements.get(STEP_TAG)) {
-      allSteps.forEach((step, index) => {
-        step.index = this.hideLabel ? void 0 : index;
-        step.vertical = this.vertical;
-      });
+      this.applyStepProps(this.allSteps);
     } else {
-      customElements.whenDefined(STEP_TAG).then(() => this.handleDefaultSlotChange());
+      customElements.whenDefined(STEP_TAG).then(() => {
+        this.refreshAllSteps();
+        this.applyStepProps(this.allSteps);
+      });
     }
   }
   handleHideLabelChange() {
-    const allSteps = this.getAllSteps();
-    allSteps.forEach((step, index) => {
-      step.index = this.hideLabel ? void 0 : index;
-    });
+    this.applyStepProps(this.allSteps);
   }
   handleVerticalChange() {
-    const allSteps = this.getAllSteps();
-    allSteps.forEach((step) => {
-      step.vertical = this.vertical;
-    });
+    this.applyStepProps(this.allSteps);
   }
   render() {
     return html`
@@ -67,6 +72,9 @@ var DSAStepper = class extends ShoelaceElement {
   }
 };
 DSAStepper.styles = stepper_styles_default;
+__decorateClass([
+  query("slot")
+], DSAStepper.prototype, "defaultSlot", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "hide-label" })
 ], DSAStepper.prototype, "hideLabel", 2);

package/dist/chunks/{chunk.V5GAH4HU.js → chunk.7BBNETYY.js}

@@ -1,12 +1,12 @@
 import {
   FilterBase
-} from "./chunk.X6SEIMM4.js";
+} from "./chunk.4VSGAJJL.js";
 import {
   filter_date_styles_default
 } from "./chunk.SRLGPXHB.js";
 import {
   DSACalendar
-} from "./chunk.5A6XLOZY.js";
+} from "./chunk.DN3K2GHZ.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -17,7 +17,7 @@ import {
 } from "./chunk.OYVF3HNG.js";
 import {
   DSAButton
-} from "./chunk.UNDVQ2N3.js";
+} from "./chunk.SXFVCR7O.js";
 import {
   DSAIconButton
 } from "./chunk.WNESPUKK.js";

package/dist/chunks/{chunk.AFSUKPIV.js → chunk.7MY3WW7C.js}

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.ABJLUGLR.js";
+} from "./chunk.QKUUHXNR.js";
 import {
   FormToggleButton
-} from "./chunk.SLXERY4H.js";
+} from "./chunk.4535HZ7L.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -22,7 +22,9 @@ var DSARadioButton = class extends FormToggleButton {
     if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
       return;
     }
-    this.checked = true;
+    if (!this.checked) {
+      this.checked = true;
+    }
   }
   handleDeactivatedChange() {
     const parent = this.parentElement;

package/dist/chunks/{chunk.BTEEMPDS.js → chunk.A42VA6HE.js}

@@ -1,6 +1,6 @@
 import {
   table_toolbar_styles_default
-} from "./chunk.LAPA4KOO.js";
+} from "./chunk.WYLT5ZNJ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -14,10 +14,14 @@ import { customElement } from "lit/decorators.js";
 var DSATableToolbar = class extends ShoelaceElement {
   render() {
     return html`
-      <slot part="filters" name="filters"></slot>
+      <slot class="slot-filters" part="filters" name="filters"></slot>
       <div class="table-toolbar__right">
-        <slot part="columns-filter" name="columns-filter"></slot>
-        <slot part="search" name="search"></slot>
+        <slot
+          class="slot-columns-filter"
+          part="columns-filter"
+          name="columns-filter"
+        ></slot>
+        <slot class="slot-search" part="search" name="search"></slot>
       </div>
     `;
   }

package/dist/chunks/{chunk.73XRFTV7.js → chunk.B3QEXOQE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CJ6WHQAI.js";
 import {
   DSATable
-} from "./chunk.HALYTFYA.js";
+} from "./chunk.D5YUY5BG.js";
 import {
   LoadingStateElement
 } from "./chunk.YROTOHU3.js";
@@ -28,6 +28,7 @@ var DSATableBody = class extends LoadingStateElement {
       if (customElements.get("dsa-table")) {
         parent.handleRowExpandable();
         parent.handleRowSelectable();
+        parent.handleRowReorderable();
         parent.handleHeaderCellsCount();
         parent.handleSizeChange();
       } else {

package/dist/chunks/{chunk.ANOLAL4B.js → chunk.BUGXYS34.js}

@@ -75,7 +75,7 @@ var radio_styles_default = css`
   }
 
   /* Error */
-  .radio__label.radio__label--error {
+  .radio__label--error {
     color: var(--dsa-wc-input-label-color-error) !important;
   }