@leavittsoftware/web 5.20.1 → 5.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavittsoftware/web",
-  "version": "5.20.1",
+  "version": "5.21.0",
   "license": "Apache-2.0",
   "description": "",
   "files": [
@@ -41,5 +41,5 @@
     "url": "https://github.com/LeavittSoftware/titanium-elements/issues"
   },
   "homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
-  "gitHead": "d5bf98ca4e9df8b65662432202f57ab185b6338e"
+  "gitHead": "64a77f8efee9442d6b186601a6d685fe92bb63d3"
 }

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,161 @@
+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(100vw - 24px);
+      }
+
+      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, index) => html `
+            <titanium-data-table-core-settings-choose-columns-item
+              .index=${index}
+              .name=${this.tableMetaData?.itemMetaData.find((item) => item.key === setting.key)?.friendlyName ?? setting.key}
+              .selected=${setting.show}
+              ?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-item.d.ts → data-table-core-settings-choose-columns-item.d.ts}

@@ -2,14 +2,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 TitaniumDataTableCoreSettingsItem extends DraggableItemBase {
+export declare class TitaniumDataTableCoreSettingsChooseColumnsItem extends DraggableItemBase {
     accessor name: string;
     accessor selected: boolean;
     accessor disabled: boolean;
     accessor index: number;
-    get items(): TitaniumDataTableCoreSettingsItem[];
+    get items(): TitaniumDataTableCoreSettingsChooseColumnsItem[];
     get itemsContainer(): HTMLElement | null;
     static styles: import("lit").CSSResultGroup[];
     render(): import("lit-html").TemplateResult<1>;
 }
-//# sourceMappingURL=data-table-core-settings-item.d.ts.map
+//# sourceMappingURL=data-table-core-settings-choose-columns-item.d.ts.map

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

@@ -5,7 +5,7 @@ import '@material/web/elevation/elevation';
 import { css, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { DraggableItemBase } from './draggable-item-base';
-let TitaniumDataTableCoreSettingsItem = class TitaniumDataTableCoreSettingsItem extends DraggableItemBase {
+let TitaniumDataTableCoreSettingsChooseColumnsItem = class TitaniumDataTableCoreSettingsChooseColumnsItem extends DraggableItemBase {
     #name_accessor_storage;
     get name() { return this.#name_accessor_storage; }
     set name(value) { this.#name_accessor_storage = value; }
@@ -19,7 +19,7 @@ let TitaniumDataTableCoreSettingsItem = class TitaniumDataTableCoreSettingsItem
     get index() { return this.#index_accessor_storage; }
     set index(value) { this.#index_accessor_storage = value; }
     get items() {
-        return Array.from(this.parentElement?.querySelectorAll('data-table-core-settings-item') ?? []);
+        return Array.from(this.parentElement?.querySelectorAll('titanium-data-table-core-settings-choose-columns-item') ?? []);
     }
     get itemsContainer() {
         return this.parentElement;
@@ -85,18 +85,18 @@ let TitaniumDataTableCoreSettingsItem = class TitaniumDataTableCoreSettingsItem
 };
 __decorate([
     property({ type: String })
-], TitaniumDataTableCoreSettingsItem.prototype, "name", null);
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "name", null);
 __decorate([
     property({ type: Boolean })
-], TitaniumDataTableCoreSettingsItem.prototype, "selected", null);
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "selected", null);
 __decorate([
     property({ type: Boolean })
-], TitaniumDataTableCoreSettingsItem.prototype, "disabled", null);
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "disabled", null);
 __decorate([
     property({ type: Number })
-], TitaniumDataTableCoreSettingsItem.prototype, "index", null);
-TitaniumDataTableCoreSettingsItem = __decorate([
-    customElement('data-table-core-settings-item')
-], TitaniumDataTableCoreSettingsItem);
-export { TitaniumDataTableCoreSettingsItem };
-//# sourceMappingURL=data-table-core-settings-item.js.map
+], TitaniumDataTableCoreSettingsChooseColumnsItem.prototype, "index", 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;IACnB,wBAAc;IAAd,IAAA,KAAK,2CAAS;IAAd,IAAA,KAAK,iDAAS;IAEnD,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;;AAzEoC;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;AACnB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2EAAwB;AAJxC,8CAA8C;IAD1D,aAAa,CAAC,uDAAuD,CAAC;GAC1D,8CAA8C,CA2E1D"}

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

@@ -0,0 +1,21 @@
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import '@material/web/button/filled-tonal-button';
+import '@material/web/icon/icon';
+import '@material/web/menu/menu';
+import '@material/web/menu/menu-item';
+import './data-table-core-settings-sort-item';
+import { LitElement } from 'lit';
+import { TitaniumDataTableCoreMetaData, TitaniumDataTableCoreSortItem } from './data-table-core';
+export type CloseReason = 'apply' | 'cancel' | 'navigation-close';
+export declare class TitaniumDataTableCoreSettingsSortDialog<T extends object> extends LitElement {
+    #private;
+    accessor tableMetaData: TitaniumDataTableCoreMetaData<T> | null;
+    private accessor dialog;
+    accessor sort: TitaniumDataTableCoreSortItem[];
+    show(sort: TitaniumDataTableCoreSortItem[]): Promise<CloseReason>;
+    hasChanges(sortA: TitaniumDataTableCoreSortItem[], sortB: TitaniumDataTableCoreSortItem[]): boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-core-settings-sort-dialog.d.ts.map

package/titanium/data-table/data-table-core-settings-sort-dialog.js

@@ -0,0 +1,208 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import '@material/web/button/filled-tonal-button';
+import '@material/web/icon/icon';
+import '@material/web/menu/menu';
+import '@material/web/menu/menu-item';
+import './data-table-core-settings-sort-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 { niceBadgeStyles } from '../styles/nice-badge';
+import { p } from '../styles/p';
+let TitaniumDataTableCoreSettingsSortDialog = class TitaniumDataTableCoreSettingsSortDialog extends LitElement {
+    #tableMetaData_accessor_storage = null;
+    get tableMetaData() { return this.#tableMetaData_accessor_storage; }
+    set tableMetaData(value) { this.#tableMetaData_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    #sort_accessor_storage = [];
+    get sort() { return this.#sort_accessor_storage; }
+    set sort(value) { this.#sort_accessor_storage = value; }
+    #originalSort = [];
+    async show(sort) {
+        this.#originalSort = structuredClone(sort);
+        this.sort = structuredClone(sort);
+        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 = [
+        p,
+        niceBadgeStyles,
+        css `
+      :host {
+        display: grid;
+      }
+
+      md-dialog {
+        max-width: 450px;
+        width: calc(100vw - 24px);
+      }
+
+      main {
+        display: grid;
+
+        data-table-core-settings-sort-item {
+          z-index: 0;
+        }
+
+        p[no-sort] {
+          opacity: 0.8;
+          text-align: center;
+        }
+      }
+
+      div[slot='headline'] {
+        display: grid;
+        gap: 0px;
+
+        p {
+          font-size: 13px;
+          line-height: 14px;
+          opacity: 0.8;
+        }
+      }
+
+      add-container {
+        display: grid;
+        position: relative;
+      }
+
+      div[slot='actions'] {
+        display: flex;
+        justify-content: space-between;
+        gap: 8px;
+      }
+    `,
+    ]; }
+    render() {
+        const columnsNotInSort = this.tableMetaData?.itemMetaData.filter((item) => !item.disableSort && !this.sort.some((sort) => sort.key === item.key)) ?? [];
+        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);
+                return this.#resolve(e.target.returnValue);
+            }
+            e.preventDefault();
+        }}
+    >
+      <div slot="headline">
+        <div>Advanced sort</div>
+        <p>Max ${this.tableMetaData?.maxCustomSortColumns ?? 4} sort columns</p>
+      </div>
+      <main slot="content">
+        <form
+          @item-drop=${(e) => {
+            e.stopPropagation();
+            const items = this.sort ?? [];
+            //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('sort');
+        }}
+        >
+          ${!this.sort.length
+            ? html `<p no-sort>No sort columns</p>`
+            : repeat(
+            //sort by sort order in this.sort
+            this.sort, (sort) => sort.key, (sort, index) => html `<data-table-core-settings-sort-item
+                    .index=${index}
+                    .name=${this.tableMetaData?.itemMetaData.find((item) => item.key === sort.key)?.friendlyName ?? sort.key}
+                    sort-direction=${sort.direction}
+                    ?disable-drag=${this.sort.length === 1}
+                    @sort-direction-changed=${(e) => {
+                this.sort[index].direction = e.target.sortDirection;
+                this.requestUpdate('sort');
+            }}
+                    @delete=${() => {
+                this.sort.splice(index, 1);
+                this.requestUpdate('sort');
+            }}
+                  ></data-table-core-settings-sort-item>`)}
+        </form>
+      </main>
+      <div slot="actions">
+        <add-container>
+          <md-text-button
+            ?disabled=${this.sort.length >= (this.tableMetaData?.maxCustomSortColumns ?? 4)}
+            id="menu-anchor"
+            leading-icon
+            @click=${(e) => {
+            e.preventDefault();
+            const root = e.target.getRootNode();
+            const menu = root.querySelector('#menu');
+            menu.open = !menu.open;
+        }}
+          >
+            <span>Add sort column</span>
+            <md-icon slot="icon">add</md-icon>
+          </md-text-button>
+
+          <md-menu
+            id="menu"
+            anchor="menu-anchor"
+            positioning="fixed"
+            @close-menu=${(e) => {
+            e.detail.itemPath?.[0]?.action?.();
+        }}
+          >
+            ${repeat(columnsNotInSort, (column) => column.key, (column) => html `<md-menu-item
+                  .action=${() => {
+            this.sort.push({ key: column.key, direction: 'asc' });
+            this.requestUpdate('sort');
+        }}
+                >
+                  <md-icon slot="start">sort_by_alpha</md-icon>
+                  ${column.friendlyName ?? column.key}
+                </md-menu-item>`)}
+          </md-menu>
+        </add-container>
+        <div>
+          <md-text-button @click=${() => this.dialog?.close('cancel')}>Cancel</md-text-button>
+          <md-filled-tonal-button
+            ?disabled=${!this.hasChanges(this.sort, this.#originalSort)}
+            @click=${() => {
+            this.dialog?.close('apply');
+            this.dispatchEvent(new Event('sort-changed'));
+        }}
+            >Apply</md-filled-tonal-button
+          >
+        </div>
+      </div>
+    </md-dialog>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDataTableCoreSettingsSortDialog.prototype, "tableMetaData", null);
+__decorate([
+    query('md-dialog')
+], TitaniumDataTableCoreSettingsSortDialog.prototype, "dialog", null);
+__decorate([
+    state()
+], TitaniumDataTableCoreSettingsSortDialog.prototype, "sort", null);
+TitaniumDataTableCoreSettingsSortDialog = __decorate([
+    customElement('titanium-data-table-core-settings-sort-dialog')
+], TitaniumDataTableCoreSettingsSortDialog);
+export { TitaniumDataTableCoreSettingsSortDialog };
+//# sourceMappingURL=data-table-core-settings-sort-dialog.js.map

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

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

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

@@ -2,13 +2,18 @@ import '@material/web/checkbox/checkbox';
 import '@material/web/icon/icon';
 import '@material/web/focus/md-focus-ring';
 import '@material/web/ripple/ripple';
-import './data-table-core-settings-dialog';
-import { TitaniumDataTableCoreItemSettings } from './data-table-core-settings-dialog';
+import '@material/web/menu/menu';
+import '@material/web/menu/menu-item';
+import '@material/web/iconbutton/icon-button';
+import './data-table-core-settings-choose-columns-dialog';
+import './data-table-core-settings-sort-dialog';
+import { TitaniumDataTableCoreItemSettings } from './data-table-core-settings-choose-columns-dialog';
 import { CSSResult, CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
 export type TitaniumDataTableCoreMetaData<T extends object> = {
     uniqueKey: (item: T) => string;
     itemLinkUrl?: (item: T) => string;
     itemMetaData: TitaniumDataTableCoreItemMetaData<T>[];
+    maxCustomSortColumns?: number;
 };
 export type TitaniumDataTableCoreItemMetaData<T extends object> = {
     key: string;
@@ -417,8 +422,8 @@ export declare class TitaniumDataTableCore<T extends object> extends TitaniumDat
      * Array of currently selected data table objects
      */
     accessor selected: Array<T>;
-    private accessor settingsDialog;
-    accessor countOfCustomSettingsApplied: number;
+    private accessor chooseColumnsDialog;
+    private accessor sortDialog;
     /**
      * Local storage key to save user settings for this data table.
      */
@@ -432,7 +437,7 @@ export declare class TitaniumDataTableCore<T extends object> extends TitaniumDat
     updated(changedProps: PropertyValues<this>): void;
     selectAll(): void;
     deselectAll(): void;
-    showSettingsDialog(): void;
+    resetSort(): void;
     orderByUserPreference(itemMetaData: TitaniumDataTableCoreItemMetaData<T>[], userSettings: TitaniumDataTableCoreItemSettings[]): TitaniumDataTableCoreItemMetaData<T>[];
     static styles: CSSResult[];
     render(): TemplateResult<1>;