@ds-autonomie/web-components 2.18.0 → 2.20.0

package/dist/chunks/{chunk.MGW4E3VW.js → chunk.EGXFCQMV.js}

@@ -1,9 +1,9 @@
 import {
   menu_accordion_styles_default
-} from "./chunk.6WPKFGU3.js";
+} from "./chunk.HIABUXVS.js";
 import {
   DSATooltip
-} from "./chunk.TP5XEQ2O.js";
+} from "./chunk.ELOLGOFM.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -24,10 +24,10 @@ 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 {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -52,6 +52,9 @@ var DSAMenuAccordion = class extends ShoelaceElement {
       "prefix",
       "summary"
     );
+    this.cachedSummaryText = "";
+    this.cachedSummaryWithBadgeText = "";
+    this.cachedMenuNavigation = null;
     this.open = false;
     this.size = "medium";
     this.level = 1;
@@ -61,6 +64,8 @@ var DSAMenuAccordion = class extends ShoelaceElement {
   firstUpdated() {
     this.body.hidden = !this.open;
     this.body.style.height = this.open ? "auto" : "0";
+    this.updateSummaryTextCache();
+    this.updateChildrenClassName();
   }
   handleSummaryClick() {
     if (this.open) {
@@ -89,37 +94,42 @@ var DSAMenuAccordion = class extends ShoelaceElement {
     }
   }
   updateChildrenClassName() {
-    const menuNavigation = this.querySelector(
-      "dsa-menu-navigation"
-    );
+    var _a, _b, _c;
+    const menuNavigation = (_c = (_b = this.cachedMenuNavigation) != null ? _b : (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true }).find(
+      (element) => element.tagName === "DSA-MENU-NAVIGATION"
+    )) != null ? _c : this.querySelector("dsa-menu-navigation");
     if (menuNavigation !== null) {
-      menuNavigation.setAttribute("level", this.level.toString());
-      menuNavigation == null ? void 0 : menuNavigation.classList.remove("level-1", "level-2");
-      menuNavigation == null ? void 0 : menuNavigation.classList.add(this.level === 2 ? "level-2" : "level-1");
+      this.cachedMenuNavigation = menuNavigation;
+      menuNavigation.level = this.level;
+      const isLevelTwo = this.level === 2;
+      menuNavigation.classList.toggle("level-1", !isLevelTwo);
+      menuNavigation.classList.toggle("level-2", isLevelTwo);
     }
   }
   handleDefaultSlotChange() {
+    this.cachedMenuNavigation = null;
     this.updateChildrenClassName();
   }
-  /** Returns a text label based on the contents of the summary slot. */
-  getTextSummary(widthBadge = false) {
+  updateSummaryTextCache() {
     var _a, _b, _c, _d;
     const summaryNodes = (_b = (_a = this.summarySlot) == null ? void 0 : _a.assignedNodes({ flatten: true })) != null ? _b : [];
-    let text = "";
-    [...summaryNodes].forEach((node) => {
-      text += node.textContent;
-    });
-    if (!widthBadge) {
-      return text;
-    }
+    const summaryText = summaryNodes.map((node) => {
+      var _a2;
+      return (_a2 = node.textContent) != null ? _a2 : "";
+    }).join("");
     const badgeNodes = (_d = (_c = this.badgeSlot) == null ? void 0 : _c.assignedNodes({ flatten: true })) != null ? _d : [];
-    if (badgeNodes.length > 0) {
-      text += ", ";
-      [...badgeNodes].forEach((node) => {
-        text += node.textContent;
-      });
-    }
-    return text;
+    const badgeText = badgeNodes.map((node) => {
+      var _a2;
+      return (_a2 = node.textContent) != null ? _a2 : "";
+    }).join("");
+    this.cachedSummaryText = summaryText;
+    this.cachedSummaryWithBadgeText = badgeText ? `${summaryText}, ${badgeText}` : summaryText;
+  }
+  handleSummarySlotChange() {
+    this.updateSummaryTextCache();
+  }
+  handleBadgeSlotChange() {
+    this.updateSummaryTextCache();
   }
   async handleOpenChange() {
     if (this.open) {
@@ -225,7 +235,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
               class="menu-accordion__header-button"
               tabindex="0"
               aria-label=${ifDefined(
-      this.collapsed ? this.getTextSummary(true) : void 0
+      this.collapsed ? this.cachedSummaryWithBadgeText : void 0
     )}
             >
               <slot
@@ -233,10 +243,18 @@ var DSAMenuAccordion = class extends ShoelaceElement {
                 part="prefix"
                 class="menu-accordion__prefix"
               ></slot>
-              <slot name="summary" class="menu-accordion__summary"
-                >${this.summary}</slot
+              <slot
+                name="summary"
+                class="menu-accordion__summary"
+                @slotchange=${this.handleSummarySlotChange}
               >
-              <slot name="badge" class="menu-accordion__badge"></slot>
+                ${this.summary}
+              </slot>
+              <slot
+                name="badge"
+                class="menu-accordion__badge"
+                @slotchange=${this.handleBadgeSlotChange}
+              ></slot>
 
               <span part="summary-icon" class="menu-accordion__summary-icon">
                 <dsa-icon
@@ -247,7 +265,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
               </span>
             </span>
             <span slot="content" aria-hidden="true"
-              >${this.getTextSummary()}</span
+              >${this.cachedSummaryText}</span
             >
           </dsa-tooltip>
         </div>
@@ -266,6 +284,9 @@ var DSAMenuAccordion = class extends ShoelaceElement {
 };
 DSAMenuAccordion.styles = menu_accordion_styles_default;
 DSAMenuAccordion.dependencies = { "dsa-icon": DSAIcon, "dsa-tooltip": DSATooltip };
+__decorateClass([
+  query("slot:not([name])")
+], DSAMenuAccordion.prototype, "defaultSlot", 2);
 __decorateClass([
   query("slot[name=summary]")
 ], DSAMenuAccordion.prototype, "summarySlot", 2);

package/dist/chunks/{chunk.KAG2EIKO.js → chunk.EH2DQIPN.js}

@@ -15,10 +15,17 @@ var pagination_styles_default = css`
     margin: 0;
   }
 
-  .pagination {
+  .pagination,
+  .pagination__items,
+  .pagination__itemsperpage,
+  .pagination__navigation,
+  .pagination__navigation__page-input {
     display: flex;
-    flex-wrap: wrap;
     align-items: center;
+  }
+
+  .pagination {
+    flex-wrap: wrap;
     gap: var(--dsa-spacing-16);
     font: var(--dsa-wc-pagination-font);
     color: var(--dsa-wc-pagination-color);
@@ -30,8 +37,6 @@ var pagination_styles_default = css`
   }
 
   .pagination__items {
-    display: flex;
-    align-items: center;
     width: 100%;
     height: 2rem;
     justify-content: space-between;
@@ -42,8 +47,6 @@ var pagination_styles_default = css`
   }
 
   .pagination__itemsperpage {
-    display: flex;
-    align-items: center;
     gap: 8px;
   }
   ::slotted(dsa-select) {
@@ -55,9 +58,7 @@ var pagination_styles_default = css`
   }
 
   .pagination__navigation {
-    display: flex;
     justify-content: space-between;
-    align-items: center;
     flex-wrap: wrap;
     width: 100%;
   }
@@ -67,8 +68,6 @@ var pagination_styles_default = css`
   }
 
   .pagination__navigation__page-input {
-    display: flex;
-    align-items: center;
     flex-shrink: 0;
     gap: var(--dsa-spacing-4);
   }

package/dist/chunks/{chunk.EGJGLON7.js → chunk.EJUYB3MH.js}

@@ -165,18 +165,21 @@ var textarea_styles_default = css`
    * Size modifiers
    */
 
-  .textarea--small {
+  .textarea--small,
+  .textarea--medium,
+  .textarea--large {
     border-radius: var(--dsa-wc-input-border-radius);
+  }
+
+  .textarea--small {
     font: var(--dsa-wc-input-text-field-font-small);
   }
 
   .textarea--medium {
-    border-radius: var(--dsa-wc-input-border-radius);
     font: var(--dsa-wc-input-text-field-font);
   }
 
   .textarea--large {
-    border-radius: var(--dsa-wc-input-border-radius);
     font: var(--dsa-wc-input-text-field-font-large);
   }
 

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

@@ -21,7 +21,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.C6UENJ2Y.js → chunk.ER5S4DQ4.js}

@@ -1,9 +1,9 @@
 import {
   spinner_styles_default
-} from "./chunk.XSXVVUKP.js";
+} from "./chunk.VILH76T7.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.RU7L7OSM.js → chunk.ESWLZEFC.js}

@@ -14,6 +14,7 @@ var file_upload_item_styles_default = css`
   .file-item-container {
     display: flex;
     flex-direction: column;
+    --clear-icon-size: var(--dsa-wc-file-upload-clear-icon-medium-size);
   }
 
   /* Item */
@@ -83,23 +84,21 @@ var file_upload_item_styles_default = css`
   [part~='clear-button']::after {
     content: '';
     position: absolute;
-    inset: 0px;
+    inset: 0;
     margin: -0.625rem;
   }
 
-  .file-item-container--small [part~='clear-button'] > dsa-icon {
-    height: var(--dsa-wc-file-upload-clear-icon-small-size);
-    width: var(--dsa-wc-file-upload-clear-icon-small-size);
+  [part~='clear-button'] > dsa-icon {
+    width: var(--clear-icon-size);
+    height: var(--clear-icon-size);
   }
 
-  .file-item-container--medium [part~='clear-button'] > dsa-icon {
-    height: var(--dsa-wc-file-upload-clear-icon-medium-size);
-    width: var(--dsa-wc-file-upload-clear-icon-medium-size);
+  .file-item-container--small {
+    --clear-icon-size: var(--dsa-wc-file-upload-clear-icon-small-size);
   }
 
-  .file-item-container--large [part~='clear-button'] > dsa-icon {
-    height: var(--dsa-wc-file-upload-clear-icon-large-size);
-    width: var(--dsa-wc-file-upload-clear-icon-large-size);
+  .file-item-container--large {
+    --clear-icon-size: var(--dsa-wc-file-upload-clear-icon-large-size);
   }
 
   /* Progress Indicator */
@@ -129,9 +128,7 @@ var file_upload_item_styles_default = css`
   /* Progress Bar */
   .progress-bar {
     position: absolute;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
+    inset: auto 0 0;
     height: 4px;
     background: var(--dsa-color-progress-bar-background);
   }
@@ -148,8 +145,8 @@ var file_upload_item_styles_default = css`
     height: 100%;
     background-color: var(--dsa-color-progress-bar-on-background-indicator);
     transition:
-      400ms width,
-      400ms background-color;
+      width 400ms,
+      background-color 400ms;
     user-select: none;
   }
 `;

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

@@ -1,9 +1,9 @@
 import {
   DSARadioGroup
-} from "./chunk.ABJLUGLR.js";
+} from "./chunk.CZC3DHY6.js";
 import {
   FormSelectableCard
-} from "./chunk.SOF3BQCV.js";
+} from "./chunk.NGEL5LW3.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -19,7 +19,10 @@ var DSARadioCard = class extends FormSelectableCard {
     this.type = "radio";
   }
   handleClick() {
-    if (!this.readonly) {
+    if (this.disabled || this.readonly || this.parentDisabled || this.parentReadonly) {
+      return;
+    }
+    if (!this.checked) {
       this.checked = true;
     }
   }

package/dist/chunks/{chunk.TW7OE55S.js → chunk.FA4NHQF4.js}

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

package/dist/chunks/{chunk.3WHBR6ML.js → chunk.FLRNIL37.js}

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

package/dist/chunks/chunk.FOZRSNGL.js

@@ -0,0 +1,111 @@
+import {
+  table_row_base_styles_default
+} from "./chunk.ZHPIA4F4.js";
+
+// src/components/table-row/table-row.styles.ts
+import { css } from "lit";
+var table_row_styles_default = css`
+  ${table_row_base_styles_default}
+
+  :host {
+    background: var(--dsa-wc-table-row-background);
+    font: var(--dsa-wc-table-row-font);
+    color: var(--dsa-wc-table-row-color);
+    transition:
+      background var(--dsa-wc-transition-fast) ease,
+      opacity var(--dsa-wc-transition-fast) ease;
+  }
+
+  :host(:hover:not([loading])),
+  :host(:hover[selected]) {
+    background: var(--dsa-wc-table-row-hover-background);
+  }
+
+  :host(.reordering-no-hover:hover:not([selected]):not([loading])) {
+    background: var(--dsa-wc-table-row-background);
+  }
+
+  :host(.reordering-no-hover:hover[selected]:not([loading])) {
+    background: var(--dsa-wc-table-row-selected-background);
+  }
+
+  /* Selected State */
+  :host([selected]) {
+    background: var(--dsa-wc-table-row-selected-background);
+  }
+
+  .column-expand-button,
+  .column-reorder-button {
+    padding: 0;
+    text-align: center;
+  }
+
+  .reorder-button::part(base) {
+    cursor: grab;
+  }
+
+  .reorder-button::part(base):active {
+    cursor: grabbing;
+  }
+
+  :host([dragging]) .reorder-button::part(base) {
+    cursor: grabbing;
+  }
+
+  :host([dragging]) {
+    opacity: 0.7;
+  }
+
+  :host([drag-preview]) {
+    opacity: 1;
+    background: var(--dsa-wc-table-row-background);
+  }
+
+  :host([drag-preview]) dsa-table-cell,
+  :host([drag-preview]) ::slotted(dsa-table-cell) {
+    background: var(--dsa-wc-table-row-background);
+  }
+
+  :host([drop-target]) dsa-table-cell::after,
+  :host([drop-target]) ::slotted(dsa-table-cell)::after {
+    content: '';
+    position: absolute;
+    inset-inline: 0;
+    block-size: 3px;
+    background: var(--dsa-color-primitive-colors-identity-purple-500);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+  :host([drop-target][drop-target-position='before']) dsa-table-cell::after,
+  :host([drop-target][drop-target-position='before'])
+    ::slotted(dsa-table-cell)::after {
+    inset-block-start: 0;
+    transform: translateY(-50%);
+  }
+
+  :host([drop-target][drop-target-position='after']) dsa-table-cell::after,
+  :host([drop-target][drop-target-position='after'])
+    ::slotted(dsa-table-cell)::after {
+    inset-block-end: -1px;
+    transform: translateY(50%);
+  }
+
+  .expand-button {
+    display: none;
+    transform: rotateX(0deg);
+    transition: transform var(--dsa-wc-transition-medium) ease;
+  }
+
+  .column-expand-button--has-icon .expand-button {
+    display: inline-block;
+  }
+
+  .expand-button--expand-less {
+    transform: rotateX(-180deg);
+  }
+`;
+
+export {
+  table_row_styles_default
+};

package/dist/chunks/{chunk.I522XZAV.js → chunk.GMHIXRUV.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.EWMFHVNW.js";
+} from "./chunk.UOJ4QKLP.js";
 
 // src/components/input-time/input-time.styles.ts
 import { css } from "lit";
@@ -74,7 +74,6 @@ var input_time_styles_default = css`
 
   .time-anchor {
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

package/dist/chunks/{chunk.CABJDFOO.js → chunk.GMHRN23H.js}

@@ -126,11 +126,11 @@ var search_styles_default = css`
     border-color: var(--dsa-wc-search-on-base-hover-border-color);
     background-color: var(--dsa-wc-search-on-base-hover-background-color);
   }
-  .search-bar--on-base.search-bar--error .input {
+  .search-bar--error.search-bar--on-base .input {
     border-color: var(--dsa-wc-search-on-base-error-border-color);
     background-color: var(--dsa-wc-search-on-base-error-background-color);
   }
-  .search-bar--on-base.search-bar--error .input:hover {
+  .search-bar--error.search-bar--on-base .input:hover {
     border-color: var(--dsa-wc-search-on-base-error-hover-border-color);
     background-color: var(--dsa-wc-search-on-base-error-hover-background-color);
   }
@@ -144,11 +144,11 @@ var search_styles_default = css`
     border-color: var(--dsa-wc-search-on-layer-hover-border-color);
     background-color: var(--dsa-wc-search-on-layer-hover-background-color);
   }
-  .search-bar--on-layer.search-bar--error .input {
+  .search-bar--error.search-bar--on-layer .input {
     border-color: var(--dsa-wc-search-on-layer-error-border-color);
     background-color: var(--dsa-wc-search-on-layer-error-background-color);
   }
-  .search-bar--on-layer.search-bar--error .input:hover {
+  .search-bar--error.search-bar--on-layer .input:hover {
     border-color: var(--dsa-wc-search-on-layer-error-hover-border-color);
     background-color: var(
       --dsa-wc-search-on-layer-error-hover-background-color
@@ -173,13 +173,13 @@ var search_styles_default = css`
       --dsa-wc-search-on-floating-menu-hover-background-color
     );
   }
-  .search-bar--on-floating.search-bar--error .input {
+  .search-bar--error.search-bar--on-floating .input {
     border-color: var(--dsa-wc-search-on-floating-menu-error-border-color);
     background-color: var(
       --dsa-wc-search-on-floating-menu-error-background-color
     );
   }
-  .search-bar--on-floating.search-bar--error .input:hover {
+  .search-bar--error.search-bar--on-floating .input:hover {
     border-color: var(
       --dsa-wc-search-on-floating-menu-error-hover-border-color
     );

package/dist/chunks/{chunk.WRFA56CD.js → chunk.H26XMOUA.js}

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

package/dist/chunks/{chunk.6JFNUOJL.js → chunk.HCKPLZT3.js}

@@ -1,6 +1,6 @@
 import {
   input_time_styles_default
-} from "./chunk.I522XZAV.js";
+} from "./chunk.GMHIXRUV.js";
 import {
   compareTimeStrings,
   setTimeStringValue,
@@ -8,7 +8,7 @@ import {
 } from "./chunk.IONY2GZF.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.DE3HY2DW.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk.JIN6PGAK.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -37,7 +37,10 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -58,6 +61,7 @@ var DSAInputTime = class extends InputBase {
     super(...arguments);
     this.localize = new LocalizeController(this);
     this.isTimePickerOpen = false;
+    this.timeUnitArraysCacheKey = "";
     this.min = "00:00";
     this.max = "23:59";
     this.step = 60;
@@ -139,7 +143,11 @@ var DSAInputTime = class extends InputBase {
       this.addOpenListeners();
       await stopAnimations(this);
       this.popup.active = true;
-      this.timePickerButton.button.setAttribute("aria-expanded", "true");
+      setAttributeIfDifferent(
+        this.timePickerButton.button,
+        "aria-expanded",
+        "true"
+      );
       const { keyframes, options } = getAnimation(this, "time-popup.show", {
         dir: this.localize.dir()
       });
@@ -152,7 +160,11 @@ var DSAInputTime = class extends InputBase {
       this.removeOpenListeners();
       await stopAnimations(this);
       this.popup.active = false;
-      this.timePickerButton.button.setAttribute("aria-expanded", "false");
+      setAttributeIfDifferent(
+        this.timePickerButton.button,
+        "aria-expanded",
+        "false"
+      );
       this.timePickerButton.focus({ preventScroll: true });
       const { keyframes, options } = getAnimation(this, "time-popup.hide", {
         dir: this.localize.dir()
@@ -277,6 +289,10 @@ var DSAInputTime = class extends InputBase {
   }
   generateTimeUnitArrays() {
     var _a;
+    const cacheKey = `${this.min}|${this.max}|${this.step}|${this.value}`;
+    if (this.timeUnitArraysCacheKey === cacheKey && this.timeUnitArraysCache) {
+      return this.timeUnitArraysCache;
+    }
     const minTimeValues = timeStringToObject(this.min);
     const maxTimeValues = timeStringToObject(this.max);
     if (!minTimeValues || !maxTimeValues) {
@@ -311,7 +327,13 @@ var DSAInputTime = class extends InputBase {
     ).filter((index) => {
       return index % secondsStep === 0;
     });
-    return { displayedHours, displayedMinutes, displayedSeconds };
+    this.timeUnitArraysCacheKey = cacheKey;
+    this.timeUnitArraysCache = {
+      displayedHours,
+      displayedMinutes,
+      displayedSeconds
+    };
+    return this.timeUnitArraysCache;
   }
   generateTimeUnitList(unitType, valuesArray) {
     var _a, _b;

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

@@ -33,6 +33,7 @@ var tree_item_styles_default = css`
   }
 
   .tree-item__checkbox {
+    display: inline-flex;
     pointer-events: none;
     margin-inline-end: 0.5rem;
   }