@statistikzh/leu 0.4.0 → 0.5.0

package/dist/{Chip-dac7337d.js → Chip.js}

@@ -23,17 +23,20 @@ var css_248z = css`:host,
   --chip-radio-background-default: var(--leu-color-black-0);
   --chip-radio-background-selected: var(--leu-color-func-cyan);
 
-  --chip-font-regular: var(--leu-font-regular);
-  --chip-font-black: var(--leu-font-black);
+  --chip-font-regular: var(--leu-font-family-regular);
+  --chip-font-black: var(--leu-font-family-black);
 
   --chip-background-color: var(--chip-background-color-default);
   --chip-color: var(--chip-color-default);
   --chip-radio-border: var(--chip-radio-border-default);
   --chip-radio-background: var(--chip-radio-background-default);
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 
   font-family: var(--chip-font-regular);
+
+  /* Allow shrinking to achieve text truncation (ellipsis) */
+  min-width: 0;
 }
 
 :host([inverted]) {
@@ -68,8 +71,11 @@ var css_248z = css`:host,
   cursor: pointer;
 
   display: inline-flex;
-  align-items: center;
   gap: 0.5rem;
+
+  /* Allow shrinking to achieve text truncation (ellipsis) */
+  min-width: 0;
+  max-width: 100%;
 }
 
 .button:hover,
@@ -117,6 +123,7 @@ var css_248z = css`:host,
 
 :host([variant="radio"]) .button::before {
   content: "";
+  flex: 0 0 1rem;
   width: 1rem;
   height: 1rem;
   background-color: var(--chip-radio-background);
@@ -131,6 +138,10 @@ var css_248z = css`:host,
 .label {
   position: relative;
   top: -0.0625rem;
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .icon svg {
@@ -163,4 +174,4 @@ _defineProperty(LeuChipBase, "properties", {
   }
 });
 
-export { LeuChipBase as L };
+export { LeuChipBase };

package/dist/ChipGroup.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @slot - Place leu-chip-* elements inside this slot
+ * @cssproperty --leu-chip-group-gap - The gap between the chips
+ * @tagname leu-chip-group
+ */
+export class LeuChipGroup extends LitElement {
+    items: any[];
+    inverted: boolean;
+    headingLevel: number;
+    label: string;
+    get value(): any[];
+    /**
+     * Determines the heading tag of the accordion toggle.
+     * The headingLevel shouldn't be used directly to render the heading tag
+     * in order to avoid XSS issues.
+     * @returns {String} The heading tag of the accordion toggle.
+     * @internal
+     */
+    _getHeadingTag(): string;
+    render(): import("lit-html").TemplateResult;
+}
+export namespace SELECTION_MODES {
+    let single: string;
+    let multiple: string;
+    let none: string;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["ChipGroup.js"],"names":[],"mappings":"AA8BA;;;;GAIG;AACH;IAiBM,aAAkB;IAEpB,kBAAqB;IACrB,qBAAqB;IACrB,cAAe;IAajB,mBAEC;IAED;;;;;;OAMG;IACH,yBAMC;IACD,4CAeC;CACF;;;;;;2BAtG+B,KAAK"}

package/dist/ChipGroup.js

@@ -1,10 +1,22 @@
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
-import { css, LitElement, html } from 'lit';
+import { css, LitElement } from 'lit';
+import { html, unsafeStatic } from 'lit/static-html.js';
 
-var css_248z = css`:host {
+var css_248z = css`.label {
+  margin: 0 0 0.5rem;
+  font: var(--leu-t-curve-35-black-font);
+  color: var(--leu-color-black-100);
+}
+
+:host([inverted]) .label {
+  color: var(--leu-color-black-0);
+}
+
+.group {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
+  gap: var(--leu-chip-group-gap, 0.5rem);
 }
 `;
 
@@ -18,13 +30,12 @@ const SELECTION_MODES = {
 
 /**
  * @slot - Place leu-chip-* elements inside this slot
+ * @cssproperty --leu-chip-group-gap - The gap between the chips
  * @tagname leu-chip-group
  */
 class LeuChipGroup extends LitElement {
   constructor() {
     super();
-
-    /** @internal */
     /** @internal */
     _defineProperty(this, "handleInput", e => {
       if (this.selectionMode === SELECTION_MODES.single) {
@@ -41,6 +52,11 @@ class LeuChipGroup extends LitElement {
       });
       this.items = items;
     });
+    this.inverted = false;
+    this.headingLevel = 2;
+    this.label = "";
+
+    /** @internal */
     this.items = [];
   }
   connectedCallback() {
@@ -54,16 +70,57 @@ class LeuChipGroup extends LitElement {
   get value() {
     return this.items.filter(i => i.selected).map(i => i.value);
   }
+
+  /**
+   * Determines the heading tag of the accordion toggle.
+   * The headingLevel shouldn't be used directly to render the heading tag
+   * in order to avoid XSS issues.
+   * @returns {String} The heading tag of the accordion toggle.
+   * @internal
+   */
+  _getHeadingTag() {
+    let level = 2;
+    if (this.headingLevel > 0 && this.headingLevel < 7) {
+      level = this.headingLevel;
+    }
+    return `h${level}`;
+  }
   render() {
-    return html`<slot @slotchange=${this.handleSlotChange}></slot>`;
+    const hTag = this._getHeadingTag();
+
+    /* The eslint rules don't recognize html import from lit/static-html.js */
+    /* eslint-disable lit/binding-positions, lit/no-invalid-html */
+    return html`
+      ${this.label ? html`<${unsafeStatic(hTag)} class="label">
+            <span class="label">${this.label}</span>
+          </${unsafeStatic(hTag)}>` : ""}
+      <slot
+        class="group"
+        part="group"
+        @slotchange=${this.handleSlotChange}
+      ></slot>
+    `;
   }
 }
 _defineProperty(LeuChipGroup, "styles", css_248z);
 _defineProperty(LeuChipGroup, "properties", {
+  inverted: {
+    type: Boolean,
+    reflect: true
+  },
   selectionMode: {
     type: String,
     attribute: "selection-mode",
     reflect: true
+  },
+  headingLevel: {
+    type: Number,
+    attribute: "heading-level",
+    reflect: true
+  },
+  label: {
+    type: String,
+    reflect: true
   }
 });
 

package/dist/ChipLink.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @slot - The content of the chip
+ * @tagname leu-chip-link
+ */
+export class LeuChipLink extends LeuChipBase {
+    size: string;
+    href: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export namespace SIZES {
+    let regular: string;
+    let large: string;
+}
+import { LeuChipBase } from './Chip.js';
+//# sourceMappingURL=ChipLink.d.ts.map

package/dist/ChipLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipLink.d.ts","sourceRoot":"","sources":["ChipLink.js"],"names":[],"mappings":"AASA;;;GAGG;AACH;IAII,aAAyB;IACzB,aAAc;IAEhB,+CAIC;CACF;;;;;4BAvB2B,WAAW"}

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { html } from 'lit';
-import { L as LeuChipBase } from './Chip-dac7337d.js';
+import { LeuChipBase } from './Chip.js';
 
 const SIZES = {
   regular: "regular",

package/dist/ChipRemovable.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @slot - The content of the chip
+ * @tagname leu-chip-removable
+ * @fires remove - Dispatched when the user clicks on the chip
+ */
+export class LeuChipRemovable extends LeuChipBase {
+    /** @internal */
+    _removeIcon: import("lit-html").TemplateResult<1>;
+    handleClick(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LeuChipBase } from './Chip.js';
+//# sourceMappingURL=ChipRemovable.d.ts.map

package/dist/ChipRemovable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipRemovable.d.ts","sourceRoot":"","sources":["ChipRemovable.js"],"names":[],"mappings":"AAKA;;;;GAIG;AACH;IAII,gBAAgB;IAChB,kDAAoC;IAEtC,oBAMC;IACD,+CAKC;CACF;4BA5B2B,WAAW"}

package/dist/ChipRemovable.js

@@ -1,6 +1,6 @@
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { html } from 'lit';
-import { L as LeuChipBase } from './Chip-dac7337d.js';
+import { LeuChipBase } from './Chip.js';
 import { I as Icon } from './icon-03e86700.js';
 
 /**
@@ -16,7 +16,7 @@ class LeuChipRemovable extends LeuChipBase {
     this._removeIcon = Icon("close", 16);
   }
   handleClick() {
-    const customEvent = new CustomEvent("remove", {
+    const customEvent = new CustomEvent("leu:remove", {
       bubble: true,
       composed: true
     });

package/dist/ChipSelectable.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A chip component that can be selected.
+ * @slot - The content of the chip
+ * @tagname leu-chip-selectable
+ */
+export class LeuChipSelectable extends LeuChipBase {
+    size: string;
+    variant: string;
+    selected: boolean;
+    handleClick(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export namespace SIZES {
+    let small: string;
+    let regular: string;
+}
+export namespace VARIANTS {
+    let toggle: string;
+    let radio: string;
+}
+import { LeuChipBase } from './Chip.js';
+//# sourceMappingURL=ChipSelectable.d.ts.map

package/dist/ChipSelectable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelectable.d.ts","sourceRoot":"","sources":["ChipSelectable.js"],"names":[],"mappings":"AAaA;;;;GAIG;AACH;IAGI,aAAyB;IACzB,gBAA8B;IAC9B,kBAAqB;IAKvB,oBAiBC;IACD,+CAQC;CACF;;;;;;;;;4BArD2B,WAAW"}

package/dist/ChipSelectable.js

@@ -1,13 +1,13 @@
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { html } from 'lit';
-import { L as LeuChipBase } from './Chip-dac7337d.js';
+import { LeuChipBase } from './Chip.js';
 
 const SIZES = {
   small: "small",
   regular: "regular"
 };
 const VARIANTS = {
-  default: "default",
+  toggle: "toggle",
   radio: "radio"
 };
 
@@ -48,7 +48,7 @@ class LeuChipSelectable extends LeuChipBase {
     return html`<button
       @click=${e => this.handleClick(e)}
       class="button"
-      aria-selected=${this.selected ? "true" : "false"}
+      aria-pressed=${this.selected ? "true" : "false"}
     >
       <span class="label">${this.label}</span>
     </button>`;
@@ -67,11 +67,11 @@ _defineProperty(LeuChipSelectable, "properties", {
   },
   /**
    * The variant of the chip. Has an effect not only on the visual appearance but also on the behavior.
-   * - `default`: The chip behaves like a toggle button.
+   * - `toggle`: The chip behaves like a toggle button.
    * - `radio`: The chip behaves like a radio button.
    *
    * @type {keyof typeof VARIANTS}
-   * @default "default"
+   * @default "toggle"
    */
   variant: {
     type: String,

package/dist/Dropdown.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @tagname leu-dropdown
+ */
+export class LeuDropdown extends LitElement {
+    expanded: boolean;
+    label: string;
+    menuItems: any[];
+    _keyUpHandler(event: any): void;
+    _handleSlotChange(): void;
+    _removeMenuItemListeners(): void;
+    _handleToggleClick(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAKQ,kBAAqB;IAMzB,cAAe;IAEf,iBAAmB;IAarB,gCAIC;IACD,0BAIC;IACD,iCAIC;IACD,2BAEC;IACD,+CA0BC;CACF;2BA5GqC,KAAK"}

package/dist/Dropdown.js

@@ -3,15 +3,16 @@ import { css, LitElement, html } from 'lit';
 import './leu-button.js';
 import './leu-menu.js';
 import './leu-menu-item.js';
-import './leu-popup-4bf6f1f4.js';
-import './defineElement-47d4f665.js';
-import './Button.js';
+import './leu-popup.js';
+import './defineElement-40372b4b.js';
+import './Button-da11d064.js';
 import 'lit/directives/class-map.js';
+import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
 import './Menu.js';
 import './MenuItem.js';
 import 'lit/static-html.js';
-import 'lit/directives/if-defined.js';
+import './Popup.js';
 import '@floating-ui/dom';
 
 var css_248z = css`:host,
@@ -38,6 +39,11 @@ var css_248z = css`:host,
 class LeuDropdown extends LitElement {
   constructor() {
     super();
+    _defineProperty(this, "_documentClickHandler", event => {
+      if (!this.contains(event.target)) {
+        this.expanded = false;
+      }
+    });
     _defineProperty(this, "_handleMenuItemClick", () => {
       this.expanded = false;
     });
@@ -45,9 +51,21 @@ class LeuDropdown extends LitElement {
     this.expanded = false;
     this.menuItems = [];
   }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keyup", this._keyUpHandler);
+    document.addEventListener("click", this._documentClickHandler);
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this._removeMenuItemListeners();
+    this.removeEventListener("keyup", this._keyUpHandler);
+    document.removeEventListener("click", this._documentClickHandler);
+  }
+  _keyUpHandler(event) {
+    if (event.key === "Escape") {
+      this.expanded = false;
+    }
   }
   _handleSlotChange() {
     this._removeMenuItemListeners();
@@ -76,13 +94,13 @@ class LeuDropdown extends LitElement {
           slot="anchor"
           icon="download"
           variant="ghost"
-          label=${this.label}
-          expanded=${this.expanded ? "open" : "closed"}
+          expanded=${this.expanded ? "true" : "false"}
           aria-expanded=${this.expanded ? "true" : "false"}
           aria-controls="content"
           ?active=${this.expanded}
           @click=${this._handleToggleClick}
-        ></leu-button>
+          >${this.label}</leu-button
+        >
         <div id="content" class="content" ?hidden=${!this.expanded}>
           <slot @slotchange=${this._handleSlotChange}></slot>
         </div>

package/dist/Input.d.ts

@@ -0,0 +1,154 @@
+/**
+ * A text input element.
+ *
+ * @prop {boolean} disabled - Disables the input element.
+ * @prop {boolean} required - Marks the input element as required.
+ * @prop {boolean} clearable - Adds a button to clear the input element.
+ * @prop {string} value - The value of the input element.
+ * @prop {string} name - The name of the input element.
+ * @prop {string} label - The label of the input element.
+ * @prop {string} error - A custom error that is completely independent of the validity state. Useful for displaying server side errors.
+ * @prop {string} size - The size of the input element.
+ * @prop {string} icon - The icon that is displayed at the end of the input element.
+ * @prop {string} prefix - A prefix that relates to the value of the input (e.g. CHF).
+ * @prop {string} suffix - A suffix that relates to the value of the input (e.g. mm).
+ * @prop {string} pattern - A regular expression that the value is checked against.
+ * @prop {string} type - The type of the input element.
+ * @prop {string} min - The minimum value of the input element.
+ * @prop {string} max - The maximum value of the input element.
+ * @prop {string} minlength - The minimum length of the input element.
+ * @prop {string} maxlength - The maximum length of the input element.
+ * @prop {object} validationMessages - Custom validation messages. The key is the name of the validity state and the value is the message.
+ * @prop {boolean} novalidate - Disables the browser's validation.
+ * @prop {string} step - The step value of the input element.
+ *
+ * @fires {CustomEvent} input - Dispatched when the value of the input element changes.
+ * @fires {CustomEvent} change - Dispatched when the value of the input element changes and the input element loses focus.
+ *
+ * @tagname leu-input
+ */
+export class LeuInput extends LitElement {
+    static resolveErrorMessage(message: any, refernceValue: any): any;
+    disabled: boolean;
+    required: boolean;
+    clearable: boolean;
+    /** @type {keyof typeof SIZE_TYPES} */
+    size: keyof typeof SIZE_TYPES;
+    type: string;
+    _validity: any;
+    validationMessages: {};
+    novalidate: boolean;
+    /** @internal */
+    _identifier: string;
+    /** @internal */
+    _clearIcon: import("lit-html").TemplateResult<1>;
+    /**
+     * @internal
+     * @type {import("lit/directives/ref.js").Ref<HTMLInputElement>}
+     */
+    _inputRef: import("lit/directives/ref.js").Ref<HTMLInputElement>;
+    /**
+     * Method for handling the click event of the wrapper element.
+     * Redirect every click on the wrapper to the input element.
+     * This is only necessary for click events because the wrapper element
+     * looks like the input element. But the actual input field does not
+     * completely fill the wrapper element. Keyboard events don't need to be
+     * handled because the actual input element is focusable.
+     * @private
+     * @param {MouseEvent|PointerEvent} event
+     * @returns {void}
+     */
+    private handleWrapperClick;
+    /**
+     * Method for handling the blur event of the input element.
+     * Checks validity of the input element and sets the validity state.
+     * @private
+     * @param {FocusEvent} event
+     * @returns {void}
+     */
+    private handleBlur;
+    /**
+     * Method for handling the invalid event of the input element.
+     * Sets the validity state.
+     * @private
+     * @param {Event} event
+     * @returns {void}
+     */
+    private handleInvalid;
+    /**
+     * Method for handling the change event of the input element.
+     * Sets the value property and dispatches a change event so that
+     * the event can be handled outside the shadow DOM.
+     * @private
+     * @param {Event} event
+     * @fires {CustomEvent} change
+     * @returns {void}
+     */
+    private handleChange;
+    value: any;
+    /**
+     * Method for handling the input event of the input element.
+     * Sets the value property and dispatches an input event so that
+     * the event can be handled outside the shadow DOM.
+     * @private
+     * @param {Event} event
+     * @returns {void}
+     */
+    private handleInput;
+    /**
+     * Method for clearing the input element.
+     * Sets the value property to an empty string and dispatches
+     * an input and a change event.
+     * @private
+     * @returns {void}
+     * @fires {CustomEvent} input
+     * @fires {CustomEvent} change
+     */
+    private clear;
+    /**
+     * 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
+     */
+    private getId;
+    /**
+     * Merge custom and default validation messages.
+     * A validation message can be a function or a string.
+     * If it s a function, the function is called with the corresponding
+     * attribute value as argument.
+     * e.g.
+     * `tooLong(this.maxlength)`
+     * This way the framework user can create reasonable validation messages
+     *
+     * @returns {Object} validationMessages
+     */
+    getValidationMessages(): any;
+    /**
+     * Creates an error list with an item for the given validity state.
+     * @param {ValidityState} validityState
+     * @param {Object} validationMessages
+     * @param {String} idRef
+     * @returns
+     */
+    renderErrorMessages(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /**
+     * Determines the content that is displayed after the input element.
+     * This can be either an icon, a clear button or an error indicator icon.
+     *
+     * @private
+     * @returns {TemplateResult}
+     */
+    private renderAfterContent;
+    isInvalid(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export namespace SIZE_TYPES {
+    let SMALL: string;
+    let REGULAR: string;
+}
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA6SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,sCAAsC;IACtC,MADW,MAAM,iBAAiB,CACJ;IAC9B,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IAEvB,gBAAgB;IAChB,oBAAqB;IAErB,gBAAgB;IAChB,iDAA+B;IAE/B;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAG9B;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAJG,WAA+B;IAMnC;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;;;;OAMG;IACH,6EAcC;IAED;;;;;;OAMG;IACH,2BAkBC;IACD,qBAKC;IACD,+CA2CC;CACF;;;;;2BAhmB8C,KAAK;wBAAL,KAAK"}

package/dist/Input.js

@@ -34,11 +34,11 @@ var css_248z = css`:host,
 
   --input-clear-color: var(--leu-color-black-60);
 
-  --input-font-regular: var(--leu-font-regular);
-  --input-font-black: var(--leu-font-black);
+  --input-font-regular: var(--leu-font-family-regular);
+  --input-font-black: var(--leu-font-family-black);
 
   display: block;
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
   font-family: var(--input-font-regular);
 }
 
@@ -321,6 +321,7 @@ const VALIDATION_MESSAGES = {
  * @prop {string} maxlength - The maximum length of the input element.
  * @prop {object} validationMessages - Custom validation messages. The key is the name of the validity state and the value is the message.
  * @prop {boolean} novalidate - Disables the browser's validation.
+ * @prop {string} step - The step value of the input element.
  *
  * @fires {CustomEvent} input - Dispatched when the value of the input element changes.
  * @fires {CustomEvent} change - Dispatched when the value of the input element changes and the input element loses focus.
@@ -594,6 +595,7 @@ class LeuInput extends LitElement {
           max=${ifDefined(this.max)}
           maxlength=${ifDefined(this.maxlength)}
           minlength=${ifDefined(this.minlength)}
+          step=${ifDefined(this.step)}
           ref=${ref(this._inputRef)}
           aria-invalid=${isInvalid}
         />
@@ -669,19 +671,19 @@ _defineProperty(LeuInput, "properties", {
     reflect: true
   },
   min: {
-    type: Number,
+    type: String,
     reflect: true
   },
   max: {
-    type: Number,
+    type: String,
     reflect: true
   },
   maxlength: {
-    type: Number,
+    type: String,
     reflect: true
   },
   minlength: {
-    type: Number,
+    type: String,
     reflect: true
   },
   validationMessages: {
@@ -691,6 +693,10 @@ _defineProperty(LeuInput, "properties", {
     type: Boolean,
     reflect: true
   },
+  step: {
+    type: String,
+    reflect: true
+  },
   /** @type {ValidityState} */
   _validity: {
     state: true

package/dist/Menu.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @tagname leu-menu
+ */
+export class LeuMenu extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["Menu.js"],"names":[],"mappings":"AA0BA;;GAEG;AACH;IACE,+CAEC;CACF;2BAhCqC,KAAK"}