@statistikzh/leu 0.18.0 → 0.18.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.18.0"
+  ".": "0.18.1"
 }

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.18.1](https://github.com/statistikZH/leu/compare/leu-v0.18.0...leu-v0.18.1) (2025-09-11)
+
+
+### Miscellaneous Chores
+
+* release 0.18.1 ([e857924](https://github.com/statistikZH/leu/commit/e8579242a7c6e87dae7b9228baba6bd3ef62cf5d))
+
 ## [0.18.0](https://github.com/statistikZH/leu/compare/leu-v0.17.0...leu-v0.18.0) (2025-09-10)
 
 

package/dist/Accordion.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing } from 'lit';
 import { unsafeStatic, html } from 'lit/static-html.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   --accordion-font-regular: var(--leu-font-family-regular);

package/dist/Button.js

@@ -4,7 +4,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
 import { LeuIcon } from './Icon.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 
 /**

package/dist/ButtonGroup.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuButton } from './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/ChartWrapper.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuSpinner } from './Spinner.js';
 

package/dist/Checkbox.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/CheckboxGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuCheckbox } from './Checkbox.js';
 import './Icon.js';
 

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { css } from 'lit';
 
 var css_248z = css`:host *::before,

package/dist/ChipGroup.js

@@ -1,5 +1,5 @@
 import { unsafeStatic, html } from 'lit/static-html.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { css } from 'lit';
 
 var css_248z = css`.label {

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 const SIZES = {
     regular: "regular",

package/dist/ChipRemovable.js

@@ -1,7 +1,7 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';
 

package/dist/ChipSelectable.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 const SIZES = {
     small: "small",

package/dist/Dialog.js

@@ -1,7 +1,7 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Dropdown.js

@@ -1,6 +1,6 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Icon.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, svg } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   display: contents;

package/dist/Input.d.ts

@@ -197,15 +197,6 @@ declare class LeuInput extends LeuElement {
      * @fires {CustomEvent} change
      */
     clear(): void;
-    /**
-     * Method for getting the id of the input element.
-     * If the id attribute is set, the value of the id attribute is returned.
-     * Otherwise a random id is generated and returned.
-     *
-     * @private
-     * @returns {string} id
-     */
-    getId(): any;
     /**
      * Merge custom and default validation messages.
      * A validation message can be a function or a string.

package/dist/Input.js

@@ -3,7 +3,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';
@@ -448,25 +448,6 @@ class LeuInput extends LeuElement {
         this.dispatchEvent(new CustomEvent("input", { bubbles: true, composed: true }));
         this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true }));
     }
-    /**
-     * Method for getting the id of the input element.
-     * If the id attribute is set, the value of the id attribute is returned.
-     * Otherwise a random id is generated and returned.
-     *
-     * @private
-     * @returns {string} id
-     */
-    getId() {
-        const id = this.getAttribute("id");
-        if (id !== null && id !== "") {
-            return id;
-        }
-        if (this._identifier !== "") {
-            return this._identifier;
-        }
-        this._identifier = crypto.randomUUID();
-        return this._identifier;
-    }
     /**
      * Merge custom and default validation messages.
      * A validation message can be a function or a string.
@@ -523,7 +504,7 @@ class LeuInput extends LeuElement {
             errorMessages = [this.error, errorMessages];
         }
         return html `
-      <ul class="error" aria-errormessage=${`input-${this.getId()}`}>
+      <ul class="error" aria-errormessage="input">
         ${errorMessages.map((message) => html `<li class="error-message">${message}</li>`)}
       </ul>
     `;
@@ -574,7 +555,7 @@ class LeuInput extends LeuElement {
       >
         <input
           class="input"
-          id="input-${this.getId()}"
+          id="input"
           type=${this.type}
           name=${this.name}
           @change=${this.handleChange}
@@ -593,7 +574,7 @@ class LeuInput extends LeuElement {
           ref=${ref(this._inputRef)}
           aria-invalid=${isInvalid}
         />
-        <label for="input-${this.getId()}" class="label">${this.label}</label>
+        <label for="input" class="label">${this.label}</label>
         ${this.prefix
             ? html `<div class="prefix" .aria-hidden=${true}>${this.prefix}</div>`
             : nothing}

package/dist/{LeuElement-DlQXnrk8.js → LeuElement-DgiuzsX9.js}

@@ -35,7 +35,7 @@ class LeuElement extends LitElement {
         }
     }
 }
-LeuElement.version = "0.18.0";
+LeuElement.version = "0.18.1";
 LeuElement.dependencies = {};
 LeuElement.styles = css_248z;
 

package/dist/Menu.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/Message.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuIcon } from './Icon.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 

package/dist/Pagination.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { property, state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuButton } from './Button.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';

package/dist/Placeholder.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   --placeholder-font-regular: var(--leu-font-family-regular);

package/dist/Popup.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/Radio.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);

package/dist/RadioGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {

package/dist/Range.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);

package/dist/ScrollTop.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.js

@@ -2,7 +2,7 @@ import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import './_tslib-CNEFicEt.js';

package/dist/Tag.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   /* --tag-font-regular: var(--leu-font-family-regular);

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/components/input/Input.d.ts

@@ -194,15 +194,6 @@ export declare class LeuInput extends LeuElement {
      * @fires {CustomEvent} change
      */
     clear(): void;
-    /**
-     * Method for getting the id of the input element.
-     * If the id attribute is set, the value of the id attribute is returned.
-     * Otherwise a random id is generated and returned.
-     *
-     * @private
-     * @returns {string} id
-     */
-    getId(): any;
     /**
      * Merge custom and default validation messages.
      * A validation message can be a function or a string.

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAMnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BhB;IAED,MAAM,CAAC,mBAAmB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA;;IAkCjD,IAAI,aAAa,WAKhB;IAED;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,KAAK,KAAA;IAMxB;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,KAAA;IAQhB;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,KAAA;IAInB;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAK,KAAA;IASlB;;;;;;;OAOG;IACH,WAAW,CAAC,KAAK,KAAA;IAUjB;;;;;;;;OAQG;IACH,KAAK;IAaL;;;;;;;OAOG;IACH,KAAK;IAeL;;;;;;;;;;OAUG;IACH,qBAAqB;IA6BrB,SAAS;IAUT;;;OAGG;IACH,aAAa;IAIb;;;OAGG;IACH,mBAAmB;IAyBnB;;;;;;OAMG;IACH,kBAAkB;IA2BlB,MAAM;CAiDP"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAMnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BhB;IAED,MAAM,CAAC,mBAAmB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA;;IAkCjD,IAAI,aAAa,WAKhB;IAED;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,KAAK,KAAA;IAMxB;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,KAAA;IAQhB;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,KAAA;IAInB;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAK,KAAA;IASlB;;;;;;;OAOG;IACH,WAAW,CAAC,KAAK,KAAA;IAUjB;;;;;;;;OAQG;IACH,KAAK;IAaL;;;;;;;;;;OAUG;IACH,qBAAqB;IA6BrB,SAAS;IAUT;;;OAGG;IACH,aAAa;IAIb;;;OAGG;IACH,mBAAmB;IAyBnB;;;;;;OAMG;IACH,kBAAkB;IA2BlB,MAAM;CAiDP"}

package/dist/index.js

@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-export { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+export { L as LeuElement } from './LeuElement-DgiuzsX9.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';

package/dist/leu-accordion.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuAccordion.define("leu-accordion");
 

package/dist/leu-button-group.js

@@ -1,6 +1,6 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/leu-button.js

@@ -5,7 +5,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
 import './Icon.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './hasSlotController-Bm2tipvG.js';
 
 LeuButton.define("leu-button");

package/dist/leu-chart-wrapper.js

@@ -2,7 +2,7 @@ import { LeuChartWrapper } from './ChartWrapper.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Spinner.js';
 

package/dist/leu-checkbox-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Checkbox.js';
 import './Icon.js';
 

package/dist/leu-checkbox.js

@@ -2,7 +2,7 @@ import { LeuCheckbox } from './Checkbox.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 
 LeuCheckbox.define("leu-checkbox");

package/dist/leu-chip-group.js

@@ -1,6 +1,6 @@
 import { LeuChipGroup } from './ChipGroup.js';
 import 'lit/static-html.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import 'lit';
 
 LeuChipGroup.define("leu-chip-group");

package/dist/leu-chip-link.js

@@ -1,7 +1,7 @@
 import { LeuChipLink } from './ChipLink.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuChipLink.define("leu-chip-link");
 

package/dist/leu-chip-removable.js

@@ -1,7 +1,7 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-chip-selectable.js

@@ -1,7 +1,7 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuChipSelectable.define("leu-chip-selectable");
 

package/dist/leu-dialog.js

@@ -2,7 +2,7 @@ import { LeuDialog } from './Dialog.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-dropdown.js

@@ -1,7 +1,7 @@
 import { LeuDropdown } from './Dropdown.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-icon.js

@@ -2,7 +2,7 @@ import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -4,7 +4,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-menu-item.js

@@ -1,7 +1,7 @@
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-menu.js

@@ -1,6 +1,6 @@
 import { LeuMenu } from './Menu.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-message.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';
 

package/dist/leu-pagination.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/live.js';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-placeholder.js

@@ -1,6 +1,6 @@
 import { LeuPlaceholder } from './Placeholder.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuPlaceholder.define("leu-placeholder");
 

package/dist/leu-popup.js

@@ -1,7 +1,7 @@
 import { LeuPopup } from './Popup.js';
 import 'lit';
 import '@floating-ui/dom';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuPopup.define("leu-popup");
 

package/dist/leu-radio-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Radio.js';
 
 LeuRadioGroup.define("leu-radio-group");

package/dist/leu-radio.js

@@ -2,7 +2,7 @@ import { LeuRadio } from './Radio.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -1,6 +1,6 @@
 import { LeuRange } from './Range.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuRange.define("leu-range");
 

package/dist/leu-scroll-top.js

@@ -1,7 +1,7 @@
 import { LeuScrollTop } from './ScrollTop.js';
 import 'lit';
 import 'lit/directives/class-map.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-select.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-spinner.js

@@ -1,6 +1,6 @@
 import { LeuSpinner } from './Spinner.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuSpinner.define("leu-spinner");
 

package/dist/leu-table.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-tag.js

@@ -2,7 +2,7 @@ import { LeuTag } from './Tag.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

@@ -1,6 +1,6 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit';
-import './LeuElement-DlQXnrk8.js';
+import './LeuElement-DgiuzsX9.js';
 
 LeuVisuallyHidden.define("leu-visually-hidden");
 

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/input/Input.ts

@@ -250,29 +250,6 @@ export class LeuInput extends LeuElement {
     )
   }
 
-  /**
-   * Method for getting the id of the input element.
-   * If the id attribute is set, the value of the id attribute is returned.
-   * Otherwise a random id is generated and returned.
-   *
-   * @private
-   * @returns {string} id
-   */
-  getId() {
-    const id = this.getAttribute("id")
-
-    if (id !== null && id !== "") {
-      return id
-    }
-
-    if (this._identifier !== "") {
-      return this._identifier
-    }
-
-    this._identifier = crypto.randomUUID()
-    return this._identifier
-  }
-
   /**
    * Merge custom and default validation messages.
    * A validation message can be a function or a string.
@@ -352,7 +329,7 @@ export class LeuInput extends LeuElement {
     }
 
     return html`
-      <ul class="error" aria-errormessage=${`input-${this.getId()}`}>
+      <ul class="error" aria-errormessage="input">
         ${errorMessages.map(
           (message) => html`<li class="error-message">${message}</li>`,
         )}
@@ -412,7 +389,7 @@ export class LeuInput extends LeuElement {
       >
         <input
           class="input"
-          id="input-${this.getId()}"
+          id="input"
           type=${this.type}
           name=${this.name}
           @change=${this.handleChange}
@@ -431,7 +408,7 @@ export class LeuInput extends LeuElement {
           ref=${ref(this._inputRef)}
           aria-invalid=${isInvalid}
         />
-        <label for="input-${this.getId()}" class="label">${this.label}</label>
+        <label for="input" class="label">${this.label}</label>
         ${this.prefix
           ? html`<div class="prefix" .aria-hidden=${true}>${this.prefix}</div>`
           : nothing}