@ds-autonomie/web-components 2.17.0 → 2.19.0

package/dist/chunks/{chunk.DC6KKJOX.js → chunk.VJMPU2K5.js}

@@ -1,9 +1,13 @@
 import {
   table_container_styles_default
-} from "./chunk.5FNJFIAP.js";
+} from "./chunk.IDBAIF3R.js";
 import {
   LoadingStateElement
 } from "./chunk.YROTOHU3.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -12,7 +16,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -31,6 +35,20 @@ var DSATableContainer = class extends LoadingStateElement {
     this.localize = new LocalizeController(this);
     this.showTableActions = false;
   }
+  getActionBarAndToolbar() {
+    return {
+      actionBar: this.querySelector("dsa-table-action"),
+      toolbar: this.querySelector("dsa-table-toolbar")
+    };
+  }
+  getLoadingTargets() {
+    return [
+      this.querySelector("dsa-table-caption"),
+      this.querySelector("dsa-table-head"),
+      this.querySelector("dsa-table-body"),
+      this.querySelector("dsa-pagination")
+    ];
+  }
   connectedCallback() {
     super.connectedCallback();
     this.handleTableSelection = this.handleTableSelection.bind(this);
@@ -70,10 +88,20 @@ var DSATableContainer = class extends LoadingStateElement {
       const tableRows = [
         ...this.querySelectorAll("dsa-table-row")
       ];
-      tableRows.forEach((row) => row.selected = false);
-      headerRow.checkbox.checked = false;
-      headerRow.checkbox.indeterminate = false;
-      headerRow.selected = false;
+      tableRows.forEach((row) => {
+        if (row.selected) {
+          row.selected = false;
+        }
+      });
+      if (headerRow.checkbox.checked) {
+        headerRow.checkbox.checked = false;
+      }
+      if (headerRow.checkbox.indeterminate) {
+        headerRow.checkbox.indeterminate = false;
+      }
+      if (headerRow.selected) {
+        headerRow.selected = false;
+      }
     }
   }
   handleTableSelection(event) {
@@ -91,53 +119,54 @@ var DSATableContainer = class extends LoadingStateElement {
     if (!tableCaption || !tableElement || tableCaption.id || tableElement.getAttribute("aria-labelledby"))
       return;
     const randomId = Math.floor(Math.random() * 999999999).toString();
-    tableCaption.setAttribute("id", randomId);
-    tableElement.setAttribute("aria-labelledby", randomId);
+    setAttributeIfDifferent(tableCaption, "id", randomId);
+    setAttributeIfDifferent(tableElement, "aria-labelledby", randomId);
   }
   handleShowTableActions() {
-    const actionBar = this.querySelector("dsa-table-action");
-    const toolbar = this.querySelector("dsa-table-toolbar");
+    const { actionBar, toolbar } = this.getActionBarAndToolbar();
     if (actionBar !== null) {
       if (this.showTableActions) {
-        actionBar.setAttribute("show", "true");
+        setAttributeIfDifferent(actionBar, "show", "true");
       } else {
-        actionBar.removeAttribute("show");
+        removeAttributeIfPresent(actionBar, "show");
       }
     }
     if (toolbar !== null) {
       if (this.showTableActions) {
-        toolbar.setAttribute("tabindex", "-1");
-        toolbar.setAttribute("aria-hidden", "true");
+        setAttributeIfDifferent(toolbar, "tabindex", "-1");
+        setAttributeIfDifferent(toolbar, "aria-hidden", "true");
       } else {
-        toolbar.removeAttribute("tabindex");
-        toolbar.removeAttribute("aria-hidden");
+        removeAttributeIfPresent(toolbar, "tabindex");
+        removeAttributeIfPresent(toolbar, "aria-hidden");
       }
     }
   }
   handleLoading() {
-    const caption = this.querySelector("dsa-table-caption");
-    const head = this.querySelector("dsa-table-head");
-    const body = this.querySelector("dsa-table-body");
-    const pagination = this.querySelector("dsa-pagination");
-    const childrenElements = [caption, head, body, pagination];
+    const childrenElements = this.getLoadingTargets();
     if (this.loading) {
       childrenElements.forEach((element) => {
-        element == null ? void 0 : element.setAttribute("loading", "true");
+        if (element) {
+          setAttributeIfDifferent(element, "loading", "true");
+        }
       });
     } else {
       childrenElements.forEach((element) => {
-        element == null ? void 0 : element.removeAttribute("loading");
+        if (element) {
+          removeAttributeIfPresent(element, "loading");
+        }
       });
     }
   }
   handleSkeletonEffectChange() {
-    const caption = this.querySelector("dsa-table-caption");
-    const head = this.querySelector("dsa-table-head");
-    const body = this.querySelector("dsa-table-body");
-    const pagination = this.querySelector("dsa-pagination");
-    const childrenElements = [caption, head, body, pagination];
+    const childrenElements = this.getLoadingTargets();
     childrenElements.forEach((element) => {
-      element == null ? void 0 : element.setAttribute("skeleton-effect", this.skeletonEffect);
+      if (element) {
+        setAttributeIfDifferent(
+          element,
+          "skeleton-effect",
+          this.skeletonEffect
+        );
+      }
     });
   }
   render() {
@@ -147,26 +176,29 @@ var DSATableContainer = class extends LoadingStateElement {
     return html`
       <slot
         part="caption"
+        class="slot-caption"
         name="caption"
         @slotchange=${this.handleCaptionSlotChange}
       ></slot>
-      <slot part="export" name="export"></slot>
+      <slot class="slot-export" part="export" name="export"></slot>
       <div
         part="bar-container"
         class=${classMap({
+      "bar-container": true,
       "bar-container--has-toolbar": hasToolbar,
       "bar-container--has-action": hasAction
     })}
       >
-        <slot part="toolbar" name="toolbar"></slot>
-        <slot part="action" name="action"></slot>
+        <slot class="slot-toolbar" part="toolbar" name="toolbar"></slot>
+        <slot class="slot-action" part="action" name="action"></slot>
       </div>
       <slot
+        class="slot-table"
         part="table"
         name="table"
         @slotchange=${this.handleTableSlotChange}
       ></slot>
-      <slot part="pagination" name="pagination"></slot>
+      <slot class="slot-pagination" part="pagination" name="pagination"></slot>
       <dsa-visually-hidden aria-live="polite" aria-atomic="true">
         ${this.showTableActions ? html`<span
               >${(_a = this.actionsAnnouncement) != null ? _a : this.localize.term("showTableActionsAnnouncement")}</span

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

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

package/dist/chunks/chunk.VO73SGIU.js

@@ -0,0 +1,23 @@
+import {
+  table_row_base_styles_default
+} from "./chunk.ZHPIA4F4.js";
+
+// src/components/table-header-row/table-header-row.styles.ts
+import { css } from "lit";
+var table_header_row_styles_default = css`
+  ${table_row_base_styles_default}
+
+  :host {
+    font: var(--dsa-wc-table-header-row-font);
+    background: var(--dsa-wc-table-header-row-background);
+    color: var(--dsa-wc-table-header-row-color);
+  }
+
+  :host(:not([loading])) .column-checkbox:hover {
+    background: var(--dsa-wc-table-header-cell-background-hover);
+  }
+`;
+
+export {
+  table_header_row_styles_default
+};

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

@@ -1,9 +1,12 @@
 import {
   step_styles_default
-} from "./chunk.6RDA3XLH.js";
+} from "./chunk.YF2V46J3.js";
 import {
   getStepIcon
 } from "./chunk.CCTWXABH.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   DSAVisuallyHidden
 } from "./chunk.JIN6PGAK.js";
@@ -15,7 +18,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.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.2SQ6UBOQ.js → chunk.VPBDM3F2.js}

@@ -1,6 +1,10 @@
 import {
   FormSelectableCard
-} from "./chunk.SOF3BQCV.js";
+} from "./chunk.XMBQRPGX.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.LZPAAWTZ.js → chunk.VPZ2H23V.js}

@@ -77,16 +77,6 @@ var tab_group_styles_default = css`
     right: 0;
   }
 
-  .tab-group--rtl .tab-group__scroll-button--start {
-    left: auto;
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--end {
-    left: 0;
-    right: auto;
-  }
-
   /*
    * Top
    */
@@ -210,11 +200,6 @@ var tab_group_styles_default = css`
       var(--dsa-wc-tab-group-indicator-color);
   }
 
-  .tab-group--start.tab-group--rtl .tab-group__indicator {
-    right: auto;
-    left: calc(-1 * var(--dsa-wc-tab-group-track-width));
-  }
-
   .tab-group--start .tab-group__body {
     flex: 1 1 auto;
     order: 2;
@@ -251,11 +236,6 @@ var tab_group_styles_default = css`
       var(--dsa-wc-tab-group-indicator-color);
   }
 
-  .tab-group--end.tab-group--rtl .tab-group__indicator {
-    right: calc(-1 * var(--dsa-wc-tab-group-track-width));
-    left: auto;
-  }
-
   .tab-group--end .tab-group__body {
     flex: 1 1 auto;
     order: 1;

package/dist/chunks/{chunk.MXDGKTTH.js → chunk.VYX5ZSFI.js}

@@ -1,15 +1,15 @@
 import {
   table_action_styles_default
-} from "./chunk.OW6RUTZA.js";
+} from "./chunk.YS4HYV3F.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
 import {
   DSAButton
-} from "./chunk.UNDVQ2N3.js";
+} from "./chunk.SXFVCR7O.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";
@@ -36,8 +36,8 @@ var DSATableAction = class extends ShoelaceElement {
   }
   render() {
     return html`
-      <slot part="label" name="label"></slot>
-      <slot part="action"></slot>
+      <slot class="label" name="label"></slot>
+      <slot class="action"></slot>
       <dsa-divider vertical></dsa-divider>
       <dsa-button
         id="closeButton"

package/dist/chunks/{chunk.ACM36IFE.js → chunk.WAEFCPAX.js}

@@ -193,13 +193,13 @@ var select_styles_default = css`
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 
-  .select--error.select--on-base:not(.select--disabled):not(.select--readonly)
+  .select--on-base.select--error:not(.select--disabled):not(.select--readonly)
     .select__combobox {
     background-color: var(--dsa-wc-input-on-base-background-color-error);
     border-color: var(--dsa-wc-input-on-base-border-color-error);
   }
 
-  .select--error.select--on-base:hover:not(.select--disabled):not(
+  .select--on-base.select--error:hover:not(.select--disabled):not(
       .select--readonly
     )
     .select__combobox {
@@ -250,12 +250,12 @@ var select_styles_default = css`
     color: var(--dsa-wc-input-on-layer-text-field-input-color);
   }
 
-  .select--error.select--on-layer:not(.select--disabled) .select__combobox {
+  .select--on-layer.select--error:not(.select--disabled) .select__combobox {
     background-color: var(--dsa-wc-input-on-layer-background-color-error);
     border-color: var(--dsa-wc-input-on-layer-border-color-error);
   }
 
-  .select--error.select--on-layer:hover:not(.select--disabled)
+  .select--on-layer.select--error:hover:not(.select--disabled)
     .select__combobox {
     border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
   }
@@ -328,8 +328,8 @@ var select_styles_default = css`
     font-size: var(--dsa-wc-select-icon-size);
   }
 
-  :not(.select--disabled) .select__clear:hover,
-  :not(.select--disabled) .select__expand-icon:hover {
+  .select:not(.select--disabled) .select__clear:hover,
+  .select:not(.select--disabled) .select__expand-icon:hover {
     color: var(--dsa-wc-input-icon-color-hover);
   }
 

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

@@ -33,7 +33,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.JEWVIFAO.js → chunk.WJU4UHF5.js}

@@ -1,3 +1,6 @@
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   DSADivider
 } from "./chunk.QGI766JC.js";
@@ -39,7 +42,7 @@ var DSAHeaderExternalLink = class extends ShoelaceElement {
   connectedCallback() {
     super.connectedCallback();
     if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "listitem");
+      setAttributeIfDifferent(this, "role", "listitem");
     }
   }
   render() {

package/dist/chunks/{chunk.UEVTKGMG.js → chunk.WO56WJXU.js}

@@ -71,10 +71,6 @@ var tree_item_styles_default = css`
     rotate: 90deg;
   }
 
-  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
-    rotate: -90deg;
-  }
-
   .tree-item--expanded .tree-item__expand-icon,
   .tree-item:not(.tree-item--expanded) .tree-item__collapse-icon {
     display: none;
@@ -93,6 +89,7 @@ var tree_item_styles_default = css`
     display: flex;
     align-items: center;
     border-inline-start: solid 3px transparent;
+    overflow-y: hidden;
   }
 
   .tree-item--disabled .tree-item__item {
@@ -151,11 +148,6 @@ var tree_item_styles_default = css`
     z-index: 1;
   }
 
-  .tree-item--rtl .tree-item__children::before {
-    left: auto;
-    right: 1em;
-  }
-
   @media (forced-colors: active) {
     :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
       outline: dashed 1px SelectedItem;

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

@@ -1,9 +1,13 @@
 import {
   FormToggleButton
-} from "./chunk.SLXERY4H.js";
+} from "./chunk.4535HZ7L.js";
 import {
   DSACheckboxGroup
-} from "./chunk.UKH2D4DL.js";
+} from "./chunk.SGPAUD26.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.LAPA4KOO.js → chunk.WYLT5ZNJ.js}

@@ -14,7 +14,7 @@ var table_toolbar_styles_default = css`
     padding-inline: var(--dsa-spacing-12);
   }
 
-  [part~='filters'] {
+  .slot-filters {
     display: flex;
     flex-flow: row wrap;
     gap: var(--dsa-spacing-16);
@@ -28,7 +28,7 @@ var table_toolbar_styles_default = css`
     justify-content: flex-end;
   }
 
-  [part~='search'] {
+  .slot-search {
     display: flex;
     flex-direction: row;
   }

package/dist/chunks/{chunk.4NZ25HB6.js → chunk.XAYOMJ4X.js}

@@ -5,12 +5,16 @@ import {
   cnsaLogoNoSubtextSvg,
   spaLogoSvg
 } from "./chunk.7TLERCGA.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -65,26 +69,32 @@ var DSAHeaderModern = class extends ShoelaceElement {
     }
     return cnsaLogoNoSubtextSvg(this.localize.term("cnsa"));
   }
+  getHeaderSearch() {
+    if (!this.hasSlotController.test("search")) {
+      return null;
+    }
+    return this.querySelector("dsa-header-search");
+  }
   handleSearchExpanded() {
-    if (this.hasSlotController.test("search")) {
-      const search = this.querySelector("dsa-header-search");
-      if (!search) return;
-      if (this.searchExpanded) {
-        search.setAttribute("expanded", "true");
-      } else {
-        search.removeAttribute("expanded");
-      }
+    const search = this.getHeaderSearch();
+    if (!search) {
+      return;
+    }
+    if (this.searchExpanded) {
+      setAttributeIfDifferent(search, "expanded", "true");
+    } else {
+      removeAttributeIfPresent(search, "expanded");
     }
   }
   handleMobile() {
-    if (this.hasSlotController.test("search")) {
-      const search = this.querySelector("dsa-header-search");
-      if (!search) return;
-      if (this.mobile) {
-        search.setAttribute("mobile", "true");
-      } else {
-        search.removeAttribute("mobile");
-      }
+    const search = this.getHeaderSearch();
+    if (!search) {
+      return;
+    }
+    if (this.mobile) {
+      setAttributeIfDifferent(search, "mobile", "true");
+    } else {
+      removeAttributeIfPresent(search, "mobile");
     }
   }
   render() {

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

@@ -4,6 +4,10 @@ import {
 import {
   DSAInternalCheckboxBox
 } from "./chunk.WJFVQRWU.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -142,17 +146,17 @@ var form_selectable_card_styles_default = css`
     pointer-events: none;
   }
 
-  .selectable-card.selectable-card--readonly {
+  .selectable-card--readonly {
     background-color: var(--dsa-wc-selectable-card-read-only-background-color);
     border-color: var(--dsa-wc-selectable-card-read-only-border-color);
   }
 
-  .selectable-card.selectable-card--disabled {
+  .selectable-card--disabled {
     background-color: var(--dsa-wc-selectable-card-disabled-background-color);
     border-color: var(--dsa-wc-selectable-card-disabled-border-color);
   }
-  .selectable-card.selectable-card--disabled .selectable-card__label,
-  .selectable-card.selectable-card--disabled .selectable-card__description {
+  .selectable-card--disabled .selectable-card__label,
+  .selectable-card--disabled .selectable-card__description {
     color: var(--dsa-wc-selectable-card-disabled-color);
   }
 
@@ -199,9 +203,9 @@ var FormSelectableCard = class extends ShoelaceElement {
   }
   handleDisabledChange() {
     if (this.readonly || this.parentReadonly) {
-      this.button.setAttribute("aria-disabled", "true");
+      setAttributeIfDifferent(this.button, "aria-disabled", "true");
     } else {
-      this.button.removeAttribute("aria-disabled");
+      removeAttributeIfPresent(this.button, "aria-disabled");
     }
   }
   /** Sets focus on the radio button. */

package/dist/chunks/{chunk.YC2VYNCD.js → chunk.XTVVSORU.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";