@statistikzh/leu 0.26.0 → 0.28.0

package/dist/{Select-vxl3BvD4.js → Select-Bpicra9q.js}

@@ -1,12 +1,15 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
+import { t as __decorate } from "./decorate-DwpAc4D0.js";
+import { t as LeuIcon } from "./Icon-D83qesg5.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 LeuInput } from "./Input-DEOVocTa.js";
+import { t as LeuButton } from "./Button-DyNVOHCd.js";
+import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
+import { t as LeuMenuItem } from "./MenuItem-DCttylRO.js";
+import { t as LeuMenu } from "./Menu-DRU1LiMM.js";
+import { t as LeuPopup } from "./Popup-nJrJHGSy.js";
+import { t as LeuInput } from "./Input-D7zS50oz.js";
 import { css, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { createRef, ref } from "lit/directives/ref.js";
@@ -107,6 +110,10 @@ var select_default = css`:host {
   font-family: var(--select-font-regular);
 }
 
+:host([required]) .label::after {
+  content: "*";
+}
+
 .clear-button {
   --_length: 1.5rem;
 
@@ -248,17 +255,33 @@ var select_default = css`:host {
 * @tagname leu-select
 * @slot before - Optional content the appears before the option list
 * @slot after - Optional content the appears after the option list
-* @property {string} name - Reflects to the name attribute of the hidden input field that would be used in a form
-* @property {boolean} open - The expanded state of the popup
-* @property {string} label - The label of the select
-* @property {array} value - List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.
-* @property {boolean} clearable - Show a clearable button to reset the value
-* @property {boolean} disabled - If the select should be disabled
-* @property {boolean} filterable - Show an input field to filter the options inside the popup
-* @property {boolean} multiple - Allow multiple selections
 * @attribute {string} value - The selected values separated by commas.
 */
-var LeuSelect = class extends LeuElement {
+var LeuSelect = class extends FormAssociatedMixin(LeuElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.defaultValue = [];
+		this.clearable = false;
+		this.filterable = false;
+		this.multiple = false;
+		this.required = false;
+		this.open = false;
+		this._optionFilter = "";
+		this._hasFilterResults = true;
+		this._displayValue = "";
+		this._deferedChangeEvent = false;
+		this._optionFilterRef = createRef();
+		this._toggleButtonRef = createRef();
+		this._menuRef = createRef();
+		this.hasSlotController = new HasSlotController(this, ["before", "after"]);
+		this._handleDocumentClick = (event) => {
+			if (!event.composedPath().includes(this) && this.open) this._closeDropdown();
+		};
+		this._handleKeyDown = (event) => {
+			if (event.key === "Escape") this._closeDropdown();
+		};
+	}
 	static {
 		this.dependencies = {
 			"leu-button": LeuButton,
@@ -272,90 +295,49 @@ var LeuSelect = class extends LeuElement {
 	static {
 		this.styles = [LeuElement.styles, select_default];
 	}
-	static get properties() {
-		return {
-			name: {
-				type: String,
-				reflect: true
-			},
-			open: {
-				type: Boolean,
-				reflect: true
-			},
-			label: {
-				type: String,
-				reflect: true
-			},
-			value: {
-				type: Array,
-				converter: { fromAttribute(value) {
-					if (value) return value.split(",").map((v) => v.trim());
-					return value;
-				} }
-			},
-			clearable: {
-				type: Boolean,
-				reflect: true
-			},
-			disabled: {
-				type: Boolean,
-				reflect: true
-			},
-			filterable: {
-				type: Boolean,
-				reflect: true
-			},
-			multiple: {
-				type: Boolean,
-				reflect: true
-			},
-			_optionFilter: { state: true },
-			_hasFilterResults: { state: true },
-			_displayValue: { state: true }
+	static {
+		this.shadowRootOptions = {
+			...LeuElement.shadowRootOptions,
+			delegatesFocus: true
 		};
 	}
+	/**
+	* List of selected values. If they're set from outside the component, the select element
+	* finds all the options that match the given values and selects them.
+	*/
+	set value(value) {
+		/**
+		* @todo Check if all of the value items are actually present in the options
+		*/
+		this._value = value;
+	}
+	get value() {
+		return this._value ?? this.defaultValue;
+	}
 	static getOptionLabel(option) {
 		if (typeof option === "object" && option !== null) return option.label;
 		return option;
 	}
-	constructor() {
-		super();
-		this.hasSlotController = new HasSlotController(this, ["before", "after"]);
-		this._handleDocumentClick = (event) => {
-			if (!event.composedPath().includes(this) && this.open) this._closeDropdown();
-		};
-		this._handleKeyDown = (event) => {
-			if (event.key === "Escape") this._closeDropdown();
-		};
-		this.open = false;
-		this.disabled = false;
-		this.open = false;
-		this.multiple = false;
-		this.clearable = false;
-		this.filterable = false;
-		this.value = [];
-		this.label = "";
-		this.name = "";
-		/** @internal */
-		this._optionFilter = "";
-		/** @internal */
-		this._hasFilterResults = true;
-		/** @internal */
-		this._deferedChangeEvent = false;
-		/** @internal */
+	setFormValue() {
+		const isEmpty = this.value.length === 0 || !this.value.some((v) => v !== "");
+		if (isEmpty || this.disabled) this.internals.setFormValue(null);
+		else if (this.multiple) {
+			const formData = new FormData();
+			this.value.forEach((v) => formData.append(this.name ?? "", v));
+			this.internals.setFormValue(formData);
+		} else this.internals.setFormValue(this.value[0]);
+		if (this.required && isEmpty) this.internals.setValidity({ valueMissing: true }, "Bitte wählen Sie eine Option aus.");
+		else this.internals.setValidity({});
+	}
+	formResetCallback() {
+		super.formResetCallback();
+		this.value = this.defaultValue;
 		this._displayValue = "";
-		/**
-		* @type {import("lit/directives/ref").Ref<import("../input/Input").LeuInput>}
-		*/
-		this._optionFilterRef = createRef();
-		/**
-		* @type {import("lit/directives/ref").Ref<HTMLButtonElement>}
-		*/
-		this._toggleButtonRef = createRef();
-		/**
-		* @type {import("lit/directives/ref").Ref<import("../menu/Menu").LeuMenu>}
-		*/
-		this._menuRef = createRef();
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate(changedProperties);
+		if (changedProperties.has("defaultValue") && !changedProperties.has("value") && !this.hasInteracted) this.value = this.defaultValue;
+		if (changedProperties.has("value") || changedProperties.has("defaultValue") || changedProperties.has("name") || changedProperties.has("disabled") || changedProperties.has("required")) this.setFormValue();
 	}
 	connectedCallback() {
 		super.connectedCallback();
@@ -375,13 +357,15 @@ var LeuSelect = class extends LeuElement {
 			multiple: changedProperties.has("multiple")
 		});
 	}
+	click() {
+		this._toggleButtonRef.value?.click();
+	}
 	/**
 	* Apply the current state to the menu items.
 	* - Set the active property when the value property has changed.
 	* - Hide menu items that do not match the filter.
 	*/
 	async _updateMenuItems(changed) {
-		/** @type {LeuMenu} */
 		const menu = this._menuRef.value;
 		await menu.updateComplete;
 		const menuItems = menu.getMenuItems();
@@ -418,7 +402,6 @@ var LeuSelect = class extends LeuElement {
 	}
 	/**
 	* @internal
-	* @param {KeyboardEvent} event
 	*/
 	async _handleToggleKeyDown(event) {
 		if ([
@@ -437,7 +420,6 @@ var LeuSelect = class extends LeuElement {
 	}
 	/**
 	* @internal
-	* @param {KeyboardEvent} event
 	*/
 	_handleFilterInputKeyDown(event) {
 		if (event.key === "ArrowDown") this._menuRef.value.focusItem(0);
@@ -445,7 +427,6 @@ var LeuSelect = class extends LeuElement {
 	}
 	/**
 	* Determines the value or label that should be displayed inside the toggle button.
-	* @returns {String | nothing}
 	*/
 	_getDisplayValue() {
 		if (this.multiple) return this.value.length === 0 ? `` : `${this.value.length} gewählt`;
@@ -468,6 +449,7 @@ var LeuSelect = class extends LeuElement {
 	_clearValue(event) {
 		if (!this.disabled) {
 			event.stopPropagation();
+			this.hasInteracted = true;
 			this.value = [];
 		}
 		this._emitInputEvent();
@@ -488,18 +470,16 @@ var LeuSelect = class extends LeuElement {
 	}
 	/**
 	* Checks if the given value is selected.
-	* @param {String} menuItemValue
-	* @returns {Boolean}
 	*/
 	_isSelected(menuItemValue) {
 		return this.value.includes(menuItemValue);
 	}
 	_handleMenuItemClick(event) {
 		if (!(event.target instanceof LeuMenuItem) || event.target.disabled) return;
-		/** @type {LeuMenuItem} */
 		const menuItem = event.target;
 		const value = menuItem.getValue();
 		const isSelected = this._isSelected(value);
+		this.hasInteracted = true;
 		if (this.multiple) {
 			this.value = isSelected ? this.value.filter((v) => v !== value) : this.value.concat(value);
 			this._deferedChangeEvent = true;
@@ -529,7 +509,6 @@ var LeuSelect = class extends LeuElement {
             type="button"
             class="apply-button"
             @click=${this._closeDropdown}
-            fluid
             >Anwenden</leu-button
           >
         </div>
@@ -574,45 +553,85 @@ var LeuSelect = class extends LeuElement {
 	}
 	render() {
 		return html`<div
-        class=${classMap({
+      class=${classMap({
 			select: true,
 			"select--has-before": this.hasSlotController.test("before"),
 			"select--has-after": this.hasSlotController.test("after")
 		})}
-        @keydown=${this._handleKeyDown}
+      @keydown=${this._handleKeyDown}
+    >
+      <leu-popup
+        ?active=${this.open}
+        placement="bottom-start"
+        flip
+        matchSize="width"
+        autoSize="height"
+        autoSizePadding="8"
       >
-        <leu-popup
-          ?active=${this.open}
-          placement="bottom-start"
-          flip
-          matchSize="width"
-          autoSize="height"
-          autoSizePadding="8"
-        >
-          ${this._renderToggleButton()}
-          <div id="select-popup" class="select-menu-container">
-            <slot name="before" class="before"></slot>
-            ${this._renderFilterInput()}
-            <leu-menu
-              ref=${ref(this._menuRef)}
-              role="listbox"
-              aria-multiselectable=${ifDefined(this.multiple ? "true" : void 0)}
-              class="menu"
-              @click=${this._handleMenuItemClick}
-              aria-labelledby="select-label"
-            >
-              <slot @slotchange=${this._handleItemSlotChange}> </slot>
-            </leu-menu>
-            ${this._hasFilterResults || this._optionFilter === "" ? nothing : html` <p class="filter-message-empty" aria-live="polite">
-                  Keine Resultate
-                </p>`}
-            ${this._renderApplyButton()}
-            <slot name="after" class="after"></slot>
-          </div>
-        </leu-popup>
-      </div>
-      <input type="hidden" name=${this.name} .value=${this.value.join(",")} />`;
+        ${this._renderToggleButton()}
+        <div id="select-popup" class="select-menu-container">
+          <slot name="before" class="before"></slot>
+          ${this._renderFilterInput()}
+          <leu-menu
+            ref=${ref(this._menuRef)}
+            role="listbox"
+            aria-multiselectable=${ifDefined(this.multiple ? "true" : void 0)}
+            class="menu"
+            @click=${this._handleMenuItemClick}
+            aria-labelledby="select-label"
+          >
+            <slot @slotchange=${this._handleItemSlotChange}> </slot>
+          </leu-menu>
+          ${this._hasFilterResults || this._optionFilter === "" ? nothing : html` <p class="filter-message-empty" aria-live="polite">
+                Keine Resultate
+              </p>`}
+          ${this._renderApplyButton()}
+          <slot name="after" class="after"></slot>
+        </div>
+      </leu-popup>
+    </div>`;
 	}
 };
+__decorate([property({
+	type: String,
+	reflect: true
+})], LeuSelect.prototype, "label", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: "value",
+	converter: {
+		fromAttribute(value) {
+			if (value) return value.split(",").map((v) => v.trim());
+			return [];
+		},
+		toAttribute(value) {
+			return value.length > 0 ? value.join(",") : null;
+		}
+	}
+})], LeuSelect.prototype, "defaultValue", void 0);
+__decorate([property({
+	type: Array,
+	attribute: false
+})], LeuSelect.prototype, "value", null);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuSelect.prototype, "clearable", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuSelect.prototype, "filterable", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuSelect.prototype, "multiple", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuSelect.prototype, "required", void 0);
+__decorate([state()], LeuSelect.prototype, "open", void 0);
+__decorate([state()], LeuSelect.prototype, "_optionFilter", void 0);
+__decorate([state()], LeuSelect.prototype, "_hasFilterResults", void 0);
+__decorate([state()], LeuSelect.prototype, "_displayValue", void 0);
 //#endregion
 export { LeuSelect as t };

package/dist/Select.d.ts

@@ -1,30 +1,25 @@
-import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
-import { t as LeuIcon } from "./Icon-Op80LrrO.js";
-import { t as LeuButton } from "./Button-BgNUxmo_.js";
-import { t as HasSlotController } from "./hasSlotController-DWPyZ52b.js";
-import { t as LeuMenuItem } from "./MenuItem-QcgnRk_7.js";
-import { t as LeuMenu } from "./Menu-CQdx1ef3.js";
-import { t as LeuPopup } from "./Popup-Btgm2a3D.js";
-import { t as LeuInput } from "./Input-D2THgo7c.js";
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
+import { t as FormAssociatedMixinType } from "./FormAssociatedMixin-Cw7LsSUE.js";
+import { t as LeuIcon } from "./Icon-CUfh3eb3.js";
+import { t as LeuButton } from "./Button-DcuvEVkC.js";
+import { t as HasSlotController } from "./hasSlotController-BjKyhJm-.js";
+import { t as LeuMenuItem } from "./MenuItem-LY4TRIho.js";
+import { t as LeuMenu } from "./Menu-Z2b7dsB5.js";
+import { t as LeuPopup } from "./Popup-B5iDSLIO.js";
+import { t as LeuInput } from "./Input-fEiQvGDF.js";
 import { PropertyValues, nothing } from "lit";
 import * as lit_html0 from "lit-html";
+import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
 
 //#region src/components/select/Select.d.ts
+declare const LeuSelect_base: (abstract new (...args: any[]) => FormAssociatedMixinType) & typeof LeuElement;
 /**
  * @tagname leu-select
  * @slot before - Optional content the appears before the option list
  * @slot after - Optional content the appears after the option list
- * @property {string} name - Reflects to the name attribute of the hidden input field that would be used in a form
- * @property {boolean} open - The expanded state of the popup
- * @property {string} label - The label of the select
- * @property {array} value - List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.
- * @property {boolean} clearable - Show a clearable button to reset the value
- * @property {boolean} disabled - If the select should be disabled
- * @property {boolean} filterable - Show an input field to filter the options inside the popup
- * @property {boolean} multiple - Allow multiple selections
  * @attribute {string} value - The selected values separated by commas.
  */
-declare class LeuSelect extends LeuElement {
+declare class LeuSelect extends LeuSelect_base {
   static dependencies: {
     "leu-button": typeof LeuButton;
     "leu-menu": typeof LeuMenu;
@@ -34,60 +29,74 @@ declare class LeuSelect extends LeuElement {
     "leu-popup": typeof LeuPopup;
   };
   static styles: any[];
-  static get properties(): {
-    name: {
-      type: StringConstructor;
-      reflect: boolean;
-    };
-    open: {
-      type: BooleanConstructor;
-      reflect: boolean;
-    };
-    label: {
-      type: StringConstructor;
-      reflect: boolean;
-    };
-    value: {
-      type: ArrayConstructor;
-      converter: {
-        fromAttribute(value: any): any;
-      };
-    };
-    clearable: {
-      type: BooleanConstructor;
-      reflect: boolean;
-    };
-    disabled: {
-      type: BooleanConstructor;
-      reflect: boolean;
-    };
-    filterable: {
-      type: BooleanConstructor;
-      reflect: boolean;
-    };
-    multiple: {
-      type: BooleanConstructor;
-      reflect: boolean;
-    };
-    _optionFilter: {
-      state: boolean;
-    };
-    _hasFilterResults: {
-      state: boolean;
-    };
-    _displayValue: {
-      state: boolean;
-    };
+  /**
+   * @internal
+   */
+  static shadowRootOptions: {
+    delegatesFocus: boolean;
+    clonable?: boolean;
+    customElementRegistry?: CustomElementRegistry;
+    mode: ShadowRootMode;
+    serializable?: boolean;
+    slotAssignment?: SlotAssignmentMode;
   };
+  /**
+   * The label of the select
+   */
+  label: string;
+  /**
+   * The default value of the select. Corresponds to the `value` HTML attribute.
+   */
+  defaultValue: Array<string>;
+  /** @internal */
+  protected _value: Array<string> | undefined;
+  /**
+   * List of selected values. If they're set from outside the component, the select element
+   * finds all the options that match the given values and selects them.
+   */
+  set value(value: Array<string>);
+  get value(): Array<string>;
+  /**
+   * Show a clearable button to reset the value
+   */
+  clearable: boolean;
+  /**
+   * Show an input field to filter the options inside the popup
+   */
+  filterable: boolean;
+  /**
+   * Allow multiple selections
+   */
+  multiple: boolean;
+  /** Marks the input element as required */
+  required: boolean;
+  /**
+   * The expanded state of the popup
+   */
+  protected open: boolean;
+  protected _optionFilter: string;
+  protected _hasFilterResults: boolean;
+  protected _displayValue: string;
   static getOptionLabel(option: any): any;
+  /** @internal */
+  protected _deferedChangeEvent: boolean;
+  /** @internal */
+  protected _optionFilterRef: lit_html_directives_ref_js0.Ref<LeuInput>;
+  /** @internal */
+  protected _toggleButtonRef: lit_html_directives_ref_js0.Ref<HTMLButtonElement>;
+  /** @internal */
+  protected _menuRef: lit_html_directives_ref_js0.Ref<LeuMenu>;
   /**
    * @internal
    */
   hasSlotController: HasSlotController;
-  constructor();
+  protected setFormValue(): void;
+  formResetCallback(): void;
+  protected willUpdate(changedProperties: PropertyValues<this>): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   updated(changedProperties: PropertyValues<this>): void;
+  click(): void;
   /**
    * Apply the current state to the menu items.
    * - Set the active property when the value property has changed.
@@ -104,42 +113,35 @@ declare class LeuSelect extends LeuElement {
   /**
    * Handles clicks outside of the component to close the dropdown.
    * @internal
-   * @param {MouseEvent} event
    */
-  _handleDocumentClick: (event: any) => void;
+  _handleDocumentClick: (event: MouseEvent) => void;
   /**
    * @internal
-   * @param {KeyboardEvent} event
    */
-  _handleKeyDown: (event: any) => void;
+  _handleKeyDown: (event: KeyboardEvent) => void;
   /**
    * @internal
-   * @param {KeyboardEvent} event
    */
-  _handleToggleKeyDown(event: any): Promise<void>;
+  _handleToggleKeyDown(event: KeyboardEvent): Promise<void>;
   /**
    * @internal
-   * @param {KeyboardEvent} event
    */
-  _handleFilterInputKeyDown(event: any): void;
+  _handleFilterInputKeyDown(event: KeyboardEvent): void;
   /**
    * Determines the value or label that should be displayed inside the toggle button.
-   * @returns {String | nothing}
    */
-  _getDisplayValue(): any;
+  _getDisplayValue(): string | typeof nothing;
   _emitInputEvent(): void;
   _emitChangeEvent(): void;
-  _clearValue(event: any): void;
+  _clearValue(event: MouseEvent): void;
   _toggleDropdown(): void;
   _closeDropdown(): void;
-  _handleFilterInput(event: any): void;
+  _handleFilterInput(event: InputEvent): void;
   /**
    * Checks if the given value is selected.
-   * @param {String} menuItemValue
-   * @returns {Boolean}
    */
-  _isSelected(menuItemValue: any): any;
-  _handleMenuItemClick(event: any): void;
+  _isSelected(menuItemValue: string): boolean;
+  _handleMenuItemClick(event: MouseEvent): void;
   _renderFilterInput(): lit_html0.TemplateResult<1> | typeof nothing;
   _renderApplyButton(): lit_html0.TemplateResult<1> | typeof nothing;
   _renderToggleButton(): lit_html0.TemplateResult<1>;

package/dist/Select.js

@@ -1,11 +1,11 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-DQI8cqZV.js";
+import "./Icon-D83qesg5.js";
+import "./Spinner-BBiVZxFH.js";
+import "./Button-DyNVOHCd.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import "./MenuItem-DVg8-1Bq.js";
-import "./Menu-BeqqtCw6.js";
-import "./Popup-DNlm_9AA.js";
-import "./Input-DEOVocTa.js";
-import { t as LeuSelect } from "./Select-vxl3BvD4.js";
+import "./MenuItem-DCttylRO.js";
+import "./Menu-DRU1LiMM.js";
+import "./Popup-nJrJHGSy.js";
+import "./Input-D7zS50oz.js";
+import { t as LeuSelect } from "./Select-Bpicra9q.js";
 export { LeuSelect };

package/dist/{Spinner-DDTqijTO.js → Spinner-BBiVZxFH.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
 import { css, html } from "lit";
 //#region src/components/spinner/spinner.css?inline
 var spinner_default = css`@keyframes leu-spinner-rotate {

package/dist/{Spinner-CrM1enM0.d.ts → Spinner-DHYaX6-Y.d.ts}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/spinner/Spinner.d.ts

package/dist/Spinner.d.ts

@@ -1,2 +1,2 @@
-import { t as LeuSpinner } from "./Spinner-CrM1enM0.js";
+import { t as LeuSpinner } from "./Spinner-DHYaX6-Y.js";
 export { LeuSpinner };

package/dist/Spinner.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuSpinner } from "./Spinner-DDTqijTO.js";
+import "./LeuElement-DQI8cqZV.js";
+import { t as LeuSpinner } from "./Spinner-BBiVZxFH.js";
 export { LeuSpinner };