@ds-autonomie/web-components 2.5.0 → 2.6.0

package/cdn/chunks/{chunk.5B3X2KU4.js → chunk.E2P76T2G.js}

@@ -4,15 +4,15 @@ import {
 import {
   FormControlLayout
 } from "./chunk.E73QKLNL.js";
-import {
-  combobox_styles_default
-} from "./chunk.FLMM3C4U.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
 import {
   defaultValue
 } from "./chunk.YY5FKN3H.js";
+import {
+  combobox_styles_default
+} from "./chunk.FLMM3C4U.js";
 import {
   FormControlController
 } from "./chunk.3NWILHZZ.js";
@@ -27,21 +27,21 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.2WRFDMKN.js";
-import {
-  LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
+import {
+  LocalizeController
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,

package/cdn/chunks/{chunk.57V66KCM.js → chunk.E45KUAKX.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.6EZUQLDJ.js";
+} from "./chunk.MORE7UFO.js";
 import {
   i
 } from "./chunk.4KHZQZ3M.js";

package/cdn/chunks/{chunk.LIJWOM2P.js → chunk.EBZUYY3T.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk.V7CLIMYE.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,

package/cdn/chunks/{chunk.BMQ5WSY7.js → chunk.EM2CIX7W.js}

@@ -67,6 +67,8 @@ var translation = {
   showExpandedTableRow: "Afficher d\xE9tails",
   hideExpandedTableRow: "Masquer d\xE9tails",
   cnsaFooterLogoLabel: "Service public de l'autonomie",
+  openAll: "Tout ouvrir",
+  closeAll: "Tout fermer",
   numberSelected: (num, gender) => `${num} s\xE9lectionn\xE9${gender === "feminine" ? "e" : ""}${num > 1 ? "s" : ""}`,
   deselectAll: "Tout d\xE9s\xE9lectionner",
   selectAll: "Tout s\xE9lectionner",
@@ -230,6 +232,8 @@ var translation2 = {
   showExpandedTableRow: "Show details",
   hideExpandedTableRow: "Hide details",
   cnsaFooterLogoLabel: "Service public de l'autonomie",
+  openAll: "Open all",
+  closeAll: "Close all",
   numberSelected: (num) => `${num} selected`,
   deselectAll: "Deselect all",
   selectAll: "Select all",

package/cdn/chunks/{chunk.BBWKTDH3.js → chunk.EVSGVQEL.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   n,
   t

package/cdn/chunks/{chunk.4Q4LBN6D.js → chunk.F46SOIMF.js}

@@ -1,18 +1,21 @@
+import {
+  debounce
+} from "./chunk.I5IKEQES.js";
 import {
   filter_range_styles_default
-} from "./chunk.Z3VIP662.js";
+} from "./chunk.ME4WWFWF.js";
 import {
   FilterBase
-} from "./chunk.KNKNPTGU.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.SQJSODCD.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,
@@ -26,20 +29,6 @@ import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";
 
-// 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);
-    };
-  };
-}
-
 // src/components/filter-range/filter-range.ts
 var RANGE_SLIDER_DEBOUNCE_DELAY = 100;
 var DSAFilterRange = class extends FilterBase {

package/cdn/chunks/{chunk.TY7NQYTC.js → chunk.FEKXPEIL.js}

@@ -1,19 +1,13 @@
 import {
   input_date_styles_default
-} from "./chunk.CMRQV2SO.js";
+} from "./chunk.4QI5ENGU.js";
 import {
-  FormControlLayout
-} from "./chunk.E73QKLNL.js";
-import {
-  defaultValue
-} from "./chunk.YY5FKN3H.js";
+  InputBase
+} from "./chunk.YGJ3KERC.js";
 import {
   getDateFromISO,
   getISOFormattedDate
 } from "./chunk.YBWQADCH.js";
-import {
-  FormControlController
-} from "./chunk.3NWILHZZ.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -27,16 +21,16 @@ import {
 } from "./chunk.2WRFDMKN.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   e,
   n,
@@ -51,37 +45,12 @@ import {
 } from "./chunk.4ZGVANML.js";
 
 // src/components/input-date/input-date.ts
-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();
@@ -157,27 +126,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 = [];
@@ -203,9 +169,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");
@@ -232,14 +195,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) {
@@ -258,30 +213,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;
@@ -313,8 +251,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
     })}
       >
@@ -342,46 +281,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=${o(
+        ${!this.hideCalendarButton ? x`
+              <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=${o(
       this.value !== "" ? selectedDateLabel : void 0
     )}
-              library="system"
-            ></dsa-icon-button>
-          </div>
-          <div id="date-panel" class="date--panel">
-            <dsa-calendar
-              class="calendar"
-              .value=${o(this.value)}
-              .disableDate=${this.shouldDisableDate}
-              start-date=${o(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=${o(this.value)}
+                    .disableDate=${this.shouldDisableDate}
+                    start-date=${o(this.calendarStartDate)}
+                  ></dsa-calendar>
+                </div>
+              </dsa-popup>
+            ` : ""}
         ${hasClearIcon ? x`
               <dsa-icon-button
                 part="clear-button"
@@ -399,9 +340,6 @@ var DSAInputDate = class extends FormControlLayout {
 DSAInputDate.styles = input_date_styles_default;
 __decorateClass([
   e("#date-field")
-], DSAInputDate.prototype, "dateField", 2);
-__decorateClass([
-  e(".input__control")
 ], DSAInputDate.prototype, "input", 2);
 __decorateClass([
   e(".date-popup")
@@ -412,39 +350,15 @@ __decorateClass([
 __decorateClass([
   r()
 ], DSAInputDate.prototype, "isDatepickerOpen", 2);
-__decorateClass([
-  r()
-], DSAInputDate.prototype, "dateFieldHasFocus", 2);
-__decorateClass([
-  n()
-], DSAInputDate.prototype, "value", 2);
-__decorateClass([
-  defaultValue()
-], DSAInputDate.prototype, "defaultValue", 2);
-__decorateClass([
-  n({ type: Boolean })
-], DSAInputDate.prototype, "clearable", 2);
 __decorateClass([
   n()
 ], DSAInputDate.prototype, "lang", 2);
-__decorateClass([
-  n()
-], DSAInputDate.prototype, "min", 2);
-__decorateClass([
-  n()
-], DSAInputDate.prototype, "max", 2);
 __decorateClass([
   n({ attribute: "calendar-start-date" })
 ], DSAInputDate.prototype, "calendarStartDate", 2);
 __decorateClass([
-  n({ type: Boolean })
-], DSAInputDate.prototype, "autofocus", 2);
-__decorateClass([
-  n()
-], DSAInputDate.prototype, "enterkeyhint", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], DSAInputDate.prototype, "handleDisabledChange", 1);
+  n({ attribute: "hide-calendar-button", type: Boolean })
+], DSAInputDate.prototype, "hideCalendarButton", 2);
 __decorateClass([
   watch("isDatepickerOpen", { waitUntilFirstUpdate: true })
 ], DSAInputDate.prototype, "handleOpenChange", 1);

package/cdn/chunks/{chunk.JNYFWYEK.js → chunk.FF5FOREV.js}

@@ -1,6 +1,6 @@
 import {
   filter_base_styles_default
-} from "./chunk.6EZUQLDJ.js";
+} from "./chunk.MORE7UFO.js";
 import {
   i
 } from "./chunk.4KHZQZ3M.js";
@@ -60,6 +60,10 @@ var filter_date_styles_default = i`
     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/cdn/chunks/{chunk.HOIWGDVX.js → chunk.G43R3KET.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.4HCR3FZE.js";
 import {
   LocalizeController
-} from "./chunk.BMQ5WSY7.js";
-import {
-  watch
-} from "./chunk.4FQJ3QJK.js";
+} from "./chunk.EM2CIX7W.js";
 import {
   e as e2
 } from "./chunk.IKHG7XGO.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
 import {
   ShoelaceElement,
   e,