@ds-autonomie/web-components 2.5.0 → 2.6.0

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

@@ -1,19 +1,13 @@
 import {
   input_date_styles_default
-} from "./chunk.H7ZLX7SO.js";
+} from "./chunk.2QXYMNBB.js";
 import {
-  FormControlLayout
-} from "./chunk.MKTUAWNS.js";
-import {
-  defaultValue
-} from "./chunk.CMJ2SRTL.js";
+  InputBase
+} from "./chunk.QFO2VDJ3.js";
 import {
   getDateFromISO,
   getISOFormattedDate
 } from "./chunk.YBWQADCH.js";
-import {
-  FormControlController
-} from "./chunk.JA7YFGLI.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -27,7 +21,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.QADAWCTI.js";
+} from "./chunk.SK3KWU2I.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -40,37 +34,12 @@ import { html } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-var DSAInputDate = class extends FormControlLayout {
+var DSAInputDate = class extends InputBase {
   constructor() {
     super(...arguments);
-    this.formControlController = new FormControlController(this, {
-      assumeInteractionOn: ["dsa-blur", "dsa-input", "dsa-change"]
-    });
     this.localize = new LocalizeController(this);
     this.isDatepickerOpen = false;
-    this.dateFieldHasFocus = false;
-    this.value = "";
-    this.defaultValue = "";
-    this.clearable = false;
-  }
-  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
-  get valueAsDate() {
-    var _a, _b;
-    return (_b = (_a = this.dateField) == null ? void 0 : _a.valueAsDate) != null ? _b : null;
-  }
-  set valueAsDate(newValue) {
-    const input = document.createElement("input");
-    input.type = "date";
-    input.valueAsDate = newValue;
-    this.value = input.value;
-  }
-  /** Gets the validity state object */
-  get validity() {
-    return this.dateField.validity;
-  }
-  /** Gets the validation message */
-  get validationMessage() {
-    return this.dateField.validationMessage;
+    this.hideCalendarButton = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -146,27 +115,24 @@ var DSAInputDate = class extends FormControlLayout {
       }
     }
   }
+  handleDateFieldKeydown(event) {
+    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+    if (event.key === "Enter" && !hasModifier) {
+      setTimeout(() => {
+        if (!event.defaultPrevented && !event.isComposing) {
+          this.formControlController.submit();
+        }
+      });
+    }
+  }
   handleDateFieldChange() {
-    this.value = this.dateField.value;
+    this.value = this.input.value;
   }
   handleDateFieldFocus() {
-    this.dateFieldHasFocus = true;
+    this.hasFocus = true;
   }
   handleDateFieldBlur() {
-    this.dateFieldHasFocus = false;
-  }
-  handleClearClick(event) {
-    this.dateField.clear();
-    this.value = "";
-    this.emit("dsa-clear");
-    this.emit("dsa-input");
-    this.emit("dsa-change");
-    this.dateField.focus();
-    event.stopPropagation();
-  }
-  handleInvalid(event) {
-    this.formControlController.setValidity(false);
-    this.formControlController.emitInvalidEvent(event);
+    this.hasFocus = false;
   }
   getDateFieldDescription() {
     const ids = [];
@@ -192,9 +158,6 @@ var DSAInputDate = class extends FormControlLayout {
     const isMoreThanMax = typeof this.max === "string" && date > getDateFromISO(this.max);
     return isLessThanMin || isMoreThanMax;
   }
-  handleDisabledChange() {
-    this.formControlController.setValidity(this.disabled);
-  }
   async handleOpenChange() {
     if (this.isDatepickerOpen) {
       this.emit("dsa-show");
@@ -221,14 +184,6 @@ var DSAInputDate = class extends FormControlLayout {
       this.emit("dsa-after-hide");
     }
   }
-  /** Sets focus on the input. */
-  focus(options) {
-    this.dateField.focus(options);
-  }
-  /** Removes focus from the input. */
-  blur() {
-    this.dateField.blur();
-  }
   /** Displays the dsa-calendar picker for an input element. */
   async showDatepicker() {
     if (this.isDatepickerOpen) {
@@ -247,30 +202,13 @@ var DSAInputDate = class extends FormControlLayout {
     this.isDatepickerOpen = false;
     return await waitForEvent(this, "dsa-after-hide");
   }
-  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-  checkValidity() {
-    return this.dateField.checkValidity();
-  }
-  /** Gets the associated form, if one exists. */
-  getForm() {
-    return this.formControlController.getForm();
-  }
-  /** Checks for validity and shows the browser's validation message if the control is invalid. */
-  reportValidity() {
-    return this.dateField.reportValidity();
-  }
-  /** Sets a custom validation message. Pass an empty string to restore validity. */
-  setCustomValidity(message) {
-    this.dateField.setCustomValidity(message);
-    this.formControlController.updateValidity();
-  }
   async getUpdateComplete() {
     const result = await super.getUpdateComplete();
-    await this.dateField.updateComplete;
+    await this.input.updateComplete;
     return result;
   }
   handleLabelClick() {
-    this.dateField.focus();
+    this.input.focus();
   }
   renderInput() {
     var _a, _b;
@@ -302,8 +240,9 @@ var DSAInputDate = class extends FormControlLayout {
       "input--on-base": this.variant === "base",
       "input--disabled": this.disabled,
       "input--readonly": this.readonly,
-      "input--focused": this.dateFieldHasFocus,
+      "input--focused": this.hasFocus,
       "input--empty": !this.value,
+      "input--no-calendar": !this.value,
       "form-control--has-prefix-icon": hasPrefixIcon
     })}
       >
@@ -331,46 +270,48 @@ var DSAInputDate = class extends FormControlLayout {
             @dsa-focus=${this.handleDateFieldFocus}
             @dsa-blur=${this.handleDateFieldBlur}
             @dsa-invalid=${this.handleInvalid}
+            @keydown=${this.handleDateFieldKeydown}
           >
           </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"
@@ -388,9 +329,6 @@ var DSAInputDate = class extends FormControlLayout {
 DSAInputDate.styles = input_date_styles_default;
 __decorateClass([
   query("#date-field")
-], DSAInputDate.prototype, "dateField", 2);
-__decorateClass([
-  query(".input__control")
 ], DSAInputDate.prototype, "input", 2);
 __decorateClass([
   query(".date-popup")
@@ -401,39 +339,15 @@ __decorateClass([
 __decorateClass([
   state()
 ], DSAInputDate.prototype, "isDatepickerOpen", 2);
-__decorateClass([
-  state()
-], DSAInputDate.prototype, "dateFieldHasFocus", 2);
-__decorateClass([
-  property()
-], DSAInputDate.prototype, "value", 2);
-__decorateClass([
-  defaultValue()
-], DSAInputDate.prototype, "defaultValue", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSAInputDate.prototype, "clearable", 2);
 __decorateClass([
   property()
 ], DSAInputDate.prototype, "lang", 2);
-__decorateClass([
-  property()
-], DSAInputDate.prototype, "min", 2);
-__decorateClass([
-  property()
-], DSAInputDate.prototype, "max", 2);
 __decorateClass([
   property({ attribute: "calendar-start-date" })
 ], DSAInputDate.prototype, "calendarStartDate", 2);
 __decorateClass([
-  property({ type: Boolean })
-], DSAInputDate.prototype, "autofocus", 2);
-__decorateClass([
-  property()
-], DSAInputDate.prototype, "enterkeyhint", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], DSAInputDate.prototype, "handleDisabledChange", 1);
+  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.54CFE45F.js → chunk.L2B7WMWE.js}

@@ -1,11 +1,11 @@
 import {
-  input_styles_default
-} from "./chunk.OHDR6G6J.js";
+  input_base_styles_default
+} from "./chunk.DMIXIORN.js";
 
 // src/components/input-time/input-time.styles.ts
 import { css } from "lit";
 var input_time_styles_default = css`
-  ${input_styles_default}
+  ${input_base_styles_default}
 
   .input--time {
     overflow: visible;

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";