@statistikzh/leu 0.9.0 → 0.11.0

package/dist/ChipSelectable.js

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

package/dist/Dialog.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @tagname leu-dialog
+ */
+export class LeuDialog extends LeuElement {
+    _dialogRef: import("lit-html/directives/ref.js").Ref<Element>;
+    /** @type {string} */
+    label: string;
+    /** @type {string} */
+    sublabel: string;
+    /** @type {boolean} */
+    open: boolean;
+    show(): void;
+    close(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { L as LeuElement } from './LeuElement-78b4a998.js';
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["Dialog.js"],"names":[],"mappings":"AA2KA;;GAEG;AACH;IASI,8DAA6B;IAE7B,qBAAqB;IACrB,OADW,MAAM,CACF;IACf,qBAAqB;IACrB,UADW,MAAM,CACC;IAClB,sBAAsB;IACtB,MADW,OAAO,CACD;IAEnB,aAEC;IACD,cAEC;IACD,+CAiCC;CACF;gCAxOqD,0BAA0B"}

package/dist/Dialog.js

@@ -0,0 +1,255 @@
+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-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 */
+:host,
+:host * {
+  box-sizing: border-box;
+}
+:host {
+  --dialog-font-regular: var(--leu-font-family-regular);
+  --dialog-font-black: var(--leu-font-family-black);
+
+  font-family: var(--leu-font-family-regular);
+
+  font-family: var(--dialog-font-regular);
+}
+.dialog {
+  background: #fff;
+  border: 0;
+  padding: 0;
+
+  overflow: hidden;
+  background-color: var(--leu-color-black-0);
+
+  flex-direction: column;
+
+  margin: 0 auto;
+  height: 100vh;
+  width: 100vw;
+  max-height: 100vh;
+  max-width: 100vw;
+}
+@media (min-width: 600px) {
+.dialog {
+    margin: 80px auto;
+    height: -moz-fit-content;
+    height: fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+    max-width: min(100% - 4.5rem, 60.5rem);
+    max-height: calc(100vh - 5rem);
+}
+  }
+.dialog[open] {
+  display: flex;
+}
+.dialog::backdrop {
+  background-color: var(--leu-color-black-transp-40);
+}
+.content {
+  --padding: 2rem;
+  padding: 2rem;
+  padding: var(--padding);
+  padding-bottom: 0;
+  margin-bottom: 1.5rem;
+  overflow-y: auto;
+}
+@media (min-width: 600px) {
+.content {
+    --padding: 2.5rem;
+}
+  }
+@media (min-width: 840px) {
+.content {
+    margin-bottom: 2rem;
+}
+  }
+@media (min-width: 1024px) {
+.content {
+    --padding: 3.5rem;
+}
+  }
+@media (min-width: 1280px) {
+.content {
+    margin-bottom: 2.5rem;
+}
+  }
+.title-wrapper {
+  display: flex;
+  flex-flow: column wrap;
+}
+.header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.title {
+  font: var(--leu-t-curve-big-black-font);
+  margin: 0 0 0.75rem;
+  order: 2;
+}
+@media (min-width: 600px) {
+.title {
+    margin-bottom: 1rem;
+}
+  }
+@media (min-width: 840px) {
+.title {
+    margin-bottom: 1.25rem;
+}
+  }
+@media (min-width: 1280px) {
+.title {
+    margin-bottom: 1.5rem;
+    font: var(--leu-t-bigger-big-black-font);
+}
+  }
+.subtitle {
+  color: var(--leu-color-black-transp-60);
+  font-size: var(--leu-t-tiny-regular-font-size);
+  line-height: var(--leu-t-tiny-regular-line-height);
+
+  order: 1;
+
+  margin: 0 0 4px;
+}
+.close-button {
+  cursor: pointer;
+  display: flex;
+  gap: 0.5rem;
+
+  padding: 0.25rem 0;
+  margin-left: 0.75rem;
+  border: 0;
+  border-radius: 0.125rem;
+
+  color: var(--leu-color-black-transp-60);
+  background: transparent;
+}
+@media (min-width: 600px) {
+.close-button {
+    margin-left: 1rem;
+}
+  }
+@media (min-width: 840px) {
+.close-button {
+    margin-left: 1.25rem;
+}
+  }
+@media (min-width: 1280px) {
+.close-button {
+    margin-left: 1.5rem;
+}
+  }
+.close-button:focus-visible {
+  outline: 2px solid var(--leu-color-func-cyan);
+  outline-offset: 2px;
+}
+.close-button__label {
+  display: none;
+  font: var(--leu-t-regular-regular-font);
+}
+@media (min-width: 840px) {
+.close-button__label {
+    display: inline;
+}
+  }
+.close-button__label--hidden {
+  display: none;
+}
+.actionbar {
+  display: flex;
+  justify-content: flex-end;
+  min-height: 3rem;
+}
+`;
+
+/**
+ * @tagname leu-dialog
+ */
+class LeuDialog extends LeuElement {
+  constructor() {
+    super();
+
+    /** @type {import("lit/directives/ref").Ref<HTMLDialogElement>} */
+    /**
+     * @internal
+     */
+    _defineProperty(this, "hasSlotController", new HasSlotController(this, ["toolbar"]));
+    this._dialogRef = createRef();
+
+    /** @type {string} */
+    this.label = "";
+    /** @type {string} */
+    this.sublabel = "";
+    /** @type {boolean} */
+    this.open = false;
+  }
+  show() {
+    this._dialogRef.value.showModal();
+  }
+  close() {
+    this._dialogRef.value.close();
+  }
+  render() {
+    const hasActionbar = this.hasSlotController.test("actionbar");
+    const closeButtonLabelClasses = {
+      "close-button__label": true,
+      "close-button__label--hidden": hasActionbar
+    };
+    return html`
+      <dialog class="dialog" ref=${ref(this._dialogRef)} ?open=${this.open}>
+        <div class="content">
+          <div class="header">
+            <div class="title-wrapper">
+              <h1 class="title">${this.label}</h1>
+              ${this.sublabel ? html`<p class="subtitle">${this.sublabel}</p>` : nothing}
+            </div>
+            <button
+              class="close-button"
+              @click=${this.close}
+              aria-label="Schliessen"
+            >
+              <span
+                class=${classMap(closeButtonLabelClasses)}
+                aria-hidden="true"
+                >Schliessen</span
+              ><leu-icon name="close"> </leu-icon>
+            </button>
+          </div>
+          <slot></slot>
+        </div>
+        <div class="actionbar">
+          <slot name="actionbar"></slot>
+        </div>
+      </dialog>
+    `;
+  }
+}
+_defineProperty(LeuDialog, "dependencies", {
+  "leu-icon": LeuIcon
+});
+_defineProperty(LeuDialog, "styles", css_248z);
+_defineProperty(LeuDialog, "shadowRootOptions", {
+  ...LeuElement.shadowRootOptions,
+  delegatesFocus: true
+});
+_defineProperty(LeuDialog, "properties", {
+  label: {
+    type: String
+  },
+  sublabel: {
+    type: String
+  },
+  open: {
+    type: Boolean,
+    open: true
+  }
+});
+
+export { LeuDialog };

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-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAkCA;;GAEG;AACH;IAMQ,kBAAqB;IAqBzB,cAAe;IAGf,kEAAkE;IAClE,YADW,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CACjC;IAkB/B,gCAIC;IACD,iDAYC;IACD,2BAEC;IAED;;OAEG;IACH,gBAEC;IACD,+CA6BC;CACF;gCAhJqD,0BAA0B"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAMQ,kBAAqB;IAqBzB,cAAe;IAGf,kEAAkE;IAClE,YADW,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CACjC;IAkB/B,gCAIC;IACD,iDAYC;IACD,2BAEC;IAED;;OAEG;IACH,gBAEC;IACD,+CA6BC;CACF;gCAjJqD,0BAA0B"}

package/dist/Dropdown.js

@@ -1,7 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.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, L as LeuButton } from './Button-5a8009c5.js';
+import { H as HasSlotController } from './hasSlotController-fd1950b4.js';
+import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
 import { LeuPopup } from './Popup.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA+SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCA1RmD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AAiTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCA5RmD,0BAA0B;wBAC7C,KAAK"}

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.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';
@@ -64,6 +64,7 @@ var css_248z = css`:host,
 
   border: var(--input-border-width) solid var(--input-border-color);
   border-radius: 2px;
+  background: var(--leu-color-black-0);
 
   line-height: 1;
 }
@@ -96,6 +97,7 @@ var css_248z = css`:host,
   color: var(--input-color);
 
   border: 0;
+  background: var(--leu-color-black-0);
 
   padding-top: 2rem;
 

package/dist/{LeuElement-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.js → LeuElement-78b4a998.js}

@@ -46,7 +46,7 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.9.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.js';
+import { L as LeuElement } from './LeuElement-78b4a998.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["Pagination.js"],"names":[],"mappings":"AAwEA;;GAEG;AACH;IAII,qBAAqB;IACrB,mBAAmB;IAEnB,qBAAqB;IACrB,qBAAqB;IAErB;;;;;;;OAOG;IACH,cAAc;IAEhB,oEAKC;IAID,uBAEC;IALD,mBAEC;IAID,yBAEC;IACD,uBAEC;IACD,uBAEC;IACD,wBAEC;IACD,uBAEC;IACD,8BAEC;IACD,6BAaC;IACD,gCAEC;IACD,+BAKC;IACD,iCASC;IACD,+CAsCC;CACF;gCArMqD,0BAA0B"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["Pagination.js"],"names":[],"mappings":"AAyEA;;GAEG;AACH;IAII,qBAAqB;IACrB,mBAAmB;IAEnB,qBAAqB;IACrB,qBAAqB;IAErB;;;;;;;OAOG;IACH,cAAc;IAEhB,oEAKC;IAID,uBAEC;IALD,mBAEC;IAID,yBAEC;IACD,uBAEC;IACD,uBAEC;IACD,wBAEC;IACD,uBAEC;IACD,8BAEC;IACD,6BAaC;IACD,gCAEC;IACD,+BAKC;IACD,iCASC;IACD,+CAsCC;CACF;gCAtMqD,0BAA0B"}

package/dist/Pagination.js

@@ -1,11 +1,12 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-7ab5ef5e.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-78b4a998.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
-import { L as LeuButton } from './Button-5a8009c5.js';
+import { LeuButton } from './Button.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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-7ab5ef5e.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"}