@statistikzh/leu 0.14.3 → 0.15.0

package/dist/Spinner.d.ts

@@ -1,9 +1,14 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+
 /**
  * @tagname leu-spinner
  * @cssprop --leu-spinner-size - The size of the spinner.
  */
-export class LeuSpinner extends LeuElement {
-    render(): import("lit-html").TemplateResult<1>;
+declare class LeuSpinner extends LeuElement {
+    static styles: lit.CSSResultGroup[];
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
-//# sourceMappingURL=Spinner.d.ts.map
+
+export { LeuSpinner };

package/dist/Spinner.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {
@@ -30,8 +30,8 @@ var css_248z = css`@keyframes leu-spinner-rotate {
  * @cssprop --leu-spinner-size - The size of the spinner.
  */
 class LeuSpinner extends LeuElement {
-  render() {
-    return html`
+    render() {
+        return html `
       <svg
         class="spinner"
         fill="none"
@@ -46,8 +46,8 @@ class LeuSpinner extends LeuElement {
         />
       </svg>
     `;
-  }
+    }
 }
-_defineProperty(LeuSpinner, "styles", [LeuElement.styles, css_248z]);
+LeuSpinner.styles = [LeuElement.styles, css_248z];
 
 export { LeuSpinner };

package/dist/Table.d.ts

@@ -1,30 +1,59 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+import { LeuIcon } from './Icon.js';
+import { LeuPagination } from './Pagination.js';
+import './Button.js';
+import './VisuallyHidden.js';
+
 /**
  * @tagname leu-table
  */
-export class LeuTable extends LeuElement {
-    /** @type {array} */
-    columns: any[];
-    /** @type {array} */
-    data: any[];
-    /** @type {boolean} */
-    firstColumnSticky: boolean;
-    /** @type {number} */
-    itemsPerPage: number;
-    /** @type {number} */
-    sortIndex: number;
-    /** @type {boolean} */
-    sortOrderAsc: boolean;
-    /** @type {number} */
-    width: number;
-    /** @internal */
-    _shadowLeft: boolean;
-    /** @internal */
-    _shadowRight: boolean;
-    /** @internal */
-    _scrollRef: import("lit-html/directives/ref.js").Ref<Element>;
-    /** @internal */
-    _page: number;
-    _resizeObserver: ResizeObserver;
+declare class LeuTable extends LeuElement {
+    static dependencies: {
+        "leu-icon": typeof LeuIcon;
+        "leu-pagination": typeof LeuPagination;
+    };
+    static styles: lit.CSSResultGroup[];
+    static properties: {
+        columns: {
+            type: ArrayConstructor;
+        };
+        data: {
+            type: ArrayConstructor;
+        };
+        firstColumnSticky: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        itemsPerPage: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        sortIndex: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        sortOrderAsc: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        width: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        _shadowLeft: {
+            state: boolean;
+        };
+        _shadowRight: {
+            state: boolean;
+        };
+        _page: {
+            state: boolean;
+        };
+    };
+    constructor();
+    disconnectedCallback(): void;
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
     firstUpdated(): void;
     shadowToggle(target: any): void;
@@ -32,11 +61,11 @@ export class LeuTable extends LeuElement {
     isOnePropNotValid(): "Der Parameter 'columns' ist erforderlich !" | "Der Parameter 'data' ist erforderlich !";
     isSorted(col: any): boolean;
     sortClick(col: any): void;
-    sortArrowIcon(): import("lit-html").TemplateResult<1>;
-    get _columns(): any[];
-    get _sortedData(): any[];
-    get _data(): any[];
-    render(): import("lit-html").TemplateResult<1>;
+    sortArrowIcon(): lit_html.TemplateResult<1>;
+    get _columns(): any;
+    get _sortedData(): any;
+    get _data(): any;
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
-//# sourceMappingURL=Table.d.ts.map
+
+export { LeuTable };

package/dist/Table.js

@@ -1,14 +1,16 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
+import './_tslib-CNEFicEt.js';
 import 'lit/directives/live.js';
+import 'lit/decorators.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-dQsSUUpb.js';
+import './hasSlotController-Bm2tipvG.js';
 import './VisuallyHidden.js';
 
 var css_248z = css`:host {
@@ -129,136 +131,134 @@ div.shadow-right {
  * @tagname leu-table
  */
 class LeuTable extends LeuElement {
-  constructor() {
-    super();
-    /** @type {array} */
-    this.columns = [];
-    /** @type {array} */
-    this.data = [];
-    /** @type {boolean} */
-    this.firstColumnSticky = false;
-    /** @type {number} */
-    this.itemsPerPage = null;
-    /** @type {number} */
-    this.sortIndex = null;
-    /** @type {boolean} */
-    this.sortOrderAsc = false;
-    /** @type {number} */
-    this.width = null;
-
-    /** @internal */
-    this._shadowLeft = false;
-    /** @internal */
-    this._shadowRight = false;
-    /** @internal */
-    this._scrollRef = createRef();
-
-    /** @internal */
-    this._page = 1;
-    this._resizeObserver = new ResizeObserver(() => {
-      this.shadowToggle(this._scrollRef.value);
-    });
-  }
-  disconnectedCallback() {
-    this._resizeObserver.disconnect();
-  }
-  attributeChangedCallback(name, oldVal, newVal) {
-    super.attributeChangedCallback(name, oldVal, newVal);
-    if (name === "itemsperpage" || name === "data") {
-      this._page = 1;
+    constructor() {
+        super();
+        /** @type {array} */
+        this.columns = [];
+        /** @type {array} */
+        this.data = [];
+        /** @type {boolean} */
+        this.firstColumnSticky = false;
+        /** @type {number} */
+        this.itemsPerPage = null;
+        /** @type {number} */
+        this.sortIndex = null;
+        /** @type {boolean} */
+        this.sortOrderAsc = false;
+        /** @type {number} */
+        this.width = null;
+        /** @internal */
+        this._shadowLeft = false;
+        /** @internal */
+        this._shadowRight = false;
+        /** @internal */
+        this._scrollRef = createRef();
+        /** @internal */
+        this._page = 1;
+        this._resizeObserver = new ResizeObserver(() => {
+            this.shadowToggle(this._scrollRef.value);
+        });
+    }
+    disconnectedCallback() {
+        this._resizeObserver.disconnect();
+    }
+    attributeChangedCallback(name, oldVal, newVal) {
+        super.attributeChangedCallback(name, oldVal, newVal);
+        if (name === "itemsperpage" || name === "data") {
+            this._page = 1;
+        }
+    }
+    firstUpdated() {
+        this.shadowToggle(this._scrollRef.value);
+        this._resizeObserver.observe(this._scrollRef.value);
     }
-  }
-  firstUpdated() {
-    this.shadowToggle(this._scrollRef.value);
-    this._resizeObserver.observe(this._scrollRef.value);
-  }
-  shadowToggle(target) {
-    this._shadowLeft = target.scrollLeftMax > 0 && target.scrollLeft > 0;
-    this._shadowRight = target.scrollLeftMax > 0 && target.scrollLeft < target.scrollLeftMax;
-  }
-  scrollEvent(event) {
-    this.shadowToggle(event.target);
-  }
-  isOnePropNotValid() {
-    if (!this._columns) {
-      return "Der Parameter 'columns' ist erforderlich !";
+    shadowToggle(target) {
+        this._shadowLeft = target.scrollLeftMax > 0 && target.scrollLeft > 0;
+        this._shadowRight =
+            target.scrollLeftMax > 0 && target.scrollLeft < target.scrollLeftMax;
     }
-    if (!this._sortedData) {
-      return "Der Parameter 'data' ist erforderlich !";
+    scrollEvent(event) {
+        this.shadowToggle(event.target);
     }
-    return null;
-  }
-  isSorted(col) {
-    return this.sortIndex === this._columns.indexOf(col);
-  }
-  sortClick(col) {
-    const index = this._columns.indexOf(col);
-    if (this.sortIndex === index) {
-      this.sortOrderAsc = !this.sortOrderAsc;
-    } else {
-      this.sortIndex = index;
-      this.sortOrderAsc = false;
+    isOnePropNotValid() {
+        if (!this._columns) {
+            return "Der Parameter 'columns' ist erforderlich !";
+        }
+        if (!this._sortedData) {
+            return "Der Parameter 'data' ist erforderlich !";
+        }
+        return null;
     }
-  }
-  sortArrowIcon() {
-    return html`<leu-icon
+    isSorted(col) {
+        return this.sortIndex === this._columns.indexOf(col);
+    }
+    sortClick(col) {
+        const index = this._columns.indexOf(col);
+        if (this.sortIndex === index) {
+            this.sortOrderAsc = !this.sortOrderAsc;
+        }
+        else {
+            this.sortIndex = index;
+            this.sortOrderAsc = false;
+        }
+    }
+    sortArrowIcon() {
+        return html `<leu-icon
       name=${this.sortOrderAsc ? "arrowDown" : "arrowUp"}
     ></leu-icon>`;
-  }
-  get _columns() {
-    return this.columns;
-  }
-  get _sortedData() {
-    if (this.sortIndex === null || this.sortIndex === undefined) {
-      return this.data;
     }
-    const col = this._columns[this.sortIndex];
-    return this.data.sort(this.sortOrderAsc ? col.sort.asc : col.sort.desc);
-  }
-  get _data() {
-    return this.itemsPerPage && this.itemsPerPage > 0 ? this._sortedData.slice((this._page - 1) * this.itemsPerPage, this._page * this.itemsPerPage) : this._sortedData;
-  }
-  render() {
-    const scrollClasses = {
-      scroll: true,
-      "shadow-left": this.firstColumnSticky && this._shadowLeft
-    };
-    const shadowClassesLeft = {
-      shadow: true,
-      "shadow-left": !this.firstColumnSticky && this._shadowLeft,
-      pagination: this.itemsPerPage > 0
-    };
-    const shadowClassesRight = {
-      shadow: true,
-      "shadow-right": this._shadowRight,
-      pagination: this.itemsPerPage > 0
-    };
-    const stickyClass = {
-      sticky: this.firstColumnSticky
-    };
-    function headerStyle(col) {
-      if (col.headerStyle) {
-        return styleMap({
-          ...col.headerStyle(),
-          textAlign: col.align === "right" ? "right" : undefined
-        });
-      }
-      return col.align === "right" ? styleMap({
-        textAlign: "right"
-      }) : nothing;
+    get _columns() {
+        return this.columns;
     }
-    function bodyStyle(col, row) {
-      if (col.style) {
-        return styleMap({
-          ...col.style(row),
-          textAlign: col.align === "right" ? "right" : undefined
-        });
-      }
-      return col.align === "right" ? styleMap({
-        textAlign: "right"
-      }) : nothing;
+    get _sortedData() {
+        if (this.sortIndex === null || this.sortIndex === undefined) {
+            return this.data;
+        }
+        const col = this._columns[this.sortIndex];
+        return this.data.sort(this.sortOrderAsc ? col.sort.asc : col.sort.desc);
+    }
+    get _data() {
+        return this.itemsPerPage && this.itemsPerPage > 0
+            ? this._sortedData.slice((this._page - 1) * this.itemsPerPage, this._page * this.itemsPerPage)
+            : this._sortedData;
     }
-    return html`
+    render() {
+        const scrollClasses = {
+            scroll: true,
+            "shadow-left": this.firstColumnSticky && this._shadowLeft,
+        };
+        const shadowClassesLeft = {
+            shadow: true,
+            "shadow-left": !this.firstColumnSticky && this._shadowLeft,
+            pagination: this.itemsPerPage > 0,
+        };
+        const shadowClassesRight = {
+            shadow: true,
+            "shadow-right": this._shadowRight,
+            pagination: this.itemsPerPage > 0,
+        };
+        const stickyClass = {
+            sticky: this.firstColumnSticky,
+        };
+        function headerStyle(col) {
+            if (col.headerStyle) {
+                return styleMap({
+                    ...col.headerStyle(),
+                    textAlign: col.align === "right" ? "right" : undefined,
+                });
+            }
+            return col.align === "right" ? styleMap({ textAlign: "right" }) : nothing;
+        }
+        function bodyStyle(col, row) {
+            if (col.style) {
+                return styleMap({
+                    ...col.style(row),
+                    textAlign: col.align === "right" ? "right" : undefined,
+                });
+            }
+            return col.align === "right" ? styleMap({ textAlign: "right" }) : nothing;
+        }
+        return html `
       <div
         class=${classMap(scrollClasses)}
         @scroll="${this.scrollEvent}"
@@ -267,21 +267,27 @@ class LeuTable extends LeuElement {
         <table class=${classMap(stickyClass)}>
           <thead>
             <tr>
-              ${this._columns.map(col => html`<th style=${headerStyle(col)}>
-                    ${col.sort ? html`<button
-                          @click=${_ => this.sortClick(col)}
+              ${this._columns.map((col) => html `<th style=${headerStyle(col)}>
+                    ${col.sort
+            ? html `<button
+                          @click=${(_) => this.sortClick(col)}
                           class=${this.isSorted(col) ? "active" : nothing}
                         >
-                          ${col.align === "right" ? this.sortArrowIcon() : nothing}
+                          ${col.align === "right"
+                ? this.sortArrowIcon()
+                : nothing}
                           <span>${col.name}</span>
-                          ${col.align !== "right" ? this.sortArrowIcon() : nothing}
-                        </button>` : col.name}
+                          ${col.align !== "right"
+                ? this.sortArrowIcon()
+                : nothing}
+                        </button>`
+            : col.name}
                   </th>`)}
             </tr>
           </thead>
           <tbody>
-            ${this._data.map(row => html`<tr>
-                  ${this._columns.map(col => html`<td style=${bodyStyle(col, row)}>
+            ${this._data.map((row) => html `<tr>
+                  ${this._columns.map((col) => html `<td style=${bodyStyle(col, row)}>
                         ${col.value(row)}
                       </td>`)}
                 </tr>`)}
@@ -291,61 +297,38 @@ class LeuTable extends LeuElement {
         <div class=${classMap(shadowClassesRight)}></div>
       </div>
 
-      ${this.itemsPerPage > 0 ? html`
+      ${this.itemsPerPage > 0
+            ? html `
             <leu-pagination
               .numOfItems=${this._sortedData.length}
               .itemsPerPage=${this.itemsPerPage}
               page=${this._page}
-              @leu:pagechange=${e => {
-      this._page = e.detail.page;
-    }}
+              @leu:pagechange=${(e) => {
+                this._page = e.detail.page;
+            }}
             >
             </leu-pagination>
-          ` : nothing}
+          `
+            : nothing}
     `;
-  }
+    }
 }
-_defineProperty(LeuTable, "dependencies", {
-  "leu-icon": LeuIcon,
-  "leu-pagination": LeuPagination
-});
-_defineProperty(LeuTable, "styles", [LeuElement.styles, css_248z]);
-_defineProperty(LeuTable, "properties", {
-  columns: {
-    type: Array
-  },
-  data: {
-    type: Array
-  },
-  firstColumnSticky: {
-    type: Boolean,
-    reflect: true
-  },
-  itemsPerPage: {
-    type: Number,
-    reflect: true
-  },
-  sortIndex: {
-    type: Number,
-    reflect: true
-  },
-  sortOrderAsc: {
-    type: Boolean,
-    reflect: true
-  },
-  width: {
-    type: Number,
-    reflect: true
-  },
-  _shadowLeft: {
-    state: true
-  },
-  _shadowRight: {
-    state: true
-  },
-  _page: {
-    state: true
-  }
-});
+LeuTable.dependencies = {
+    "leu-icon": LeuIcon,
+    "leu-pagination": LeuPagination,
+};
+LeuTable.styles = [LeuElement.styles, css_248z];
+LeuTable.properties = {
+    columns: { type: Array },
+    data: { type: Array },
+    firstColumnSticky: { type: Boolean, reflect: true },
+    itemsPerPage: { type: Number, reflect: true },
+    sortIndex: { type: Number, reflect: true },
+    sortOrderAsc: { type: Boolean, reflect: true },
+    width: { type: Number, reflect: true },
+    _shadowLeft: { state: true },
+    _shadowRight: { state: true },
+    _page: { state: true },
+};
 
 export { LeuTable };

package/dist/VisuallyHidden.d.ts

@@ -1,8 +1,13 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+
 /**
  * @tagname leu-visually-hidden
  */
-export class LeuVisuallyHidden extends LeuElement {
-    render(): import("lit-html").TemplateResult<1>;
+declare class LeuVisuallyHidden extends LeuElement {
+    static styles: lit.CSSResultGroup[];
+    render(): lit_html.TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
-//# sourceMappingURL=VisuallyHidden.d.ts.map
+
+export { LeuVisuallyHidden };

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);
@@ -17,10 +17,10 @@ var css_248z = css`:host {
  * @tagname leu-visually-hidden
  */
 class LeuVisuallyHidden extends LeuElement {
-  render() {
-    return html`<slot></slot>`;
-  }
+    render() {
+        return html `<slot></slot>`;
+    }
 }
-_defineProperty(LeuVisuallyHidden, "styles", [LeuElement.styles, css_248z]);
+LeuVisuallyHidden.styles = [LeuElement.styles, css_248z];
 
 export { LeuVisuallyHidden };

package/dist/_tslib-CNEFicEt.js

@@ -0,0 +1,30 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __decorate as _ };

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,49 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+/**
+ * @tagname leu-accordion
+ * @slot content - The content of the accordion. No styles will be applied to the content.
+ * @attr {number} heading-level - The heading level of the accordion title. Must be between 1 and 6.
+ * @attr {string} label-prefix - The prefix of the accordion label. e.g. "01"
+ */
+export declare class LeuAccordion extends LeuElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** @internal */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    /**
+     * The heading level of the accordion title. Must be between 1 and 6.
+     */
+    headingLevel: number;
+    /**
+     * The expanded state of the accordion.
+     */
+    open: boolean;
+    /**
+     * The label (title) of the accordion
+     */
+    label: string;
+    /**
+     * The prefix of the accordion label. e.g. "01"
+     */
+    labelPrefix: string;
+    /**
+     * 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.
+     * @internal
+     */
+    private _getHeadingTag;
+    /**
+     * Toggles the accordion open state.
+     * @internal
+     */
+    private _handleToggleClick;
+    render(): import("lit-html").TemplateResult;
+}
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAIpD;;;;;GAKG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,iCAA8B;IAE3C,gBAAgB;IAChB,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED;;OAEG;IAEH,YAAY,SAAI;IAEhB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,WAAW,SAAK;IAEhB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAStB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAI1B,MAAM;CAqCP"}