@ds-autonomie/web-components 2.5.1 → 2.6.0

package/dist/chunks/chunk.HLW42LP2.js

@@ -0,0 +1,121 @@
+import {
+  accordion_group_styles_default
+} from "./chunk.N54TKSON.js";
+import {
+  LocalizeController
+} from "./chunk.SK3KWU2I.js";
+import {
+  ShoelaceElement
+} from "./chunk.XZ5FE34T.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+
+// src/components/accordion-group/accordion-group.ts
+import { html } from "lit";
+import { customElement, query, property, state } from "lit/decorators.js";
+var DSAAccordionGroup = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.isToggleButtonInCloseMode = false;
+    this.singleOpen = false;
+    this.toggleButton = false;
+  }
+  getAllAccordions() {
+    return [...this.querySelectorAll("dsa-accordion")];
+  }
+  openAll() {
+    this.getAllAccordions().forEach((accordion) => {
+      accordion.open = true;
+    });
+  }
+  closeAll() {
+    this.getAllAccordions().forEach((accordion) => {
+      accordion.open = false;
+    });
+  }
+  updateToggleButtonMode() {
+    const allAccordions = this.getAllAccordions();
+    if (this.toggleButton && allAccordions.every((accordion) => accordion.open)) {
+      this.isToggleButtonInCloseMode = true;
+    }
+  }
+  handleAccordionOpenEvent(e) {
+    const target = e.target;
+    const allAccordions = this.getAllAccordions();
+    if (target.tagName.toLowerCase() !== "dsa-accordion") return;
+    if (this.singleOpen) {
+      allAccordions.forEach((accordion) => {
+        if (accordion !== target && accordion.open) {
+          accordion.open = false;
+        }
+      });
+      return;
+    }
+    this.updateToggleButtonMode();
+  }
+  handleAccordionCloseEvent(e) {
+    const target = e.target;
+    if (target.tagName.toLowerCase() !== "dsa-accordion" || this.singleOpen || !this.toggleButton)
+      return;
+    this.isToggleButtonInCloseMode = false;
+  }
+  handleToggleButtonClick() {
+    if (this.isToggleButtonInCloseMode) this.closeAll();
+    else this.openAll();
+    this.isToggleButtonInCloseMode = !this.isToggleButtonInCloseMode;
+  }
+  handleSlotChange() {
+    const allAccordions = this.getAllAccordions();
+    allAccordions.forEach(
+      (accordion) => accordion.setAttribute("role", "listitem")
+    );
+    this.updateToggleButtonMode();
+  }
+  render() {
+    const toggleButtonLabel = this.isToggleButtonInCloseMode ? this.localize.term("closeAll") : this.localize.term("openAll");
+    return html`
+      <div part="base" role="group">
+        ${!this.singleOpen && this.toggleButton ? html`
+              <div part="actions" class="accordion-group__actions">
+                <dsa-button
+                  @click=${this.handleToggleButtonClick}
+                  variant="tertiary"
+                  >${toggleButtonLabel}</dsa-button
+                >
+              </div>
+            ` : ""}
+        <div
+          part="list"
+          class="accordion-group__list"
+          role="list"
+          @dsa-show=${this.handleAccordionOpenEvent}
+          @dsa-hide=${this.handleAccordionCloseEvent}
+        >
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+DSAAccordionGroup.styles = accordion_group_styles_default;
+__decorateClass([
+  query("slot")
+], DSAAccordionGroup.prototype, "defaultSlot", 2);
+__decorateClass([
+  state()
+], DSAAccordionGroup.prototype, "isToggleButtonInCloseMode", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "single-open" })
+], DSAAccordionGroup.prototype, "singleOpen", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "toggle-button" })
+], DSAAccordionGroup.prototype, "toggleButton", 2);
+DSAAccordionGroup = __decorateClass([
+  customElement("dsa-accordion-group")
+], DSAAccordionGroup);
+
+export {
+  DSAAccordionGroup
+};

package/dist/chunks/{chunk.SWWPGGIS.js → chunk.HSMAEOMJ.js}

@@ -1,6 +1,6 @@
 import {
   DSARadioGroup
-} from "./chunk.WCJ3TXH5.js";
+} from "./chunk.BUYU5USK.js";
 import {
   FormSelectableCard
 } from "./chunk.TZFYJ4KJ.js";

package/dist/chunks/chunk.I5IKEQES.js

@@ -0,0 +1,17 @@
+// src/internal/debounce.ts
+var TIMER_ID_KEY = Symbol();
+function debounce(delay) {
+  return (_target, _propertyKey, descriptor) => {
+    const fn = descriptor.value;
+    descriptor.value = function valueFn(...args) {
+      clearTimeout(this[TIMER_ID_KEY]);
+      this[TIMER_ID_KEY] = window.setTimeout(() => {
+        fn.apply(this, args);
+      }, delay);
+    };
+  };
+}
+
+export {
+  debounce
+};

package/dist/chunks/{chunk.FWVIQUG4.js → chunk.IGYB77FH.js}

@@ -1,15 +1,15 @@
 import {
   avatar_styles_default
 } from "./chunk.NHRDZGLI.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   DSAIcon
-} from "./chunk.ERN34WYC.js";
+} from "./chunk.3VRHTVWV.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.ETG5DAHF.js → chunk.IXC4PES2.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.X6M22EYD.js → chunk.J4OSBZ7R.js}

@@ -1,6 +1,6 @@
 import {
   input_date_styles_default
-} from "./chunk.TODRUEYV.js";
+} from "./chunk.2QXYMNBB.js";
 import {
   InputBase
 } from "./chunk.QFO2VDJ3.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -39,6 +39,7 @@ var DSAInputDate = class extends InputBase {
     super(...arguments);
     this.localize = new LocalizeController(this);
     this.isDatepickerOpen = false;
+    this.hideCalendarButton = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -241,6 +242,7 @@ var DSAInputDate = class extends InputBase {
       "input--readonly": this.readonly,
       "input--focused": this.hasFocus,
       "input--empty": !this.value,
+      "input--no-calendar": !this.value,
       "form-control--has-prefix-icon": hasPrefixIcon
     })}
       >
@@ -273,42 +275,43 @@ var DSAInputDate = class extends InputBase {
           </dsa-internal-date-field>
         </div>
 
-        <dsa-popup
-          class="date-popup"
-          part="popup"
-          placement="bottom"
-          distance="12"
-          strategy="absolute"
-          flip
-          shift
-          auto-size="vertical"
-          auto-size-padding="10"
-        >
-          <div slot="anchor" class="date-anchor">
-            <dsa-icon-button
-              part="picker-button"
-              class="input__action-button icon-button--date"
-              name="calendar_today"
-              label=${`${this.localize.term("picker")} - ${(_b = this.label) != null ? _b : this.title}`}
-              size=${this.size}
-              ?disabled=${this.disabled || this.readonly}
-              @click=${this.showDatepicker}
-              description=${ifDefined(
+        ${!this.hideCalendarButton ? html`
+              <dsa-popup
+                class="date-popup"
+                part="popup"
+                placement="bottom"
+                distance="12"
+                strategy="absolute"
+                flip
+                shift
+                auto-size="vertical"
+                auto-size-padding="10"
+              >
+                <div slot="anchor" class="date-anchor">
+                  <dsa-icon-button
+                    part="picker-button"
+                    class="input__action-button icon-button--date"
+                    name="calendar_today"
+                    label=${`${this.localize.term("picker")} - ${(_b = this.label) != null ? _b : this.title}`}
+                    size=${this.size}
+                    ?disabled=${this.disabled || this.readonly}
+                    @click=${this.showDatepicker}
+                    description=${ifDefined(
       this.value !== "" ? selectedDateLabel : void 0
     )}
-              library="system"
-            ></dsa-icon-button>
-          </div>
-          <div id="date-panel" class="date--panel">
-            <dsa-calendar
-              class="calendar"
-              .value=${ifDefined(this.value)}
-              .disableDate=${this.shouldDisableDate}
-              start-date=${ifDefined(this.calendarStartDate)}
-            ></dsa-calendar>
-          </div>
-        </dsa-popup>
-
+                    library="system"
+                  ></dsa-icon-button>
+                </div>
+                <div id="date-panel" class="date--panel">
+                  <dsa-calendar
+                    class="calendar"
+                    .value=${ifDefined(this.value)}
+                    .disableDate=${this.shouldDisableDate}
+                    start-date=${ifDefined(this.calendarStartDate)}
+                  ></dsa-calendar>
+                </div>
+              </dsa-popup>
+            ` : ""}
         ${hasClearIcon ? html`
               <dsa-icon-button
                 part="clear-button"
@@ -342,6 +345,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "calendar-start-date" })
 ], DSAInputDate.prototype, "calendarStartDate", 2);
+__decorateClass([
+  property({ attribute: "hide-calendar-button", type: Boolean })
+], DSAInputDate.prototype, "hideCalendarButton", 2);
 __decorateClass([
   watch("isDatepickerOpen", { waitUntilFirstUpdate: true })
 ], DSAInputDate.prototype, "handleOpenChange", 1);

package/dist/chunks/{chunk.LGV7OXTA.js → chunk.JRNQCQZ6.js}

@@ -1,18 +1,18 @@
 import {
   card_content_styles_default
-} from "./chunk.NZEV2R75.js";
+} from "./chunk.Q5LSLQYU.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
-  watch
-} from "./chunk.NOMN6DGD.js";
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
+  watch
+} from "./chunk.NOMN6DGD.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";
@@ -85,39 +85,42 @@ var DSACardContent = class extends ShoelaceElement {
       this.hasSlotController.test("media") ? "card-content__media" : void 0
     )}></slot>
         <div part="body" class="card-content__body">
-          <slot
-            name="tags"
-            @slotchange=${this.handleTagsSlotChange}
-            class=${ifDefinedAndNotEmpty(
-      this.hasSlotController.test("tags") ? "card-content__tags" : void 0
-    )}
-          ></slot>
-          <div class="card-content__title_block">
-            <slot name="title-icon" class=${ifDefinedAndNotEmpty(
+          <div class="card-content__header">
+            <div class="card-content__title_block">
+              <slot name="title-icon" class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("title-icon") ? "card-content__title-icon" : void 0
     )}></slot>
-            <div class="card-content__title-block-text">
-              <${tag}
-                href=${ifDefined(isLink ? 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)}
-              >
-                <slot 
-                  name="title" 
-                  class=${ifDefinedAndNotEmpty(
+              <div class="card-content__title-block-text">
+                <${tag}
+                  href=${ifDefined(isLink ? 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)}
+                >
+                  <slot 
+                    name="title" 
+                    class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("title") ? "card-content__title" : void 0
     )}
-                ></slot>
-              </${tag}>
-              <slot 
-                name="subtitle" 
-                class=${ifDefinedAndNotEmpty(
+                  ></slot>
+                </${tag}>
+                <slot 
+                  name="subtitle" 
+                  class=${ifDefinedAndNotEmpty(
       this.hasSlotController.test("subtitle") ? "card-content__subtitle" : void 0
     )}>
-                </slot>
+                  </slot>
+              </div>
             </div>
+            <slot
+              name="tags"
+              @slotchange=${this.handleTagsSlotChange}
+              class=${ifDefinedAndNotEmpty(
+      this.hasSlotController.test("tags") ? "card-content__tags" : void 0
+    )}
+            ></slot>
           </div>
+
           ${this.hasSlotController.test("[default]") ? html` <slot class="card-content__content"></slot> ` : ""}
           <slot 
             name="footer" 

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

@@ -24,6 +24,13 @@ var footer_sitemap_styles_default = css`
     flex-wrap: wrap;
   }
 
+  .footer-sitemap--align-links-center [part~='list'] {
+    justify-content: center;
+  }
+  .footer-sitemap--align-links-right [part~='list'] {
+    justify-content: flex-end;
+  }
+
   .footer-sitemap--has-vertical [part~='list'] {
     flex-direction: column;
     gap: var(--dsa-wc-footer-sitemap-list-vertical-spacing);

package/dist/chunks/{chunk.2GAMN72N.js → chunk.KCCJOS36.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.6XCFILBM.js → chunk.KDLBY67V.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -61,9 +61,7 @@ var DSATableContainer = class extends LoadingStateElement {
     this.showTableActions = false;
   }
   handleTableSelection(event) {
-    if (event.detail.selectedRows.length > 0) {
-      this.showTableActions = true;
-    }
+    this.showTableActions = event.detail.selectedRows.length > 0;
   }
   handleCaptionSlotChange() {
     this.linkCaptionAndTable();

package/dist/chunks/{chunk.MF7KW7MX.js → chunk.KF3RQTZS.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.JQS5RPAK.js → chunk.KT2VQ7UP.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.AJCLNOPZ.js → chunk.MIYT3FL6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.DX25IW4S.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.DUPWIWDC.js → chunk.MIZCSRX3.js}

@@ -23,15 +23,15 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.HGR7A5FK.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ADUUYLJY.js → chunk.MTE4ETST.js}

@@ -48,7 +48,7 @@ var DSACardNavItem = class extends ShoelaceElement {
       >
         <div class="card-nav-item__body">
           <slot></slot>
-          <dsa-icon name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
+          <dsa-icon library="system" name="arrow_forward" class="card-nav-item__icon"></dsa-icon>
       </div>
       </${tag}>
     `;

package/dist/chunks/{chunk.63BQQE4G.js → chunk.MZ2WOF7B.js}

@@ -9,15 +9,15 @@ import {
 import {
   FormControlController
 } from "./chunk.JA7YFGLI.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.ZQJVCRB2.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/chunk.N54TKSON.js

@@ -0,0 +1,18 @@
+// src/components/accordion-group/accordion-group.styles.ts
+import { css } from "lit";
+var accordion_group_styles_default = css`
+  .accordion-group__actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .accordion-group__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--dsa-spacing-8);
+  }
+`;
+
+export {
+  accordion_group_styles_default
+};

package/dist/chunks/{chunk.VYYQ6KPE.js → chunk.N6NGPIR3.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.LRBVQHKX.js";
+} from "./chunk.S3JXNHCY.js";
 
 // src/components/filter-date/filter-date.styles.ts
 import { css } from "lit";
@@ -58,6 +58,10 @@ var filter_date_styles_default = css`
     margin-left: var(--dsa-spacing-8);
   }
 
+  .filter-button--no-calendar {
+    padding-right: var(--dsa-spacing-12);
+  }
+
   .filter-button--date-active .filter-input {
     color: var(--dsa-wc-filter-date-input-color);
   }

package/dist/chunks/{chunk.XAF7DDXJ.js → chunk.NTZRDWUL.js}

@@ -16,15 +16,15 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.HGR7A5FK.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.2JRGVS6D.js → chunk.NZK2GET6.js}

@@ -23,17 +23,17 @@ import {
   setDefaultAnimation
 } from "./chunk.HGR7A5FK.js";
 import {
-  LocalizeController
-} from "./chunk.QADAWCTI.js";
-import {
-  watch
-} from "./chunk.NOMN6DGD.js";
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
+  LocalizeController
+} from "./chunk.SK3KWU2I.js";
+import {
+  watch
+} from "./chunk.NOMN6DGD.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.CAYHSQZJ.js → chunk.OG5RS3BX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.C2W7WMBY.js";
 import {
   library_system_default
-} from "./chunk.HJU52GCK.js";
+} from "./chunk.6SKKEPNG.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_system_default];