@statistikzh/leu 0.14.3 → 0.15.0

package/dist/components/input/Input.d.ts

@@ -0,0 +1,239 @@
+import { nothing } from "lit";
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuIcon } from "../icon/Icon.js";
+export declare const SIZES: Readonly<{
+    SMALL: "small";
+    REGULAR: "regular";
+}>;
+/**
+ * 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 declare class LeuInput extends LeuElement {
+    static dependencies: {
+        "leu-icon": typeof LeuIcon;
+    };
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * @internal
+     */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static properties: {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        error: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        prefix: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        suffix: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        pattern: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        min: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        max: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        maxlength: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        minlength: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        validationMessages: {
+            type: ObjectConstructor;
+        };
+        novalidate: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        step: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        _validity: {
+            state: boolean;
+        };
+    };
+    static resolveErrorMessage(message: any, refernceValue: any): any;
+    constructor();
+    get valueAsNumber(): number;
+    /**
+     * 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}
+     */
+    handleWrapperClick(event: any): void;
+    /**
+     * Method for handling the blur event of the input element.
+     * Checks validity of the input element and sets the validity state.
+     * @private
+     * @param {FocusEvent & {target: HTMLInputElement}} event
+     * @returns {void}
+     */
+    handleBlur(event: any): void;
+    /**
+     * Method for handling the invalid event of the input element.
+     * Sets the validity state.
+     * @private
+     * @param {Event} event
+     * @returns {void}
+     */
+    handleInvalid(event: any): void;
+    /**
+     * 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}
+     */
+    handleChange(event: any): void;
+    /**
+     * 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}
+     */
+    handleInput(event: any): void;
+    /**
+     * 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
+     */
+    clear(): void;
+    /**
+     * 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
+     */
+    getId(): any;
+    /**
+     * 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;
+    isInvalid(): boolean;
+    /**
+     * Check input validation
+     * @returns {boolean} if valid or not
+     */
+    checkValidity(): any;
+    /**
+     * Creates an error list with an item for the given validity state.
+     * @returns {import("lit").TemplateResult | nothing}
+     */
+    renderErrorMessages(): typeof nothing | import("lit-html").TemplateResult<1>;
+    /**
+     * 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 {import("lit").TemplateResult | nothing}
+     */
+    renderAfterContent(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAMnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BhB;IAED,MAAM,CAAC,mBAAmB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA;;IAkCjD,IAAI,aAAa,WAKhB;IAED;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,KAAK,KAAA;IAMxB;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,KAAA;IAQhB;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,KAAA;IAInB;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAK,KAAA;IASlB;;;;;;;OAOG;IACH,WAAW,CAAC,KAAK,KAAA;IAUjB;;;;;;;;OAQG;IACH,KAAK;IAaL;;;;;;;OAOG;IACH,KAAK;IAeL;;;;;;;;;;OAUG;IACH,qBAAqB;IA6BrB,SAAS;IAUT;;;OAGG;IACH,aAAa;IAIb;;;OAGG;IACH,mBAAmB;IAyBnB;;;;;;OAMG;IACH,kBAAkB;IA2BlB,MAAM;CAiDP"}

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

@@ -0,0 +1,8 @@
+import { LeuInput } from "./Input.js";
+export { LeuInput };
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-input": LeuInput;
+    }
+}
+//# sourceMappingURL=leu-input.d.ts.map

package/dist/components/input/leu-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-input.d.ts","sourceRoot":"","sources":["../../../src/components/input/leu-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA;AAInB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAA;KACtB;CACF"}

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

@@ -0,0 +1,35 @@
+import "../leu-input.js";
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        size: {
+            control: {
+                type: string;
+            };
+            options: ("small" | "regular")[];
+        };
+        icon: {
+            control: string;
+            options: string[];
+        };
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Regular: any;
+export declare const Filled: any;
+export declare const PrefixedNumber: any;
+export declare const SuffixedNumber: any;
+export declare const Disabled: any;
+export declare const FilledDisabled: any;
+export declare const Clearable: any;
+export declare const Search: any;
+export declare const CustomError: any;
+export declare const Step: any;
+//# sourceMappingURL=input.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input/stories/input.stories.ts"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAKxB,wBAkBC;AAiDD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAaxC,eAAO,MAAM,MAAM,KAAoB,CAAA;AAavC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAe/C,eAAO,MAAM,cAAc,KAAoB,CAAA;AAiB/C,eAAO,MAAM,QAAQ,KAAoB,CAAA;AAMzC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAO/C,eAAO,MAAM,SAAS,KAAoB,CAAA;AAc1C,eAAO,MAAM,MAAM,KAAoB,CAAA;AAiBvC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAgB5C,eAAO,MAAM,IAAI,KAAoB,CAAA"}

package/dist/components/input/test/input.test.d.ts

@@ -0,0 +1,2 @@
+import "../leu-input.js";
+//# sourceMappingURL=input.test.d.ts.map

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

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

package/dist/components/menu/Menu.d.ts

@@ -0,0 +1,44 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuMenuItem } from "./MenuItem.js";
+/**
+ * @typedef {'single' | 'multiple' | 'none'} SelectsType
+ */
+/**
+ * @tagname leu-menu
+ * @property {SelectsType} selects - This has only an effect when the role is 'menu'. It defines which role the menu items will get. Default is 'none'.
+ */
+export declare class LeuMenu extends LeuElement {
+    static styles: import("lit").CSSResultGroup[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static properties: {
+        selects: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _handleSlotChange(): void;
+    _setMenuItemRoles(): void;
+    /**
+     *
+     * @returns {import("./MenuItem").LeuMenuItem[]}
+     */
+    getMenuItems(): LeuMenuItem[];
+    getVisibleMenuItems(): LeuMenuItem[];
+    _handleKeyDown(event: any): void;
+    setCurrentItem(index: any): any;
+    focusItem(index: any): void;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C;;GAEG;AAEH;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;MAEhB;;IAWD,iBAAiB;IAUjB,oBAAoB;IAKpB,iBAAiB;IAKjB,iBAAiB;IAuBjB;;;OAGG;IACH,YAAY;IAOZ,mBAAmB;IAInB,cAAc,CAAC,KAAK,KAAA;IAqBpB,cAAc,CAAC,KAAK,KAAA;IAkBpB,SAAS,CAAC,KAAK,KAAA;IAMf,YAAY;IAIZ,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;CAGP"}

package/dist/components/menu/MenuItem.d.ts

@@ -0,0 +1,88 @@
+import { nothing } from "lit";
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuIcon } from "../icon/Icon.js";
+/**
+ * @typedef {'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'none'} MenuItemRole
+ */
+/**
+ * @tagname leu-menu-item
+ * @slot - The label of the menu item
+ * @property {boolean} active - Defines if the item is selected or checked
+ * @property {boolean} multipleSelection - If the item is part of a multiple selection. Renders a checkmark before the label when active
+ * @property {boolean} disabled - Disables the underlying button or link
+ * @property {string} value - The value of the item. It must not contain commas. See `getValue()`
+ * @property {string} href - The href of the underlying link
+ * @property {boolean} tabbable - If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link
+ * @property {MenuItemRole} componentRole - The role of the item. This will be reflected as `role` to the underlying button or link. Default is `'menuitem'.`
+ */
+export declare class LeuMenuItem extends LeuElement {
+    static dependencies: {
+        "leu-icon": typeof LeuIcon;
+    };
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * @internal
+     */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static properties: {
+        active: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        multipleSelection: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            attr: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        tabbable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        href: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        componentRole: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _handleClick(event: any): void;
+    /**
+     * Returns the value of the item. If `value` is not set, it will return the inner text
+     * @returns {string}
+     */
+    getValue(): any;
+    _getAria(): {
+        disabled: any;
+    } | {
+        checked: any;
+        selected: any;
+        role: any;
+        disabled: any;
+    };
+    _getTabIndex(): 0 | -1;
+    _renderLink(content: any): import("lit-html").TemplateResult<1>;
+    _renderButton(content: any): import("lit-html").TemplateResult<1>;
+    _renderBeforeSlotDefault(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu/MenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC;;GAEG;AAEH;;;;;;;;;;GAUG;AACH,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAYhB;;IAgBD,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY,CAAC,KAAK,KAAA;IAOlB;;;OAGG;IACH,QAAQ;IAIR,QAAQ;;;;;;;;IAqBR,YAAY;IAQZ,WAAW,CAAC,OAAO,KAAA;IAenB,aAAa,CAAC,OAAO,KAAA;IAerB,wBAAwB;IAUxB,MAAM;CAWP"}

package/dist/components/menu/leu-menu-item.d.ts

@@ -0,0 +1,8 @@
+import { LeuMenuItem } from "./MenuItem.js";
+export { LeuMenuItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-menu-item": LeuMenuItem;
+    }
+}
+//# sourceMappingURL=leu-menu-item.d.ts.map

package/dist/components/menu/leu-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/leu-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,CAAA;AAItB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAA;KAC7B;CACF"}

package/dist/components/menu/leu-menu.d.ts

@@ -0,0 +1,8 @@
+import { LeuMenu } from "./Menu.js";
+export { LeuMenu };
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-menu": LeuMenu;
+    }
+}
+//# sourceMappingURL=leu-menu.d.ts.map

package/dist/components/menu/leu-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/leu-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,CAAA;AAIlB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAA;KACpB;CACF"}

package/dist/components/menu/stories/menu-item.stories.d.ts

@@ -0,0 +1,24 @@
+import "../leu-menu-item.js";
+import "../../icon/leu-icon.js";
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        label: string;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Regular: any;
+export declare const Active: any;
+export declare const IconBefore: any;
+export declare const IconAfterLink: any;
+export declare const IconAndTextLabel: any;
+export declare const IconPlaceholder: any;
+export declare const MultipleSelection: any;
+//# sourceMappingURL=menu-item.stories.d.ts.map

package/dist/components/menu/stories/menu-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/stories/menu-item.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;;;;;;;;;;;;;;AAO/B,wBAYC;AA2BD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAExC,eAAO,MAAM,MAAM,KAAoB,CAAA;AAKvC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAK3C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,eAAO,MAAM,gBAAgB,KAAoB,CAAA;AAMjD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,eAAO,MAAM,iBAAiB,KAAoB,CAAA"}

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

@@ -0,0 +1,26 @@
+import "../leu-menu.js";
+import "../leu-menu-item.js";
+import "../../icon/leu-icon.js";
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: {
+        selects: {
+            control: string;
+            options: string[];
+        };
+        role: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Menu: any;
+//# sourceMappingURL=menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/stories/menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAA;AACvB,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;;;;;;;;;;;;;;;;;;;;;AAG/B,wBAmBC;AA4BD,eAAO,MAAM,IAAI,KAAoB,CAAA"}

package/dist/components/menu/test/menu-item.test.d.ts

@@ -0,0 +1,3 @@
+import "../leu-menu.js";
+import "../leu-menu-item.js";
+//# sourceMappingURL=menu-item.test.d.ts.map

package/dist/components/menu/test/menu-item.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.test.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/test/menu-item.test.ts"],"names":[],"mappings":"AAKA,OAAO,gBAAgB,CAAA;AACvB,OAAO,qBAAqB,CAAA"}

package/dist/components/menu/test/menu.test.d.ts

@@ -0,0 +1,4 @@
+import "../leu-menu.js";
+import "../leu-menu-item.js";
+import "../../icon/leu-icon.js";
+//# sourceMappingURL=menu.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.test.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/test/menu.test.ts"],"names":[],"mappings":"AAKA,OAAO,gBAAgB,CAAA;AACvB,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA"}

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,72 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuButton } from "../button/Button.js";
+import { LeuVisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
+import { LeuIcon } from "../icon/Icon.js";
+/**
+ * @tagname leu-pagination
+ */
+export declare class LeuPagination extends LeuElement {
+    static dependencies: {
+        "leu-button": typeof LeuButton;
+        "leu-icon": typeof LeuIcon;
+        "leu-visually-hidden": typeof LeuVisuallyHidden;
+    };
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * @internal
+     */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    defaultPage?: number;
+    /**
+     * Number of items per page.
+     */
+    itemsPerPage: number;
+    /**
+     * Total number of items to paginate.
+     */
+    numOfItems: number;
+    /**
+     * Internal page state that contains an
+     * already clamped page number. Should only
+     * be accessed through the `page` getter and
+     * setter.
+     * @internal
+     */
+    private _page;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    /**
+     * The current page number. This is a 1-based index.
+     * When setting this value, it will be clamped
+     * to the range of valid pages.
+     */
+    get page(): number;
+    set page(page: number);
+    /**
+     * The index of the first item on the current page.
+     */
+    get startIndex(): number;
+    /**
+     * The index of the last item on the current page.
+     * This is exclusive, meaning it is one past the last item.
+     *
+     * @todo This value should be inclusive, meaning it should be the index of the last item on the page.
+     */
+    get endIndex(): number;
+    get _maxPage(): number;
+    private _isFirstPage;
+    private _isLastPage;
+    private _clampPage;
+    private _updatePage;
+    private _handleChange;
+    private _handleInput;
+    private _handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAMzC;;GAEG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAGD,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IAEH,YAAY,EAAE,MAAM,CAAI;IAExB;;OAEG;IAEH,UAAU,EAAE,MAAM,CAAI;IAEtB;;;;;;OAMG;IAEH,OAAO,CAAC,KAAK,CAAY;IAEzB,wBAAwB,CAAC,IAAI,KAAA,EAAE,MAAM,KAAA,EAAE,MAAM,KAAA;IAQ7C;;;;OAIG;IACH,IAAI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,IAAI,QAAA,EAEZ;IAED;;OAEG;IACH,IAAI,UAAU,WAEb;IAED;;;;;OAKG;IACH,IAAI,QAAQ,WAEX;IAED,IAAI,QAAQ,WAEX;IAED,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IAWtB,MAAM;CAuCP"}

package/dist/components/pagination/leu-pagination.d.ts

@@ -0,0 +1,8 @@
+import { LeuPagination } from "./Pagination.js";
+export { LeuPagination };
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-pagination": LeuPagination;
+    }
+}
+//# sourceMappingURL=leu-pagination.d.ts.map

package/dist/components/pagination/leu-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leu-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/leu-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,CAAA;AAIxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -0,0 +1,25 @@
+import { HandlerFunction } from "@storybook/addon-actions";
+import { StoryObj } from "@storybook/web-components";
+import "../leu-pagination.js";
+import { LeuPagination } from "../Pagination.js";
+interface ExtraArgs {
+    onPageChange: HandlerFunction;
+}
+type StoryArgs = LeuPagination & ExtraArgs;
+type Story = StoryObj<StoryArgs>;
+declare const _default: {
+    title: string;
+    component: string;
+    args: {
+        onPageChange: HandlerFunction;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Regular: Story;
+//# sourceMappingURL=pagination.stories.d.ts.map