@statistikzh/leu 0.26.0 → 0.27.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.26.0"
+  ".": "0.27.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.27.0](https://github.com/statistikZH/leu/compare/leu-v0.26.0...leu-v0.27.0) (2026-04-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* **select:** the `open` property is now an internal state. use the `click()` method to imperatively open the select element
+
+### Features
+
+* **input:** implement defaultValue alongside the existing value property to match native behaviour ([#341](https://github.com/statistikZH/leu/issues/341)) ([650ec97](https://github.com/statistikZH/leu/commit/650ec97ffc25384a1c14c463959c7b644391a8e3))
+* **select:** add defaultValue to match native behaviour of a select element ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+* **select:** add required property ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+* **select:** implement select as a form control ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+
+
+### Bug Fixes
+
+* **file-input:** format >1000MB as GB ([#339](https://github.com/statistikZH/leu/issues/339)) ([f9b0d89](https://github.com/statistikZH/leu/commit/f9b0d89700ada07d7a3dff4dfbcf4a27090bd146))
+* fix dev dependencies vulnerabilities ([7390e3e](https://github.com/statistikZH/leu/commit/7390e3e86766d794061a0b84e34c7bec701a3612))
+* **scroll-top:** move scrollTo call from a static to an instance method ([#340](https://github.com/statistikZH/leu/issues/340)) ([860adf4](https://github.com/statistikZH/leu/commit/860adf47596bf06456764b03777f5bd6462d5887))
+
 ## [0.26.0](https://github.com/statistikZH/leu/compare/leu-v0.25.0...leu-v0.26.0) (2026-03-25)
 
 

package/dist/{Accordion-B04QkmHz.js → Accordion-DLsqXcK8.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { css, nothing } from "lit";
 import { html as html$1, unsafeStatic } from "lit/static-html.js";

package/dist/Accordion.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuAccordion } from "./Accordion-B04QkmHz.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuAccordion } from "./Accordion-DLsqXcK8.js";
 export { LeuAccordion };

package/dist/{Button-BkhqVjug.js → Button-BSyDL_cV.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
-import { t as LeuSpinner } from "./Spinner-DDTqijTO.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuSpinner } from "./Spinner-VhKfzI3Q.js";
 import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
 import { css, html, nothing } from "lit";

package/dist/Button.js

@@ -1,6 +1,6 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import { t as LeuButton } from "./Button-BkhqVjug.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
 export { LeuButton };

package/dist/{ButtonGroup-B8U9fDvM.js → ButtonGroup-BmSvl-Oc.js}

@@ -1,5 +1,5 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
-import { t as LeuButton } from "./Button-BkhqVjug.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
 import { css, html } from "lit";
 //#region src/components/button-group/button-group.css?inline
 var button_group_default = css`.group {

package/dist/ButtonGroup.js

@@ -1,7 +1,7 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import { t as LeuButtonGroup } from "./ButtonGroup-B8U9fDvM.js";
+import { t as LeuButtonGroup } from "./ButtonGroup-BmSvl-Oc.js";
 export { LeuButtonGroup };

package/dist/{ChartWrapper-CSMFwz9e.js → ChartWrapper-CvDvQsd5.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuSpinner } from "./Spinner-DDTqijTO.js";
+import { t as LeuSpinner } from "./Spinner-VhKfzI3Q.js";
 import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";

package/dist/ChartWrapper.js

@@ -1,4 +1,4 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Spinner-DDTqijTO.js";
-import { t as LeuChartWrapper } from "./ChartWrapper-CSMFwz9e.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Spinner-VhKfzI3Q.js";
+import { t as LeuChartWrapper } from "./ChartWrapper-CvDvQsd5.js";
 export { LeuChartWrapper };

package/dist/{Checkbox-Dd1QLpfn.js → Checkbox-Cl_X6gBJ.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Checkbox.js

@@ -1,5 +1,5 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import { t as LeuCheckbox } from "./Checkbox-Dd1QLpfn.js";
+import { t as LeuCheckbox } from "./Checkbox-Cl_X6gBJ.js";
 export { LeuCheckbox };

package/dist/{CheckboxGroup-Bz2eWEFL.js → CheckboxGroup-BKhOmZYX.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuCheckbox } from "./Checkbox-Dd1QLpfn.js";
+import { t as LeuCheckbox } from "./Checkbox-Cl_X6gBJ.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";

package/dist/CheckboxGroup.js

@@ -1,6 +1,6 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import "./Checkbox-Dd1QLpfn.js";
-import { t as LeuCheckboxGroup } from "./CheckboxGroup-Bz2eWEFL.js";
+import "./Checkbox-Cl_X6gBJ.js";
+import { t as LeuCheckboxGroup } from "./CheckboxGroup-BKhOmZYX.js";
 export { LeuCheckboxGroup };

package/dist/{Chip-XAQIIsXq.js → Chip-McVP3N_x.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { css } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Chip.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuChipBase } from "./Chip-XAQIIsXq.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 export { LeuChipBase };

package/dist/{ChipGroup-DLqfK2kn.js → ChipGroup-DUGavZeU.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { LeuChipSelectable } from "./ChipSelectable.js";
 import { css } from "lit";

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuChipGroup } from "./ChipGroup-DLqfK2kn.js";
-import "./Chip-XAQIIsXq.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuChipGroup } from "./ChipGroup-DUGavZeU.js";
+import "./Chip-McVP3N_x.js";
 export { LeuChipGroup };

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
-import "./LeuElement-BeFrgKes.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuChipBase } from "./Chip-XAQIIsXq.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipLink.ts

package/dist/ChipRemovable.js

@@ -1,7 +1,7 @@
-import "./LeuElement-BeFrgKes.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
-import { t as LeuChipBase } from "./Chip-XAQIIsXq.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipRemovable.ts

package/dist/ChipSelectable.js

@@ -1,6 +1,6 @@
-import "./LeuElement-BeFrgKes.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuChipBase } from "./Chip-XAQIIsXq.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipSelectable.ts

package/dist/{Dialog-DHuXR_oo.js → Dialog-BlDd4T2u.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Dialog.js

@@ -1,4 +1,4 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import { t as LeuDialog } from "./Dialog-DHuXR_oo.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import { t as LeuDialog } from "./Dialog-BlDd4T2u.js";
 export { LeuDialog };

package/dist/{Dropdown-DtFTePbc.js → Dropdown-BLxSIe6p.js}

@@ -1,10 +1,10 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
-import { t as LeuButton } from "./Button-BkhqVjug.js";
-import { t as LeuMenuItem } from "./MenuItem-DVg8-1Bq.js";
-import { t as LeuMenu } from "./Menu-BeqqtCw6.js";
-import { t as LeuPopup } from "./Popup-DNlm_9AA.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
+import { t as LeuMenuItem } from "./MenuItem-Cs3KFhJm.js";
+import { t as LeuMenu } from "./Menu-Cu8eIF1T.js";
+import { t as LeuPopup } from "./Popup-8jhVy8gB.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/Dropdown.js

@@ -1,10 +1,10 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import "./MenuItem-DVg8-1Bq.js";
-import "./Menu-BeqqtCw6.js";
-import "./Popup-DNlm_9AA.js";
-import { t as LeuDropdown } from "./Dropdown-DtFTePbc.js";
+import "./MenuItem-Cs3KFhJm.js";
+import "./Menu-Cu8eIF1T.js";
+import "./Popup-8jhVy8gB.js";
+import { t as LeuDropdown } from "./Dropdown-BLxSIe6p.js";
 export { LeuDropdown };

package/dist/{FileInput-b8sbLDPI.js → FileInput-DntYrpZ-.js}

@@ -1,9 +1,9 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
-import { t as LeuButton } from "./Button-BkhqVjug.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
 import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-pll3amXE.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-Co_txzxB.js";
 import { css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -237,10 +237,25 @@ var LeuFileInput = class LeuFileInput extends FormAssociatedMixin(LeuElement) {
 			bubbles: true
 		}));
 	}
+	/**
+	* This implementation Uses base-10 (decimal) units:
+	* 1 KB = 1_000 bytes
+	* 1 MB = 1_000_000 bytes
+	* 1 GB = 1_000_000_000 bytes
+	*
+	* To switch to base-2 (binary), use the following implementation:
+	* // const KB = 1024
+	* // const MB = 1024 * 1024
+	* // const GB = 1024 * 1024 * 1024
+	*/
 	static formatFileSize(size) {
-		if (size < 1e3) return html`${size}&nbsp;bytes`;
-		if (size >= 1e3 && size < 1e6) return html`${(size / 1e3).toFixed(1)}&nbsp;KB`;
-		return html`${(size / 1e6).toFixed(1)}&nbsp;MB`;
+		const KB = 1e3;
+		const MB = 1e6;
+		const GB = 1e9;
+		if (size >= GB) return html`${(size / GB).toFixed(1)}&nbsp;GB`;
+		if (size >= MB) return html`${(size / MB).toFixed(1)}&nbsp;MB`;
+		if (size >= KB) return html`${(size / KB).toFixed(1)}&nbsp;KB`;
+		return html`${size}&nbsp;bytes`;
 	}
 	isAcceptedFile(file) {
 		const acceptedTypes = this.accept.split(",").map((type) => type.trim());

package/dist/FileInput.d.ts

@@ -53,6 +53,17 @@ declare class LeuFileInput extends LeuFileInput_base {
   protected setFormValue(): void;
   protected removeFile(fileToRemove: File): void;
   protected dispatchChangeAndInputEvents(): void;
+  /**
+   * This implementation Uses base-10 (decimal) units:
+   * 1 KB = 1_000 bytes
+   * 1 MB = 1_000_000 bytes
+   * 1 GB = 1_000_000_000 bytes
+   *
+   * To switch to base-2 (binary), use the following implementation:
+   * // const KB = 1024
+   * // const MB = 1024 * 1024
+   * // const GB = 1024 * 1024 * 1024
+   */
   protected static formatFileSize(size: number): lit_html0.TemplateResult<1>;
   protected handleDragEnter: (event: DragEvent) => void;
   protected handleDragOver: (event: DragEvent) => void;

package/dist/FileInput.js

@@ -1,8 +1,8 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import { t as LeuFileInput } from "./FileInput-b8sbLDPI.js";
-import "./VisuallyHidden-pll3amXE.js";
+import { t as LeuFileInput } from "./FileInput-DntYrpZ-.js";
+import "./VisuallyHidden-Co_txzxB.js";
 export { LeuFileInput };

package/dist/{Icon-C_yYuynf.js → Icon-CbZXpyHU.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { css, html, svg } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Icon.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 export { LeuIcon };

package/dist/{Input-D2THgo7c.d.ts → Input-CeaAOB4p.d.ts}

@@ -42,8 +42,6 @@ declare class LeuInput extends LeuInput_base {
   required: boolean;
   /** Adds a button to clear the input element */
   clearable: boolean;
-  /** The value of the input element. */
-  value: string;
   /** A custom error that is completely independent of the validity state. Useful for displaying server side errors. */
   error: string;
   /** The label of the input element */
@@ -74,6 +72,12 @@ declare class LeuInput extends LeuInput_base {
   validationMessages: Record<string, string>;
   /** Disables the browser's validation. */
   novalidate: boolean;
+  /** The default value of the input element. */
+  defaultValue: string;
+  protected _value: string;
+  /** The value of the input element. */
+  set value(value: string);
+  get value(): string;
   _validity: ValidityState | null;
   static resolveErrorMessage(message: any, refernceValue: any): any;
   protected _inputRef: lit_html_directives_ref_js0.Ref<HTMLInputElement>;

package/dist/{Input-DEOVocTa.js → Input-DBXX7ev8.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
 import { css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
@@ -316,13 +316,13 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 		this.disabled = false;
 		this.required = false;
 		this.clearable = false;
-		this.value = "";
 		this.error = "";
 		this.label = "";
 		this.size = "regular";
 		this.type = "text";
 		this.validationMessages = {};
 		this.novalidate = false;
+		this.defaultValue = "";
 		this._validity = null;
 		this._inputRef = createRef();
 	}
@@ -338,6 +338,14 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 			delegatesFocus: true
 		};
 	}
+	/** The value of the input element. */
+	set value(value) {
+		this._value = value;
+	}
+	get value() {
+		if (typeof this._value === "string") return this._value;
+		return this.defaultValue;
+	}
 	static resolveErrorMessage(message, refernceValue) {
 		if (typeof message === "function") return message(refernceValue);
 		return message;
@@ -347,13 +355,19 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 		return Number(this.value);
 	}
 	formResetCallback() {
-		this.value = "";
+		this.value = this.defaultValue;
 	}
 	setFormValue() {
-		this.internals.setFormValue(this.value);
+		this.internals.setFormValue(this.disabled ? null : this.value);
 	}
 	willUpdate(changedProperties) {
-		if (changedProperties.has("value")) this.setFormValue();
+		super.willUpdate(changedProperties);
+		let valueChanged = false;
+		if (changedProperties.has("defaultValue") && !changedProperties.has("value") && !this.hasInteracted) {
+			this.value = this.defaultValue;
+			valueChanged = true;
+		}
+		if (valueChanged || changedProperties.has("value") || changedProperties.has("name") || changedProperties.has("disabled")) this.setFormValue();
 	}
 	/**
 	* Method for handling the click event of the wrapper element.
@@ -388,6 +402,7 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 	* @fires {CustomEvent} change
 	*/
 	handleChange(event) {
+		this.hasInteracted = true;
 		if (event.target.validity.valid) this.value = event.target.value;
 		const customEvent = new CustomEvent(event.type, event);
 		this.dispatchEvent(customEvent);
@@ -398,6 +413,7 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 	* the event can be handled outside the shadow DOM.
 	*/
 	handleInput(event) {
+		this.hasInteracted = true;
 		this.value = event.target.value;
 		const customEvent = new CustomEvent("input", {
 			bubbles: true,
@@ -447,7 +463,7 @@ var LeuInput = class LeuInput extends FormAssociatedMixin(LeuElement) {
 	}
 	isInvalid() {
 		if (this.error) return true;
-		return this._validity === null || this.novalidate ? false : !this._validity.valid;
+		return this._validity === null || this.novalidate || this.disabled ? false : !this._validity.valid;
 	}
 	/**
 	* Check input validation
@@ -544,10 +560,6 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], LeuInput.prototype, "clearable", void 0);
-__decorate([property({
-	type: String,
-	reflect: true
-})], LeuInput.prototype, "value", void 0);
 __decorate([property({
 	type: String,
 	reflect: true
@@ -605,6 +617,15 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], LeuInput.prototype, "novalidate", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	attribute: "value"
+})], LeuInput.prototype, "defaultValue", void 0);
+__decorate([property({
+	type: String,
+	attribute: false
+})], LeuInput.prototype, "value", null);
 __decorate([state()], LeuInput.prototype, "_validity", void 0);
 //#endregion
 export { SIZES as n, LeuInput as t };

package/dist/Input.d.ts

@@ -1,2 +1,2 @@
-import { n as SIZES, t as LeuInput } from "./Input-D2THgo7c.js";
+import { n as SIZES, t as LeuInput } from "./Input-CeaAOB4p.js";
 export { LeuInput, SIZES };

package/dist/Input.js

@@ -1,5 +1,5 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import { n as SIZES, t as LeuInput } from "./Input-DEOVocTa.js";
+import { n as SIZES, t as LeuInput } from "./Input-DBXX7ev8.js";
 export { LeuInput, SIZES };

package/dist/{LeuElement-BeFrgKes.js → LeuElement-k4RjIeoG.js}

@@ -20,7 +20,7 @@ var common_styles_default = css`:host,
 //#region src/lib/LeuElement.ts
 var LeuElement = class extends LitElement {
 	static {
-		this.version = "0.26.0";
+		this.version = "0.27.0";
 	}
 	static {
 		this.dependencies = {};

package/dist/{Menu-BeqqtCw6.js → Menu-Cu8eIF1T.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuMenuItem } from "./MenuItem-DVg8-1Bq.js";
+import { t as LeuMenuItem } from "./MenuItem-Cs3KFhJm.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/menu/menu.css?inline

package/dist/Menu.js

@@ -1,5 +1,5 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./MenuItem-DVg8-1Bq.js";
-import { t as LeuMenu } from "./Menu-BeqqtCw6.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./MenuItem-Cs3KFhJm.js";
+import { t as LeuMenu } from "./Menu-Cu8eIF1T.js";
 export { LeuMenu };

package/dist/{MenuItem-DVg8-1Bq.js → MenuItem-Cs3KFhJm.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import { t as LeuMenuItem } from "./MenuItem-DVg8-1Bq.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import { t as LeuMenuItem } from "./MenuItem-Cs3KFhJm.js";
 export { LeuMenuItem };

package/dist/{Message-BhknWvAF.js → Message-C6Zlk_2p.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
 import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Message.js

@@ -1,4 +1,4 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import { t as LeuMessage } from "./Message-BhknWvAF.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import { t as LeuMessage } from "./Message-C6Zlk_2p.js";
 export { LeuMessage };

package/dist/{Pagination-DJI5MIi_.js → Pagination-CB2eVlXk.js}

@@ -1,8 +1,8 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
-import { t as LeuButton } from "./Button-BkhqVjug.js";
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-pll3amXE.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-Co_txzxB.js";
 import { css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { live } from "lit/directives/live.js";

package/dist/Pagination.js

@@ -1,8 +1,8 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import "./VisuallyHidden-pll3amXE.js";
-import { t as LeuPagination } from "./Pagination-DJI5MIi_.js";
+import "./VisuallyHidden-Co_txzxB.js";
+import { t as LeuPagination } from "./Pagination-CB2eVlXk.js";
 export { LeuPagination };