@ds-autonomie/web-components 1.16.2 → 1.18.0

package/dist/chunks/{chunk.TRKYAEYS.js → chunk.SRYBWTPD.js}

@@ -1,10 +1,10 @@
 import {
-  getOverridenIconDetails,
-  isPrefixIconOverriden
-} from "./chunk.KBT2EKLF.js";
+  getLocaleDateFromISO,
+  parseDate
+} from "./chunk.6K3AQESH.js";
 import {
-  input_styles_default
-} from "./chunk.VC3XT47N.js";
+  input_date_styles_default
+} from "./chunk.H3OIUOL7.js";
 import {
   getDateFromISO,
   getISOFormattedDate
@@ -31,7 +31,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.6L6CZSQX.js";
+} from "./chunk.G3MRVMJ4.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";
@@ -45,13 +45,13 @@ import {
   __decorateClass
 } from "./chunk.6M63UXML.js";
 
-// src/components/input/input.ts
+// src/components/input-date/input-date.ts
 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";
 import { live } from "lit/directives/live.js";
-var DSAInput = class extends ShoelaceElement {
+var DSAInputDate = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.formControlController = new FormControlController(this, {
@@ -65,8 +65,9 @@ var DSAInput = class extends ShoelaceElement {
     this.localize = new LocalizeController(this);
     this.hasFocus = false;
     this.isDatepickerOpen = false;
+    this.displayedValue = "";
+    this.maxLength = 0;
     this.title = "";
-    this.type = "text";
     this.name = "";
     this.value = "";
     this.defaultValue = "";
@@ -78,18 +79,15 @@ var DSAInput = class extends ShoelaceElement {
     this.disabled = false;
     this.placeholder = "";
     this.readonly = false;
-    this.passwordVisible = false;
     this.error = false;
     this.errorMessage = "";
     this.form = "";
     this.required = false;
-    this.counter = false;
-    this.spellcheck = true;
   }
   /** 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.input) == null ? void 0 : _a.valueAsDate) != null ? _b : null;
+    return (_b = (_a = this.hiddenInput) == null ? void 0 : _a.valueAsDate) != null ? _b : null;
   }
   set valueAsDate(newValue) {
     const input = document.createElement("input");
@@ -97,24 +95,13 @@ var DSAInput = class extends ShoelaceElement {
     input.valueAsDate = newValue;
     this.value = input.value;
   }
-  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
-  get valueAsNumber() {
-    var _a, _b;
-    return (_b = (_a = this.input) == null ? void 0 : _a.valueAsNumber) != null ? _b : parseFloat(this.value);
-  }
-  set valueAsNumber(newValue) {
-    const input = document.createElement("input");
-    input.type = "number";
-    input.valueAsNumber = newValue;
-    this.value = input.value;
-  }
   /** Gets the validity state object */
   get validity() {
-    return this.input.validity;
+    return this.hiddenInput.validity;
   }
   /** Gets the validation message */
   get validationMessage() {
-    return this.input.validationMessage;
+    return this.hiddenInput.validationMessage;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -124,7 +111,10 @@ var DSAInput = class extends ShoelaceElement {
     this.handleSelectedDate = this.handleSelectedDate.bind(this);
     this.shouldDisableDate = this.shouldDisableDate.bind(this);
   }
-  firstUpdated() {
+  async firstUpdated() {
+    this.handleLangChange();
+    this.updateDate();
+    await this.updateComplete;
     this.formControlController.updateValidity();
   }
   addOpenListeners() {
@@ -139,6 +129,16 @@ var DSAInput = class extends ShoelaceElement {
     document.removeEventListener("mousedown", this.handleDocumentMouseDown);
     this.removeEventListener("dsa-date-selected", this.handleSelectedDate);
   }
+  updateDate() {
+    const date = new Date(this.value);
+    if (!isNaN(date.getTime())) {
+      this.displayedValue = getLocaleDateFromISO(this.value, this.lang);
+    } else {
+      this.displayedValue = "";
+      this.value = "";
+    }
+    this.input.value = this.displayedValue;
+  }
   handleSelectedDate(event) {
     const { detail } = event;
     const selectedDate = detail.dates[0];
@@ -193,7 +193,20 @@ var DSAInput = class extends ShoelaceElement {
     this.emit("dsa-blur");
   }
   handleChange() {
-    this.value = this.input.value;
+    const inputValue = this.input.value;
+    const date = parseDate(
+      inputValue,
+      this.lang !== "" ? this.lang : this.localize.lang()
+    );
+    if (date) {
+      this.value = getISOFormattedDate(date);
+      this.displayedValue = getLocaleDateFromISO(this.value, this.lang);
+      this.input.value = this.displayedValue;
+    } else {
+      this.setCustomValidity(this.localize.term("invalidDateFormat"));
+      this.reportValidity();
+    }
+    this.formControlController.updateValidity();
     this.emit("dsa-change");
   }
   handleClearClick(event) {
@@ -208,9 +221,11 @@ var DSAInput = class extends ShoelaceElement {
     this.hasFocus = true;
     this.emit("dsa-focus");
   }
+  handleHiddenInputFocus() {
+    this.input.focus();
+  }
   handleInput() {
-    this.value = this.input.value;
-    this.formControlController.updateValidity();
+    this.setCustomValidity("");
     this.emit("dsa-input");
   }
   handleInvalid(event) {
@@ -226,19 +241,13 @@ var DSAInput = class extends ShoelaceElement {
         }
       });
     }
-    if (this.type === "date" && event.key === " ") {
+    if (event.key === " " && !this.readonly && !this.disabled) {
       event.preventDefault();
       this.showDatepicker();
     }
   }
-  handlePasswordToggle() {
-    this.passwordVisible = !this.passwordVisible;
-  }
   getDescriptionIds() {
     let ids = ["help-text"];
-    if (this.maxlength && this.counter) {
-      ids = [...ids, "counter"];
-    }
     if (this.error) {
       ids = ["error-text", ...ids];
     }
@@ -255,11 +264,14 @@ var DSAInput = class extends ShoelaceElement {
   handleDisabledChange() {
     this.formControlController.setValidity(this.disabled);
   }
-  handleStepChange() {
-    this.input.step = String(this.step);
+  async handleValueChange() {
+    this.updateDate();
+    await this.updateComplete;
     this.formControlController.updateValidity();
   }
-  async handleValueChange() {
+  async handleLangChange() {
+    this.maxLength = getLocaleDateFromISO("2010-10-10", this.lang).length;
+    this.updateDate();
     await this.updateComplete;
     this.formControlController.updateValidity();
   }
@@ -313,12 +325,6 @@ var DSAInput = class extends ShoelaceElement {
       this.value = this.input.value;
     }
   }
-  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
-  showTimePicker() {
-    if ("showPicker" in HTMLInputElement.prototype) {
-      this.input.showPicker();
-    }
-  }
   /** Displays the dsa-calendar picker for an input element. */
   async showDatepicker() {
     if (this.isDatepickerOpen) {
@@ -337,23 +343,9 @@ var DSAInput = class extends ShoelaceElement {
     this.isDatepickerOpen = false;
     return await waitForEvent(this, "dsa-after-hide");
   }
-  /** Increments the value of a numeric input type by the value of the step attribute. */
-  stepUp() {
-    this.input.stepUp();
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-  }
-  /** Decrements the value of a numeric input type by the value of the step attribute. */
-  stepDown() {
-    this.input.stepDown();
-    if (this.value !== this.input.value) {
-      this.value = this.input.value;
-    }
-  }
   /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
   checkValidity() {
-    return this.input.checkValidity();
+    return this.hiddenInput.checkValidity();
   }
   /** Gets the associated form, if one exists. */
   getForm() {
@@ -361,24 +353,20 @@ var DSAInput = class extends ShoelaceElement {
   }
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
   reportValidity() {
-    return this.input.reportValidity();
+    return this.hiddenInput.reportValidity();
   }
   /** Sets a custom validation message. Pass an empty string to restore validity. */
   setCustomValidity(message) {
-    this.input.setCustomValidity(message);
+    this.hiddenInput.setCustomValidity(message);
     this.formControlController.updateValidity();
   }
   render() {
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
-    const overridenPrefixIcon = isPrefixIconOverriden(this.type) ? getOverridenIconDetails(this.type) : void 0;
-    const hasPrefixIcon = overridenPrefixIcon !== void 0 || this.hasSlotController.test("prefix");
+    const hasPrefixIcon = this.hasSlotController.test("prefix");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
-    const hasHideIcon = this.type === "password" && !this.disabled;
-    const counterText = this.maxlength && this.counter ? `${this.value.length}/${this.maxlength}` : void 0;
-    const isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
     return html`
       <div
         part="form-control"
@@ -391,9 +379,7 @@ var DSAInput = class extends ShoelaceElement {
       "form-control--has-label": hasLabel,
       "form-control--has-help-text": hasHelpText,
       "form-control--has-prefix-icon": hasPrefixIcon,
-      "form-control--has-hide-icon": hasHideIcon,
-      "form-control--has-clear-icon": hasClearIcon,
-      "form-control--has-counter": counterText !== void 0
+      "form-control--has-clear-icon": hasClearIcon
     })}
       >
         <label
@@ -412,7 +398,7 @@ var DSAInput = class extends ShoelaceElement {
             part="base"
             class=${classMap({
       input: true,
-      "input--date": this.type === "date",
+      "input--date": true,
       // Sizes
       "input--small": this.size === "small",
       "input--medium": this.size === "medium",
@@ -427,56 +413,12 @@ var DSAInput = class extends ShoelaceElement {
       "input--empty": !this.value
     })}
           >
-            ${overridenPrefixIcon ? html`<dsa-icon
-                    name=${overridenPrefixIcon.iconName}
-                    class="input__prefix"
-                  ></dsa-icon>` : html` <slot
+                <slot
                     name="prefix"
                     part="prefix"
                     class="input__prefix"
-                  ></slot>`}
+                  ></slot>
 
-            ${this.type !== "date" ? html`
-                    <input
-                      part="input"
-                      id="input"
-                      class="input__control"
-                      type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
-                      title=${ifDefinedAndNotEmpty(
-      hasLabel ? void 0 : this.title
-    )}
-                      name=${ifDefinedAndNotEmpty(this.name)}
-                      ?disabled=${this.disabled}
-                      ?readonly=${this.readonly}
-                      ?required=${this.required}
-                      placeholder=${ifDefined(this.placeholder)}
-                      minlength=${ifDefined(this.minlength)}
-                      maxlength=${ifDefined(this.maxlength)}
-                      min=${ifDefined(this.min)}
-                      max=${ifDefined(this.max)}
-                      step=${ifDefined(this.step)}
-                      .value=${live(this.value)}
-                      autocapitalize=${ifDefined(this.autocapitalize)}
-                      autocomplete=${ifDefined(this.autocomplete)}
-                      autocorrect=${ifDefined(this.autocorrect)}
-                      ?autofocus=${this.autofocus}
-                      spellcheck=${this.spellcheck}
-                      pattern=${ifDefined(this.pattern)}
-                      enterkeyhint=${ifDefined(this.enterkeyhint)}
-                      inputmode=${ifDefined(this.inputmode)}
-                      aria-label=${ifDefinedAndNotEmpty(
-      hasLabel ? void 0 : this.title
-    )}
-                      aria-describedby=${this.getDescriptionIds()}
-                      aria-invalid=${ifDefined(this.error ? "true" : void 0)}
-                      @change=${this.handleChange}
-                      @input=${this.handleInput}
-                      @invalid=${this.handleInvalid}
-                      @keydown=${this.handleKeyDown}
-                      @focus=${this.handleFocus}
-                      @blur=${this.handleBlur}
-                    />
-                  ` : html`
                     <dsa-popup
                       class="date-popup"
                       part="popup"
@@ -494,7 +436,7 @@ var DSAInput = class extends ShoelaceElement {
                           part="input"
                           id="input"
                           class="input__control input__control--date"
-                          type="date"
+                          type="text"
                           title=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : this.title
     )}
@@ -502,51 +444,58 @@ var DSAInput = class extends ShoelaceElement {
                           ?disabled=${this.disabled}
                           ?readonly=${this.readonly}
                           ?required=${this.required}
-                          min=${ifDefined(this.min)}
-                          max=${ifDefined(this.max)}
-                          .value=${live(this.value)}
+                          placeholder=${ifDefined(this.placeholder)}
+                          .value=${this.displayedValue}
                           autocomplete=${ifDefined(this.autocomplete)}
                           ?autofocus=${this.autofocus}
+                          maxlength=${this.maxLength}
                           aria-label=${ifDefinedAndNotEmpty(
       hasLabel ? void 0 : this.title
     )}
-                          aria-describedby=${`firefox-limitation ${this.getDescriptionIds()}`}
+                          aria-describedby=${this.getDescriptionIds()}
                           aria-invalid=${ifDefined(
       this.error ? "true" : void 0
     )}
                           @change=${this.handleChange}
                           @input=${this.handleInput}
-                          @invalid=${this.handleInvalid}
                           @keydown=${this.handleKeyDown}
                           @focus=${this.handleFocus}
                           @blur=${this.handleBlur}
                           @click=${this.handleInputClick}
                         />
-                        ${isFirefox ? html`
-                              <dsa-visually-hidden id="firefox-limitation">
-                                ${this.localize.term(
-      "firefoxLimitation",
-      this.localize.term("picker")
-    )}
-                              </dsa-visually-hidden>
-                            ` : ""}
-                        <dsa-icon-button
-                          part="picker-button"
-                          class="input__action-button icon-button--date"
-                          name="calendar_today"
-                          label=${this.localize.term("picker")}
-                          @click=${this.showDatepicker}
-                        ></dsa-icon-button>
+                        <input
+                          class="input-date__value-input"
+                          type="date"
+                          ?disabled=${this.disabled}
+                          ?readonly=${this.readonly}
+                          ?required=${this.required}
+                          min=${ifDefined(this.min)}
+                          max=${ifDefined(this.max)}
+                          .value=${live(this.value)}
+                          tabindex="-1"
+                          aria-hidden="true"
+                          @invalid=${this.handleInvalid}
+                          @focus=${this.handleHiddenInputFocus}
+                        />
+              
+                        ${!this.readonly && !this.disabled ? html` <dsa-icon-button
+                                part="picker-button"
+                                class="input__action-button icon-button--date"
+                                name="calendar_today"
+                                label=${this.localize.term("picker")}
+                                @click=${this.showDatepicker}
+                              ></dsa-icon-button>` : ""}
                       </div>
                       <div id="date-panel" class="date--panel">
                         <dsa-calendar
                           class="calendar"
-                          .value=${ifDefinedAndNotEmpty(this.value)}
+                          .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"
@@ -556,24 +505,6 @@ var DSAInput = class extends ShoelaceElement {
                       @click=${this.handleClearClick}
                     ></dsa-icon-button>
                   ` : ""}
-            ${hasHideIcon ? html`<dsa-icon-button
-                    part="password-toggle-button"
-                    class="input__action-button"
-                    label=${this.localize.term(
-      this.passwordVisible ? "hidePassword" : "showPassword"
-    )}
-                    name=${this.passwordVisible ? "visibility_off" : "visibility"}
-                    @click=${this.handlePasswordToggle}
-                  ></dsa-icon-button>` : ""}
-            ${this.type === "time" ? html`
-                    <dsa-icon-button
-                      part="picker-button"
-                      class="input__action-button"
-                      name="schedule"
-                      label=${this.localize.term("selectATime")}
-                      @click=${this.showTimePicker}
-                    ></dsa-icon-button>
-                  ` : ""}
           </div>
         </div>
 
@@ -587,15 +518,6 @@ var DSAInput = class extends ShoelaceElement {
           ${this.helpText}
         </slot>
 
-        ${counterText !== void 0 ? html`<span
-                id="counter"
-                class=${classMap({
-      "form-control__counter": true,
-      "form-control__counter--animated": this.value.length === this.maxlength
-    })}
-                >${counterText}</span
-              >` : ""} 
-
         ${this.error && !this.disabled && this.errorMessage !== "" ? html`<dsa-error-text
                 id="error-text"
                 class="form-control__error-text"
@@ -606,140 +528,121 @@ var DSAInput = class extends ShoelaceElement {
     `;
   }
 };
-DSAInput.styles = input_styles_default;
+DSAInputDate.styles = input_date_styles_default;
 __decorateClass([
   query(".input__control")
-], DSAInput.prototype, "input", 2);
+], DSAInputDate.prototype, "input", 2);
+__decorateClass([
+  query(".input-date__value-input")
+], DSAInputDate.prototype, "hiddenInput", 2);
 __decorateClass([
   query(".date-popup")
-], DSAInput.prototype, "popup", 2);
+], DSAInputDate.prototype, "popup", 2);
 __decorateClass([
   query(".icon-button--date")
-], DSAInput.prototype, "datepickerButton", 2);
+], DSAInputDate.prototype, "datepickerButton", 2);
 __decorateClass([
   state()
-], DSAInput.prototype, "hasFocus", 2);
+], DSAInputDate.prototype, "hasFocus", 2);
 __decorateClass([
   state()
-], DSAInput.prototype, "isDatepickerOpen", 2);
+], DSAInputDate.prototype, "isDatepickerOpen", 2);
 __decorateClass([
-  property()
-], DSAInput.prototype, "title", 2);
+  state()
+], DSAInputDate.prototype, "displayedValue", 2);
 __decorateClass([
-  property({ reflect: true })
-], DSAInput.prototype, "type", 2);
+  state()
+], DSAInputDate.prototype, "maxLength", 2);
+__decorateClass([
+  property()
+], DSAInputDate.prototype, "title", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "name", 2);
+], DSAInputDate.prototype, "name", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "value", 2);
+], DSAInputDate.prototype, "value", 2);
 __decorateClass([
   defaultValue()
-], DSAInput.prototype, "defaultValue", 2);
+], DSAInputDate.prototype, "defaultValue", 2);
 __decorateClass([
   property({ reflect: true })
-], DSAInput.prototype, "size", 2);
+], DSAInputDate.prototype, "size", 2);
 __decorateClass([
   property({ reflect: true })
-], DSAInput.prototype, "variant", 2);
+], DSAInputDate.prototype, "variant", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "label", 2);
+], DSAInputDate.prototype, "label", 2);
 __decorateClass([
   property({ attribute: "help-text" })
-], DSAInput.prototype, "helpText", 2);
+], DSAInputDate.prototype, "helpText", 2);
 __decorateClass([
   property({ type: Boolean })
-], DSAInput.prototype, "clearable", 2);
+], DSAInputDate.prototype, "clearable", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], DSAInput.prototype, "disabled", 2);
+], DSAInputDate.prototype, "disabled", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "placeholder", 2);
+], DSAInputDate.prototype, "lang", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSAInput.prototype, "readonly", 2);
+  property()
+], DSAInputDate.prototype, "placeholder", 2);
 __decorateClass([
-  property({ attribute: "password-visible", type: Boolean })
-], DSAInput.prototype, "passwordVisible", 2);
+  property({ type: Boolean, reflect: true })
+], DSAInputDate.prototype, "readonly", 2);
 __decorateClass([
   property({ type: Boolean })
-], DSAInput.prototype, "error", 2);
+], DSAInputDate.prototype, "error", 2);
 __decorateClass([
   property({ attribute: "error-message" })
-], DSAInput.prototype, "errorMessage", 2);
+], DSAInputDate.prototype, "errorMessage", 2);
 __decorateClass([
   property({ reflect: true })
-], DSAInput.prototype, "form", 2);
+], DSAInputDate.prototype, "form", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], DSAInput.prototype, "required", 2);
-__decorateClass([
-  property()
-], DSAInput.prototype, "pattern", 2);
-__decorateClass([
-  property({ type: Number })
-], DSAInput.prototype, "minlength", 2);
-__decorateClass([
-  property({ type: Number })
-], DSAInput.prototype, "maxlength", 2);
-__decorateClass([
-  property({ type: Boolean })
-], DSAInput.prototype, "counter", 2);
-__decorateClass([
-  property()
-], DSAInput.prototype, "min", 2);
+], DSAInputDate.prototype, "required", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "max", 2);
+], DSAInputDate.prototype, "pattern", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "step", 2);
+], DSAInputDate.prototype, "min", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "autocapitalize", 2);
+], DSAInputDate.prototype, "max", 2);
 __decorateClass([
-  property()
-], DSAInput.prototype, "autocorrect", 2);
+  property({ attribute: "calendar-start-date" })
+], DSAInputDate.prototype, "calendarStartDate", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "autocomplete", 2);
+], DSAInputDate.prototype, "autocomplete", 2);
 __decorateClass([
   property({ type: Boolean })
-], DSAInput.prototype, "autofocus", 2);
+], DSAInputDate.prototype, "autofocus", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "enterkeyhint", 2);
-__decorateClass([
-  property({
-    type: Boolean,
-    converter: {
-      // Allow "true|false" attribute values but keep the property boolean
-      fromAttribute: (value) => !value || value === "false" ? false : true,
-      toAttribute: (value) => value ? "true" : "false"
-    }
-  })
-], DSAInput.prototype, "spellcheck", 2);
+], DSAInputDate.prototype, "enterkeyhint", 2);
 __decorateClass([
   property()
-], DSAInput.prototype, "inputmode", 2);
+], DSAInputDate.prototype, "inputmode", 2);
 __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
-], DSAInput.prototype, "handleDisabledChange", 1);
-__decorateClass([
-  watch("step", { waitUntilFirstUpdate: true })
-], DSAInput.prototype, "handleStepChange", 1);
+], DSAInputDate.prototype, "handleDisabledChange", 1);
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
-], DSAInput.prototype, "handleValueChange", 1);
+], DSAInputDate.prototype, "handleValueChange", 1);
+__decorateClass([
+  watch("lang", { waitUntilFirstUpdate: true })
+], DSAInputDate.prototype, "handleLangChange", 1);
 __decorateClass([
   watch("isDatepickerOpen", { waitUntilFirstUpdate: true })
-], DSAInput.prototype, "handleOpenChange", 1);
-DSAInput = __decorateClass([
-  customElement("dsa-input")
-], DSAInput);
+], DSAInputDate.prototype, "handleOpenChange", 1);
+DSAInputDate = __decorateClass([
+  customElement("dsa-input-date")
+], DSAInputDate);
 setDefaultAnimation("date-popup.show", {
   keyframes: [
     { opacity: 0, scale: 0.9 },
@@ -756,5 +659,5 @@ setDefaultAnimation("date-popup.hide", {
 });
 
 export {
-  DSAInput
+  DSAInputDate
 };

package/dist/chunks/{chunk.4V4L6Q7P.js → chunk.TEHCPESC.js}

@@ -1,6 +1,6 @@
 import {
   table_container_styles_default
-} from "./chunk.4EFJ2NV3.js";
+} from "./chunk.KSF45YRN.js";
 import {
   LoadingStateElement
 } from "./chunk.PFGVYROJ.js";