@leavittsoftware/web 8.7.1 → 8.7.3

package/titanium/data-table/data-table-core-reorder-dialog.js

@@ -0,0 +1,170 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/filled-tonal-button';
+import '@material/web/button/text-button';
+import '@material/web/icon/icon';
+import '@leavittsoftware/web/titanium/snackbar/snackbar-stack';
+import '@material/web/progress/circular-progress';
+import './data-table-core-reorder-item';
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
+import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
+import { repeat } from 'lit/directives/repeat.js';
+import { LoadWhile } from '../helpers/load-while';
+import { ShowSnackbarEvent } from '../snackbar/show-snackbar-event';
+let TitaniumDataTableCoreReorderDialog = class TitaniumDataTableCoreReorderDialog extends LoadWhile(LitElement) {
+    #tableMetaData_accessor_storage = null;
+    get tableMetaData() { return this.#tableMetaData_accessor_storage; }
+    set tableMetaData(value) { this.#tableMetaData_accessor_storage = value; }
+    #supplementalItemStyles_accessor_storage = null;
+    get supplementalItemStyles() { return this.#supplementalItemStyles_accessor_storage; }
+    set supplementalItemStyles(value) { this.#supplementalItemStyles_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    #snackbar_accessor_storage;
+    get snackbar() { return this.#snackbar_accessor_storage; }
+    set snackbar(value) { this.#snackbar_accessor_storage = value; }
+    #items_accessor_storage = [];
+    get items() { return this.#items_accessor_storage; }
+    set items(value) { this.#items_accessor_storage = value; }
+    #originalItems = [];
+    async show(items) {
+        const _items = structuredClone(items);
+        const sortPropertyKey = this.tableMetaData?.reorderConfig?.sortPropertyKey;
+        if (sortPropertyKey) {
+            _items.sort((a, b) => a[sortPropertyKey].toString().localeCompare(b[sortPropertyKey].toString()));
+        }
+        this.items = _items;
+        this.#originalItems = structuredClone(_items);
+        this.dialog.returnValue = '';
+        this.dialog?.show();
+        return await new Promise((resolve) => {
+            this.#resolve = resolve;
+        });
+    }
+    hasChanges(sortA, sortB) {
+        return JSON.stringify(sortA) !== JSON.stringify(sortB);
+    }
+    #resolve;
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+      }
+
+      md-dialog {
+        max-width: 450px;
+        width: calc(100dvw - 24px);
+
+        scrollbar-color: var(--md-sys-color-surface-container-highest) transparent;
+        scrollbar-width: thin;
+      }
+
+      form {
+        display: grid;
+        padding: 12px 8px;
+      }
+
+      md-circular-progress {
+        --md-circular-progress-size: 28px;
+      }
+    `,
+    ]; }
+    render() {
+        return html ` <md-dialog
+      @open=${(e) => {
+            dialogOpenNavigationHack(e.target);
+            dialogZIndexHack(e.target);
+        }}
+      @close=${(e) => {
+            if (e.target.returnValue === 'apply' || e.target.returnValue === 'cancel' || e.target.returnValue === 'navigation-close') {
+                dialogCloseNavigationHack(e.target);
+                this.snackbar.dismissAll();
+                return this.#resolve(e.target.returnValue);
+            }
+            e.preventDefault();
+        }}
+    >
+      <div slot="headline">Reorder items</div>
+      <form
+        slot="content"
+        @item-drop=${(e) => {
+            e.stopPropagation();
+            const items = this.items ?? [];
+            //HoverIndex cannot be dropped beyond the length of the array
+            const hoverIndex = Math.min(e.hoverIndex, items.length - 1);
+            //Ignore if item goes back to where it started
+            if (hoverIndex !== e.originIndex) {
+                const temp = items[e.originIndex];
+                items.splice(e.originIndex, 1);
+                items.splice(hoverIndex, 0, temp);
+            }
+            this.requestUpdate('items');
+        }}
+      >
+        ${repeat(this.items, (item) => this.tableMetaData?.uniqueKey(item), (item) => html `
+            <titanium-data-table-core-reorder-item
+              ?disable-drag=${this.isLoading}
+              .item=${item}
+              .tableMetaData=${this.tableMetaData}
+              .supplementalItemStyles=${this.supplementalItemStyles}
+              .scrollableContainer=${this.dialog?.shadowRoot?.querySelector('.scroller')}
+            ></titanium-data-table-core-reorder-item>
+          `)}
+        <titanium-snackbar-stack .eventListenerTarget=${this}></titanium-snackbar-stack>
+      </form>
+      <div slot="actions">
+        <md-text-button @click=${() => this.dialog?.close('cancel')} ?disabled=${this.isLoading}>Cancel</md-text-button>
+        <md-filled-tonal-button
+          trailing-icon
+          ?disabled=${this.isLoading || !this.hasChanges(this.items, this.#originalItems)}
+          @click=${async () => {
+            let _resolve = () => { };
+            let _reject = () => { };
+            const saving = new Promise((resolve, reject) => {
+                _resolve = resolve;
+                _reject = reject;
+            });
+            this.loadWhile(saving);
+            this.dispatchEvent(new CustomEvent('reorder-save-request', {
+                detail: { resolve: _resolve, reject: _reject, items: this.items },
+            }));
+            try {
+                await saving;
+                this.dialog?.close('apply');
+            }
+            catch (error) {
+                this.dispatchEvent(new ShowSnackbarEvent(error));
+            }
+        }}
+          >Save
+          ${this.isLoading
+            ? html `<md-circular-progress slot="icon" indeterminate></md-circular-progress>`
+            : html ` <md-icon slot="icon">save</md-icon>`}</md-filled-tonal-button
+        >
+      </div>
+    </md-dialog>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderDialog.prototype, "tableMetaData", null);
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderDialog.prototype, "supplementalItemStyles", null);
+__decorate([
+    query('md-dialog')
+], TitaniumDataTableCoreReorderDialog.prototype, "dialog", null);
+__decorate([
+    query('titanium-snackbar-stack')
+], TitaniumDataTableCoreReorderDialog.prototype, "snackbar", null);
+__decorate([
+    state()
+], TitaniumDataTableCoreReorderDialog.prototype, "items", null);
+TitaniumDataTableCoreReorderDialog = __decorate([
+    customElement('titanium-data-table-core-reorder-dialog')
+], TitaniumDataTableCoreReorderDialog);
+export { TitaniumDataTableCoreReorderDialog };
+//# sourceMappingURL=data-table-core-reorder-dialog.js.map

package/titanium/data-table/data-table-core-reorder-dialog.js.map

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

package/titanium/data-table/data-table-core-reorder-item.d.ts

@@ -0,0 +1,15 @@
+import '@material/web/icon/icon';
+import '@material/web/elevation/elevation';
+import { CSSResult, CSSResultGroup } from 'lit';
+import { DraggableItemBase } from './draggable-item-base';
+import { TitaniumDataTableCoreMetaData } from './data-table-core';
+export declare class TitaniumDataTableCoreReorderItem<T extends object> extends DraggableItemBase {
+    accessor item: T;
+    accessor tableMetaData: TitaniumDataTableCoreMetaData<T> | null;
+    accessor supplementalItemStyles: CSSResult | CSSResultGroup | null;
+    get items(): TitaniumDataTableCoreReorderItem<T>[];
+    get itemsContainer(): HTMLElement | null;
+    static styles: CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-core-reorder-item.d.ts.map

package/titanium/data-table/data-table-core-reorder-item.js

@@ -0,0 +1,154 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import '@material/web/elevation/elevation';
+import { css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { DraggableItemBase } from './draggable-item-base';
+import { dataTableContentStyles } from './data-table-content-styles';
+let TitaniumDataTableCoreReorderItem = class TitaniumDataTableCoreReorderItem extends DraggableItemBase {
+    #item_accessor_storage;
+    get item() { return this.#item_accessor_storage; }
+    set item(value) { this.#item_accessor_storage = value; }
+    #tableMetaData_accessor_storage = null;
+    get tableMetaData() { return this.#tableMetaData_accessor_storage; }
+    set tableMetaData(value) { this.#tableMetaData_accessor_storage = value; }
+    #supplementalItemStyles_accessor_storage = null;
+    get supplementalItemStyles() { return this.#supplementalItemStyles_accessor_storage; }
+    set supplementalItemStyles(value) { this.#supplementalItemStyles_accessor_storage = value; }
+    get items() {
+        return Array.from(this.parentElement?.querySelectorAll('titanium-data-table-core-reorder-item') ?? []);
+    }
+    get itemsContainer() {
+        return this.parentElement;
+    }
+    static { this.styles = [
+        DraggableItemBase.styles,
+        css `
+      :host {
+        display: grid;
+        box-sizing: border-box;
+      }
+
+      main {
+        display: grid;
+        grid: 'label icon' / 1fr 48px;
+        user-select: none;
+
+        font-size: 15px;
+        line-height: 17px;
+
+        align-items: center;
+        gap: 8px;
+        min-height: 48px;
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+        border-top: 1px solid var(--md-sys-color-outline-variant);
+
+        padding: 0 8px;
+
+        position: relative;
+        box-sizing: border-box;
+
+        margin-bottom: -1px;
+      }
+
+      :host(:last-of-type) {
+        border-bottom: none;
+      }
+
+      md-icon {
+        grid-area: icon;
+        display: grid;
+        place-items: center;
+        height: 48px;
+        width: 48px;
+        animation: wobble 0.4s ease-in-out infinite alternate;
+        transform-origin: center center;
+      }
+
+      label-container {
+        grid-area: label;
+
+        display: grid;
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+        padding: 6px 0;
+        align-items: center;
+        margin: 0;
+      }
+
+      @keyframes wobble {
+        0%,
+        100% {
+          transform: rotate(0deg);
+        }
+        25% {
+          transform: rotate(1deg) translateX(1px);
+        }
+        50% {
+          transform: rotate(-1deg) translateX(-1px);
+        }
+        75% {
+          transform: rotate(1deg) translateX(1px);
+        }
+      }
+
+      :host(:nth-child(even)) {
+        md-icon {
+          animation-delay: 100ms;
+        }
+      }
+
+      :host(:nth-child(odd)) {
+        md-icon {
+          animation-delay: 150ms;
+        }
+      }
+      :host([disable-drag]),
+      :host(:hover) {
+        md-icon {
+          animation: none;
+        }
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        :host([nudge-down]:not([dragged])) {
+          transform: translate3d(0, ${this.nudgeHeight}px, 0);
+        }
+
+        :host([nudge-up]:not([dragged])) {
+          transform: translate3d(0, -${this.nudgeHeight}px, 0);
+        }
+
+        label-container{
+          ${this.supplementalItemStyles ? this.supplementalItemStyles : nothing};
+          ${dataTableContentStyles ? dataTableContentStyles : nothing};
+        }
+      </style>
+      <main>
+        <md-icon @mousedown=${this.mouseEvent} @touchstart=${this.touchEvent} drag>drag_handle</md-icon>
+        <label-container
+          >${this.tableMetaData?.itemMetaData.find((o) => o.key === this.tableMetaData?.reorderConfig?.reorderItemDisplayKey)?.render(this.item) ?? ''}
+        </label-container>
+        <md-elevation></md-elevation>
+      </main>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderItem.prototype, "item", null);
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderItem.prototype, "tableMetaData", null);
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreReorderItem.prototype, "supplementalItemStyles", null);
+TitaniumDataTableCoreReorderItem = __decorate([
+    customElement('titanium-data-table-core-reorder-item')
+], TitaniumDataTableCoreReorderItem);
+export { TitaniumDataTableCoreReorderItem };
+//# sourceMappingURL=data-table-core-reorder-item.js.map

package/titanium/data-table/data-table-core-reorder-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-core-reorder-item.js","sourceRoot":"","sources":["data-table-core-reorder-item.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,GAAG,EAA6B,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAG9D,IAAM,gCAAgC,GAAtC,MAAM,gCAAmD,SAAQ,iBAAiB;IAClD,uBAAQ;IAAR,IAAA,IAAI,0CAAI;IAAR,IAAA,IAAI,gDAAI;IACR,kCAAyD,IAAI,CAAC;IAA9D,IAAA,aAAa,mDAAiD;IAA9D,IAAA,aAAa,yDAAiD;IAC9D,2CAA4D,IAAI,CAAC;IAAjE,IAAA,sBAAsB,4DAA2C;IAAjE,IAAA,sBAAsB,kEAA2C;IAEtG,IAAa,KAAK;QAChB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAsC,uCAAuC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9I,CAAC;IAED,IAAa,cAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;aAEM,WAAM,GAAG;QACd,iBAAiB,CAAC,MAAM;QACxB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuFF;KACF,AA1FY,CA0FX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;sCAGuB,IAAI,CAAC,WAAW;;;;uCAIf,IAAI,CAAC,WAAW;;;;YAI3C,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,OAAO;YACnE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,OAAO;;;;8BAIvC,IAAI,CAAC,UAAU,gBAAgB,IAAI,CAAC,UAAU;;aAE/D,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,qBAAqB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;;;;KAIjJ,CAAC;IACJ,CAAC;;AAhIoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAkB;AACR;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qEAAwE;AAC9D;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8EAA2E;AAH3F,gCAAgC;IAD5C,aAAa,CAAC,uCAAuC,CAAC;GAC1C,gCAAgC,CAkI5C"}

package/titanium/data-table/data-table-core-settings-choose-columns-dialog.d.ts

@@ -0,0 +1,22 @@
+import '@material/web/dialog/dialog';
+import '@material/web/button/filled-tonal-button';
+import './data-table-core-settings-choose-columns-item';
+import { LitElement, PropertyValues } from 'lit';
+import { TitaniumDataTableCoreMetaData } from './data-table-core';
+export type TitaniumDataTableCoreItemSettings = {
+    key: string;
+    show: boolean;
+};
+export declare class TitaniumDataTableCoreSettingsChooseColumnsDialog<T extends object> extends LitElement {
+    #private;
+    accessor tableMetaData: TitaniumDataTableCoreMetaData<T> | null;
+    accessor userSettings: TitaniumDataTableCoreItemSettings[];
+    accessor customColumnsApplied: boolean;
+    private accessor dialog;
+    updated(changedProperties: PropertyValues): void;
+    resetColumns(): void;
+    show(): Promise<"done">;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-core-settings-choose-columns-dialog.d.ts.map

package/titanium/data-table/data-table-core-settings-choose-columns-dialog.js

@@ -0,0 +1,164 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/filled-tonal-button';
+import './data-table-core-settings-choose-columns-item';
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
+import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
+import { repeat } from 'lit/directives/repeat.js';
+let TitaniumDataTableCoreSettingsChooseColumnsDialog = class TitaniumDataTableCoreSettingsChooseColumnsDialog extends LitElement {
+    #tableMetaData_accessor_storage = null;
+    get tableMetaData() { return this.#tableMetaData_accessor_storage; }
+    set tableMetaData(value) { this.#tableMetaData_accessor_storage = value; }
+    #userSettings_accessor_storage = [];
+    get userSettings() { return this.#userSettings_accessor_storage; }
+    set userSettings(value) { this.#userSettings_accessor_storage = value; }
+    #customColumnsApplied_accessor_storage = false;
+    get customColumnsApplied() { return this.#customColumnsApplied_accessor_storage; }
+    set customColumnsApplied(value) { this.#customColumnsApplied_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    updated(changedProperties) {
+        if (changedProperties.has('tableMetaData')) {
+            //make sure all keys in tableMetaData.itemMetaData are in userSettings
+            if (this.tableMetaData?.itemMetaData.some((item) => !this.userSettings.some((setting) => setting.key === item.key))) {
+                this.resetColumns();
+            }
+            //check if columns have been removed
+            if (this.tableMetaData?.itemMetaData.length !== this.userSettings.length) {
+                this.resetColumns();
+            }
+        }
+        if (changedProperties.has('userSettings') || changedProperties.has('tableMetaData')) {
+            const _customColumnsApplied = this.#getNumberOfCustomSettingsApplied(this.userSettings, this.tableMetaData) > 0;
+            if (this.customColumnsApplied !== _customColumnsApplied) {
+                this.customColumnsApplied = _customColumnsApplied;
+                this.dispatchEvent(new Event('custom-columns-applied-change'));
+            }
+        }
+    }
+    #getNumberOfCustomSettingsApplied(userSettings, tableMetaData) {
+        let settingsCount = 0;
+        for (const metaData of tableMetaData?.itemMetaData ?? []) {
+            const setting = userSettings.find((setting) => setting.key === metaData.key);
+            if (setting?.show && metaData.hideByDefault) {
+                settingsCount++;
+            }
+            if (!setting?.show && !metaData.hideByDefault) {
+                settingsCount++;
+            }
+        }
+        //check if items are re-ordered by index, if so count as one change
+        if (userSettings.some((setting, index) => setting.key !== tableMetaData?.itemMetaData[index].key) ||
+            tableMetaData?.itemMetaData.some((metaData, index) => metaData.key !== userSettings[index].key)) {
+            settingsCount++;
+        }
+        return settingsCount;
+    }
+    resetColumns() {
+        const _userSettings = this.tableMetaData?.itemMetaData.map((item) => ({ key: item.key, show: !item.hideByDefault })) ?? [];
+        if (JSON.stringify(_userSettings) !== JSON.stringify(this.userSettings)) {
+            this.userSettings = _userSettings;
+            this.dispatchEvent(new Event('setting-change'));
+        }
+    }
+    async show() {
+        this.dialog.returnValue = '';
+        this.dialog?.show();
+        return await new Promise((resolve) => {
+            this.#resolve = resolve;
+        });
+    }
+    #resolve;
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+      }
+
+      md-dialog {
+        max-width: 450px;
+        width: calc(100dvw - 24px);
+
+        scrollbar-color: var(--md-sys-color-surface-container-highest) transparent;
+        scrollbar-width: thin;
+      }
+
+      form {
+        display: grid;
+      }
+    `,
+    ]; }
+    render() {
+        return html ` <md-dialog
+      @open=${(e) => {
+            dialogOpenNavigationHack(e.target);
+            dialogZIndexHack(e.target);
+        }}
+      @close=${(e) => {
+            if (e.target.returnValue === 'done' || e.target.returnValue === 'navigation-close') {
+                dialogCloseNavigationHack(e.target);
+                return this.#resolve(e.target.returnValue);
+            }
+            e.preventDefault();
+        }}
+    >
+      <div slot="headline">Choose columns</div>
+
+      <form
+        slot="content"
+        @item-drop=${(e) => {
+            e.stopPropagation();
+            const items = this.userSettings ?? [];
+            //HoverIndex cannot be dropped beyond the length of the array
+            const hoverIndex = Math.min(e.hoverIndex, items.length - 1);
+            //Ignore if item goes back to where it started
+            if (hoverIndex !== e.originIndex) {
+                const temp = items[e.originIndex];
+                items.splice(e.originIndex, 1);
+                items.splice(hoverIndex, 0, temp);
+            }
+            this.requestUpdate('userSettings');
+            this.dispatchEvent(new Event('setting-change'));
+        }}
+      >
+        ${repeat(this.userSettings, (setting) => setting.key, (setting) => html `
+            <titanium-data-table-core-settings-choose-columns-item
+              .name=${this.tableMetaData?.itemMetaData.find((item) => item.key === setting.key)?.friendlyName ?? setting.key}
+              .selected=${setting.show}
+              .scrollableContainer=${this.dialog?.shadowRoot?.querySelector('.scroller')}
+              ?disabled=${setting.show && this.userSettings.filter((s) => s.show).length === 1}
+              ?disable-drag=${this.userSettings.length === 1}
+              @changed=${(e) => {
+            setting.show = e.target.selected;
+            this.requestUpdate('userSettings');
+            this.dispatchEvent(new Event('setting-change'));
+        }}
+            ></titanium-data-table-core-settings-choose-columns-item>
+          `)}
+      </form>
+      <div slot="actions">
+        <md-filled-tonal-button @click=${() => this.dialog?.close('done')}>Done</md-filled-tonal-button>
+      </div>
+    </md-dialog>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreSettingsChooseColumnsDialog.prototype, "tableMetaData", null);
+__decorate([
+    property({ type: Array })
+], TitaniumDataTableCoreSettingsChooseColumnsDialog.prototype, "userSettings", null);
+__decorate([
+    state()
+], TitaniumDataTableCoreSettingsChooseColumnsDialog.prototype, "customColumnsApplied", null);
+__decorate([
+    query('md-dialog')
+], TitaniumDataTableCoreSettingsChooseColumnsDialog.prototype, "dialog", null);
+TitaniumDataTableCoreSettingsChooseColumnsDialog = __decorate([
+    customElement('titanium-data-table-core-settings-choose-columns-dialog')
+], TitaniumDataTableCoreSettingsChooseColumnsDialog);
+export { TitaniumDataTableCoreSettingsChooseColumnsDialog };
+//# sourceMappingURL=data-table-core-settings-choose-columns-dialog.js.map

package/titanium/data-table/data-table-core-settings-choose-columns-dialog.js.map

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

package/titanium/data-table/data-table-core-settings-choose-columns-item.d.ts

@@ -0,0 +1,14 @@
+import '@material/web/icon/icon';
+import '@material/web/switch/switch';
+import '@material/web/elevation/elevation';
+import { DraggableItemBase } from './draggable-item-base';
+export declare class TitaniumDataTableCoreSettingsChooseColumnsItem extends DraggableItemBase {
+    accessor name: string;
+    accessor selected: boolean;
+    accessor disabled: boolean;
+    get items(): TitaniumDataTableCoreSettingsChooseColumnsItem[];
+    get itemsContainer(): HTMLElement | null;
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-core-settings-choose-columns-item.d.ts.map

package/titanium/data-table/data-table-core-settings-choose-columns-item.js

@@ -0,0 +1,96 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import '@material/web/switch/switch';
+import '@material/web/elevation/elevation';
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { DraggableItemBase } from './draggable-item-base';
+let TitaniumDataTableCoreSettingsChooseColumnsItem = class TitaniumDataTableCoreSettingsChooseColumnsItem extends DraggableItemBase {
+    #name_accessor_storage;
+    get name() { return this.#name_accessor_storage; }
+    set name(value) { this.#name_accessor_storage = value; }
+    #selected_accessor_storage;
+    get selected() { return this.#selected_accessor_storage; }
+    set selected(value) { this.#selected_accessor_storage = value; }
+    #disabled_accessor_storage;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    get items() {
+        return Array.from(this.parentElement?.querySelectorAll('titanium-data-table-core-settings-choose-columns-item') ?? []);
+    }
+    get itemsContainer() {
+        return this.parentElement;
+    }
+    static { this.styles = [
+        DraggableItemBase.styles,
+        css `
+      :host {
+        display: grid;
+        grid: 'icon label switch' / auto 1fr auto;
+        user-select: none;
+
+        font-size: 15px;
+        line-height: 17px;
+
+        align-items: center;
+        gap: 8px;
+        min-height: 48px;
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+
+        position: relative;
+        box-sizing: border-box;
+      }
+
+      :host(:last-of-type) {
+        border-bottom: none;
+      }
+
+      md-switch {
+        --md-switch-track-height: 24px;
+        --md-switch-with-icon-handle-height: 20px;
+        --md-switch-with-icon-handle-width: 20px;
+        --md-switch-track-width: 40px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        :host([nudge-down]:not([dragged])) {
+          transform: translate3d(0, ${this.nudgeHeight}px, 0);
+        }
+
+        :host([nudge-up]:not([dragged])) {
+          transform: translate3d(0, -${this.nudgeHeight}px, 0);
+        }
+      </style>
+      <md-elevation></md-elevation>
+      <md-icon @mousedown=${this.mouseEvent} @touchstart=${this.touchEvent} drag>drag_handle</md-icon>
+      <span>${this.name}</span>
+      <md-switch
+        ?selected=${this.selected}
+        @change=${() => {
+            this.selected = !this.selected;
+            this.dispatchEvent(new Event('changed'));
+        }}
+        icons
+        show-only-selected-icon
+        ?disabled=${this.disabled}
+      ></md-switch>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "name", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "selected", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "disabled", null);
+TitaniumDataTableCoreSettingsChooseColumnsItem = __decorate([
+    customElement('titanium-data-table-core-settings-choose-columns-item')
+], TitaniumDataTableCoreSettingsChooseColumnsItem);
+export { TitaniumDataTableCoreSettingsChooseColumnsItem };
+//# sourceMappingURL=data-table-core-settings-choose-columns-item.js.map

package/titanium/data-table/data-table-core-settings-choose-columns-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-core-settings-choose-columns-item.js","sourceRoot":"","sources":["data-table-core-settings-choose-columns-item.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAGnD,IAAM,8CAA8C,GAApD,MAAM,8CAA+C,SAAQ,iBAAiB;IAC9C,uBAAa;IAAb,IAAA,IAAI,0CAAS;IAAb,IAAA,IAAI,gDAAS;IACZ,2BAAkB;IAAlB,IAAA,QAAQ,8CAAU;IAAlB,IAAA,QAAQ,oDAAU;IAClB,2BAAkB;IAAlB,IAAA,QAAQ,8CAAU;IAAlB,IAAA,QAAQ,oDAAU;IAExD,IAAa,KAAK;QAChB,OAAO,KAAK,CAAC,IAAI,CACf,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAiD,uDAAuD,CAAC,IAAI,EAAE,CACpJ,CAAC;IACJ,CAAC;IAED,IAAa,cAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;aAEM,WAAM,GAAG;QACd,iBAAiB,CAAC,MAAM;QACxB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BF;KACF,AA/BY,CA+BX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;sCAGuB,IAAI,CAAC,WAAW;;;;uCAIf,IAAI,CAAC,WAAW;;;;4BAI3B,IAAI,CAAC,UAAU,gBAAgB,IAAI,CAAC,UAAU;cAC5D,IAAI,CAAC,IAAI;;oBAEH,IAAI,CAAC,QAAQ;kBACf,GAAG,EAAE;YACb,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3C,CAAC;;;oBAGW,IAAI,CAAC,QAAQ;;KAE5B,CAAC;IACJ,CAAC;;AAxEoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0EAAuB;AACZ;IAArC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8EAA4B;AAClB;IAArC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8EAA4B;AAH7C,8CAA8C;IAD1D,aAAa,CAAC,uDAAuD,CAAC;GAC1D,8CAA8C,CA0E1D"}