@statistikzh/leu 0.10.0 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.11.0](https://github.com/statistikZH/leu/compare/v0.10.0...v0.11.0) (2024-10-07)
+
+
+### Features
+
+* **range:** implement range element ([2a87ed0](https://github.com/statistikZH/leu/commit/2a87ed0095e67b6e01dbc888f151e36cb82ad44d))
+
 ## [0.10.0](https://github.com/statistikZH/leu/compare/v0.9.0...v0.10.0) (2024-09-12)
 
 

package/dist/Accordion.d.ts

@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
     _handleToggleClick(): void;
     render(): import("lit-html").TemplateResult;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, nothing } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 

package/dist/Breadcrumb.d.ts

@@ -64,6 +64,6 @@ export class LeuBreadcrumb extends LeuElement {
     renderDropdown(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/Button.d.ts

@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
-import { H as HasSlotController } from './hasSlotController-04d0dfa2.js';
+import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
 
 /**
  * All roles that are associated with a aria-checked attribute

package/dist/ButtonGroup.d.ts

@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
     _handleButtonClick(button: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host,

package/dist/Checkbox.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 

package/dist/CheckboxGroup.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
     handleItems(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css } from 'lit';
 
 var css_248z = css`:host,

package/dist/ChipGroup.d.ts

@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
     multiple: "multiple";
     none: "none";
 }>;
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { html, unsafeStatic } from 'lit/static-html.js';
 import { css } from 'lit';
 

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty } from './LeuElement-78b4a998.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty } from './LeuElement-78b4a998.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';

package/dist/ChipSelectable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty } from './LeuElement-78b4a998.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/Dialog.d.ts

@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
     close(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.js

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { H as HasSlotController } from './hasSlotController-04d0dfa2.js';
+import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */

package/dist/Dropdown.d.ts

@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
     _getMenu(): any;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController } from './hasSlotController-04d0dfa2.js';
+import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

package/dist/Icon.d.ts

@@ -112,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, svg } from 'lit';
 
 var css_248z = css`svg,

package/dist/Input.d.ts

@@ -145,6 +145,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

package/dist/{LeuElement-6fbc0dee.d.ts → LeuElement-78b4a998.d.ts}

@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
 declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-6fbc0dee.d.ts.map
+//# sourceMappingURL=LeuElement-78b4a998.d.ts.map

package/dist/LeuElement-78b4a998.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-78b4a998.d.ts","sourceRoot":"","sources":["LeuElement-78b4a998.js"],"names":[],"mappings":"AA+BA;IACE,8EAcC;CACF;AA7CD,sEAaC;2BAf0B,KAAK"}

package/dist/{LeuElement-6fbc0dee.js → LeuElement-78b4a998.js}

@@ -46,7 +46,7 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.10.0");
+_defineProperty(LeuElement, "version", "0.11.0");
 _defineProperty(LeuElement, "dependencies", {});
 
 export { LeuElement as L, _defineProperty as _ };

package/dist/Menu.d.ts

@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/MenuItem.d.ts

@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
     _renderBeforeSlotDefault(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';

package/dist/Pagination.d.ts

@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { LeuButton } from './Button.js';
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-04d0dfa2.js';
+import './hasSlotController-fd1950b4.js';
 
 var css_248z = css`:host {
   margin-top: 16px;

package/dist/Popup.d.ts

@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
     handleAnchorChange(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
 

package/dist/Radio.d.ts

@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/RadioGroup.d.ts

@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-6fbc0dee.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Range.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @tagname leu-range
+ */
+export class LeuRange extends LeuElement {
+    defaultValue: number[];
+    min: number;
+    max: number;
+    step: number;
+    name: string;
+    label: string;
+    disabled: boolean;
+    multiple: boolean;
+    updated(): void;
+    _updateStyles(): void;
+    /**
+     * 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.
+     * @param {string | Array} value
+     */
+    set value(value: string | any[]);
+    get value(): string | any[];
+    get valueAsArray(): number[];
+    get valueLow(): string | number;
+    get valueHigh(): string | number;
+    /**
+     * @returns {HTMLInputElement | null}
+     */
+    _getBaseInput(): HTMLInputElement | null;
+    /**
+     * @returns {HTMLInputElement | null}
+     */
+    _getGhostInput(): HTMLInputElement | null;
+    /**
+     *
+     * @param {number} _index
+     * @param {InputEvent & {target: HTMLInputElement}} _e
+     */
+    _handleInput(_index: number, _e: InputEvent & {
+        target: HTMLInputElement;
+    }): void;
+    /**
+     *
+     * @param {number} value
+     * @returns {number}
+     */
+    _getNormalizedValue(value: number): number;
+    _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.
+     * @param {PointerEvent & {target: HTMLInputElement}} e
+     */
+    _handlePointerDown(e: PointerEvent & {
+        target: HTMLInputElement;
+    }): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { L as LeuElement } from './LeuElement-78b4a998.js';
+//# sourceMappingURL=Range.d.ts.map

package/dist/Range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["Range.js"],"names":[],"mappings":"AA2MA;;GAEG;AACH;IAGI,uBAAwB;IACxB,YAAY;IACZ,YAAc;IACd,aAAa;IACb,aAAc;IACd,cAAe;IACf,kBAAqB;IACrB,kBAAqB;IAEvB,gBAEC;IACD,sBAYC;IAMD;;;;;OAKG;IACH,iCAWC;IAtBD,4BAGC;IAoBD,6BAEC;IACD,gCAMC;IACD,iCAMC;IAED;;OAEG;IACH,iBAFa,gBAAgB,GAAG,IAAI,CAInC;IAED;;OAEG;IACH,kBAFa,gBAAgB,GAAG,IAAI,CAInC;IAED;;;;OAIG;IACH,qBAHW,MAAM,MACN,UAAU,GAAG;QAAC,MAAM,EAAE,gBAAgB,CAAA;KAAC,QAIjD;IAED;;;;OAIG;IACH,2BAHW,MAAM,GACJ,MAAM,CAIlB;IACD,gCAKC;IAED;;;;OAIG;IACH,sBAFW,YAAY,GAAG;QAAC,MAAM,EAAE,gBAAgB,CAAA;KAAC,QAanD;IACD,+CAyCC;CACF;gCApXqD,0BAA0B"}