npm - ngx-mat-table-multi-sort - Versions diffs - 19.3.1 → 19.4.1 - Mend

ngx-mat-table-multi-sort 19.3.1 → 19.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +3 -3
package/fesm2022/ngx-mat-table-multi-sort.mjs +81 -27
package/fesm2022/ngx-mat-table-multi-sort.mjs.map +1 -1
package/lib/mat-multi-sort.directive.d.ts +18 -2
package/lib/mat-table-column-config-persistence.service.d.ts +20 -2
package/package.json +9 -8

package/README.md CHANGED Viewed

@@ -22,7 +22,7 @@ An Angular library that adds multi-sort capability to the Angular Material table
 **Prerequisite:** You have created an application using a supported version of Angular and Angular Material
-1. In your Angular application run `npm install ngx-mat-table-multi-sort` to add the library to your dependencies
+1. In your Angular application run `pnpm install ngx-mat-table-multi-sort` to add the library to your dependencies
 1. As this library is using Material, add the following to the `head` element of your `index.html`:
 ```html
@@ -55,8 +55,8 @@ Enjoy multi-sorting your Angular Material data table!
 The demo application is hosted on [GitHub pages](https://pgerke.github.io/ngx-mat-table-multi-sort/). You can also clone the repository and run the demo locally.
 1. Clone the repository to your local machine
-1. Run `npm install` to restore the dependencies
-1. Start the demo application by running `npm run start:demo`
+1. Run `pnpm install` to restore the dependencies
+1. Start the demo application by running `pnpm run start:demo`
 1. When compilation is completed, the application is running on `http://localhost:4200`
 ## License

package/fesm2022/ngx-mat-table-multi-sort.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, signal, effect, Directive, Optional, Inject, Output, Injectable, Component, HostListener, inject, ViewEncapsulation, ANIMATION_MODULE_TYPE, Input } from '@angular/core';
+import { InjectionToken, EventEmitter, signal, effect, Output, Optional, Inject, Directive, Injectable, Component, HostListener, inject, ViewEncapsulation, ANIMATION_MODULE_TYPE, Input } from '@angular/core';
 import { moveItemInArray, CdkDropList, CdkDrag } from '@angular/cdk/drag-drop';
 import { MatSort, MAT_SORT_DEFAULT_OPTIONS, MatSortHeader } from '@angular/material/sort';
 import { ComponentPortal } from '@angular/cdk/portal';
@@ -75,9 +75,10 @@ const SORT_PERSISTENCE_ENABLED = new InjectionToken("SORT_PERSISTENCE_ENABLED");
 const SORT_PERSISTENCE_KEY = new InjectionToken("SORT_PERSISTENCE_KEY");
 class MatMultiSortDirective extends MatSort {
     isPersistenceEnabled;
-    key;
+    initialKey;
     storage;
     persistenceChanged = new EventEmitter();
+    _key;
     /**
      * A writable signal that holds an array of Sort objects.
      * This signal is used to manage the sorting state of the table.
@@ -85,13 +86,21 @@ class MatMultiSortDirective extends MatSort {
      * @readonly
      */
     _sorts = signal([]);
-    constructor(isPersistenceEnabled, key, storage, defaultOptions) {
+    /**
+     * Gets the key used for column configuration persistence.
+     *
+     * @returns {string} The key used for column configuration persistence.
+     */
+    get key() {
+        return this._key;
+    }
+    constructor(isPersistenceEnabled, initialKey, storage, defaultOptions) {
         super(defaultOptions);
         this.isPersistenceEnabled = isPersistenceEnabled;
-        this.key = key;
+        this.initialKey = initialKey;
         this.storage = storage;
         this.isPersistenceEnabled ??= true;
-        this.key ??= "mat-table-persistence-sort";
+        this._key = initialKey ?? "mat-table-persistence-sort";
         this.storage ??= localStorage;
         if (this.isPersistenceEnabled) {
             const sortsSerialized = this.storage.getItem(this.key);
@@ -216,10 +225,27 @@ class MatMultiSortDirective extends MatSort {
         if (this.isPersistenceEnabled)
             this.storage.setItem(this.key, JSON.stringify(this._sorts()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortDirective, deps: [{ token: SORT_PERSISTENCE_ENABLED, optional: true }, { token: SORT_PERSISTENCE_KEY, optional: true }, { token: SORT_PERSISTENCE_STORAGE, optional: true }, { token: MAT_SORT_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: MatMultiSortDirective, isStandalone: true, selector: "[matMultiSort]", outputs: { persistenceChanged: "persistenceChanged" }, host: { classAttribute: "mat-sort" }, exportAs: ["matMultiSort"], usesInheritance: true, ngImport: i0 });
+    /**
+     * Sets the persistence key for storing sort settings and optionally overwrites the persisted value.
+     *
+     * @param key - The key to be used for persisting sort settings.
+     * @param overwritePersistedValue - If true, the current sort settings will be persisted immediately, overwriting any existing value. Defaults to false.
+     *
+     * @returns void
+     */
+    setPersistenceKey(key, overwritePersistedValue = false) {
+        this._key = key;
+        if (overwritePersistedValue) {
+            this.persistSortSettings();
+            return;
+        }
+        const sortsSerialized = this.storage.getItem(this.key);
+        this._sorts.set(sortsSerialized ? JSON.parse(sortsSerialized) : []);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortDirective, deps: [{ token: SORT_PERSISTENCE_ENABLED, optional: true }, { token: SORT_PERSISTENCE_KEY, optional: true }, { token: SORT_PERSISTENCE_STORAGE, optional: true }, { token: MAT_SORT_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: MatMultiSortDirective, isStandalone: true, selector: "[matMultiSort]", outputs: { persistenceChanged: "persistenceChanged" }, host: { classAttribute: "mat-sort" }, exportAs: ["matMultiSort"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[matMultiSort]",
@@ -254,9 +280,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
 class MatTableColumnConfigPersistenceService {
     isPersistenceEnabled;
-    key;
+    initialKey;
     storage;
     columns$ = new BehaviorSubject([]);
+    _key;
     /**
      * Gets the current table columns configuration.
      *
@@ -274,12 +301,20 @@ class MatTableColumnConfigPersistenceService {
         this.columns$.next(value);
         this.persistColumnConfig(value);
     }
-    constructor(isPersistenceEnabled, key, storage) {
+    /**
+     * Gets the key used for column configuration persistence.
+     *
+     * @returns {string} The key used for column configuration persistence.
+     */
+    get key() {
+        return this._key;
+    }
+    constructor(isPersistenceEnabled, initialKey, storage) {
         this.isPersistenceEnabled = isPersistenceEnabled;
-        this.key = key;
+        this.initialKey = initialKey;
         this.storage = storage;
         this.isPersistenceEnabled ??= true;
-        this.key ??= "mat-table-persistence-column-config";
+        this._key = initialKey ?? "mat-table-persistence-column-config";
         this.storage ??= localStorage;
         if (this.isPersistenceEnabled) {
             const columnsSerialized = this.storage.getItem(this.key);
@@ -299,10 +334,29 @@ class MatTableColumnConfigPersistenceService {
             return;
         this.storage.setItem(this.key, JSON.stringify(columns));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigPersistenceService, deps: [{ token: COLUMN_CONFIG_PERSISTENCE_ENABLED, optional: true }, { token: COLUMN_CONFIG_PERSISTENCE_KEY, optional: true }, { token: COLUMN_CONFIG_PERSISTENCE_STORAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigPersistenceService, providedIn: "root" });
+    /**
+     * Sets the persistence key for storing column configurations.
+     *
+     * @param key - The key to be used for persistence.
+     * @param overwritePersistedValue - If true, the current column configuration will be persisted immediately overwriting any exising value stored under the new key.
+     *                                  If false, the persisted column configuration will be loaded and applied.
+     *                                  Defaults to false.
+     *
+     * @returns void
+     */
+    setPersistenceKey(key, overwritePersistedValue = false) {
+        this._key = key;
+        if (overwritePersistedValue) {
+            this.persistColumnConfig(this.columns);
+            return;
+        }
+        const columnsSerialized = this.storage.getItem(this.key);
+        this.columns$.next(columnsSerialized ? JSON.parse(columnsSerialized) : []);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigPersistenceService, deps: [{ token: COLUMN_CONFIG_PERSISTENCE_ENABLED, optional: true }, { token: COLUMN_CONFIG_PERSISTENCE_KEY, optional: true }, { token: COLUMN_CONFIG_PERSISTENCE_STORAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigPersistenceService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigPersistenceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigPersistenceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -364,10 +418,10 @@ class MatTableColumnConfigComponent {
         this.columns[index].visible = !this.columns[index].visible;
         this.persistenceService.columns = this.columns;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigComponent, deps: [{ token: MatTableColumnConfigPersistenceService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: MatTableColumnConfigComponent, isStandalone: true, selector: "mat-table-column-config", ngImport: i0, template: "<div\n  cdkDropList\n  class=\"table-column-list mat-elevation-z4\"\n  cdkDropListOrientation=\"vertical\"\n  (cdkDropListDropped)=\"onColumnDropped($event)\">\n  @for (column of columns; track column.id) {\n    <div cdkDrag class=\"table-column\">\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-checkbox\n        [checked]=\"column.visible\"\n        (change)=\"onColumnVisibilityChanged(column.id)\"\n        >{{ column.label }}</mat-checkbox\n      >\n    </div>\n  }\n</div>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.table-column-list{background-color:var(--mat-sys-surface-container, #eeeeee);color:var(--mat-sys-on-surface, rgba(0, 0, 0, .87));max-height:65vh;overflow:auto}.table-column{background:var(--mat-sys-surface, #ffffff);display:flex;justify-content:flex-start;align-items:center;height:48px;padding:0 16px 0 8px}.table-column mat-icon{margin-right:16px}.table-column mat-checkbox{line-height:48px;color:#000000de;font-size:14px;font-weight:400}.table-column:last-child{border:none}.cdk-drop-list-dragging .table-column:not(.cdk-drag-placeholder){transition:transform .15s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigComponent, deps: [{ token: MatTableColumnConfigPersistenceService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MatTableColumnConfigComponent, isStandalone: true, selector: "mat-table-column-config", ngImport: i0, template: "<div\n  cdkDropList\n  class=\"table-column-list mat-elevation-z4\"\n  cdkDropListOrientation=\"vertical\"\n  (cdkDropListDropped)=\"onColumnDropped($event)\">\n  @for (column of columns; track column.id) {\n    <div cdkDrag class=\"table-column\">\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-checkbox\n        [checked]=\"column.visible\"\n        (change)=\"onColumnVisibilityChanged(column.id)\"\n        >{{ column.label }}</mat-checkbox\n      >\n    </div>\n  }\n</div>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.table-column-list{background-color:var(--mat-sys-surface-container, #eeeeee);color:var(--mat-sys-on-surface, rgba(0, 0, 0, .87));max-height:65vh;overflow:auto}.table-column{background:var(--mat-sys-surface, #ffffff);display:flex;justify-content:flex-start;align-items:center;height:48px;padding:0 16px 0 8px}.table-column mat-icon{margin-right:16px}.table-column mat-checkbox{line-height:48px;color:#000000de;font-size:14px;font-weight:400}.table-column:last-child{border:none}.cdk-drop-list-dragging .table-column:not(.cdk-drag-placeholder){transition:transform .15s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: "mat-table-column-config", imports: [CdkDropList, CdkDrag, MatCheckboxModule, MatIconModule], template: "<div\n  cdkDropList\n  class=\"table-column-list mat-elevation-z4\"\n  cdkDropListOrientation=\"vertical\"\n  (cdkDropListDropped)=\"onColumnDropped($event)\">\n  @for (column of columns; track column.id) {\n    <div cdkDrag class=\"table-column\">\n      <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n      <mat-checkbox\n        [checked]=\"column.visible\"\n        (change)=\"onColumnVisibilityChanged(column.id)\"\n        >{{ column.label }}</mat-checkbox\n      >\n    </div>\n  }\n</div>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.table-column-list{background-color:var(--mat-sys-surface-container, #eeeeee);color:var(--mat-sys-on-surface, rgba(0, 0, 0, .87));max-height:65vh;overflow:auto}.table-column{background:var(--mat-sys-surface, #ffffff);display:flex;justify-content:flex-start;align-items:center;height:48px;padding:0 16px 0 8px}.table-column mat-icon{margin-right:16px}.table-column mat-checkbox{line-height:48px;color:#000000de;font-size:14px;font-weight:400}.table-column:last-child{border:none}.cdk-drop-list-dragging .table-column:not(.cdk-drag-placeholder){transition:transform .15s cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: () => [{ type: MatTableColumnConfigPersistenceService }] });
@@ -421,10 +475,10 @@ class MatTableColumnConfigTriggerDirective {
             this._componentRef = null;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: MatTableColumnConfigTriggerDirective, isStandalone: true, selector: "[matTableColumnConfigTrigger]", host: { listeners: { "click": "onClick()" } }, exportAs: ["matTableColumnConfigTrigger"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: MatTableColumnConfigTriggerDirective, isStandalone: true, selector: "[matTableColumnConfigTrigger]", host: { listeners: { "click": "onClick()" } }, exportAs: ["matTableColumnConfigTrigger"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatTableColumnConfigTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatTableColumnConfigTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[matTableColumnConfigTrigger]",
@@ -533,10 +587,10 @@ class MatMultiSortHeaderComponent extends MatSortHeader {
         this._sort.sort(this);
         this._recentlyCleared.set(wasSorted && !this._isSorted() ? prevDirection : null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: MatMultiSortHeaderComponent, isStandalone: true, selector: "[mat-multi-sort-header]", providers: [{ provide: MatSort, useExisting: MatMultiSortDirective }], exportAs: ["matMultiSortHeader"], usesInheritance: true, ngImport: i0, template: "<!--\n  We set the `tabindex` on an element inside the table header, rather than the header itself,\n  because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n  table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n  be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n  over having a button with an `aria-label` inside the header, because the button's `aria-label`\n  will be read out as the user is navigating the table's cell (see #13012).\n\n  The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div\n  class=\"mat-sort-header-container mat-focus-indicator\"\n  [class.mat-sort-header-sorted]=\"_isSorted()\"\n  [class.mat-sort-header-position-before]=\"arrowPosition === 'before'\"\n  [class.mat-sort-header-descending]=\"sortDirection === 'desc'\"\n  [class.mat-sort-header-ascending]=\"sortDirection === 'asc'\"\n  [class.mat-sort-header-recently-cleared-ascending]=\"\n    _recentlyCleared() === 'asc'\n  \"\n  [class.mat-sort-header-recently-cleared-descending]=\"\n    _recentlyCleared() === 'desc'\n  \"\n  [class.mat-sort-header-animations-disabled]=\"\n    _animationModule === 'NoopAnimations'\n  \"\n  [attr.tabindex]=\"_isDisabled() ? null : 0\"\n  [attr.role]=\"_isDisabled() ? null : 'button'\">\n  <!--\n    TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n    number of screenshot diff failures. It should be removed eventually. Note that the difference\n    isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n    causes it to be center-aligned, whereas removing it will keep the text to the left.\n  -->\n  <div class=\"mat-sort-header-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Disable animations while a current animation is running -->\n  @if (_renderArrow()) {\n    <div class=\"mat-sort-header-arrow\">\n      <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n        <path\n          d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n      </svg>\n    </div>\n  }\n  <div *ngIf=\"_isSorted()\" class=\"mat-sort-header-counter\">\n    {{ sortIndex + 1 }}\n  </div>\n</div>\n", styles: [".mat-sort-header-container{display:flex;cursor:pointer;align-items:center;letter-spacing:normal;outline:0}[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,[mat-sort-header].cdk-program-focused .mat-sort-header-container{border-bottom:solid 1px currentColor}.mat-sort-header-disabled .mat-sort-header-container{cursor:default}.mat-sort-header-container:before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-sort-header-content{display:flex;align-items:center}.mat-sort-header-position-before{flex-direction:row-reverse}@keyframes _mat-sort-header-recently-cleared-ascending{0%{transform:translateY(0);opacity:1}to{transform:translateY(-25%);opacity:0}}@keyframes _mat-sort-header-recently-cleared-descending{0%{transform:translateY(0) rotate(180deg);opacity:1}to{transform:translateY(25%) rotate(180deg);opacity:0}}.mat-sort-header-arrow{height:12px;width:12px;position:relative;transition:transform 225ms cubic-bezier(.4,0,.2,1),opacity 225ms cubic-bezier(.4,0,.2,1);opacity:0;overflow:visible;color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}.mat-sort-header.cdk-keyboard-focused .mat-sort-header-arrow,.mat-sort-header.cdk-program-focused .mat-sort-header-arrow,.mat-sort-header:hover .mat-sort-header-arrow{opacity:.54}.mat-sort-header .mat-sort-header-sorted .mat-sort-header-arrow{opacity:1}.mat-sort-header-descending .mat-sort-header-arrow{transform:rotate(180deg)}.mat-sort-header-recently-cleared-ascending .mat-sort-header-arrow{transform:translateY(-25%);transition:none;animation:_mat-sort-header-recently-cleared-ascending 225ms cubic-bezier(.4,0,.2,1) forwards}.mat-sort-header-animations-disabled .mat-sort-header-arrow{transition-duration:0ms;animation-duration:0ms}.mat-sort-header-arrow svg{width:24px;height:24px;fill:currentColor;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;transform:translateZ(0)}.mat-sort-header-arrow,[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow{margin:0 0 0 6px}.mat-sort-header-position-before .mat-sort-header-arrow,[dir=rtl] .mat-sort-header-arrow{margin:0 6px 0 0}.mat-sort-header-counter{color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MatMultiSortHeaderComponent, isStandalone: true, selector: "[mat-multi-sort-header]", providers: [{ provide: MatSort, useExisting: MatMultiSortDirective }], exportAs: ["matMultiSortHeader"], usesInheritance: true, ngImport: i0, template: "<!--\n  We set the `tabindex` on an element inside the table header, rather than the header itself,\n  because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n  table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n  be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n  over having a button with an `aria-label` inside the header, because the button's `aria-label`\n  will be read out as the user is navigating the table's cell (see #13012).\n\n  The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div\n  class=\"mat-sort-header-container mat-focus-indicator\"\n  [class.mat-sort-header-sorted]=\"_isSorted()\"\n  [class.mat-sort-header-position-before]=\"arrowPosition === 'before'\"\n  [class.mat-sort-header-descending]=\"sortDirection === 'desc'\"\n  [class.mat-sort-header-ascending]=\"sortDirection === 'asc'\"\n  [class.mat-sort-header-recently-cleared-ascending]=\"\n    _recentlyCleared() === 'asc'\n  \"\n  [class.mat-sort-header-recently-cleared-descending]=\"\n    _recentlyCleared() === 'desc'\n  \"\n  [class.mat-sort-header-animations-disabled]=\"\n    _animationModule === 'NoopAnimations'\n  \"\n  [attr.tabindex]=\"_isDisabled() ? null : 0\"\n  [attr.role]=\"_isDisabled() ? null : 'button'\">\n  <!--\n    TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n    number of screenshot diff failures. It should be removed eventually. Note that the difference\n    isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n    causes it to be center-aligned, whereas removing it will keep the text to the left.\n  -->\n  <div class=\"mat-sort-header-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Disable animations while a current animation is running -->\n  @if (_renderArrow()) {\n    <div class=\"mat-sort-header-arrow\">\n      <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n        <path\n          d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n      </svg>\n    </div>\n  }\n  <div *ngIf=\"_isSorted()\" class=\"mat-sort-header-counter\">\n    {{ sortIndex + 1 }}\n  </div>\n</div>\n", styles: [".mat-sort-header-container{display:flex;cursor:pointer;align-items:center;letter-spacing:normal;outline:0}[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,[mat-sort-header].cdk-program-focused .mat-sort-header-container{border-bottom:solid 1px currentColor}.mat-sort-header-disabled .mat-sort-header-container{cursor:default}.mat-sort-header-container:before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-sort-header-content{display:flex;align-items:center}.mat-sort-header-position-before{flex-direction:row-reverse}@keyframes _mat-sort-header-recently-cleared-ascending{0%{transform:translateY(0);opacity:1}to{transform:translateY(-25%);opacity:0}}@keyframes _mat-sort-header-recently-cleared-descending{0%{transform:translateY(0) rotate(180deg);opacity:1}to{transform:translateY(25%) rotate(180deg);opacity:0}}.mat-sort-header-arrow{height:12px;width:12px;position:relative;transition:transform 225ms cubic-bezier(.4,0,.2,1),opacity 225ms cubic-bezier(.4,0,.2,1);opacity:0;overflow:visible;color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}.mat-sort-header.cdk-keyboard-focused .mat-sort-header-arrow,.mat-sort-header.cdk-program-focused .mat-sort-header-arrow,.mat-sort-header:hover .mat-sort-header-arrow{opacity:.54}.mat-sort-header .mat-sort-header-sorted .mat-sort-header-arrow{opacity:1}.mat-sort-header-descending .mat-sort-header-arrow{transform:rotate(180deg)}.mat-sort-header-recently-cleared-ascending .mat-sort-header-arrow{transform:translateY(-25%);transition:none;animation:_mat-sort-header-recently-cleared-ascending 225ms cubic-bezier(.4,0,.2,1) forwards}.mat-sort-header-animations-disabled .mat-sort-header-arrow{transition-duration:0ms;animation-duration:0ms}.mat-sort-header-arrow svg{width:24px;height:24px;fill:currentColor;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;transform:translateZ(0)}.mat-sort-header-arrow,[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow{margin:0 0 0 6px}.mat-sort-header-position-before .mat-sort-header-arrow,[dir=rtl] .mat-sort-header-arrow{margin:0 6px 0 0}.mat-sort-header-counter{color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: "[mat-multi-sort-header]", exportAs: "matMultiSortHeader", imports: [NgIf], providers: [{ provide: MatSort, useExisting: MatMultiSortDirective }], encapsulation: ViewEncapsulation.None, template: "<!--\n  We set the `tabindex` on an element inside the table header, rather than the header itself,\n  because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n  table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n  be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n  over having a button with an `aria-label` inside the header, because the button's `aria-label`\n  will be read out as the user is navigating the table's cell (see #13012).\n\n  The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div\n  class=\"mat-sort-header-container mat-focus-indicator\"\n  [class.mat-sort-header-sorted]=\"_isSorted()\"\n  [class.mat-sort-header-position-before]=\"arrowPosition === 'before'\"\n  [class.mat-sort-header-descending]=\"sortDirection === 'desc'\"\n  [class.mat-sort-header-ascending]=\"sortDirection === 'asc'\"\n  [class.mat-sort-header-recently-cleared-ascending]=\"\n    _recentlyCleared() === 'asc'\n  \"\n  [class.mat-sort-header-recently-cleared-descending]=\"\n    _recentlyCleared() === 'desc'\n  \"\n  [class.mat-sort-header-animations-disabled]=\"\n    _animationModule === 'NoopAnimations'\n  \"\n  [attr.tabindex]=\"_isDisabled() ? null : 0\"\n  [attr.role]=\"_isDisabled() ? null : 'button'\">\n  <!--\n    TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n    number of screenshot diff failures. It should be removed eventually. Note that the difference\n    isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n    causes it to be center-aligned, whereas removing it will keep the text to the left.\n  -->\n  <div class=\"mat-sort-header-content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Disable animations while a current animation is running -->\n  @if (_renderArrow()) {\n    <div class=\"mat-sort-header-arrow\">\n      <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n        <path\n          d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n      </svg>\n    </div>\n  }\n  <div *ngIf=\"_isSorted()\" class=\"mat-sort-header-counter\">\n    {{ sortIndex + 1 }}\n  </div>\n</div>\n", styles: [".mat-sort-header-container{display:flex;cursor:pointer;align-items:center;letter-spacing:normal;outline:0}[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,[mat-sort-header].cdk-program-focused .mat-sort-header-container{border-bottom:solid 1px currentColor}.mat-sort-header-disabled .mat-sort-header-container{cursor:default}.mat-sort-header-container:before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-sort-header-content{display:flex;align-items:center}.mat-sort-header-position-before{flex-direction:row-reverse}@keyframes _mat-sort-header-recently-cleared-ascending{0%{transform:translateY(0);opacity:1}to{transform:translateY(-25%);opacity:0}}@keyframes _mat-sort-header-recently-cleared-descending{0%{transform:translateY(0) rotate(180deg);opacity:1}to{transform:translateY(25%) rotate(180deg);opacity:0}}.mat-sort-header-arrow{height:12px;width:12px;position:relative;transition:transform 225ms cubic-bezier(.4,0,.2,1),opacity 225ms cubic-bezier(.4,0,.2,1);opacity:0;overflow:visible;color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}.mat-sort-header.cdk-keyboard-focused .mat-sort-header-arrow,.mat-sort-header.cdk-program-focused .mat-sort-header-arrow,.mat-sort-header:hover .mat-sort-header-arrow{opacity:.54}.mat-sort-header .mat-sort-header-sorted .mat-sort-header-arrow{opacity:1}.mat-sort-header-descending .mat-sort-header-arrow{transform:rotate(180deg)}.mat-sort-header-recently-cleared-ascending .mat-sort-header-arrow{transform:translateY(-25%);transition:none;animation:_mat-sort-header-recently-cleared-ascending 225ms cubic-bezier(.4,0,.2,1) forwards}.mat-sort-header-animations-disabled .mat-sort-header-arrow{transition-duration:0ms;animation-duration:0ms}.mat-sort-header-arrow svg{width:24px;height:24px;fill:currentColor;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;transform:translateZ(0)}.mat-sort-header-arrow,[dir=rtl] .mat-sort-header-position-before .mat-sort-header-arrow{margin:0 0 0 6px}.mat-sort-header-position-before .mat-sort-header-arrow,[dir=rtl] .mat-sort-header-arrow{margin:0 6px 0 0}.mat-sort-header-counter{color:var(--mat-sort-arrow-color, var(--mat-sys-on-surface))}\n"] }]
         }] });
@@ -609,10 +663,10 @@ class MatMultiSortControlComponent {
     onDrop(event) {
         this.sort?.reorderSortLevel(event.previousIndex, event.currentIndex);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: MatMultiSortControlComponent, isStandalone: true, selector: "mat-multi-sort-control", inputs: { orientation: "orientation", sort: "sort" }, ngImport: i0, template: "<mat-chip-listbox\n  cdkDropList\n  [cdkDropListOrientation]=\"orientation\"\n  (cdkDropListDropped)=\"onDrop($event)\">\n  <mat-chip\n    [disabled]=\"!sorts.length\"\n    [highlighted]=\"true\"\n    (click)=\"onClearClick()\"\n    ><mat-icon matChipAvatar fontIcon=\"clear_all\"></mat-icon>Clear All</mat-chip\n  >\n  @for (column of sorts; track $index) {\n    <mat-chip\n      class=\"mat-sort-header\"\n      cdkDrag\n      (click)=\"onChipClick(column.active)\"\n      (removed)=\"onChipRemoved(column.active)\">\n      <div\n        matChipAvatar\n        class=\"mat-sort-header-container mat-sort-header-sorted mat-focus-indicator\"\n        [class.mat-sort-header-descending]=\"column.direction === 'desc'\"\n        [class.mat-sort-header-ascending]=\"column.direction === 'asc'\"\n        [class.mat-sort-header-animations-disabled]=\"\n          _animationModule === 'NoopAnimations'\n        \">\n        <div class=\"mat-sort-header-arrow\">\n          <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n            <path\n              d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n          </svg>\n        </div>\n      </div>\n      {{ column.active }}\n      <button matChipRemove>\n        <mat-icon>clear</mat-icon>\n      </button>\n    </mat-chip>\n  }\n</mat-chip-listbox>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.mat-mdc-chip.mat-sort-header{background-color:var(--mat-sys-surface, #ffffff);transition:background-color .1s cubic-bezier(0,0,.2,1),box-shadow .1s cubic-bezier(0,0,.2,1)}.mat-mdc-chip.mat-sort-header:hover{cursor:move}.mat-mdc-chip.mat-sort-header:hover:after{opacity:0}.mat-mdc-chip.mat-sort-header:focus:after{opacity:0}.mat-mdc-chip.mat-sort-header:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drop-list-dragging .mat-sort-header:not(.cdk-drag-placeholder){background-color:var(--mat-sys-surface-dim, #ffffff);transition:transform .15s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i1$1.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i1$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "directive", type: i1$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MatMultiSortControlComponent, isStandalone: true, selector: "mat-multi-sort-control", inputs: { orientation: "orientation", sort: "sort" }, ngImport: i0, template: "<mat-chip-listbox\n  cdkDropList\n  [cdkDropListOrientation]=\"orientation\"\n  (cdkDropListDropped)=\"onDrop($event)\">\n  <mat-chip\n    [disabled]=\"!sorts.length\"\n    [highlighted]=\"true\"\n    (click)=\"onClearClick()\"\n    ><mat-icon matChipAvatar fontIcon=\"clear_all\"></mat-icon>Clear All</mat-chip\n  >\n  @for (column of sorts; track $index) {\n    <mat-chip\n      class=\"mat-sort-header\"\n      cdkDrag\n      (click)=\"onChipClick(column.active)\"\n      (removed)=\"onChipRemoved(column.active)\">\n      <div\n        matChipAvatar\n        class=\"mat-sort-header-container mat-sort-header-sorted mat-focus-indicator\"\n        [class.mat-sort-header-descending]=\"column.direction === 'desc'\"\n        [class.mat-sort-header-ascending]=\"column.direction === 'asc'\"\n        [class.mat-sort-header-animations-disabled]=\"\n          _animationModule === 'NoopAnimations'\n        \">\n        <div class=\"mat-sort-header-arrow\">\n          <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n            <path\n              d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n          </svg>\n        </div>\n      </div>\n      {{ column.active }}\n      <button matChipRemove>\n        <mat-icon>clear</mat-icon>\n      </button>\n    </mat-chip>\n  }\n</mat-chip-listbox>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.mat-mdc-chip.mat-sort-header{background-color:var(--mat-sys-surface, #ffffff);transition:background-color .1s cubic-bezier(0,0,.2,1),box-shadow .1s cubic-bezier(0,0,.2,1)}.mat-mdc-chip.mat-sort-header:hover{cursor:move}.mat-mdc-chip.mat-sort-header:hover:after{opacity:0}.mat-mdc-chip.mat-sort-header:focus:after{opacity:0}.mat-mdc-chip.mat-sort-header:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drop-list-dragging .mat-sort-header:not(.cdk-drag-placeholder){background-color:var(--mat-sys-surface-dim, #ffffff);transition:transform .15s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i1$1.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i1$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "directive", type: i1$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: MatMultiSortControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MatMultiSortControlComponent, decorators: [{
             type: Component,
             args: [{ selector: "mat-multi-sort-control", imports: [CdkDropList, CdkDrag, MatChipsModule, MatIconModule], template: "<mat-chip-listbox\n  cdkDropList\n  [cdkDropListOrientation]=\"orientation\"\n  (cdkDropListDropped)=\"onDrop($event)\">\n  <mat-chip\n    [disabled]=\"!sorts.length\"\n    [highlighted]=\"true\"\n    (click)=\"onClearClick()\"\n    ><mat-icon matChipAvatar fontIcon=\"clear_all\"></mat-icon>Clear All</mat-chip\n  >\n  @for (column of sorts; track $index) {\n    <mat-chip\n      class=\"mat-sort-header\"\n      cdkDrag\n      (click)=\"onChipClick(column.active)\"\n      (removed)=\"onChipRemoved(column.active)\">\n      <div\n        matChipAvatar\n        class=\"mat-sort-header-container mat-sort-header-sorted mat-focus-indicator\"\n        [class.mat-sort-header-descending]=\"column.direction === 'desc'\"\n        [class.mat-sort-header-ascending]=\"column.direction === 'asc'\"\n        [class.mat-sort-header-animations-disabled]=\"\n          _animationModule === 'NoopAnimations'\n        \">\n        <div class=\"mat-sort-header-arrow\">\n          <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n            <path\n              d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n          </svg>\n        </div>\n      </div>\n      {{ column.active }}\n      <button matChipRemove>\n        <mat-icon>clear</mat-icon>\n      </button>\n    </mat-chip>\n  }\n</mat-chip-listbox>\n", styles: [".cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .15s cubic-bezier(0,0,.2,1)}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;overflow:hidden}.mat-mdc-chip.mat-sort-header{background-color:var(--mat-sys-surface, #ffffff);transition:background-color .1s cubic-bezier(0,0,.2,1),box-shadow .1s cubic-bezier(0,0,.2,1)}.mat-mdc-chip.mat-sort-header:hover{cursor:move}.mat-mdc-chip.mat-sort-header:hover:after{opacity:0}.mat-mdc-chip.mat-sort-header:focus:after{opacity:0}.mat-mdc-chip.mat-sort-header:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drop-list-dragging .mat-sort-header:not(.cdk-drag-placeholder){background-color:var(--mat-sys-surface-dim, #ffffff);transition:transform .15s cubic-bezier(0,0,.2,1)}\n"] }]
         }], propDecorators: { orientation: [{

package/fesm2022/ngx-mat-table-multi-sort.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-mat-table-multi-sort.mjs","sources":["../../../src/lib/mat-table-column-config.ts","../../../src/lib/mat-multi-sort.directive.ts","../../../src/lib/mat-table-column-config-persistence.service.ts","../../../src/lib/mat-table-column-config/mat-table-column-config.component.ts","../../../src/lib/mat-table-column-config/mat-table-column-config.component.html","../../../src/lib/mat-table-column-config-trigger.directive.ts","../../../src/lib/mat-multi-sort-table-data-source.ts","../../../src/lib/mat-multi-sort-header/mat-multi-sort-header.component.ts","../../../src/lib/mat-multi-sort-header/mat-multi-sort-header.component.html","../../../src/lib/mat-multi-sort-control/mat-multi-sort-control.component.ts","../../../src/lib/mat-multi-sort-control/mat-multi-sort-control.component.html","../../../src/public-api.ts","../../../src/ngx-mat-table-multi-sort.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\n\n/*\n Represents the configuration for a table column.\n \n @template T - The type of the data object that the table displays.\n /\nexport interface TableColumn<T> {\n id: keyof T;\n label: string;\n visible: boolean;\n}\n\n/\n Injection token for the storage mechanism used to persist column configuration.\n \n This token can be used to provide a custom storage implementation for saving\n * and retrieving the state of table column configurations.\n \n /\nexport const COLUMN_CONFIG_PERSISTENCE_STORAGE = new InjectionToken<Storage>(\n \"COLUMN_CONFIG_PERSISTENCE_STORAGE\"\n);\n\n/*\n Injection token used to enable or disable column configuration persistence.\n \n This token can be provided with a boolean value to indicate whether the\n * column configurations should be persisted (e.g., in local storage or a database).\n \n /\nexport const COLUMN_CONFIG_PERSISTENCE_ENABLED = new InjectionToken<boolean>(\n \"COLUMN_CONFIG_PERSISTENCE_ENABLED\"\n);\n\n/*\n Injection token for the column configuration persistence key.\n * This token is used to provide a unique key for persisting column configurations.\n /\nexport const COLUMN_CONFIG_PERSISTENCE_KEY = new InjectionToken<string>(\n \"COLUMN_CONFIG_PERSISTENCE_KEY\"\n);\n","import { moveItemInArray } from \"@angular/cdk/drag-drop\";\nimport {\n Directive,\n effect,\n EventEmitter,\n Inject,\n InjectionToken,\n Optional,\n Output,\n signal,\n WritableSignal,\n} from \"@angular/core\";\nimport {\n MAT_SORT_DEFAULT_OPTIONS,\n MatSort,\n MatSortable,\n MatSortDefaultOptions,\n Sort,\n SortDirection,\n} from \"@angular/material/sort\";\n\n/\n Injection token for the storage mechanism used to persist sorting state.\n \n This token can be used to provide a custom storage implementation for persisting\n * the sorting state of a table. By default, it can be set to use localStorage, sessionStorage,\n * or any other storage mechanism that implements the Storage interface.\n \n /\nexport const SORT_PERSISTENCE_STORAGE = new InjectionToken<Storage>(\n \"SORT_PERSISTENCE_STORAGE\"\n);\n\n/*\n Injection token used to enable or disable the persistence of sorting state.\n \n This token can be provided in the application's dependency injection system\n * to control whether the sorting state of a table should be persisted across\n * sessions or not.\n \n @example\n * // To enable sort persistence:\n * providers: [\n * { provide: SORT_PERSISTENCE_ENABLED, useValue: true }\n * ]\n \n @example\n * // To disable sort persistence:\n * providers: [\n * { provide: SORT_PERSISTENCE_ENABLED, useValue: false }\n * ]\n /\nexport const SORT_PERSISTENCE_ENABLED = new InjectionToken<boolean>(\n \"SORT_PERSISTENCE_ENABLED\"\n);\n\n/\n Injection token for the key used to persist sorting state.\n \n This token can be used to provide a custom key for storing\n * the sorting state in a persistence layer, such as local storage\n * or a database.\n /\nexport const SORT_PERSISTENCE_KEY = new InjectionToken<string>(\n \"SORT_PERSISTENCE_KEY\"\n);\n\n@Directive({\n selector: \"[matMultiSort]\",\n exportAs: \"matMultiSort\",\n host: {\n class: \"mat-sort\",\n },\n})\nexport class MatMultiSortDirective extends MatSort {\n @Output()\n private readonly persistenceChanged = new EventEmitter<Sort[]>();\n\n /\n A writable signal that holds an array of Sort objects.\n * This signal is used to manage the sorting state of the table.\n \n @readonly\n /\n readonly _sorts: WritableSignal<Sort[]> = signal([]);\n\n constructor(\n @Optional()\n @Inject(SORT_PERSISTENCE_ENABLED)\n public isPersistenceEnabled: boolean,\n @Optional()\n @Inject(SORT_PERSISTENCE_KEY)\n private readonly key: string,\n @Optional()\n @Inject(SORT_PERSISTENCE_STORAGE)\n private readonly storage: Storage,\n @Optional()\n @Inject(MAT_SORT_DEFAULT_OPTIONS)\n defaultOptions?: MatSortDefaultOptions \| undefined\n ) {\n super(defaultOptions);\n\n this.isPersistenceEnabled ??= true;\n this.key ??= \"mat-table-persistence-sort\";\n this.storage ??= localStorage;\n\n if (this.isPersistenceEnabled) {\n const sortsSerialized = this.storage.getItem(this.key);\n this._sorts.set(sortsSerialized ? JSON.parse(sortsSerialized) : []);\n }\n\n // Update the sorting state when the sorts signal changes.\n effect(() => {\n const length = this._sorts().length;\n this.sortChange.emit({\n active: length ? this._sorts()[length - 1].active : \"\",\n direction: length ? this._sorts()[length - 1].direction : \"\",\n });\n this.persistSortSettings();\n });\n }\n\n /\n Retrieves the sort direction for a given column ID.\n \n @param id - The ID of the column to get the sort direction for.\n * @returns The sort direction ('asc', 'desc', or '') for the specified column ID.\n /\n public getSortDirection(id: string): SortDirection {\n const sort = this._sorts().find((e) => e.active === id);\n return sort ? sort.direction : \"\";\n }\n\n /\n Gets the sort index of the given column ID.\n \n @param id - The ID of the column to get the sort index for.\n * @returns The sort index of the column, or -1 if the column is not active.\n /\n public getSortIndex(id: string): number {\n return this._sorts().findIndex((e) => e.active === id);\n }\n\n override sort(sortable: MatSortable): void {\n this.active = sortable.id;\n this.direction = this.getSortDirection(sortable.id);\n const index = this.getSortIndex(sortable.id);\n\n // If the column is not active, add it to the list of active columns.\n if (index < 0) {\n this.direction = sortable.start ? sortable.start : this.start;\n this._sorts().push({ active: this.active, direction: this.direction });\n } else {\n // If the column is active, update the direction or remove it if the direction is empty.\n this.direction = this.getNextSortDirection(sortable);\n if (!this.direction) {\n this._sorts().splice(index, 1);\n } else {\n this._sorts()[index].direction = this.direction;\n }\n }\n\n this.sortChange.emit({ active: this.active, direction: this.direction });\n this.persistSortSettings();\n }\n\n /\n Removes a sort level by its identifier.\n * If the sort level is not found, the method returns without making any changes.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n public removeSortLevel(id: string): void {\n const index = this.getSortIndex(id);\n if (index < 0) return;\n\n this._sorts().splice(index, 1);\n this.sortChange.emit();\n this.persistSortSettings();\n }\n\n /\n Reorders the sort level by moving an item in the sort array from a previous index to a current index.\n * If the previous index is the same as the current index, the function returns without making any changes.\n \n @param previousIndex - The index of the item to be moved.\n * @param currentIndex - The index to which the item should be moved.\n /\n public reorderSortLevel(previousIndex: number, currentIndex: number): void {\n if (previousIndex === currentIndex) return;\n\n moveItemInArray(this._sorts(), previousIndex, currentIndex);\n this.sortChange.emit(this._sorts()[currentIndex]);\n this.persistSortSettings();\n }\n\n /\n Toggles the sort direction for the given column ID.\n \n @param id - The unique identifier of the column to toggle the sort direction for.\n * @returns void\n /\n public toggleSortDirection(id: string): void {\n const index = this.getSortIndex(id);\n if (index < 0) return;\n\n this.active = id;\n // The value of this.direction is used in the getNextSortDirection method. That's why it is necessary for it to be set before the call to getNextSortDirection.\n this.direction = this.getSortDirection(id);\n this.direction = this.getNextSortDirection({\n id: id,\n disableClear: true,\n } as MatSortable);\n this._sorts()[index].direction = this.direction;\n this.sortChange.emit({ active: this.active, direction: this.direction });\n this.persistSortSettings();\n }\n\n /\n Clears the current sorting state.\n \n @param id - The unique identifier of the column to toggle the sort direction for.\n * @returns void\n /\n public clearSorting(): void {\n this.active = \"\";\n this.direction = \"\";\n this._sorts.set([]);\n this.sortChange.emit();\n this.persistSortSettings();\n }\n\n private persistSortSettings(): void {\n this.persistenceChanged.emit(this._sorts());\n if (this.isPersistenceEnabled)\n this.storage.setItem(this.key, JSON.stringify(this._sorts()));\n }\n}\n","import { Inject, Injectable, Optional } from \"@angular/core\";\nimport { BehaviorSubject, Observable } from \"rxjs\";\nimport {\n COLUMN_CONFIG_PERSISTENCE_ENABLED,\n COLUMN_CONFIG_PERSISTENCE_KEY,\n COLUMN_CONFIG_PERSISTENCE_STORAGE,\n TableColumn,\n} from \"./mat-table-column-config\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class MatTableColumnConfigPersistenceService<T> {\n private readonly columns$ = new BehaviorSubject<TableColumn<T>[]>([]);\n\n /\n Gets the current table columns configuration.\n \n @returns {TableColumn<T>[]} An array of table columns.\n /\n public get columns(): TableColumn<T>[] {\n return this.columns$.getValue();\n }\n\n /\n Sets the columns configuration for the table and persists the configuration.\n \n @param value - An array of `TableColumn<T>` representing the new column configuration.\n /\n public set columns(value: TableColumn<T>[]) {\n this.columns$.next(value);\n this.persistColumnConfig(value);\n }\n\n constructor(\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_ENABLED)\n public isPersistenceEnabled: boolean,\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_KEY)\n private readonly key: string,\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_STORAGE)\n private readonly storage: Storage\n ) {\n this.isPersistenceEnabled ??= true;\n this.key ??= \"mat-table-persistence-column-config\";\n this.storage ??= localStorage;\n\n if (this.isPersistenceEnabled) {\n const columnsSerialized = this.storage.getItem(this.key);\n this.columns$.next(\n columnsSerialized ? JSON.parse(columnsSerialized) : []\n );\n }\n }\n\n /\n Retrieves an observable stream of table columns.\n \n @returns {Observable<TableColumn<T>[]>} An observable that emits an array of table columns.\n /\n public getColumns(): Observable<TableColumn<T>[]> {\n return this.columns$.asObservable();\n }\n\n private persistColumnConfig(columns: TableColumn<T>[]): void {\n if (!this.isPersistenceEnabled) return;\n this.storage.setItem(this.key, JSON.stringify(columns));\n }\n}\n","import {\n CdkDrag,\n CdkDragDrop,\n CdkDropList,\n moveItemInArray,\n} from \"@angular/cdk/drag-drop\";\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { MatCheckboxModule } from \"@angular/material/checkbox\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { Subscription } from \"rxjs\";\nimport { TableColumn } from \"../mat-table-column-config\";\nimport { MatTableColumnConfigPersistenceService } from \"../mat-table-column-config-persistence.service\";\n\n@Component({\n selector: \"mat-table-column-config\",\n imports: [CdkDropList, CdkDrag, MatCheckboxModule, MatIconModule],\n templateUrl: \"./mat-table-column-config.component.html\",\n styleUrl: \"./mat-table-column-config.component.scss\",\n})\nexport class MatTableColumnConfigComponent<T> implements OnInit, OnDestroy {\n private subscription: Subscription \| undefined;\n columns: TableColumn<T>[] = [];\n\n constructor(\n private readonly persistenceService: MatTableColumnConfigPersistenceService<T>\n ) {}\n\n ngOnInit(): void {\n this.subscription = this.persistenceService\n .getColumns()\n .subscribe((columns) => {\n this.columns = columns;\n });\n }\n\n ngOnDestroy(): void {\n this.subscription?.unsubscribe();\n this.subscription = undefined;\n }\n\n /\n Handles the event when a dragged column is dropped.\n * This method updates the order of columns based on the drag and drop action.\n \n @param event - The event object containing information about the drag and drop action.\n /\n onColumnDropped(event: CdkDragDrop<T>): void {\n moveItemInArray(this.columns, event.previousIndex, event.currentIndex);\n this.persistenceService.columns = this.columns;\n }\n\n /\n Toggles the visibility of a column based on its identifier.\n \n @param id - The identifier of the column whose visibility is to be changed.\n /\n onColumnVisibilityChanged(id: keyof T): void {\n const index = this.columns.findIndex((column) => column.id === id);\n if (index < 0) return;\n\n this.columns[index].visible = !this.columns[index].visible;\n this.persistenceService.columns = this.columns;\n }\n}\n","<div\n cdkDropList\n class=\"table-column-list mat-elevation-z4\"\n cdkDropListOrientation=\"vertical\"\n (cdkDropListDropped)=\"onColumnDropped($event)\">\n @for (column of columns; track column.id) {\n <div cdkDrag class=\"table-column\">\n <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n <mat-checkbox\n [checked]=\"column.visible\"\n (change)=\"onColumnVisibilityChanged(column.id)\"\n >{{ column.label }}</mat-checkbox\n >\n </div>\n }\n</div>\n","import { Overlay } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n ViewContainerRef,\n} from \"@angular/core\";\nimport { MatTableColumnConfigComponent } from \"./mat-table-column-config/mat-table-column-config.component\";\n\n@Directive({\n selector: \"[matTableColumnConfigTrigger]\",\n exportAs: \"matTableColumnConfigTrigger\",\n})\nexport class MatTableColumnConfigTriggerDirective<T> {\n private _componentRef: ComponentRef<MatTableColumnConfigComponent<T>> \| null =\n null;\n\n /\n Gets the reference to the MatTableColumnConfigComponent.\n \n @returns {ComponentRef<MatTableColumnConfigComponent<T>> \| null}\n * The reference to the MatTableColumnConfigComponent if it exists, otherwise null.\n /\n get componentRef(): ComponentRef<MatTableColumnConfigComponent<T>> \| null {\n return this._componentRef;\n }\n\n constructor(\n private readonly elementRef: ElementRef,\n private readonly overlay: Overlay,\n private readonly viewContainerRef: ViewContainerRef\n ) {}\n\n @HostListener(\"click\")\n onClick(): void {\n // Create the component portal\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.elementRef.nativeElement)\n .withFlexibleDimensions(true)\n .withViewportMargin(8)\n .withGrowAfterOpen(true)\n .withPush(true)\n .withPositions([\n {\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"top\",\n },\n ]);\n const overlayRef = this.overlay.create({\n positionStrategy,\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n });\n const portal = new ComponentPortal(\n MatTableColumnConfigComponent<T>,\n this.viewContainerRef,\n this.viewContainerRef.injector\n );\n this._componentRef = overlayRef.attach(portal);\n\n overlayRef.backdropClick().subscribe(() => {\n overlayRef.detach();\n overlayRef.dispose();\n this._componentRef = null;\n });\n }\n}\n","import { MatPaginator } from \"@angular/material/paginator\";\nimport { Sort } from \"@angular/material/sort\";\nimport { MatTableDataSource } from \"@angular/material/table\";\nimport { MatMultiSortDirective } from \"./mat-multi-sort.directive\";\n\n/\n Sorts two items based on multiple sorting criteria.\n \n @description To do this, we iterate over each sort level and compare the values of the active column. If the values are equal, we move to the next sort level. If all sort levels are equal, we return 0.\n \n @template T - The type of the items being sorted.\n * @param {T} a - The first item to compare.\n * @param {T} b - The second item to compare.\n * @param {Sort[]} sorts - An array of sorting criteria, where each criterion specifies the property to sort by and the direction of sorting.\n * @returns {number} - A negative number if `a` should come before `b`, a positive number if `a` should come after `b`, or 0 if they are considered equal.\n /\nexport function MultiCriterionSort<T>(a: T, b: T, sorts: Sort[]): number {\n for (const { active, direction } of sorts) {\n const aValue = a[active as keyof T];\n const bValue = b[active as keyof T];\n\n const comparison = compareValues(aValue, bValue);\n\n if (comparison !== 0) {\n return direction === \"desc\" ? -comparison : comparison;\n }\n }\n\n return 0; // If all comparisons are equal, preserve original order\n}\n\nfunction compareValues<T>(aValue: T, bValue: T): number {\n if (aValue == null && bValue != null) return 1;\n if (aValue != null && bValue == null) return -1;\n if (aValue == null && bValue == null) return 0;\n\n if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n return aValue.localeCompare(bValue);\n }\n\n if (aValue > bValue) return 1;\n if (aValue < bValue) return -1;\n return 0;\n}\n\n/\n A data source class that extends `MatTableDataSource` to support multi-column sorting.\n \n @template T The type of data that the table displays.\n * @template P The type of paginator used, defaults to `MatPaginator`.\n \n @extends MatTableDataSource<T, P>\n /\nexport class MatMultiSortTableDataSource<\n T,\n P extends MatPaginator = MatPaginator,\n> extends MatTableDataSource<T, P> {\n override get sort(): MatMultiSortDirective \| null {\n return super.sort as MatMultiSortDirective;\n }\n override set sort(sort: MatMultiSortDirective \| null) {\n super.sort = sort;\n }\n\n constructor(initialData?: T[]) {\n super(initialData);\n // Set the default sort function\n this.sortData = (data): T[] => this.sortDataFunction(data);\n }\n\n private sortDataFunction(data: T[]): T[] {\n // Return the data if there is no sort\n if (!this.sort?._sorts().length) return data;\n\n // Sort the data:\n return data.sort((a, b) => MultiCriterionSort(a, b, this.sort!._sorts()));\n }\n}\n","import { NgIf } from \"@angular/common\";\nimport { Component, inject, OnInit, ViewEncapsulation } from \"@angular/core\";\nimport { MatSort, MatSortHeader, SortDirection } from \"@angular/material/sort\";\nimport { MatMultiSortDirective } from \"../mat-multi-sort.directive\";\n\n@Component({\n selector: \"[mat-multi-sort-header]\", // eslint-disable-line @angular-eslint/component-selector\n exportAs: \"matMultiSortHeader\",\n imports: [NgIf],\n providers: [{ provide: MatSort, useExisting: MatMultiSortDirective }],\n templateUrl: \"./mat-multi-sort-header.component.html\",\n styleUrl: \"./mat-multi-sort-header.component.scss\",\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatMultiSortHeaderComponent\n extends MatSortHeader\n implements OnInit\n{\n override readonly _sort: MatMultiSortDirective = inject(\n MatMultiSortDirective,\n {\n optional: true,\n }\n )!;\n\n /\n Retrieves the sort direction for the current column.\n \n @returns {SortDirection} The sort direction for the column identified by this.id.\n /\n get sortDirection(): SortDirection {\n return this._sort.getSortDirection(this.id);\n }\n\n /\n Gets the sort index for the current column.\n \n @returns {number} The index of the sort order for this column.\n /\n get sortIndex(): number {\n return this._sort.getSortIndex(this.id);\n }\n\n override _isSorted(): boolean {\n return this.sortIndex > -1;\n }\n\n override _toggleOnInteraction(): void {\n if (this._isDisabled()) return;\n\n const wasSorted = this._isSorted();\n const prevDirection = this.sortDirection;\n this._sort.sort(this);\n this._recentlyCleared.set(\n wasSorted && !this._isSorted() ? prevDirection : null\n );\n }\n}\n","<!--\n We set the `tabindex` on an element inside the table header, rather than the header itself,\n because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n over having a button with an `aria-label` inside the header, because the button's `aria-label`\n will be read out as the user is navigating the table's cell (see #13012).\n\n The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div\n class=\"mat-sort-header-container mat-focus-indicator\"\n [class.mat-sort-header-sorted]=\"_isSorted()\"\n [class.mat-sort-header-position-before]=\"arrowPosition === 'before'\"\n [class.mat-sort-header-descending]=\"sortDirection === 'desc'\"\n [class.mat-sort-header-ascending]=\"sortDirection === 'asc'\"\n [class.mat-sort-header-recently-cleared-ascending]=\"\n _recentlyCleared() === 'asc'\n \"\n [class.mat-sort-header-recently-cleared-descending]=\"\n _recentlyCleared() === 'desc'\n \"\n [class.mat-sort-header-animations-disabled]=\"\n _animationModule === 'NoopAnimations'\n \"\n [attr.tabindex]=\"_isDisabled() ? null : 0\"\n [attr.role]=\"_isDisabled() ? null : 'button'\">\n <!--\n TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n number of screenshot diff failures. It should be removed eventually. Note that the difference\n isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n causes it to be center-aligned, whereas removing it will keep the text to the left.\n -->\n <div class=\"mat-sort-header-content\">\n <ng-content></ng-content>\n </div>\n\n <!-- Disable animations while a current animation is running -->\n @if (_renderArrow()) {\n <div class=\"mat-sort-header-arrow\">\n <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n <path\n d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n </svg>\n </div>\n }\n <div ngIf=\"_isSorted()\" class=\"mat-sort-header-counter\">\n {{ sortIndex + 1 }}\n </div>\n</div>\n","import {\n CdkDrag,\n CdkDragDrop,\n CdkDropList,\n DropListOrientation,\n} from \"@angular/cdk/drag-drop\";\nimport { ANIMATION_MODULE_TYPE, Component, inject, Input } from \"@angular/core\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { Sort } from \"@angular/material/sort\";\nimport { MatMultiSortDirective } from \"../mat-multi-sort.directive\";\n\n@Component({\n selector: \"mat-multi-sort-control\",\n imports: [CdkDropList, CdkDrag, MatChipsModule, MatIconModule],\n templateUrl: \"./mat-multi-sort-control.component.html\",\n styleUrl: \"./mat-multi-sort-control.component.scss\",\n})\nexport class MatMultiSortControlComponent {\n /*\n Injects the ANIMATION_MODULE_TYPE token, which indicates the type of animation module being used.\n * This is an optional dependency and may be undefined if the animation module is not provided.\n \n @readonly\n * @type {ANIMATION_MODULE_TYPE \| undefined}\n /\n readonly _animationModule = inject(ANIMATION_MODULE_TYPE, { optional: true });\n\n /\n Specifies the orientation of the drop list.\n * Can be either \"horizontal\" or \"vertical\".\n \n @type {DropListOrientation}\n * @default \"horizontal\"\n /\n @Input() orientation: DropListOrientation = \"horizontal\";\n\n /\n An optional input property that accepts an instance of `MatMultiSortDirective`.\n * This directive is used to control the sorting behavior of the table.\n /\n @Input() sort?: MatMultiSortDirective;\n\n /\n Retrieves the array of Sort objects from the current sort instance.\n * If the sort instance is not defined, it returns an empty array.\n \n @returns {Sort[]} An array of Sort objects or an empty array if no sorts are defined.\n /\n get sorts(): Sort[] {\n return this.sort?._sorts() \|\| [];\n }\n\n /\n Handles the click event on a sort chip.\n * Toggles the sort direction for the given sort ID.\n \n @param id - The identifier of the sort field to toggle.\n * @returns void\n /\n onChipClick(id: string): void {\n this.sort?.toggleSortDirection(id);\n }\n\n /\n Handles the event when a sort chip is removed.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n onChipRemoved(id: string): void {\n this.sort?.removeSortLevel(id);\n }\n\n /\n Clears the current sorting applied to the table.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n onClearClick(): void {\n this.sort?.clearSorting();\n }\n\n /\n Handles the drop event for drag-and-drop sorting.\n * Reorders the sort levels based on the previous and current indices.\n \n @param event - The drag-and-drop event containing the previous and current indices of the sort order.\n /\n onDrop(event: CdkDragDrop<Sort[]>): void {\n this.sort?.reorderSortLevel(event.previousIndex, event.currentIndex);\n }\n}\n","<mat-chip-listbox\n cdkDropList\n [cdkDropListOrientation]=\"orientation\"\n (cdkDropListDropped)=\"onDrop($event)\">\n <mat-chip\n [disabled]=\"!sorts.length\"\n [highlighted]=\"true\"\n (click)=\"onClearClick()\"\n ><mat-icon matChipAvatar fontIcon=\"clear_all\"></mat-icon>Clear All</mat-chip\n >\n @for (column of sorts; track $index) {\n <mat-chip\n class=\"mat-sort-header\"\n cdkDrag\n (click)=\"onChipClick(column.active)\"\n (removed)=\"onChipRemoved(column.active)\">\n <div\n matChipAvatar\n class=\"mat-sort-header-container mat-sort-header-sorted mat-focus-indicator\"\n [class.mat-sort-header-descending]=\"column.direction === 'desc'\"\n [class.mat-sort-header-ascending]=\"column.direction === 'asc'\"\n [class.mat-sort-header-animations-disabled]=\"\n _animationModule === 'NoopAnimations'\n \">\n <div class=\"mat-sort-header-arrow\">\n <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n <path\n d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n </svg>\n </div>\n </div>\n {{ column.active }}\n <button matChipRemove>\n <mat-icon>clear</mat-icon>\n </button>\n </mat-chip>\n }\n</mat-chip-listbox>\n","/\n * Public API surface of the library\n /\n\nexport from \"./lib/mat-table-column-config\";\nexport * from \"./lib/mat-multi-sort.directive\";\nexport * from \"./lib/mat-table-column-config-trigger.directive\";\nexport * from \"./lib/mat-multi-sort-table-data-source\";\nexport * from \"./lib/mat-table-column-config-persistence.service\";\nexport * from \"./lib/mat-multi-sort-header/mat-multi-sort-header.component\";\nexport * from \"./lib/mat-multi-sort-control/mat-multi-sort-control.component\";\nexport * from \"./lib/mat-table-column-config/mat-table-column-config.component\";\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.MatTableColumnConfigPersistenceService","i1","i2"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-mat-table-multi-sort.mjs","sources":["../../../src/lib/mat-table-column-config.ts","../../../src/lib/mat-multi-sort.directive.ts","../../../src/lib/mat-table-column-config-persistence.service.ts","../../../src/lib/mat-table-column-config/mat-table-column-config.component.ts","../../../src/lib/mat-table-column-config/mat-table-column-config.component.html","../../../src/lib/mat-table-column-config-trigger.directive.ts","../../../src/lib/mat-multi-sort-table-data-source.ts","../../../src/lib/mat-multi-sort-header/mat-multi-sort-header.component.ts","../../../src/lib/mat-multi-sort-header/mat-multi-sort-header.component.html","../../../src/lib/mat-multi-sort-control/mat-multi-sort-control.component.ts","../../../src/lib/mat-multi-sort-control/mat-multi-sort-control.component.html","../../../src/public-api.ts","../../../src/ngx-mat-table-multi-sort.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\n\n/*\n Represents the configuration for a table column.\n \n @template T - The type of the data object that the table displays.\n /\nexport interface TableColumn<T> {\n id: keyof T;\n label: string;\n visible: boolean;\n}\n\n/\n Injection token for the storage mechanism used to persist column configuration.\n \n This token can be used to provide a custom storage implementation for saving\n * and retrieving the state of table column configurations.\n \n /\nexport const COLUMN_CONFIG_PERSISTENCE_STORAGE = new InjectionToken<Storage>(\n \"COLUMN_CONFIG_PERSISTENCE_STORAGE\"\n);\n\n/*\n Injection token used to enable or disable column configuration persistence.\n \n This token can be provided with a boolean value to indicate whether the\n * column configurations should be persisted (e.g., in local storage or a database).\n \n /\nexport const COLUMN_CONFIG_PERSISTENCE_ENABLED = new InjectionToken<boolean>(\n \"COLUMN_CONFIG_PERSISTENCE_ENABLED\"\n);\n\n/*\n Injection token for the column configuration persistence key.\n * This token is used to provide a unique key for persisting column configurations.\n /\nexport const COLUMN_CONFIG_PERSISTENCE_KEY = new InjectionToken<string>(\n \"COLUMN_CONFIG_PERSISTENCE_KEY\"\n);\n","import { moveItemInArray } from \"@angular/cdk/drag-drop\";\nimport {\n Directive,\n effect,\n EventEmitter,\n Inject,\n InjectionToken,\n Optional,\n Output,\n signal,\n WritableSignal,\n} from \"@angular/core\";\nimport {\n MAT_SORT_DEFAULT_OPTIONS,\n MatSort,\n MatSortable,\n MatSortDefaultOptions,\n Sort,\n SortDirection,\n} from \"@angular/material/sort\";\n\n/\n Injection token for the storage mechanism used to persist sorting state.\n \n This token can be used to provide a custom storage implementation for persisting\n * the sorting state of a table. By default, it can be set to use localStorage, sessionStorage,\n * or any other storage mechanism that implements the Storage interface.\n \n /\nexport const SORT_PERSISTENCE_STORAGE = new InjectionToken<Storage>(\n \"SORT_PERSISTENCE_STORAGE\"\n);\n\n/*\n Injection token used to enable or disable the persistence of sorting state.\n \n This token can be provided in the application's dependency injection system\n * to control whether the sorting state of a table should be persisted across\n * sessions or not.\n \n @example\n * // To enable sort persistence:\n * providers: [\n * { provide: SORT_PERSISTENCE_ENABLED, useValue: true }\n * ]\n \n @example\n * // To disable sort persistence:\n * providers: [\n * { provide: SORT_PERSISTENCE_ENABLED, useValue: false }\n * ]\n /\nexport const SORT_PERSISTENCE_ENABLED = new InjectionToken<boolean>(\n \"SORT_PERSISTENCE_ENABLED\"\n);\n\n/\n Injection token for the key used to persist sorting state.\n \n This token can be used to provide a custom key for storing\n * the sorting state in a persistence layer, such as local storage\n * or a database.\n /\nexport const SORT_PERSISTENCE_KEY = new InjectionToken<string>(\n \"SORT_PERSISTENCE_KEY\"\n);\n\n@Directive({\n selector: \"[matMultiSort]\",\n exportAs: \"matMultiSort\",\n host: {\n class: \"mat-sort\",\n },\n})\nexport class MatMultiSortDirective extends MatSort {\n @Output()\n private readonly persistenceChanged = new EventEmitter<Sort[]>();\n private _key: string;\n\n /\n A writable signal that holds an array of Sort objects.\n * This signal is used to manage the sorting state of the table.\n \n @readonly\n /\n readonly _sorts: WritableSignal<Sort[]> = signal([]);\n\n /\n Gets the key used for column configuration persistence.\n \n @returns {string} The key used for column configuration persistence.\n /\n public get key(): string {\n return this._key;\n }\n\n constructor(\n @Optional()\n @Inject(SORT_PERSISTENCE_ENABLED)\n public isPersistenceEnabled: boolean,\n @Optional()\n @Inject(SORT_PERSISTENCE_KEY)\n readonly initialKey: string,\n @Optional()\n @Inject(SORT_PERSISTENCE_STORAGE)\n private readonly storage: Storage,\n @Optional()\n @Inject(MAT_SORT_DEFAULT_OPTIONS)\n defaultOptions?: MatSortDefaultOptions \| undefined\n ) {\n super(defaultOptions);\n\n this.isPersistenceEnabled ??= true;\n this._key = initialKey ?? \"mat-table-persistence-sort\";\n this.storage ??= localStorage;\n\n if (this.isPersistenceEnabled) {\n const sortsSerialized = this.storage.getItem(this.key);\n this._sorts.set(sortsSerialized ? JSON.parse(sortsSerialized) : []);\n }\n\n // Update the sorting state when the sorts signal changes.\n effect(() => {\n const length = this._sorts().length;\n this.sortChange.emit({\n active: length ? this._sorts()[length - 1].active : \"\",\n direction: length ? this._sorts()[length - 1].direction : \"\",\n });\n this.persistSortSettings();\n });\n }\n\n /\n Retrieves the sort direction for a given column ID.\n \n @param id - The ID of the column to get the sort direction for.\n * @returns The sort direction ('asc', 'desc', or '') for the specified column ID.\n /\n public getSortDirection(id: string): SortDirection {\n const sort = this._sorts().find((e) => e.active === id);\n return sort ? sort.direction : \"\";\n }\n\n /\n Gets the sort index of the given column ID.\n \n @param id - The ID of the column to get the sort index for.\n * @returns The sort index of the column, or -1 if the column is not active.\n /\n public getSortIndex(id: string): number {\n return this._sorts().findIndex((e) => e.active === id);\n }\n\n override sort(sortable: MatSortable): void {\n this.active = sortable.id;\n this.direction = this.getSortDirection(sortable.id);\n const index = this.getSortIndex(sortable.id);\n\n // If the column is not active, add it to the list of active columns.\n if (index < 0) {\n this.direction = sortable.start ? sortable.start : this.start;\n this._sorts().push({ active: this.active, direction: this.direction });\n } else {\n // If the column is active, update the direction or remove it if the direction is empty.\n this.direction = this.getNextSortDirection(sortable);\n if (!this.direction) {\n this._sorts().splice(index, 1);\n } else {\n this._sorts()[index].direction = this.direction;\n }\n }\n\n this.sortChange.emit({ active: this.active, direction: this.direction });\n this.persistSortSettings();\n }\n\n /\n Removes a sort level by its identifier.\n * If the sort level is not found, the method returns without making any changes.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n public removeSortLevel(id: string): void {\n const index = this.getSortIndex(id);\n if (index < 0) return;\n\n this._sorts().splice(index, 1);\n this.sortChange.emit();\n this.persistSortSettings();\n }\n\n /\n Reorders the sort level by moving an item in the sort array from a previous index to a current index.\n * If the previous index is the same as the current index, the function returns without making any changes.\n \n @param previousIndex - The index of the item to be moved.\n * @param currentIndex - The index to which the item should be moved.\n /\n public reorderSortLevel(previousIndex: number, currentIndex: number): void {\n if (previousIndex === currentIndex) return;\n\n moveItemInArray(this._sorts(), previousIndex, currentIndex);\n this.sortChange.emit(this._sorts()[currentIndex]);\n this.persistSortSettings();\n }\n\n /\n Toggles the sort direction for the given column ID.\n \n @param id - The unique identifier of the column to toggle the sort direction for.\n * @returns void\n /\n public toggleSortDirection(id: string): void {\n const index = this.getSortIndex(id);\n if (index < 0) return;\n\n this.active = id;\n // The value of this.direction is used in the getNextSortDirection method. That's why it is necessary for it to be set before the call to getNextSortDirection.\n this.direction = this.getSortDirection(id);\n this.direction = this.getNextSortDirection({\n id: id,\n disableClear: true,\n } as MatSortable);\n this._sorts()[index].direction = this.direction;\n this.sortChange.emit({ active: this.active, direction: this.direction });\n this.persistSortSettings();\n }\n\n /\n Clears the current sorting state.\n \n @param id - The unique identifier of the column to toggle the sort direction for.\n * @returns void\n /\n public clearSorting(): void {\n this.active = \"\";\n this.direction = \"\";\n this._sorts.set([]);\n this.sortChange.emit();\n this.persistSortSettings();\n }\n\n private persistSortSettings(): void {\n this.persistenceChanged.emit(this._sorts());\n if (this.isPersistenceEnabled)\n this.storage.setItem(this.key, JSON.stringify(this._sorts()));\n }\n\n /\n Sets the persistence key for storing sort settings and optionally overwrites the persisted value.\n \n @param key - The key to be used for persisting sort settings.\n * @param overwritePersistedValue - If true, the current sort settings will be persisted immediately, overwriting any existing value. Defaults to false.\n \n @returns void\n /\n public setPersistenceKey(key: string, overwritePersistedValue = false): void {\n this._key = key;\n if (overwritePersistedValue) {\n this.persistSortSettings();\n return;\n }\n\n const sortsSerialized = this.storage.getItem(this.key);\n this._sorts.set(sortsSerialized ? JSON.parse(sortsSerialized) : []);\n }\n}\n","import { Inject, Injectable, Optional } from \"@angular/core\";\nimport { BehaviorSubject, Observable } from \"rxjs\";\nimport {\n COLUMN_CONFIG_PERSISTENCE_ENABLED,\n COLUMN_CONFIG_PERSISTENCE_KEY,\n COLUMN_CONFIG_PERSISTENCE_STORAGE,\n TableColumn,\n} from \"./mat-table-column-config\";\n\n@Injectable({\n providedIn: \"root\",\n})\nexport class MatTableColumnConfigPersistenceService<T> {\n private readonly columns$ = new BehaviorSubject<TableColumn<T>[]>([]);\n private _key: string;\n\n /\n Gets the current table columns configuration.\n \n @returns {TableColumn<T>[]} An array of table columns.\n /\n public get columns(): TableColumn<T>[] {\n return this.columns$.getValue();\n }\n\n /\n Sets the columns configuration for the table and persists the configuration.\n \n @param value - An array of `TableColumn<T>` representing the new column configuration.\n /\n public set columns(value: TableColumn<T>[]) {\n this.columns$.next(value);\n this.persistColumnConfig(value);\n }\n\n /\n Gets the key used for column configuration persistence.\n \n @returns {string} The key used for column configuration persistence.\n /\n public get key(): string {\n return this._key;\n }\n\n constructor(\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_ENABLED)\n public isPersistenceEnabled: boolean,\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_KEY)\n readonly initialKey: string,\n @Optional()\n @Inject(COLUMN_CONFIG_PERSISTENCE_STORAGE)\n private readonly storage: Storage\n ) {\n this.isPersistenceEnabled ??= true;\n this._key = initialKey ?? \"mat-table-persistence-column-config\";\n this.storage ??= localStorage;\n\n if (this.isPersistenceEnabled) {\n const columnsSerialized = this.storage.getItem(this.key);\n this.columns$.next(\n columnsSerialized ? JSON.parse(columnsSerialized) : []\n );\n }\n }\n\n /\n Retrieves an observable stream of table columns.\n \n @returns {Observable<TableColumn<T>[]>} An observable that emits an array of table columns.\n /\n public getColumns(): Observable<TableColumn<T>[]> {\n return this.columns$.asObservable();\n }\n\n private persistColumnConfig(columns: TableColumn<T>[]): void {\n if (!this.isPersistenceEnabled) return;\n this.storage.setItem(this.key, JSON.stringify(columns));\n }\n\n /\n Sets the persistence key for storing column configurations.\n \n @param key - The key to be used for persistence.\n * @param overwritePersistedValue - If true, the current column configuration will be persisted immediately overwriting any exising value stored under the new key.\n * If false, the persisted column configuration will be loaded and applied.\n * Defaults to false.\n \n @returns void\n /\n public setPersistenceKey(key: string, overwritePersistedValue = false): void {\n this._key = key;\n if (overwritePersistedValue) {\n this.persistColumnConfig(this.columns);\n return;\n }\n\n const columnsSerialized = this.storage.getItem(this.key);\n this.columns$.next(columnsSerialized ? JSON.parse(columnsSerialized) : []);\n }\n}\n","import {\n CdkDrag,\n CdkDragDrop,\n CdkDropList,\n moveItemInArray,\n} from \"@angular/cdk/drag-drop\";\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { MatCheckboxModule } from \"@angular/material/checkbox\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { Subscription } from \"rxjs\";\nimport { TableColumn } from \"../mat-table-column-config\";\nimport { MatTableColumnConfigPersistenceService } from \"../mat-table-column-config-persistence.service\";\n\n@Component({\n selector: \"mat-table-column-config\",\n imports: [CdkDropList, CdkDrag, MatCheckboxModule, MatIconModule],\n templateUrl: \"./mat-table-column-config.component.html\",\n styleUrl: \"./mat-table-column-config.component.scss\",\n})\nexport class MatTableColumnConfigComponent<T> implements OnInit, OnDestroy {\n private subscription: Subscription \| undefined;\n columns: TableColumn<T>[] = [];\n\n constructor(\n private readonly persistenceService: MatTableColumnConfigPersistenceService<T>\n ) {}\n\n ngOnInit(): void {\n this.subscription = this.persistenceService\n .getColumns()\n .subscribe((columns) => {\n this.columns = columns;\n });\n }\n\n ngOnDestroy(): void {\n this.subscription?.unsubscribe();\n this.subscription = undefined;\n }\n\n /\n Handles the event when a dragged column is dropped.\n * This method updates the order of columns based on the drag and drop action.\n \n @param event - The event object containing information about the drag and drop action.\n /\n onColumnDropped(event: CdkDragDrop<T>): void {\n moveItemInArray(this.columns, event.previousIndex, event.currentIndex);\n this.persistenceService.columns = this.columns;\n }\n\n /\n Toggles the visibility of a column based on its identifier.\n \n @param id - The identifier of the column whose visibility is to be changed.\n /\n onColumnVisibilityChanged(id: keyof T): void {\n const index = this.columns.findIndex((column) => column.id === id);\n if (index < 0) return;\n\n this.columns[index].visible = !this.columns[index].visible;\n this.persistenceService.columns = this.columns;\n }\n}\n","<div\n cdkDropList\n class=\"table-column-list mat-elevation-z4\"\n cdkDropListOrientation=\"vertical\"\n (cdkDropListDropped)=\"onColumnDropped($event)\">\n @for (column of columns; track column.id) {\n <div cdkDrag class=\"table-column\">\n <mat-icon cdkDragHandle>drag_indicator</mat-icon>\n <mat-checkbox\n [checked]=\"column.visible\"\n (change)=\"onColumnVisibilityChanged(column.id)\"\n >{{ column.label }}</mat-checkbox\n >\n </div>\n }\n</div>\n","import { Overlay } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n ViewContainerRef,\n} from \"@angular/core\";\nimport { MatTableColumnConfigComponent } from \"./mat-table-column-config/mat-table-column-config.component\";\n\n@Directive({\n selector: \"[matTableColumnConfigTrigger]\",\n exportAs: \"matTableColumnConfigTrigger\",\n})\nexport class MatTableColumnConfigTriggerDirective<T> {\n private _componentRef: ComponentRef<MatTableColumnConfigComponent<T>> \| null =\n null;\n\n /\n Gets the reference to the MatTableColumnConfigComponent.\n \n @returns {ComponentRef<MatTableColumnConfigComponent<T>> \| null}\n * The reference to the MatTableColumnConfigComponent if it exists, otherwise null.\n /\n get componentRef(): ComponentRef<MatTableColumnConfigComponent<T>> \| null {\n return this._componentRef;\n }\n\n constructor(\n private readonly elementRef: ElementRef,\n private readonly overlay: Overlay,\n private readonly viewContainerRef: ViewContainerRef\n ) {}\n\n @HostListener(\"click\")\n onClick(): void {\n // Create the component portal\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.elementRef.nativeElement)\n .withFlexibleDimensions(true)\n .withViewportMargin(8)\n .withGrowAfterOpen(true)\n .withPush(true)\n .withPositions([\n {\n originX: \"end\",\n originY: \"bottom\",\n overlayX: \"end\",\n overlayY: \"top\",\n },\n ]);\n const overlayRef = this.overlay.create({\n positionStrategy,\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n });\n const portal = new ComponentPortal(\n MatTableColumnConfigComponent<T>,\n this.viewContainerRef,\n this.viewContainerRef.injector\n );\n this._componentRef = overlayRef.attach(portal);\n\n overlayRef.backdropClick().subscribe(() => {\n overlayRef.detach();\n overlayRef.dispose();\n this._componentRef = null;\n });\n }\n}\n","import { MatPaginator } from \"@angular/material/paginator\";\nimport { Sort } from \"@angular/material/sort\";\nimport { MatTableDataSource } from \"@angular/material/table\";\nimport { MatMultiSortDirective } from \"./mat-multi-sort.directive\";\n\n/\n Sorts two items based on multiple sorting criteria.\n \n @description To do this, we iterate over each sort level and compare the values of the active column. If the values are equal, we move to the next sort level. If all sort levels are equal, we return 0.\n \n @template T - The type of the items being sorted.\n * @param {T} a - The first item to compare.\n * @param {T} b - The second item to compare.\n * @param {Sort[]} sorts - An array of sorting criteria, where each criterion specifies the property to sort by and the direction of sorting.\n * @returns {number} - A negative number if `a` should come before `b`, a positive number if `a` should come after `b`, or 0 if they are considered equal.\n /\nexport function MultiCriterionSort<T>(a: T, b: T, sorts: Sort[]): number {\n for (const { active, direction } of sorts) {\n const aValue = a[active as keyof T];\n const bValue = b[active as keyof T];\n\n const comparison = compareValues(aValue, bValue);\n\n if (comparison !== 0) {\n return direction === \"desc\" ? -comparison : comparison;\n }\n }\n\n return 0; // If all comparisons are equal, preserve original order\n}\n\nfunction compareValues<T>(aValue: T, bValue: T): number {\n if (aValue == null && bValue != null) return 1;\n if (aValue != null && bValue == null) return -1;\n if (aValue == null && bValue == null) return 0;\n\n if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n return aValue.localeCompare(bValue);\n }\n\n if (aValue > bValue) return 1;\n if (aValue < bValue) return -1;\n return 0;\n}\n\n/\n A data source class that extends `MatTableDataSource` to support multi-column sorting.\n \n @template T The type of data that the table displays.\n * @template P The type of paginator used, defaults to `MatPaginator`.\n \n @extends MatTableDataSource<T, P>\n /\nexport class MatMultiSortTableDataSource<\n T,\n P extends MatPaginator = MatPaginator,\n> extends MatTableDataSource<T, P> {\n override get sort(): MatMultiSortDirective \| null {\n return super.sort as MatMultiSortDirective;\n }\n override set sort(sort: MatMultiSortDirective \| null) {\n super.sort = sort;\n }\n\n constructor(initialData?: T[]) {\n super(initialData);\n // Set the default sort function\n this.sortData = (data): T[] => this.sortDataFunction(data);\n }\n\n private sortDataFunction(data: T[]): T[] {\n // Return the data if there is no sort\n if (!this.sort?._sorts().length) return data;\n\n // Sort the data:\n return data.sort((a, b) => MultiCriterionSort(a, b, this.sort!._sorts()));\n }\n}\n","import { NgIf } from \"@angular/common\";\nimport { Component, inject, OnInit, ViewEncapsulation } from \"@angular/core\";\nimport { MatSort, MatSortHeader, SortDirection } from \"@angular/material/sort\";\nimport { MatMultiSortDirective } from \"../mat-multi-sort.directive\";\n\n@Component({\n selector: \"[mat-multi-sort-header]\", // eslint-disable-line @angular-eslint/component-selector\n exportAs: \"matMultiSortHeader\",\n imports: [NgIf],\n providers: [{ provide: MatSort, useExisting: MatMultiSortDirective }],\n templateUrl: \"./mat-multi-sort-header.component.html\",\n styleUrl: \"./mat-multi-sort-header.component.scss\",\n encapsulation: ViewEncapsulation.None,\n})\nexport class MatMultiSortHeaderComponent\n extends MatSortHeader\n implements OnInit\n{\n override readonly _sort: MatMultiSortDirective = inject(\n MatMultiSortDirective,\n {\n optional: true,\n }\n )!;\n\n /\n Retrieves the sort direction for the current column.\n \n @returns {SortDirection} The sort direction for the column identified by this.id.\n /\n get sortDirection(): SortDirection {\n return this._sort.getSortDirection(this.id);\n }\n\n /\n Gets the sort index for the current column.\n \n @returns {number} The index of the sort order for this column.\n /\n get sortIndex(): number {\n return this._sort.getSortIndex(this.id);\n }\n\n override _isSorted(): boolean {\n return this.sortIndex > -1;\n }\n\n override _toggleOnInteraction(): void {\n if (this._isDisabled()) return;\n\n const wasSorted = this._isSorted();\n const prevDirection = this.sortDirection;\n this._sort.sort(this);\n this._recentlyCleared.set(\n wasSorted && !this._isSorted() ? prevDirection : null\n );\n }\n}\n","<!--\n We set the `tabindex` on an element inside the table header, rather than the header itself,\n because of a bug in NVDA where having a `tabindex` on a `th` breaks keyboard navigation in the\n table (see https://github.com/nvaccess/nvda/issues/7718). This allows for the header to both\n be focusable, and have screen readers read out its `aria-sort` state. We prefer this approach\n over having a button with an `aria-label` inside the header, because the button's `aria-label`\n will be read out as the user is navigating the table's cell (see #13012).\n\n The approach is based off of: https://dequeuniversity.com/library/aria/tables/sf-sortable-grid\n-->\n<div\n class=\"mat-sort-header-container mat-focus-indicator\"\n [class.mat-sort-header-sorted]=\"_isSorted()\"\n [class.mat-sort-header-position-before]=\"arrowPosition === 'before'\"\n [class.mat-sort-header-descending]=\"sortDirection === 'desc'\"\n [class.mat-sort-header-ascending]=\"sortDirection === 'asc'\"\n [class.mat-sort-header-recently-cleared-ascending]=\"\n _recentlyCleared() === 'asc'\n \"\n [class.mat-sort-header-recently-cleared-descending]=\"\n _recentlyCleared() === 'desc'\n \"\n [class.mat-sort-header-animations-disabled]=\"\n _animationModule === 'NoopAnimations'\n \"\n [attr.tabindex]=\"_isDisabled() ? null : 0\"\n [attr.role]=\"_isDisabled() ? null : 'button'\">\n <!--\n TODO(crisbeto): this div isn't strictly necessary, but we have to keep it due to a large\n number of screenshot diff failures. It should be removed eventually. Note that the difference\n isn't visible with a shorter header, but once it breaks up into multiple lines, this element\n causes it to be center-aligned, whereas removing it will keep the text to the left.\n -->\n <div class=\"mat-sort-header-content\">\n <ng-content></ng-content>\n </div>\n\n <!-- Disable animations while a current animation is running -->\n @if (_renderArrow()) {\n <div class=\"mat-sort-header-arrow\">\n <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n <path\n d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n </svg>\n </div>\n }\n <div ngIf=\"_isSorted()\" class=\"mat-sort-header-counter\">\n {{ sortIndex + 1 }}\n </div>\n</div>\n","import {\n CdkDrag,\n CdkDragDrop,\n CdkDropList,\n DropListOrientation,\n} from \"@angular/cdk/drag-drop\";\nimport { ANIMATION_MODULE_TYPE, Component, inject, Input } from \"@angular/core\";\nimport { MatChipsModule } from \"@angular/material/chips\";\nimport { MatIconModule } from \"@angular/material/icon\";\nimport { Sort } from \"@angular/material/sort\";\nimport { MatMultiSortDirective } from \"../mat-multi-sort.directive\";\n\n@Component({\n selector: \"mat-multi-sort-control\",\n imports: [CdkDropList, CdkDrag, MatChipsModule, MatIconModule],\n templateUrl: \"./mat-multi-sort-control.component.html\",\n styleUrl: \"./mat-multi-sort-control.component.scss\",\n})\nexport class MatMultiSortControlComponent {\n /*\n Injects the ANIMATION_MODULE_TYPE token, which indicates the type of animation module being used.\n * This is an optional dependency and may be undefined if the animation module is not provided.\n \n @readonly\n * @type {ANIMATION_MODULE_TYPE \| undefined}\n /\n readonly _animationModule = inject(ANIMATION_MODULE_TYPE, { optional: true });\n\n /\n Specifies the orientation of the drop list.\n * Can be either \"horizontal\" or \"vertical\".\n \n @type {DropListOrientation}\n * @default \"horizontal\"\n /\n @Input() orientation: DropListOrientation = \"horizontal\";\n\n /\n An optional input property that accepts an instance of `MatMultiSortDirective`.\n * This directive is used to control the sorting behavior of the table.\n /\n @Input() sort?: MatMultiSortDirective;\n\n /\n Retrieves the array of Sort objects from the current sort instance.\n * If the sort instance is not defined, it returns an empty array.\n \n @returns {Sort[]} An array of Sort objects or an empty array if no sorts are defined.\n /\n get sorts(): Sort[] {\n return this.sort?._sorts() \|\| [];\n }\n\n /\n Handles the click event on a sort chip.\n * Toggles the sort direction for the given sort ID.\n \n @param id - The identifier of the sort field to toggle.\n * @returns void\n /\n onChipClick(id: string): void {\n this.sort?.toggleSortDirection(id);\n }\n\n /\n Handles the event when a sort chip is removed.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n onChipRemoved(id: string): void {\n this.sort?.removeSortLevel(id);\n }\n\n /\n Clears the current sorting applied to the table.\n \n @param id - The identifier of the sort level to be removed.\n * @returns void\n /\n onClearClick(): void {\n this.sort?.clearSorting();\n }\n\n /\n Handles the drop event for drag-and-drop sorting.\n * Reorders the sort levels based on the previous and current indices.\n \n @param event - The drag-and-drop event containing the previous and current indices of the sort order.\n /\n onDrop(event: CdkDragDrop<Sort[]>): void {\n this.sort?.reorderSortLevel(event.previousIndex, event.currentIndex);\n }\n}\n","<mat-chip-listbox\n cdkDropList\n [cdkDropListOrientation]=\"orientation\"\n (cdkDropListDropped)=\"onDrop($event)\">\n <mat-chip\n [disabled]=\"!sorts.length\"\n [highlighted]=\"true\"\n (click)=\"onClearClick()\"\n ><mat-icon matChipAvatar fontIcon=\"clear_all\"></mat-icon>Clear All</mat-chip\n >\n @for (column of sorts; track $index) {\n <mat-chip\n class=\"mat-sort-header\"\n cdkDrag\n (click)=\"onChipClick(column.active)\"\n (removed)=\"onChipRemoved(column.active)\">\n <div\n matChipAvatar\n class=\"mat-sort-header-container mat-sort-header-sorted mat-focus-indicator\"\n [class.mat-sort-header-descending]=\"column.direction === 'desc'\"\n [class.mat-sort-header-ascending]=\"column.direction === 'asc'\"\n [class.mat-sort-header-animations-disabled]=\"\n _animationModule === 'NoopAnimations'\n \">\n <div class=\"mat-sort-header-arrow\">\n <svg viewBox=\"0 -960 960 960\" focusable=\"false\" aria-hidden=\"true\">\n <path\n d=\"M440-240v-368L296-464l-56-56 240-240 240 240-56 56-144-144v368h-80Z\" />\n </svg>\n </div>\n </div>\n {{ column.active }}\n <button matChipRemove>\n <mat-icon>clear</mat-icon>\n </button>\n </mat-chip>\n }\n</mat-chip-listbox>\n","/\n * Public API surface of the library\n /\n\nexport from \"./lib/mat-table-column-config\";\nexport * from \"./lib/mat-multi-sort.directive\";\nexport * from \"./lib/mat-table-column-config-trigger.directive\";\nexport * from \"./lib/mat-multi-sort-table-data-source\";\nexport * from \"./lib/mat-table-column-config-persistence.service\";\nexport * from \"./lib/mat-multi-sort-header/mat-multi-sort-header.component\";\nexport * from \"./lib/mat-multi-sort-control/mat-multi-sort-control.component\";\nexport * from \"./lib/mat-table-column-config/mat-table-column-config.component\";\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1.MatTableColumnConfigPersistenceService","i1","i2"],"mappings":"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"}

package/lib/mat-multi-sort.directive.d.ts CHANGED Viewed

@@ -40,9 +40,10 @@ export declare const SORT_PERSISTENCE_ENABLED: InjectionToken<boolean>;
 export declare const SORT_PERSISTENCE_KEY: InjectionToken<string>;
 export declare class MatMultiSortDirective extends MatSort {
     isPersistenceEnabled: boolean;
-    private readonly key;
+    readonly initialKey: string;
     private readonly storage;
     private readonly persistenceChanged;
+    private _key;
     /**
      * A writable signal that holds an array of Sort objects.
      * This signal is used to manage the sorting state of the table.
@@ -50,7 +51,13 @@ export declare class MatMultiSortDirective extends MatSort {
      * @readonly
      */
     readonly _sorts: WritableSignal<Sort[]>;
-    constructor(isPersistenceEnabled: boolean, key: string, storage: Storage, defaultOptions?: MatSortDefaultOptions | undefined);
+    /**
+     * Gets the key used for column configuration persistence.
+     *
+     * @returns {string} The key used for column configuration persistence.
+     */
+    get key(): string;
+    constructor(isPersistenceEnabled: boolean, initialKey: string, storage: Storage, defaultOptions?: MatSortDefaultOptions | undefined);
     /**
      * Retrieves the sort direction for a given column ID.
      *
@@ -97,6 +104,15 @@ export declare class MatMultiSortDirective extends MatSort {
      */
     clearSorting(): void;
     private persistSortSettings;
+    /**
+     * Sets the persistence key for storing sort settings and optionally overwrites the persisted value.
+     *
+     * @param key - The key to be used for persisting sort settings.
+     * @param overwritePersistedValue - If true, the current sort settings will be persisted immediately, overwriting any existing value. Defaults to false.
+     *
+     * @returns void
+     */
+    setPersistenceKey(key: string, overwritePersistedValue?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMultiSortDirective, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatMultiSortDirective, "[matMultiSort]", ["matMultiSort"], {}, { "persistenceChanged": "persistenceChanged"; }, never, never, true, never>;
 }

package/lib/mat-table-column-config-persistence.service.d.ts CHANGED Viewed

@@ -3,9 +3,10 @@ import { TableColumn } from "./mat-table-column-config";
 import * as i0 from "@angular/core";
 export declare class MatTableColumnConfigPersistenceService<T> {
     isPersistenceEnabled: boolean;
-    private readonly key;
+    readonly initialKey: string;
     private readonly storage;
     private readonly columns$;
+    private _key;
     /**
      * Gets the current table columns configuration.
      *
@@ -18,7 +19,13 @@ export declare class MatTableColumnConfigPersistenceService<T> {
      * @param value - An array of `TableColumn<T>` representing the new column configuration.
      */
     set columns(value: TableColumn<T>[]);
-    constructor(isPersistenceEnabled: boolean, key: string, storage: Storage);
+    /**
+     * Gets the key used for column configuration persistence.
+     *
+     * @returns {string} The key used for column configuration persistence.
+     */
+    get key(): string;
+    constructor(isPersistenceEnabled: boolean, initialKey: string, storage: Storage);
     /**
      * Retrieves an observable stream of table columns.
      *
@@ -26,6 +33,17 @@ export declare class MatTableColumnConfigPersistenceService<T> {
      */
     getColumns(): Observable<TableColumn<T>[]>;
     private persistColumnConfig;
+    /**
+     * Sets the persistence key for storing column configurations.
+     *
+     * @param key - The key to be used for persistence.
+     * @param overwritePersistedValue - If true, the current column configuration will be persisted immediately overwriting any exising value stored under the new key.
+     *                                  If false, the persisted column configuration will be loaded and applied.
+     *                                  Defaults to false.
+     *
+     * @returns void
+     */
+    setPersistenceKey(key: string, overwritePersistedValue?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTableColumnConfigPersistenceService<any>, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MatTableColumnConfigPersistenceService<any>>;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-table-multi-sort",
-  "version": "19.3.1",
+  "version": "19.4.1",
   "preview": false,
   "license": "MIT",
   "author": {
@@ -30,13 +30,14 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@angular/animations": "^19.1.6",
-    "@angular/cdk": "^19.1.4",
-    "@angular/common": "^19.1.6",
-    "@angular/core": "^19.1.6",
-    "@angular/forms": "^19.1.6",
-    "@angular/material": "^19.1.4",
-    "rxjs": "^7.8.1"
+    "@angular/animations": "^19.2.1",
+    "@angular/cdk": "^19.2.2",
+    "@angular/common": "^19.2.1",
+    "@angular/core": "^19.2.1",
+    "@angular/forms": "^19.2.1",
+    "@angular/material": "^19.2.2",
+    "rxjs": "^7.8.1",
+    "zone.js": "^0.15.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ngx-mat-table-multi-sort.mjs",