@leavittsoftware/web 1.0.0

package/titanium/data-table/data-table.js

@@ -0,0 +1,605 @@
+import { __decorate } from "tslib";
+import './page-control';
+import '@material/web/checkbox/checkbox';
+import '@material/web/progress/linear-progress';
+import '@material/web/icon/icon';
+import { css, html, LitElement } from 'lit';
+import { property, customElement, query, queryAsync } from 'lit/decorators.js';
+import { DataTableItemDropEvent } from './data-table-item';
+import { h1, ellipsis } from '../../titanium/styles/styles';
+/**
+ * Material design inspired data table with paging, sorting, multi/single select, table actions, selected actions and more!
+ *
+ * @element titanium-data-table
+ *
+ * @fires selected-changed - Fired when a row or rows in the data table is selected. detail: array<unknown>
+ * @fires titanium-data-table-items-reorder - Fired when table items are resorted by user.
+ * @fires paging-changed - Fired when take or page is changed by click or keyboard action.
+ *
+ * @slot table-actions - item nonspecific table buttons such as add new item
+ * @slot filter-button - filter button slot
+ * @slot filters - filter chips slot
+ * @slot search-button -  search button slot
+ * @slot selected-actions -  item specific table buttons such as edit, delete shown when one or more items are selected
+ * @slot table-headers - slot for table headers (ex. titanium-data-table-header)
+ * @slot items - slot for table rows (ex. titanium-data-table-item)
+ * @slot footer - slot for additional footer items. Slotting here overwrites footer-buttons.
+ * @slot footer-buttons - slot for footer action buttons
+ *
+ * @cssprop {Color} [var(--md-sys-color-outline-variant)] - Table border color
+ * @cssprop {Color} [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family used on the data table and paging control
+ */
+let TitaniumDataTable = class TitaniumDataTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Available page sizes
+         */
+        this.pageSizes = [10, 15, 20, 50];
+        /**
+         * The default page size before the user changes it
+         */
+        this.defaultPageSize = 10;
+        /**
+         * Current items displayed on the table.
+         */
+        this.items = [];
+        /**
+         * Disables all item selection on the data-table.
+         */
+        this.disableSelect = false;
+        /**
+         * Disables paging.
+         */
+        this.disablePaging = false;
+        /**
+         * Array of currently selected data table objects
+         */
+        this.selected = [];
+        /**
+         *  Sets if view port is small
+         */
+        this.narrow = false;
+        this.#openCount = 0;
+    }
+    #openCount;
+    /**
+     *  returns internal pageControl's current take
+     */
+    async getTake() {
+        return (await this.pageControl)?.take ?? 0;
+    }
+    /**
+     *  returns internal pageControl's current page
+     */
+    async getPage() {
+        return (await this.pageControl)?.page ?? 0;
+    }
+    /**
+     *  sets internal pageControl's current take
+     */
+    async setTake(take) {
+        const control = await this.pageControl;
+        if (control) {
+            control.take = take;
+        }
+    }
+    /**
+     *  sets internal pageControl's current page
+     */
+    async setPage(page) {
+        const control = await this.pageControl;
+        if (control) {
+            control.page = page;
+        }
+    }
+    /**
+     *  resets internal pageControl's current page to 0
+     */
+    async resetPage() {
+        await this.setPage(0);
+    }
+    async firstUpdated() {
+        if (typeof ResizeObserver === 'function') {
+            const ro = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    const cr = entry.contentRect;
+                    this.narrow = cr.width < 560;
+                    this.updateChildrenIsNarrow();
+                }
+            });
+            ro.observe(this);
+        }
+        else {
+            const mql = window.matchMedia('(max-width: 768px)');
+            mql.addEventListener('change', e => {
+                this.narrow = e.matches;
+                this.updateChildrenIsNarrow();
+            });
+            this.narrow = mql.matches;
+            this.updateChildrenIsNarrow();
+        }
+        this.addEventListener(DataTableItemDropEvent.eventType, (e) => {
+            e.stopPropagation();
+            //HoverIndex cannot be dropped beyond the length of the array
+            const hoverIndex = Math.min(e.hoverIndex, this.items.length - 1);
+            //Ignore if item goes back to where it started
+            if (hoverIndex !== e.originIndex) {
+                const temp = this.items[e.originIndex];
+                this.items.splice(e.originIndex, 1);
+                this.items.splice(hoverIndex, 0, temp);
+                /**
+                 * @ignore
+                 */
+                this.dispatchEvent(new DataTableItemsReorderedEvent());
+            }
+        });
+        //When slotted in items change, sync the narrow prop
+        this.tableHeaders.addEventListener('slotchange', () => this.updateChildrenIsNarrow());
+        this.itemsSlot.addEventListener('slotchange', () => this.updateChildrenIsNarrow());
+        await (await this.pageControl)?.updateComplete;
+    }
+    /**
+     * @ignore
+     */
+    updateChildrenIsNarrow() {
+        this.itemsSlot.assignedElements().forEach(o => (o.narrow = this.narrow));
+        this.tableHeaders.assignedElements().forEach(o => (o.narrow = this.narrow));
+    }
+    /**
+     *  de-select all table items and clear this.selected
+     */
+    clearSelection() {
+        this.#deselectAll();
+        // Ensure the collection is empty, deselect can cause a race condition
+        // between deselecting and UI drawing new items.
+        if (this.selected.length > 0) {
+            this.selected = [];
+            this.#notifySelectedChanged();
+        }
+    }
+    updated(changedProps) {
+        if (changedProps.has('items') && changedProps.get('items') !== this.items) {
+            // Clear selection when items array changes.
+            this.clearSelection();
+        }
+    }
+    #notifySelectedChanged() {
+        this.dispatchEvent(new CustomEvent('selected-changed', { composed: true, detail: this.selected }));
+    }
+    /**
+     *  display linear progress bar while promise is active
+     */
+    async loadWhile(promise) {
+        this.isLoading = true;
+        this.#openCount++;
+        try {
+            await promise;
+        }
+        finally {
+            this.#openCount--;
+            if (this.#openCount === 0) {
+                this.isLoading = false;
+            }
+        }
+    }
+    #deselectAll() {
+        this.#getTableItems().forEach(o => o.deselect());
+    }
+    /**
+     *  select all table items
+     */
+    selectAll() {
+        if (!this.singleSelect) {
+            this.#getTableItems().forEach(o => o.select());
+        }
+    }
+    #getTableItems() {
+        return this.itemsSlot.assignedElements().filter(o => typeof o.select === 'function' && typeof o.deselect === 'function');
+    }
+    static { this.styles = [
+        h1,
+        ellipsis,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: 8px;
+        font-family: var(--titanium-data-table-font-family, Roboto, Noto, sans-serif);
+        --titanium-page-control-font-family: var(--titanium-data-table-font-family, Roboto, Noto, sans-serif);
+        -webkit-font-smoothing: antialiased;
+      }
+
+      header {
+        display: flex;
+        flex-direction: column;
+        padding-bottom: 12px;
+        gap: 12px;
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+        position: relative;
+      }
+
+      /* HEADER ROW ONE */
+
+      section[row-one] {
+        display: grid;
+        grid: 'head menu' / 1fr auto;
+        gap: 8px;
+        padding: 12px 12px 0 12px;
+      }
+
+      section[row-one] div[head] {
+        grid-area: head;
+      }
+
+      section[row-one] div[menu] {
+        grid-area: menu;
+      }
+
+      div[search] {
+        grid-area: search;
+      }
+
+      /* HEADER ROW TWO */
+
+      section[row-two] {
+        display: grid;
+        grid: 'search-filter add' / 1fr auto;
+        gap: 8px;
+        padding: 0 12px 0 20px;
+      }
+
+      :host([narrow]) section[row-two] {
+        grid:
+          'search-filter '
+          'add' / auto;
+      }
+
+      section[row-two] div[search-filter] {
+        grid-area: search-filter;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px;
+      }
+
+      section[row-two] div[add-button] {
+        grid-area: add;
+        justify-self: end;
+        align-self: end;
+      }
+
+      h1 {
+        padding: 12px 12px 0 12px;
+      }
+
+      selected-actions {
+        display: grid;
+        gap: 6px 24px;
+        grid: 'selected-text buttons';
+        background-color: var(--md-sys-color-secondary-container);
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        margin: 0 !important;
+        padding: 0 12px 12px 24px;
+        align-content: end;
+      }
+
+      selected-actions h2 {
+        color: var(--md-sys-color-on-secondary-container);
+        font-size: 18px;
+        font-weight: 400;
+        align-self: end;
+      }
+
+      selected-actions div[buttons] {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 0 8px;
+        justify-content: flex-end;
+      }
+
+      table-header {
+        display: flex;
+        flex-direction: row;
+        min-height: 48px;
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      table-header ::slotted(titanium-data-table-header:last-of-type) {
+        padding-right: 24px;
+      }
+
+      md-linear-progress {
+        width: 100%;
+        margin-top: -4px;
+      }
+
+      main {
+        position: relative;
+        min-height: 48px;
+      }
+
+      content-veil {
+        display: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: var(--md-sys-color-scrim);
+        opacity: 0;
+        -webkit-transition: opacity 75ms linear;
+        -o-transition: opacity 75ms linear;
+        transition: opacity 75ms linear;
+        z-index: 6;
+      }
+
+      content-veil[opened] {
+        opacity: 0.12;
+        display: block;
+      }
+
+      table-message {
+        display: flex;
+        place-items: center;
+        justify-content: center;
+        gap: 8px;
+        padding: 64px;
+
+        font-size: 14px;
+        z-index: 10;
+        line-height: 20px;
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      table-message md-icon {
+        align-self: center;
+        flex-shrink: 0;
+      }
+
+      footer {
+        display: grid;
+        grid: 'controls footer-slot' / minmax(400px, 1fr) auto;
+        gap: 24px;
+        padding: 12px;
+        align-items: center;
+        margin-top: -1px;
+        border-top: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      titanium-page-control {
+        grid-area: controls;
+        margin-left: 12px;
+        justify-self: start;
+      }
+
+      div[footer] {
+        justify-self: end;
+      }
+
+      :host([narrow]) footer {
+        grid:
+          'controls'
+          'footer-slot' / auto;
+      }
+
+      :host([disable-paging]) footer {
+        grid: 'footer-slot' / auto;
+      }
+
+      footer-buttons {
+        display: flex;
+        gap: 12px;
+        flex-wrap: wrap;
+        align-items: flex-end;
+      }
+
+      div[add-button] {
+        display: flex;
+        align-items: center;
+      }
+
+      div[items-slot] {
+        position: relative;
+      }
+
+      md-checkbox {
+        flex-shrink: 0;
+        align-self: center;
+        margin: 0 14px 0 20px;
+      }
+
+      :host([disable-select]) table-header ::slotted(titanium-data-table-header:first-of-type) {
+        padding-left: 24px;
+      }
+
+      :host(:not([disable-select])[single-select]) table-header {
+        padding-left: 57px;
+      }
+
+      [hidden] {
+        display: none !important;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <header part="header">
+        <section row-one>
+          <div head ellipsis part="table-header-text-container">
+            <slot name="table-header-text"> <h1 ellipsis>${this.header}</h1></slot>
+          </div>
+          <div menu part="table-actions-container">
+            <slot name="table-actions"></slot>
+          </div>
+        </section>
+        <section row-two>
+          <div search-filter part="filters-container">
+            <slot name="search-button"></slot>
+            <slot name="filter-button"></slot>
+            <slot name="filters"></slot>
+          </div>
+          <div add-button part="add-button-container">
+            <slot name="add-button"></slot>
+          </div>
+        </section>
+
+        <selected-actions ?hidden="${this.selected.length === 0}">
+          <h2 ellipsis>${this.selected.length} item${this.selected.length > 1 ? 's' : ''} selected</h2>
+          <div buttons part="selected-actions-container">
+            <slot name="selected-actions"></slot>
+          </div>
+        </selected-actions>
+      </header>
+
+      <table-container
+        @titanium-data-table-item-selected-changed=${e => {
+            e.stopPropagation();
+            const dataTableItem = e.target;
+            if (dataTableItem.selected) {
+                if (this.singleSelect) {
+                    this.#getTableItems()
+                        .filter(o => o.item !== dataTableItem.item)
+                        .forEach(o => o.deselect());
+                }
+                this.selected.push(dataTableItem.item);
+                this.requestUpdate();
+                this.#notifySelectedChanged();
+            }
+            else {
+                this.selected.splice(this.selected.indexOf(dataTableItem.item), 1);
+                this.requestUpdate();
+                this.#notifySelectedChanged();
+            }
+        }}
+      >
+        <table-header part="table-header-container">
+          ${this.disableSelect || this.singleSelect
+            ? ''
+            : html `
+                <md-checkbox
+                  title="${this.selected.length > 0 ? 'Deselect' : 'Select'} all checkboxes"
+                  aria-label="${this.selected.length > 0 ? 'Deselect' : 'Select'} all checkboxes"
+                  ?checked=${this.selected.length > 0}
+                  ?indeterminate=${this.selected.length !== 0 && this.selected.length !== this.items.length}
+                  @click=${() => {
+                this.selected.length > 0 ? this.#deselectAll() : this.selectAll();
+                this.checkbox.focus();
+            }}
+                ></md-checkbox>
+              `}
+          <slot name="table-headers"></slot>
+        </table-header>
+        <md-linear-progress ?hidden=${!this.isLoading} ?closed=${!this.isLoading} indeterminate></md-linear-progress>
+
+        <main>
+          <div items-slot part="items-container">
+            <slot name="items"></slot>
+          </div>
+          <table-message ?hidden=${this.isLoading || this.items.length > 0}>
+            <md-icon>info</md-icon>
+            ${this.searchTerm === '' || typeof this.searchTerm === 'undefined' || this.searchTerm === null
+            ? 'No results'
+            : `Your search of '${this.searchTerm}' did not match any results`}</table-message
+          >
+          <table-message ?hidden=${!this.isLoading || this.items.length !== 0}> Loading data... </table-message>
+          <content-veil ?opened=${this.isLoading}></content-veil>
+        </main>
+      </table-container>
+      <footer part="footer-container">
+        <slot name="footer">
+          ${this.disablePaging
+            ? ''
+            : html `
+                <titanium-page-control
+                  label="Rows per page"
+                  ?disabled=${this.isLoading}
+                  .count=${this.count}
+                  .pageSizes=${this.pageSizes}
+                  .defaultPageSize=${this.defaultPageSize}
+                  .localStorageKey="${this.header}-take"
+                  @action=${() => {
+                this.dispatchEvent(new CustomEvent('paging-changed', { composed: true }));
+            }}
+                ></titanium-page-control>
+              `}
+          <div footer>
+            <footer-buttons><slot name="footer-buttons"></slot></footer-buttons>
+          </div>
+        </slot>
+      </footer>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumDataTable.prototype, "header", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumDataTable.prototype, "localStorageKey", void 0);
+__decorate([
+    property({ type: Array })
+], TitaniumDataTable.prototype, "pageSizes", void 0);
+__decorate([
+    property({ type: Number, attribute: 'default-page-size' })
+], TitaniumDataTable.prototype, "defaultPageSize", void 0);
+__decorate([
+    property({ type: Number })
+], TitaniumDataTable.prototype, "count", void 0);
+__decorate([
+    property({ type: Array })
+], TitaniumDataTable.prototype, "items", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumDataTable.prototype, "searchTerm", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'single-select', reflect: true })
+], TitaniumDataTable.prototype, "singleSelect", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-select' })
+], TitaniumDataTable.prototype, "disableSelect", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-paging', reflect: true })
+], TitaniumDataTable.prototype, "disablePaging", void 0);
+__decorate([
+    property({ type: Array })
+], TitaniumDataTable.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumDataTable.prototype, "isLoading", void 0);
+__decorate([
+    query('slot[name="items"]')
+], TitaniumDataTable.prototype, "itemsSlot", void 0);
+__decorate([
+    query('slot[name="table-headers"]')
+], TitaniumDataTable.prototype, "tableHeaders", void 0);
+__decorate([
+    query('div[items-slot]')
+], TitaniumDataTable.prototype, "itemsContainer", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'narrow' })
+], TitaniumDataTable.prototype, "narrow", void 0);
+__decorate([
+    query('md-checkbox')
+], TitaniumDataTable.prototype, "checkbox", void 0);
+__decorate([
+    queryAsync('titanium-page-control')
+], TitaniumDataTable.prototype, "pageControl", void 0);
+TitaniumDataTable = __decorate([
+    customElement('titanium-data-table')
+], TitaniumDataTable);
+export { TitaniumDataTable };
+export class DataTableItemsReorderedEvent extends Event {
+    static { this.eventType = 'titanium-data-table-items-reorder'; }
+    constructor() {
+        super(DataTableItemsReorderedEvent.eventType);
+    }
+}
+//# sourceMappingURL=data-table.js.map

package/titanium/data-table/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["data-table.ts"],"names":[],"mappings":"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"}

package/titanium/data-table/filter-controller.d.ts

@@ -0,0 +1,23 @@
+import { Filter } from './filter';
+export declare class FilterController<TKey extends string> {
+    #private;
+    subscribeToFilterChange(callback: () => void): void;
+    unsubscribeFromFilterChange(callback: () => void): void;
+    /**
+     *
+     */
+    constructor(path: string);
+    /**
+     * Set values of filters based on query string data
+     *
+     * @returns True if values of filter change from query string data
+     */
+    loadFromQueryString(): boolean;
+    get filters(): Filter[];
+    getActiveFilterOdata(): string[];
+    setValue(key: TKey, value: string | null): void;
+    getValue(key: TKey): string | null | undefined;
+    setFilter(key: TKey, oDataFilter: (value: string) => string, initialValue?: string | null): void;
+    getFilter(key: TKey): Filter | undefined;
+}
+//# sourceMappingURL=filter-controller.d.ts.map