@ds-autonomie/web-components 2.18.0 → 2.20.0

package/dist/chunks/{chunk.6WPKFGU3.js → chunk.HIABUXVS.js}

@@ -57,11 +57,15 @@ var menu_accordion_styles_default = css`
     outline: none;
   }
 
-  .menu-accordion__prefix {
-    flex: 0 0 auto;
+  .menu-accordion__prefix,
+  .menu-accordion__summary {
     display: flex;
     align-items: center;
   }
+
+  .menu-accordion__prefix {
+    flex: 0 0 auto;
+  }
   .menu-accordion__prefix::slotted(*) {
     margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
     display: flex;
@@ -71,8 +75,6 @@ var menu_accordion_styles_default = css`
 
   .menu-accordion__summary {
     flex: 0 1 auto;
-    display: flex;
-    align-items: center;
   }
 
   .menu-accordion__badge::slotted(*) {
@@ -115,9 +117,7 @@ var menu_accordion_styles_default = css`
     display: none;
   }
 
-  .menu-accordion--collapsed .menu-accordion__summary {
-    display: none;
-  }
+  .menu-accordion--collapsed .menu-accordion__summary,
   .menu-accordion--collapsed .menu-accordion__summary-icon {
     display: none;
   }
@@ -128,18 +128,18 @@ var menu_accordion_styles_default = css`
   }
   .menu-accordion--small.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.125rem;
-    left: 1.5rem;
+    inset-block-start: 0.125rem;
+    inset-inline-start: 1.5rem;
   }
   .menu-accordion--medium.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.25rem;
-    left: 1.625rem;
+    inset-block-start: 0.25rem;
+    inset-inline-start: 1.625rem;
   }
   .menu-accordion--large.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.5rem;
-    left: 1.75rem;
+    inset-block-start: 0.5rem;
+    inset-inline-start: 1.75rem;
   }
 
   /*

package/dist/chunks/{chunk.3NOR7Y4Y.js → chunk.HKP752UH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6WKAXIB2.js";
 import {
   DSATable
-} from "./chunk.RFJJRWWT.js";
+} from "./chunk.D5YUY5BG.js";
 import {
   LoadingStateElement
 } from "./chunk.YROTOHU3.js";
@@ -27,6 +27,7 @@ var DSATableHead = class extends LoadingStateElement {
     if (parent instanceof DSATable) {
       parent.handleHeaderRowExpandable();
       parent.handleHeaderRowSelectable();
+      parent.handleHeaderRowReorderable();
       parent.handleAlignmentChange();
       parent.handleHeaderCellsCount();
     }

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

@@ -1,6 +1,6 @@
 import {
   step_styles_default
-} from "./chunk.6RDA3XLH.js";
+} from "./chunk.YF2V46J3.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
@@ -15,10 +15,13 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -61,7 +64,7 @@ var DSAStep = class extends ShoelaceElement {
     this.button.blur();
   }
   connectedCallback() {
-    this.setAttribute("role", "listitem");
+    setAttributeIfDifferent(this, "role", "listitem");
     super.connectedCallback();
   }
   getTag() {
@@ -88,6 +91,7 @@ var DSAStep = class extends ShoelaceElement {
   render() {
     const hasTitleSlot = this.hasSlotController.test("title");
     const hasContentSlot = this.hasSlotController.test("content");
+    const hasTooltipSlot = this.hasSlotController.test("tooltip");
     const hasTitle = this.stepTitle ? true : !!hasTitleSlot;
     const hasContent = this.content ? true : !!hasContentSlot;
     const isStaticStep = !this.clickable;
@@ -185,7 +189,7 @@ var DSAStep = class extends ShoelaceElement {
                 >${this.stepTitle}</slot
               >
             </${tag}>
-            ${this.hasSlotController.test("tooltip") ? html` <slot name="tooltip" class="step-tooltip"></slot> ` : ""}
+            ${hasTooltipSlot ? html` <slot name="tooltip" class="step-tooltip"></slot> ` : ""}
           </div>
           <slot name="content" class="step-content">${this.content}</slot>
         </div>

package/dist/chunks/{chunk.JVIWPP43.js → chunk.IEYQPZRM.js}

@@ -27,6 +27,7 @@ var footer_sitemap_styles_default = css`
   .footer-sitemap--align-links-center [part~='list'] {
     justify-content: center;
   }
+
   .footer-sitemap--align-links-right [part~='list'] {
     justify-content: flex-end;
   }

package/dist/chunks/{chunk.3SAKVK56.js → chunk.IIT2FS67.js}

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

package/dist/chunks/{chunk.7WQZIM7N.js → chunk.IJLBJ37U.js}

@@ -1,6 +1,6 @@
 import {
   DSACheckboxGroup
-} from "./chunk.UKH2D4DL.js";
+} from "./chunk.RPOIITDC.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
@@ -9,13 +9,13 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAErrorText
-} from "./chunk.5NSAEDEE.js";
+} from "./chunk.M2QIFDAP.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
 import {
   checkbox_styles_default
-} from "./chunk.JUOYMIGK.js";
+} from "./chunk.KD27MP6C.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -28,6 +28,10 @@ import {
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -81,7 +85,7 @@ var DSACheckbox = class extends ShoelaceElement {
     super.connectedCallback();
     const parent = this.parentElement;
     if (!this.hasAttribute("role") && parent instanceof DSACheckboxGroup) {
-      this.setAttribute("role", "listitem");
+      setAttributeIfDifferent(this, "role", "listitem");
     }
   }
   firstUpdated() {
@@ -114,23 +118,27 @@ var DSACheckbox = class extends ShoelaceElement {
   }
   handleDeactivatedChange() {
     if (this.readonly || this.parentReadonly) {
-      this.input.setAttribute("aria-disabled", "true");
+      setAttributeIfDifferent(this.input, "aria-disabled", "true");
     } else {
-      this.input.removeAttribute("aria-disabled");
+      removeAttributeIfPresent(this.input, "aria-disabled");
     }
     if (this.disabled || this.parentDisabled)
       this.formControlController.setValidity(this.disabled);
   }
   handleStateChange() {
-    this.input.checked = this.checked;
-    this.input.indeterminate = this.indeterminate;
+    if (this.input.checked !== this.checked) {
+      this.input.checked = this.checked;
+    }
+    if (this.input.indeterminate !== this.indeterminate) {
+      this.input.indeterminate = this.indeterminate;
+    }
     this.formControlController.updateValidity();
   }
   handleErrorChange() {
     if (this.error) {
-      this.input.setAttribute("aria-invalid", "true");
+      setAttributeIfDifferent(this.input, "aria-invalid", "true");
     } else {
-      this.input.removeAttribute("aria-invalid");
+      removeAttributeIfPresent(this.input, "aria-invalid");
     }
   }
   /** Simulates a click on the checkbox. */

package/dist/chunks/{chunk.SRLGPXHB.js → chunk.IJYHCSO5.js}

@@ -107,7 +107,7 @@ var filter_date_styles_default = css`
   }
 
   .filter-button--disabled .filter__trigger::part(base) {
-    color: var(-dsa-wc-filter-date-disabled-icon-button-color);
+    color: var(--dsa-wc-filter-date-disabled-icon-button-color);
   }
 
   .filter-button--readonly .filter__trigger::part(base) {

package/dist/chunks/{chunk.T3CLPVPE.js → chunk.IRBKALXJ.js}

@@ -1,18 +1,18 @@
 import {
   DSAInputTime
-} from "./chunk.6JFNUOJL.js";
+} from "./chunk.HCKPLZT3.js";
 import {
   DSAInputNative
-} from "./chunk.WDPZ4NSH.js";
+} from "./chunk.YBX4TUQG.js";
 import {
   DSAInputDate
-} from "./chunk.63ACYDSJ.js";
+} from "./chunk.TGQQJI2E.js";
 import {
   DSAInputAmount
-} from "./chunk.BO3GUSFS.js";
+} from "./chunk.NIBZO5CG.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.DE3HY2DW.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.X6SEIMM4.js → chunk.IRPNCLE5.js}

@@ -1,6 +1,6 @@
 import {
   DSAFilterButton
-} from "./chunk.LQAWGV5K.js";
+} from "./chunk.QAA45XK3.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

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

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -117,9 +117,14 @@ __decorateClass([
 DSARelativeTime = __decorateClass([
   customElement("dsa-relative-time")
 ], DSARelativeTime);
+var TIME_UNITS = {
+  second: 1e3,
+  minute: 6e4,
+  hour: 36e5,
+  day: 864e5
+};
 function getTimeUntilNextUnit(unit) {
-  const units = { second: 1e3, minute: 6e4, hour: 36e5, day: 864e5 };
-  const value = units[unit];
+  const value = TIME_UNITS[unit];
   return value - Date.now() % value;
 }
 

package/dist/chunks/{chunk.RKKRGVJW.js → chunk.ISXV5IHB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.73T7TU6S.js";
 import {
   DSATreeItem
-} from "./chunk.ZU3DGID3.js";
+} from "./chunk.UO6FYSWX.js";
 import {
   clamp
 } from "./chunk.HF7GESMZ.js";
@@ -55,6 +55,7 @@ var DSATree = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.selection = "single";
+    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) => {
@@ -107,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) {
@@ -254,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) => {
@@ -306,6 +309,13 @@ __decorateClass([
 __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.R3PD3TNK.js → chunk.IWCSAXJN.js}

@@ -19,9 +19,9 @@ var footer_sitemap_item_styles_default = css`
   }
 
   ::slotted(*:hover) {
-    border-bottom-style: solid;
-    border-bottom-width: var(--dsa-wc-link-underline-thickness);
     color: var(--dsa-color-text-on-layer-primary);
+    border-bottom: var(--dsa-wc-link-underline-thickness) solid
+      var(--dsa-color-text-on-layer-primary);
   }
 
   ::slotted(*:visited) {

package/dist/chunks/{chunk.2SQ6UBOQ.js → chunk.IYAYPQEC.js}

@@ -1,6 +1,10 @@
 import {
   FormSelectableCard
-} from "./chunk.SOF3BQCV.js";
+} from "./chunk.NGEL5LW3.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -18,17 +22,20 @@ var DSACheckboxCard = class extends FormSelectableCard {
   connectedCallback() {
     super.connectedCallback();
     if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "listitem");
+      setAttributeIfDifferent(this, "role", "listitem");
     }
   }
   handleClick() {
+    if (this.readonly || this.disabled || this.parentDisabled || this.parentReadonly) {
+      return;
+    }
     this.checked = !this.checked;
   }
   handleErrorChange() {
     if (this.error) {
-      this.button.setAttribute("aria-invalid", "true");
+      setAttributeIfDifferent(this.button, "aria-invalid", "true");
     } else {
-      this.button.removeAttribute("aria-invalid");
+      removeAttributeIfPresent(this.button, "aria-invalid");
     }
   }
 };

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

@@ -1,9 +1,13 @@
 import {
   FormToggleButton
-} from "./chunk.SLXERY4H.js";
+} from "./chunk.YGUB43LS.js";
 import {
   DSACheckboxGroup
-} from "./chunk.UKH2D4DL.js";
+} from "./chunk.RPOIITDC.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -22,7 +26,7 @@ var DSACheckboxButton = class extends FormToggleButton {
     super.connectedCallback();
     const parent = this.parentElement;
     if (!this.hasAttribute("role") && parent instanceof DSACheckboxGroup) {
-      this.setAttribute("role", "listitem");
+      setAttributeIfDifferent(this, "role", "listitem");
     }
   }
   handleClick() {
@@ -33,9 +37,9 @@ var DSACheckboxButton = class extends FormToggleButton {
   }
   handleErrorChange() {
     if (this.error) {
-      this.button.setAttribute("aria-invalid", "true");
+      setAttributeIfDifferent(this.button, "aria-invalid", "true");
     } else {
-      this.button.removeAttribute("aria-invalid");
+      removeAttributeIfPresent(this.button, "aria-invalid");
     }
   }
 };

package/dist/chunks/{chunk.UC5S2IUH.js → chunk.JLAQUWWF.js}

@@ -16,7 +16,7 @@ var navbar_styles_default = css`
   :host([mobile]) .navbar__list {
     flex-direction: column;
   }
-  :host([mobile]) nav,
+
   :host([mobile]) ::slotted(*) {
     width: 100%;
   }

package/dist/chunks/{chunk.2O3KAV2X.js → chunk.JTUO6EOR.js}

@@ -1,6 +1,6 @@
 import {
   DSATooltip
-} from "./chunk.TP5XEQ2O.js";
+} from "./chunk.ELOLGOFM.js";
 import {
   copy_button_styles_default
 } from "./chunk.MTRAJSQ5.js";
@@ -10,10 +10,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.6K3AZQXP.js → chunk.K43LRQVK.js}

@@ -1,9 +1,9 @@
 import {
   menu_item_styles_default
-} from "./chunk.64EGGLHL.js";
+} from "./chunk.QWPEXQZX.js";
 import {
   DSATooltip
-} from "./chunk.TP5XEQ2O.js";
+} from "./chunk.ELOLGOFM.js";
 import {
   HasSlotController,
   getTextContent
@@ -30,6 +30,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "prefix");
+    this.cachedTextLabel = "";
     this.type = "button";
     this.size = "medium";
     this.disabled = false;
@@ -49,12 +50,11 @@ var DSAMenuItem = class extends ShoelaceElement {
     super.disconnectedCallback();
     this.removeEventListener("click", this.handleHostClick);
   }
+  firstUpdated() {
+    this.cachedTextLabel = this.getTextLabel();
+  }
   handleDefaultSlotChange() {
     const textLabel = this.getTextLabel();
-    if (typeof this.cachedTextLabel === "undefined") {
-      this.cachedTextLabel = textLabel;
-      return;
-    }
     if (textLabel !== this.cachedTextLabel) {
       this.cachedTextLabel = textLabel;
       this.emit("slotchange", {
@@ -88,6 +88,7 @@ var DSAMenuItem = class extends ShoelaceElement {
   }
   render() {
     const tag = this.type === "link" ? literal`a` : literal`button`;
+    const textLabel = this.cachedTextLabel || this.getTextLabel();
     if (this.collapsed && !this.hasSlotController.test("prefix")) {
       return html``;
     }
@@ -113,7 +114,7 @@ var DSAMenuItem = class extends ShoelaceElement {
           aria-current=${ifDefinedAndNotEmpty(this.current)}
           aria-expanded=${ifDefined(this.expanded)}
           tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
-          aria-label=${ifDefined(this.collapsed ? this.getTextLabel() : void 0)}
+          aria-label=${ifDefined(this.collapsed ? textLabel : void 0)}
         >
           <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
@@ -125,7 +126,7 @@ var DSAMenuItem = class extends ShoelaceElement {
 
           <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
         </${tag}>         
-        <span slot="content" aria-hidden="true">${this.getTextLabel()}</span> 
+        <span slot="content" aria-hidden="true">${textLabel}</span>
       </dsa-tooltip>
     `;
   }

package/dist/chunks/{chunk.WFACPRM5.js → chunk.K64V2XZO.js}

@@ -39,10 +39,14 @@ var DSARangeSlider = class extends ShoelaceElement {
     this.updateSliderBackground(this.fromSlider, this.toSlider);
     this.setToSliderThumbInReach();
   }
+  getRangeDistance() {
+    const rangeDistance = Number(this.max) - Number(this.min);
+    return rangeDistance === 0 ? 1 : rangeDistance;
+  }
   updateSliderBackground(from, to) {
     const sliderColor = "var(--dsa-wc-range-slider-background)";
     const rangeColor = this.disabled ? "var(--dsa-wc-range-slider-disabled-background)" : "var(--dsa-wc-range-slider-selected-background)";
-    const rangeDistance = Number(this.max) - Number(this.min);
+    const rangeDistance = this.getRangeDistance();
     const fromPosition = (Number(from.value) - Number(this.min)) / rangeDistance * 100;
     const toPosition = (Number(to.value) - Number(this.min)) / rangeDistance * 100;
     to.style.background = `linear-gradient(

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

@@ -59,14 +59,17 @@ var checkbox_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .checkbox--has-label .checkbox__label:not(.checkbox--disabled) {
+  .checkbox--has-label .checkbox__label {
     display: inline-block;
-    color: var(--dsa-wc-checkbox-color);
     line-height: var(--toggle-size);
     margin-inline-start: 0.5em;
     user-select: none;
   }
 
+  .checkbox--has-label:not(.checkbox--disabled) .checkbox__label {
+    color: var(--dsa-wc-checkbox-color);
+  }
+
   .checkbox__label-required {
     color: var(--dsa-wc-form-required-content-color);
   }

package/dist/chunks/{chunk.5NUD3TZO.js → chunk.KD5YM72X.js}

@@ -92,8 +92,16 @@ var switch_styles_default = css`
 
   .switch__state {
     user-select: none;
-    display: flex;
-    flex-direction: column;
+    display: grid;
+  }
+
+  .switch__state-label {
+    grid-area: 1 / 1;
+    visibility: hidden;
+  }
+
+  .switch__state-label--visible {
+    visibility: visible;
   }
 
   .switch__input {
@@ -155,7 +163,7 @@ var switch_styles_default = css`
   }
 
   /* Checked + hover */
-  .switch.switch--checked:not(.switch--disabled):not(.switch--readonly):hover
+  .switch--checked:not(.switch--disabled):not(.switch--readonly):hover
     .switch__control {
     background-color: var(
       --dsa-wc-switch-control-background-color-active-hover
@@ -165,7 +173,7 @@ var switch_styles_default = css`
   }
 
   /* Checked + focus */
-  .switch--focused.switch--checked:not(.switch--disabled):not(.switch--readonly)
+  .switch--checked.switch--focused:not(.switch--disabled):not(.switch--readonly)
     .switch__control {
     background-color: var(
       --dsa-wc-switch-control-background-color-active-hover