@statistikzh/leu 0.25.0 → 0.27.0

package/dist/FileInput.d.ts

@@ -1,7 +1,7 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
 import { t as FormAssociatedMixinType } from "./FormAssociatedMixin-Cc74LjbC.js";
 import { t as LeuIcon } from "./Icon-Op80LrrO.js";
-import { t as LeuButton } from "./Button-DSGPIcjm.js";
+import { t as LeuButton } from "./Button-BgNUxmo_.js";
 import { t as LeuVisuallyHidden } from "./VisuallyHidden-OeQvhxYn.js";
 import { PropertyValues } from "lit";
 import * as lit_html0 from "lit-html";
@@ -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,7 +1,8 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import { t as LeuFileInput } from "./FileInput-5apX17JT.js";
-import "./VisuallyHidden-BkllVjlz.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-DntYrpZ-.js";
+import "./VisuallyHidden-Co_txzxB.js";
 export { LeuFileInput };

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

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.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-B7NJzWwP.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.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-CnEz-2dK.js → Input-DBXX7ev8.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as FormAssociatedMixin } from "./FormAssociatedMixin-BbFlza53.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";
 import { classMap } from "lit/directives/class-map.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-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import { n as SIZES, t as LeuInput } from "./Input-CnEz-2dK.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import { n as SIZES, t as LeuInput } from "./Input-DBXX7ev8.js";
 export { LeuInput, SIZES };

package/dist/{LeuElement-B7NJzWwP.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.25.0";
+		this.version = "0.27.0";
 	}
 	static {
 		this.dependencies = {};

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

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuMenuItem } from "./MenuItem-CZTqGg5R.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-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./MenuItem-CZTqGg5R.js";
-import { t as LeuMenu } from "./Menu-DpiheIPk.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-CZTqGg5R.js → MenuItem-Cs3KFhJm.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.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-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import { t as LeuMenuItem } from "./MenuItem-CZTqGg5R.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import { t as LeuMenuItem } from "./MenuItem-Cs3KFhJm.js";
 export { LeuMenuItem };

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

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as HasSlotController } from "./hasSlotController-DjdfnOQp.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";
 import { classMap } from "lit/directives/class-map.js";

package/dist/Message.js

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

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

@@ -1,8 +1,8 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-BkllVjlz.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-Be8TcBoC.d.ts → Pagination-CqkHh-Vd.d.ts}

@@ -1,6 +1,6 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
 import { t as LeuIcon } from "./Icon-Op80LrrO.js";
-import { t as LeuButton } from "./Button-DSGPIcjm.js";
+import { t as LeuButton } from "./Button-BgNUxmo_.js";
 import { t as LeuVisuallyHidden } from "./VisuallyHidden-OeQvhxYn.js";
 import * as lit_html0 from "lit-html";
 

package/dist/Pagination.d.ts

@@ -1,2 +1,2 @@
-import { t as LeuPagination } from "./Pagination-Be8TcBoC.js";
+import { t as LeuPagination } from "./Pagination-CqkHh-Vd.js";
 export { LeuPagination };

package/dist/Pagination.js

@@ -1,7 +1,8 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import "./VisuallyHidden-BkllVjlz.js";
-import { t as LeuPagination } from "./Pagination-CWqgusWZ.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import "./VisuallyHidden-Co_txzxB.js";
+import { t as LeuPagination } from "./Pagination-CB2eVlXk.js";
 export { LeuPagination };

package/dist/{Placeholder-DMN6sMbp.js → Placeholder-DHMexMhK.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { css, html } from "lit";
 //#region src/components/placeholder/placeholder.css?inline
 var placeholder_default = css`:host {

package/dist/Placeholder.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuPlaceholder } from "./Placeholder-DMN6sMbp.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuPlaceholder } from "./Placeholder-DHMexMhK.js";
 export { LeuPlaceholder };

package/dist/{Popup-JQjuj26v.js → Popup-8jhVy8gB.js}

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

package/dist/Popup.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuPopup } from "./Popup-JQjuj26v.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuPopup } from "./Popup-8jhVy8gB.js";
 export { LeuPopup };

package/dist/{ProgressBar-CzN3fqiH.js → ProgressBar-CG0_lHfS.js}

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

package/dist/ProgressBar.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuProgressBar } from "./ProgressBar-CzN3fqiH.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuProgressBar } from "./ProgressBar-CG0_lHfS.js";
 export { LeuProgressBar };

package/dist/{Radio-CX8aCsff.js → Radio-DG3xqP3s.js}

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

package/dist/Radio.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuRadio } from "./Radio-CX8aCsff.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuRadio } from "./Radio-DG3xqP3s.js";
 export { LeuRadio };

package/dist/{RadioGroup-CgEWQnC4.js → RadioGroup-BKCp9ICX.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuRadio } from "./Radio-CX8aCsff.js";
+import { t as LeuRadio } from "./Radio-DG3xqP3s.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Radio-CX8aCsff.js";
-import { t as LeuRadioGroup } from "./RadioGroup-CgEWQnC4.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Radio-DG3xqP3s.js";
+import { t as LeuRadioGroup } from "./RadioGroup-BKCp9ICX.js";
 export { LeuRadioGroup };

package/dist/{Range-DoW_ZdKm.js → Range-7LrESv4K.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { n as isNumber, t as clamp } from "./utils-hfk5Nwy8.js";
 import { css, html, nothing } from "lit";

package/dist/Range.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuRange } from "./Range-DoW_ZdKm.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuRange } from "./Range-7LrESv4K.js";
 export { LeuRange };

package/dist/{ScrollTop-DxChetWq.js → ScrollTop-CJJsfniA.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
 import { r as throttle } from "./utils-hfk5Nwy8.js";
 import { css, html } from "lit";
 import { state } from "lit/decorators.js";
@@ -63,24 +63,24 @@ var scroll_top_default = css`.scroll-top {
 /**
 * @tagname leu-scroll-top
 */
-var LeuScrollTop = class LeuScrollTop extends LeuElement {
+var LeuScrollTop = class extends LeuElement {
 	constructor(..._args) {
 		super(..._args);
-		this._showButton = false;
-		this._prevYPos = 0;
-		this._scrollDown = false;
+		this.showButton = false;
+		this.prevYPos = 0;
+		this.hasScrolledDown = false;
 		this.scroll = () => {
-			const delta = window.scrollY - this._prevYPos;
-			if (this._scrollDown) {
-				if (delta < 0) this._scrollDown = false;
-			} else if (delta > 0) this._scrollDown = true;
+			const delta = window.scrollY - this.prevYPos;
+			if (this.hasScrolledDown) {
+				if (delta < 0) this.hasScrolledDown = false;
+			} else if (delta > 0) this.hasScrolledDown = true;
 			/**
 			* Only show the button when
 			* ... the current scroll position is greater than the window height (below-the-fold) and when
 			* ... scrolling up
 			*/
-			this._showButton = window.scrollY > window.innerHeight && !this._scrollDown;
-			this._prevYPos = window.scrollY;
+			this.showButton = window.scrollY > window.innerHeight && !this.hasScrolledDown;
+			this.prevYPos = window.scrollY;
 		};
 	}
 	static {
@@ -94,14 +94,14 @@ var LeuScrollTop = class LeuScrollTop extends LeuElement {
 	}
 	connectedCallback() {
 		super.connectedCallback();
-		this._scrollListener = throttle(this.scroll, 100);
-		document.addEventListener("scroll", this._scrollListener, true);
+		this.scrollListener = throttle(this.scroll, 100);
+		document.addEventListener("scroll", this.scrollListener, true);
 	}
 	disconnectedCallback() {
-		document.removeEventListener("scroll", this._scrollListener, true);
+		document.removeEventListener("scroll", this.scrollListener, true);
 		super.disconnectedCallback();
 	}
-	static scrollToTop() {
+	scrollToTop() {
 		window.scrollTo({
 			top: 0,
 			left: 0,
@@ -112,12 +112,12 @@ var LeuScrollTop = class LeuScrollTop extends LeuElement {
 		return html`
       <div class=${classMap({
 			"scroll-top": true,
-			hide: !this._showButton
+			hide: !this.showButton
 		})}>
         <leu-button
           label="Zum Seitenanfang"
           round
-          @click="${() => LeuScrollTop.scrollToTop()}"
+          @click="${() => this.scrollToTop()}"
         >
           <leu-icon name="arrowUp"></leu-icon>
         </leu-button>
@@ -125,6 +125,6 @@ var LeuScrollTop = class LeuScrollTop extends LeuElement {
     `;
 	}
 };
-__decorate([state()], LeuScrollTop.prototype, "_showButton", void 0);
+__decorate([state()], LeuScrollTop.prototype, "showButton", void 0);
 //#endregion
 export { LeuScrollTop as t };

package/dist/ScrollTop.d.ts

@@ -1,6 +1,6 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
 import { t as LeuIcon } from "./Icon-Op80LrrO.js";
-import { t as LeuButton } from "./Button-DSGPIcjm.js";
+import { t as LeuButton } from "./Button-BgNUxmo_.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/scroll-top/ScrollTop.d.ts
@@ -13,14 +13,14 @@ declare class LeuScrollTop extends LeuElement {
     "leu-icon": typeof LeuIcon;
   };
   static styles: any[];
-  protected _showButton: boolean;
-  protected _prevYPos: number;
-  protected _scrollDown: boolean;
-  protected _scrollListener: EventListener;
+  protected showButton: boolean;
+  protected prevYPos: number;
+  protected hasScrolledDown: boolean;
+  protected scrollListener: EventListener;
   scroll: () => void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  static scrollToTop(): void;
+  scrollToTop(): void;
   render(): lit_html0.TemplateResult<1>;
 }
 //#endregion

package/dist/ScrollTop.js

@@ -1,6 +1,7 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import { t as LeuScrollTop } from "./ScrollTop-DxChetWq.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 LeuScrollTop } from "./ScrollTop-CJJsfniA.js";
 export { LeuScrollTop };