@statistikzh/leu 0.23.0 → 0.24.1

package/dist/components/range/Range.d.ts

@@ -1,4 +1,6 @@
+import { nothing, PropertyValues } from "lit";
 import { LeuElement } from "../../lib/LeuElement.js";
+type InternalRangeValue = [number, number] | [number];
 /**
  * @tagname leu-range
  */
@@ -12,41 +14,103 @@ export 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.
+     */
     min: number;
+    /**
+     * The maximum value of the range slider.
+     */
     max: number;
+    /**
+     * The step size of the range slider.
+     */
     step: number;
     name: string;
+    /**
+     * The label of the range slider.
+     */
     label: string;
+    /**
+     * Whether to hide the label of the range slider.
+     * If true, the label will still be available for screen readers
+     * and is only visually hidden.
+     */
+    hideLabel: boolean;
+    /**
+     * Whether the range slider is disabled.
+     */
     disabled: boolean;
+    /**
+     * Whether to use a range with two handles.
+     */
     multiple: boolean;
+    /**
+     * Wheter to show tick marks below the range slider.
+     * One tick mark per step will be rendered.
+     */
+    showTicks: boolean;
+    /**
+     * Whether to show the min and max labels below the range slider.
+     */
+    showRangeLabels: boolean;
+    /**
+     * A prefix to display before the value in the output element(s).
+     * Is ignored if a custom valueFormatter is provided.
+     */
+    prefix: string;
+    /**
+     * A suffix to display after the value in the output element(s).
+     * Is ignored if a custom valueFormatter is provided.
+     */
+    suffix: string;
+    /**
+     * A custom function to format the value displayed in the output element(s).
+     * If provided, the prefix and suffix properties will be ignored.
+     */
+    valueFormatter?: (value: number) => string;
+    protected _value: InternalRangeValue;
+    /**
+     * 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 | 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 get _inputs(): HTMLInputElement[];
-    protected _updateStyles(): void;
-    get value(): string | Array<string>;
-    /**
-     * 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.
-     */
-    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 & {
+    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;
+    protected renderTicks(): typeof nothing | import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
+export {};
 //# sourceMappingURL=Range.d.ts.map

package/dist/components/range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/components/range/Range.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAapD;;GAEG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAGD,YAAY,WAAO;IAGnB,GAAG,EAAE,MAAM,CAAI;IAGf,GAAG,EAAE,MAAM,CAAM;IAGjB,IAAI,EAAE,MAAM,CAAI;IAGhB,IAAI,EAAE,MAAM,CAAK;IAGjB,KAAK,EAAE,MAAM,CAAK;IAGlB,QAAQ,EAAE,OAAO,CAAQ;IAGzB,QAAQ,EAAE,OAAO,CAAQ;IAEzB,OAAO;IAIP,SAAS,KAAK,OAAO,uBAIpB;IAED,SAAS,CAAC,aAAa;IAmBvB,IAAI,KAAK,IASQ,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAPtC;IAED;;;;OAIG;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,EAYtC;IAED,IAAI,YAAY,aAEf;IAED,IAAI,QAAQ,oBAQX;IAED,IAAI,SAAS,oBAQZ;IAED,SAAS,CAAC,aAAa;IAIvB,SAAS,CAAC,cAAc;IAIxB,SAAS,CAAC,YAAY,CACpB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,UAAU,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE;IAK/C,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAI3C,SAAS,CAAC,mBAAmB;IAU7B;;;OAGG;IACH,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE;IAkB3E,MAAM;CAgDP"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/components/range/Range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;AAarD;;GAEG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED;;;OAGG;IAMH,YAAY,WAAO;IAEnB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAI;IAEf;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAM;IAEjB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAI;IAGhB,IAAI,EAAE,MAAM,CAAK;IAEjB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAK;IAElB;;;;OAIG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAQ;IAE1B;;OAEG;IAEH,eAAe,EAAE,OAAO,CAAQ;IAEhC;;;OAGG;IAEH,MAAM,EAAE,MAAM,CAAK;IAEnB;;;OAGG;IAEH,MAAM,EAAE,MAAM,CAAK;IAEnB;;;OAGG;IAEH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAE1C,SAAS,CAAC,MAAM,EAAE,kBAAkB,CAEb;IAEvB;;;;;OAKG;IACH,IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EA2BxD;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,YAAY,IAAI,kBAAkB,CAErC;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAGD,SAAS,CAAC,SAAS,EAAE,cAAc,CAAA;IAGnC,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAA;IAGrC,SAAS,CAAC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAG7C,SAAS,CAAC,UAAU,EAAE,iBAAiB,CAAA;IAGvC,SAAS,CAAC,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAE/C,OAAO;IAIP,SAAS,CAAC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA8BnE,SAAS,CAAC,YAAY;IAkBtB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM;IAQ1C,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE;IAkB7D,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM;IAI1C,SAAS,CAAC,kBAAkB;IAU5B;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE;IAiB1E,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM;IAQnC,SAAS,CAAC,WAAW;IAmBrB,MAAM;CA+DP"}

package/dist/components/range/stories/range.stories.d.ts

@@ -0,0 +1,231 @@
+import "../leu-range.js";
+import type { LeuRange } from "../leu-range.js";
+import "../../input/leu-input.js";
+type StoryArgs = LeuRange;
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    args: {
+        label: string;
+        oninput: import("@storybook/addon-actions").HandlerFunction;
+    };
+};
+export default _default;
+export declare const Regular: {
+    args: {
+        min: number;
+        max: number;
+        value: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Multiple: {
+    args: {
+        min: number;
+        max: number;
+        value: string;
+        multiple: boolean;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Labeled: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const HiddenLabel: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+        "hide-label": boolean;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Disabled: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+        disabled: boolean;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Step: {
+    args: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Ticks: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+        step: number;
+        "show-ticks": boolean;
+        "show-range-labels": boolean;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const Suffix: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+        step: number;
+        suffix: string;
+        "show-range-labels": boolean;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+export declare const CustomFormatter: {
+    args: {
+        label: string;
+        min: number;
+        max: number;
+        step: number;
+        "show-range-labels": boolean;
+        valueFormatter: (value: number) => string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuRange>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuRange>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuRange>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuRange>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuRange, Partial<LeuRange>>, "story">;
+};
+declare function CombinedTemplate(args: StoryArgs): import("lit-html").TemplateResult<1>;
+export declare const Combined: {
+    render: typeof CombinedTemplate;
+    args: {
+        min: number;
+        max: number;
+        value: string;
+        multiple: boolean;
+    };
+};
+//# sourceMappingURL=range.stories.d.ts.map

package/dist/components/range/stories/range.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/range/stories/range.stories.ts"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,0BAA0B,CAAA;AAEjC,KAAK,SAAS,GAAG,QAAQ,CAAA;;;;;;;;;;;;;;;AAGzB,wBAa2B;AAuB3B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAGnB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAGnB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CAQvB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAUlB,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;gCAQA,MAAM;;;;;;;;;;;;;;;;CAEjC,CAAA;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,SAAS,wCAuDxC;AAED,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAA"}

package/dist/components/range/test/range.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.test.d.ts","sourceRoot":"","sources":["../../../../src/components/range/test/range.test.ts"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,CAAA"}
+{"version":3,"file":"range.test.d.ts","sourceRoot":"","sources":["../../../../src/components/range/test/range.test.ts"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAA"}

package/dist/index.js

@@ -29,7 +29,7 @@ export { LeuSpinner } from './Spinner.js';
 export { LeuTable } from './Table.js';
 export { LeuTag } from './Tag.js';
 export { LeuVisuallyHidden } from './VisuallyHidden.js';
-export { L as LeuElement } from './LeuElement-CWseJvWv.js';
+export { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';
@@ -39,7 +39,7 @@ import 'lit/directives/if-defined.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Chip.js';
 import 'lit/directives/ref.js';
-import './leu-icon.js';
 import 'lit/directives/live.js';
 import '@floating-ui/dom';
+import './utils-DBGsNSJW.js';
 import 'lit/directive.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 
 LeuAccordion.define("leu-accordion");
 

package/dist/leu-button-group.js

@@ -1,6 +1,6 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
 import 'lit';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './Icon.js';
 
 LeuCheckbox.define("leu-checkbox");

package/dist/leu-chip-group.js

@@ -2,7 +2,7 @@ import { LeuChipGroup } from './ChipGroup.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/static-html.js';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import 'lit';
 import './ChipSelectable.js';
 import './Chip.js';

package/dist/leu-chip-link.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import './Chip.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 
 LeuChipLink.define("leu-chip-link");
 

package/dist/leu-chip-removable.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import './Chip.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './Icon.js';
 
 LeuChipRemovable.define("leu-chip-removable");

package/dist/leu-chip-selectable.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import './Chip.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 
 LeuChipSelectable.define("leu-chip-selectable");
 

package/dist/leu-dialog.js

@@ -4,7 +4,7 @@ import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Icon.js';
 

package/dist/leu-dropdown.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import 'lit/directives/class-map.js';

package/dist/leu-file-input.d.ts

@@ -5,7 +5,6 @@ import './LeuElement.d-BevHqLUu.js';
 import './Button.js';
 import './Icon.d-itcQ94ym.js';
 import './VisuallyHidden.js';
-import './leu-icon.js';
 
 declare global {
     interface HTMLElementTagNameMap {

package/dist/leu-file-input.js

@@ -4,45 +4,11 @@ import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-CWseJvWv.js';
-import './Accordion.js';
-import 'lit/static-html.js';
+import './LeuElement-jrR2M5pZ.js';
 import './Button.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';
-import './ButtonGroup.js';
-import './ChartWrapper.js';
-import './Spinner.js';
-import './Checkbox.js';
-import './CheckboxGroup.js';
-import './ChipGroup.js';
-import './ChipSelectable.js';
-import './Chip.js';
-import './ChipLink.js';
-import './ChipRemovable.js';
-import './Dialog.js';
-import 'lit/directives/ref.js';
-import './Dropdown.js';
-import './Menu.js';
-import './MenuItem.js';
-import './Popup.js';
-import '@floating-ui/dom';
-import './Input.js';
-import 'lit/directives/live.js';
-import './Message.js';
-import './Pagination.js';
 import './VisuallyHidden.js';
-import './Placeholder.js';
-import './ProgressBar.js';
-import './Radio.js';
-import './RadioGroup.js';
-import './Range.js';
-import './ScrollTop.js';
-import './Select.js';
-import './Table.js';
-import 'lit/directive.js';
-import './Tag.js';
-import './leu-icon.js';
 
 LeuFileInput.define("leu-file-input");
 

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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -6,7 +6,7 @@ import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './Icon.js';
 
 LeuInput.define("leu-input");

package/dist/leu-menu-item.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './Icon.js';
 
 LeuMenuItem.define("leu-menu-item");

package/dist/leu-menu.js

@@ -2,7 +2,7 @@ import { LeuMenu } from './Menu.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';