@statistikzh/leu 0.24.0 → 0.24.2

package/.github/workflows/publish.yml

@@ -7,7 +7,6 @@ on:
       - "leu-v*"
 
 permissions:
-  id-token: write # Required for OIDC
   contents: read
 
 jobs:
@@ -21,10 +20,11 @@ jobs:
           node-version-file: ".nvmrc"
           cache: "npm"
           registry-url: "https://registry.npmjs.org"
+
       - run: npm --version
       - run: npm ci
       - run: npm run build
       - name: Publish to npm
         env:
-          NPM_CONFIG_PROVENANCE: true
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: npm publish

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.24.0"
+  ".": "0.24.2"
 }

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.24.2](https://github.com/statistikZH/leu/compare/leu-v0.24.1...leu-v0.24.2) (2026-03-10)
+
+
+### Bug Fixes
+
+* **scroll-top:** use same gap for vertical and horizontal alignment ([f5e6d6f](https://github.com/statistikZH/leu/commit/f5e6d6f76c61d234efbe880c0cf5810a9b6b20dd))
+
+## [0.24.1](https://github.com/statistikZH/leu/compare/leu-v0.24.0...leu-v0.24.1) (2026-02-12)
+
+
+### Bug Fixes
+
+* **file-input:** fix import location to avoid circular dependency and ensure lazy registration ([2586597](https://github.com/statistikZH/leu/commit/2586597ecd541bda68e530bbddb559b5cdc71d6d))
+* **range:** move the value state to the component itself ([#330](https://github.com/statistikZH/leu/issues/330)) ([20cca8d](https://github.com/statistikZH/leu/commit/20cca8da00b87d55f71b2aa48eeb3ab3f7abbf05))
+
 ## [0.24.0](https://github.com/statistikZH/leu/compare/leu-v0.23.0...leu-v0.24.0) (2026-02-09)
 
 

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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuCheckbox } from './Checkbox.js';
 import './Icon.js';
 

package/dist/Chip.js

@@ -1,6 +1,6 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { css } from 'lit';
 
 var css_248z = css`:host *::before,

package/dist/ChipGroup.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { unsafeStatic, html } from 'lit/static-html.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { css } from 'lit';
 import { LeuChipSelectable } from './ChipSelectable.js';
 import './Chip.js';

package/dist/ChipLink.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 /**
  * @tagname leu-chip-link

package/dist/ChipRemovable.js

@@ -3,7 +3,7 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 /**
  * @slot - The content of the chip

package/dist/ChipSelectable.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 /**
  * A chip component that can be selected.

package/dist/Dialog.js

@@ -3,7 +3,7 @@ import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuIcon } from './Icon.js';
 

package/dist/Dropdown.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/FileInput.js

@@ -3,7 +3,7 @@ import { css, html, nothing } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 
 var css_248z = css`:host {
   display: contents;

package/dist/Input.js

@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { property, state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/{LeuElement-BfbOWTGZ.js → LeuElement-BfXSO7MN.js}

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

package/dist/Menu.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/MenuItem.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 
 var css_248z = css`:host {
   --placeholder-font-regular: var(--leu-font-family-regular);

package/dist/Popup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { autoUpdate, offset, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/ProgressBar.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 
 var css_248z = css`/* :host {
   --progress-bar-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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import { L as LeuElement } from './LeuElement-BfXSO7MN.js';
 import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {

package/dist/Range.d.ts

@@ -1,8 +1,9 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
-import { nothing } from 'lit';
+import { PropertyValues, nothing } from 'lit';
 import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
 
+type InternalRangeValue = [number, number] | [number];
 /**
  * @tagname leu-range
  */
@@ -16,6 +17,10 @@ declare class LeuRange extends LeuElement {
         customElements?: CustomElementRegistry;
         registry?: CustomElementRegistry;
     };
+    /**
+     * The default value of the range slider.
+     * String input is parsed as a comma-separated list of numbers.
+     */
     defaultValue: number[];
     /**
      * The minimum value of the range slider.
@@ -72,31 +77,38 @@ declare class LeuRange extends LeuElement {
      * If provided, the prefix and suffix properties will be ignored.
      */
     valueFormatter?: (value: number) => string;
-    updated(): void;
-    protected get _inputs(): HTMLInputElement[];
-    protected _updateStyles(): void;
-    get value(): string | Array<string>;
+    protected _value: InternalRangeValue;
     /**
-     * Sets the value of the underlying input element(s).
-     * The value has to be an array if "multiple" range is used.
-     * Otherwise it has to be a string.
+     * The value of the range slider.
+     * String input is parsed as a comma-separated list of numbers.
+     * In multiple mode, if only a single value is provided, the second handle will be set to the minimum value.
+     * In single mode, only the first value will be used.
      */
-    set value(value: string | Array<string>);
-    get valueAsArray(): number[];
-    get valueLow(): string | number;
-    get valueHigh(): string | number;
-    protected _getBaseInput(): HTMLInputElement;
-    protected _getGhostInput(): HTMLInputElement;
-    protected _handleInput(_index: number, _e: InputEvent & {
+    set value(value: string | number | Array<string | number>);
+    get value(): string;
+    get valueAsArray(): InternalRangeValue;
+    get valueLow(): number;
+    get valueHigh(): number;
+    protected container: HTMLDivElement;
+    protected inputBase: HTMLInputElement;
+    protected inputGhost: HTMLInputElement | null;
+    protected outputBase: HTMLOutputElement;
+    protected outputGhost: HTMLOutputElement | null;
+    updated(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected updateStyles(): void;
+    protected clampAndRoundValue(value: number): number;
+    protected handleInput(e: Event & {
         target: HTMLInputElement;
     }): void;
-    protected _getNormalizedValue(value: number): number;
-    protected _getNormalizedRange(): number[];
+    protected getNormalizedValue(value: number): number;
+    protected getNormalizedRange(): number[];
     /**
-     * Determine if the "click" (pointer event) is closer the
-     * the value of the other input element. Swap the values if this is the case.
+     * This event handler is only applied to the "base" input element and only when in "multiple" mode.
+     * It handles pointer events on the *track* and the thumb.
+     * This method determines if the interaction was closer to the base or the ghost input.
      */
-    protected _handlePointerDown(e: PointerEvent & {
+    protected handlePointerDown(e: PointerEvent & {
         target: HTMLInputElement;
     }): void;
     protected formatValue(value: number): string;