@statistikzh/leu 0.14.2 → 0.14.4

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {
@@ -89,7 +89,6 @@ var css_248z = css`:host {
 /**
  * @typedef {'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'none'} MenuItemRole
  */
-
 /**
  * @tagname leu-menu-item
  * @slot - The label of the menu item
@@ -102,63 +101,64 @@ var css_248z = css`:host {
  * @property {MenuItemRole} componentRole - The role of the item. This will be reflected as `role` to the underlying button or link. Default is `'menuitem'.`
  */
 class LeuMenuItem extends LeuElement {
-  constructor() {
-    super();
-    this.active = false;
-    this.disabled = false;
-    this.multipleSelection = false;
-    this.value = undefined;
-    this.href = undefined;
-    this.tabbable = undefined;
-
-    /** @type {MenuItemRole} */
-    this.componentRole = "menuitem";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("click", this._handleClick, true);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this._handleClick, true);
-  }
-  _handleClick(event) {
-    if (this.disabled) {
-      event.stopPropagation();
-      event.preventDefault();
+    constructor() {
+        super();
+        this.active = false;
+        this.disabled = false;
+        this.multipleSelection = false;
+        this.value = undefined;
+        this.href = undefined;
+        this.tabbable = undefined;
+        /** @type {MenuItemRole} */
+        this.componentRole = "menuitem";
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("click", this._handleClick, true);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener("click", this._handleClick, true);
+    }
+    _handleClick(event) {
+        if (this.disabled) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
     }
-  }
-
-  /**
-   * Returns the value of the item. If `value` is not set, it will return the inner text
-   * @returns {string}
-   */
-  getValue() {
-    return this.value || this.textContent.trim();
-  }
-  _getAria() {
-    const commonAttributes = {
-      disabled: this.disabled
-    };
-    if (this.href) {
-      return commonAttributes;
+    /**
+     * Returns the value of the item. If `value` is not set, it will return the inner text
+     * @returns {string}
+     */
+    getValue() {
+        return this.value || this.textContent.trim();
     }
-    return {
-      ...commonAttributes,
-      checked: this.componentRole === "menuitemcheckbox" || this.componentRole === "menuitemradio" ? this.active : undefined,
-      selected: this.componentRole === "option" ? this.active : undefined,
-      role: this.componentRole === "none" ? undefined : this.componentRole
-    };
-  }
-  _getTabIndex() {
-    if (typeof this.tabbable === "boolean") {
-      return this.tabbable ? 0 : -1;
+    _getAria() {
+        const commonAttributes = {
+            disabled: this.disabled,
+        };
+        if (this.href) {
+            return commonAttributes;
+        }
+        return {
+            ...commonAttributes,
+            checked: this.componentRole === "menuitemcheckbox" ||
+                this.componentRole === "menuitemradio"
+                ? this.active
+                : undefined,
+            selected: this.componentRole === "option" ? this.active : undefined,
+            role: this.componentRole === "none" ? undefined : this.componentRole,
+        };
     }
-    return undefined;
-  }
-  _renderLink(content) {
-    const aria = this._getAria();
-    return html`<a
+    _getTabIndex() {
+        if (typeof this.tabbable === "boolean") {
+            return this.tabbable ? 0 : -1;
+        }
+        return undefined;
+    }
+    _renderLink(content) {
+        const aria = this._getAria();
+        return html `<a
       class="button"
       href=${this.href}
       aria-disabled=${ifDefined(aria.disabled)}
@@ -168,10 +168,10 @@ class LeuMenuItem extends LeuElement {
       tabindex=${ifDefined(this._getTabIndex())}
       >${content}</a
     >`;
-  }
-  _renderButton(content) {
-    const aria = this._getAria();
-    return html`<button
+    }
+    _renderButton(content) {
+        const aria = this._getAria();
+        return html `<button
       class="button"
       aria-disabled=${ifDefined(aria.disabled)}
       aria-checked=${ifDefined(aria.checked)}
@@ -181,65 +181,49 @@ class LeuMenuItem extends LeuElement {
     >
       ${content}
     </button>`;
-  }
-  _renderBeforeSlotDefault() {
-    if (!this.multipleSelection) {
-      return nothing;
     }
-    return this.active ? html`<leu-icon name="check"></leu-icon>` : html`<leu-icon></leu-icon>`;
-  }
-  render() {
-    const content = html`
+    _renderBeforeSlotDefault() {
+        if (!this.multipleSelection) {
+            return nothing;
+        }
+        return this.active
+            ? html `<leu-icon name="check"></leu-icon>`
+            : html `<leu-icon></leu-icon>`;
+    }
+    render() {
+        const content = html `
       <slot class="before" name="before"
         >${this._renderBeforeSlotDefault()}</slot
       >
       <span class="label"><slot></slot></span>
       <slot class="after" name="after"></slot>
     `;
-    return this.href ? this._renderLink(content) : this._renderButton(content);
-  }
+        return this.href ? this._renderLink(content) : this._renderButton(content);
+    }
 }
-_defineProperty(LeuMenuItem, "dependencies", {
-  "leu-icon": LeuIcon
-});
-_defineProperty(LeuMenuItem, "styles", [LeuElement.styles, css_248z]);
+LeuMenuItem.dependencies = {
+    "leu-icon": LeuIcon,
+};
+LeuMenuItem.styles = [LeuElement.styles, css_248z];
 /**
  * @internal
  */
-_defineProperty(LeuMenuItem, "shadowRootOptions", {
-  ...LeuElement.shadowRootOptions,
-  delegatesFocus: true
-});
-_defineProperty(LeuMenuItem, "properties", {
-  active: {
-    type: Boolean,
-    reflect: true
-  },
-  multipleSelection: {
-    type: Boolean,
-    reflect: true,
-    attr: "multiple-selection"
-  },
-  disabled: {
-    type: Boolean,
-    reflect: true
-  },
-  tabbable: {
-    type: Boolean,
-    reflect: true
-  },
-  href: {
-    type: String,
-    reflect: true
-  },
-  value: {
-    type: String,
-    reflect: true
-  },
-  componentRole: {
-    type: String,
-    reflect: true
-  }
-});
+LeuMenuItem.shadowRootOptions = {
+    ...LeuElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+LeuMenuItem.properties = {
+    active: { type: Boolean, reflect: true },
+    multipleSelection: {
+        type: Boolean,
+        reflect: true,
+        attr: "multiple-selection",
+    },
+    disabled: { type: Boolean, reflect: true },
+    tabbable: { type: Boolean, reflect: true },
+    href: { type: String, reflect: true },
+    value: { type: String, reflect: true },
+    componentRole: { type: String, reflect: true },
+};
 
 export { LeuMenuItem };

package/dist/Pagination.d.ts

@@ -1,23 +1,53 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+import { LeuButton } from './Button.js';
+import { LeuVisuallyHidden } from './VisuallyHidden.js';
+import { LeuIcon } from './Icon.js';
+import './hasSlotController.d-emXwVXWF.js';
+
 /**
  * @tagname leu-pagination
  */
-export class LeuPagination extends LeuElement {
-    /** @type {Number} */
-    numOfItems: number;
-    /** @type {Number} */
-    itemsPerPage: number;
+declare class LeuPagination extends LeuElement {
+    static dependencies: {
+        "leu-button": typeof LeuButton;
+        "leu-icon": typeof LeuIcon;
+        "leu-visually-hidden": typeof LeuVisuallyHidden;
+    };
+    static styles: lit.CSSResultGroup[];
     /**
-     * Internal page state that contains an
-     * already clamped page number. Should only
-     * be accessed through the `page` getter and
-     * setter.
-     * @type {Number}
      * @internal
      */
-    _page: number;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static properties: {
+        defaultPage: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        itemsPerPage: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        numOfItems: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        _page: {
+            state: boolean;
+        };
+    };
+    constructor();
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
-    set page(page: number);
-    get page(): number;
+    get page(): any;
+    set page(page: any);
     get startIndex(): number;
     get endIndex(): number;
     get _maxPage(): number;
@@ -28,7 +58,7 @@ export class LeuPagination extends LeuElement {
     _handleChange(event: any): void;
     _handleInput(event: any): void;
     _handleKeyDown(event: any): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-BI1CxItv.js';
-//# sourceMappingURL=Pagination.d.ts.map
+
+export { LeuPagination };

package/dist/Pagination.js

@@ -1,12 +1,12 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-BI1CxItv.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
+import { L as LeuElement } from './LeuElement-x8UlIDDl.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-CCPfIEw1.js';
+import './hasSlotController-Bm2tipvG.js';
 
 var css_248z = css`:host {
   margin-top: 16px;
@@ -70,95 +70,91 @@ var css_248z = css`:host {
 `;
 
 const MIN_PAGE = 1;
-
 /**
  * @tagname leu-pagination
  */
 class LeuPagination extends LeuElement {
-  constructor() {
-    super();
-
-    /** @type {Number} */
-    this.numOfItems = 1;
-
-    /** @type {Number} */
-    this.itemsPerPage = 1;
-
-    /**
-     * Internal page state that contains an
-     * already clamped page number. Should only
-     * be accessed through the `page` getter and
-     * setter.
-     * @type {Number}
-     * @internal
-     */
-    this._page = 1;
-  }
-  attributeChangedCallback(name, oldVal, newVal) {
-    super.attributeChangedCallback(name, oldVal, newVal);
-    if (name === "defaultpage" && newVal !== oldVal) {
-      this.page = parseInt(newVal, 10);
+    constructor() {
+        super();
+        /** @type {Number} */
+        this.numOfItems = 1;
+        /** @type {Number} */
+        this.itemsPerPage = 1;
+        /**
+         * Internal page state that contains an
+         * already clamped page number. Should only
+         * be accessed through the `page` getter and
+         * setter.
+         * @type {Number}
+         * @internal
+         */
+        this._page = 1;
+    }
+    attributeChangedCallback(name, oldVal, newVal) {
+        super.attributeChangedCallback(name, oldVal, newVal);
+        if (name === "defaultpage" && newVal !== oldVal) {
+            this.page = parseInt(newVal, 10);
+        }
+    }
+    get page() {
+        return this._page;
+    }
+    set page(page) {
+        this._page = this._clampPage(page);
     }
-  }
-  get page() {
-    return this._page;
-  }
-  set page(page) {
-    this._page = this._clampPage(page);
-  }
-  get startIndex() {
-    return (this.page - 1) * this.itemsPerPage;
-  }
-  get endIndex() {
-    return Math.min(this.startIndex + this.itemsPerPage, this.numOfItems);
-  }
-  get _maxPage() {
-    return Math.ceil(this.numOfItems / this.itemsPerPage);
-  }
-  _isFirstPage() {
-    return this.page === MIN_PAGE;
-  }
-  _isLastPage() {
-    return this.page === this._maxPage;
-  }
-  _clampPage(page) {
-    return Math.min(Math.max(page, MIN_PAGE), this._maxPage);
-  }
-  _updatePage(page) {
-    const prevPage = this.page;
-    this.page = this._clampPage(page);
-    if (this.page !== prevPage) {
-      this.dispatchEvent(new CustomEvent("leu:pagechange", {
-        detail: {
-          startIndex: this.startIndex,
-          endIndex: this.endIndex,
-          page: this.page
-        },
-        bubbles: false
-      }));
+    get startIndex() {
+        return (this.page - 1) * this.itemsPerPage;
     }
-  }
-  _handleChange(event) {
-    this._updatePage(parseInt(event.target.value, 10) || 0);
-  }
-  _handleInput(event) {
-    if (event.target.value !== "") {
-      event.preventDefault();
-      this._handleChange(event);
+    get endIndex() {
+        return Math.min(this.startIndex + this.itemsPerPage, this.numOfItems);
     }
-  }
-  _handleKeyDown(event) {
-    if (event.key === "ArrowUp") {
-      event.preventDefault();
-      this._updatePage(this.page + 1);
+    get _maxPage() {
+        return Math.ceil(this.numOfItems / this.itemsPerPage);
     }
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      this._updatePage(this.page - 1);
+    _isFirstPage() {
+        return this.page === MIN_PAGE;
     }
-  }
-  render() {
-    return html`
+    _isLastPage() {
+        return this.page === this._maxPage;
+    }
+    _clampPage(page) {
+        return Math.min(Math.max(page, MIN_PAGE), this._maxPage);
+    }
+    _updatePage(page) {
+        const prevPage = this.page;
+        this.page = this._clampPage(page);
+        if (this.page !== prevPage) {
+            this.dispatchEvent(new CustomEvent("leu:pagechange", {
+                detail: {
+                    startIndex: this.startIndex,
+                    endIndex: this.endIndex,
+                    page: this.page,
+                },
+                bubbles: false,
+            }));
+        }
+    }
+    _handleChange(event) {
+        this._updatePage(parseInt(event.target.value, 10) || 0);
+    }
+    _handleInput(event) {
+        if (event.target.value !== "") {
+            event.preventDefault();
+            this._handleChange(event);
+        }
+    }
+    _handleKeyDown(event) {
+        if (event.key === "ArrowUp") {
+            event.preventDefault();
+            this._updatePage(this.page + 1);
+        }
+        if (event.key === "ArrowDown") {
+            event.preventDefault();
+            this._updatePage(this.page - 1);
+        }
+    }
+    render() {
+        return html `
       <leu-visually-hidden>
         <label for="page-input">Aktuelle Seite</label>
       </leu-visually-hidden>
@@ -178,54 +174,43 @@ class LeuPagination extends LeuElement {
         <leu-button
           variant="secondary"
           label="Vorherige Seite"
-          @click=${_ => {
-      this._updatePage(this.page - 1);
-    }}
+          @click=${(_) => {
+            this._updatePage(this.page - 1);
+        }}
           ?disabled=${this._isFirstPage()}
           ><leu-icon name="angleLeft"></leu-icon
         ></leu-button>
         <leu-button
           variant="secondary"
           label="Nächste Seite"
-          @click=${_ => {
-      this._updatePage(this.page + 1);
-    }}
+          @click=${(_) => {
+            this._updatePage(this.page + 1);
+        }}
           ?disabled=${this._isLastPage()}
           ><leu-icon name="angleRight"></leu-icon
         ></leu-button>
       </div>
     `;
-  }
+    }
 }
-_defineProperty(LeuPagination, "dependencies", {
-  "leu-button": LeuButton,
-  "leu-icon": LeuIcon,
-  "leu-visually-hidden": LeuVisuallyHidden
-});
-_defineProperty(LeuPagination, "styles", [LeuElement.styles, css_248z]);
+LeuPagination.dependencies = {
+    "leu-button": LeuButton,
+    "leu-icon": LeuIcon,
+    "leu-visually-hidden": LeuVisuallyHidden,
+};
+LeuPagination.styles = [LeuElement.styles, css_248z];
 /**
  * @internal
  */
-_defineProperty(LeuPagination, "shadowRootOptions", {
-  ...LeuElement.shadowRootOptions,
-  delegatesFocus: true
-});
-_defineProperty(LeuPagination, "properties", {
-  defaultPage: {
-    type: Number,
-    reflect: true
-  },
-  itemsPerPage: {
-    type: Number,
-    reflect: true
-  },
-  numOfItems: {
-    type: Number,
-    reflect: true
-  },
-  _page: {
-    state: true
-  }
-});
+LeuPagination.shadowRootOptions = {
+    ...LeuElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+LeuPagination.properties = {
+    defaultPage: { type: Number, reflect: true },
+    itemsPerPage: { type: Number, reflect: true },
+    numOfItems: { type: Number, reflect: true },
+    _page: { state: true },
+};
 
 export { LeuPagination };

package/dist/Popup.d.ts

@@ -1,36 +1,70 @@
-export type Placement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+
 /**
  * @typedef {"top"|"top-start"|"top-end"|"bottom"|"bottom-start"|"bottom-end"|"left"|"left-start"|"left-end"|"right"|"right-start"|"right-end"} Placement
  */
 /**
  * @tagname leu-popup
  */
-export class LeuPopup extends LeuElement {
-    anchorEl: any;
-    cleanup: () => void;
-    flip: boolean;
-    shift: boolean;
-    active: boolean;
-    /** @type {Placement} */
-    placement: Placement;
-    /** @type {"width" | "height" | "both"} */
-    matchSize: "width" | "height" | "both";
-    /** @type {"width" | "height" | "both"} */
-    autoSize: "width" | "height" | "both";
-    shiftPadding: number;
-    autoSizePadding: number;
-    /** @type {string | HTMLElement} */
-    anchor: string | HTMLElement;
+declare class LeuPopup extends LeuElement {
+    static styles: lit.CSSResultGroup[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static properties: {
+        anchor: {};
+        active: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        placement: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        flip: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        shift: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        shiftPadding: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        matchSize: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        autoSize: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        autoSizePadding: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+    };
+    constructor();
+    disconnectedCallback(): void;
     updated(changedProperties: any): void;
     /**
      * @returns {HTMLElement | null}
      */
-    get popupEl(): HTMLElement | null;
+    get popupEl(): Element;
     start(): void;
     stop(): void;
     reposition(): void;
     handleAnchorChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-BI1CxItv.js';
-//# sourceMappingURL=Popup.d.ts.map
+
+export { LeuPopup };