@den4ik92/ng2-smart-table 19.0.4 → 19.0.6

package/fesm2022/den4ik92-ng2-smart-table.mjs

@@ -1,10 +1,13 @@
 import * as i0 from '@angular/core';
-import { output, Component, Input, ViewContainerRef, ViewChild, ChangeDetectionStrategy, inject, ElementRef } from '@angular/core';
+import { output, Component, Input, input, signal, effect, computed, inject, ElementRef, Directive, ViewContainerRef, ViewChild, ChangeDetectionStrategy } from '@angular/core';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
 import { Subject } from 'rxjs';
+import { takeUntil, debounceTime, distinctUntilChanged, skip } from 'rxjs/operators';
+import { moveItemInArray, CdkDropList, CdkDrag, CdkDragPlaceholder } from '@angular/cdk/drag-drop';
 import * as i1 from '@angular/forms';
 import { FormsModule, UntypedFormControl, ReactiveFormsModule, NgControl } from '@angular/forms';
 import { NgComponentOutlet } from '@angular/common';
-import { debounceTime, distinctUntilChanged, skip } from 'rxjs/operators';
 
 function prepareValue(value) { return value; }
 class Cell {
@@ -171,6 +174,246 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 type: Input
             }] } });
 
+/**
+ * Extending object that entered in first argument.
+ *
+ * Returns extended object or false if have no target object or incorrect type.
+ *
+ * If you wish to clone source object (without modify it), just use empty new
+ * object as first argument, like this:
+ *   deepExtend({}, yourObj_1, [yourObj_N]);
+ */
+const deepExtend = function (...objects) {
+    if (arguments.length < 1 || typeof arguments[0] !== 'object') {
+        return false;
+    }
+    if (arguments.length < 2) {
+        return arguments[0];
+    }
+    const target = arguments[0];
+    // convert arguments to array and cut off target object
+    const args = Array.prototype.slice.call(arguments, 1);
+    let val, src;
+    args.forEach((obj) => {
+        // skip argument if it is array or isn't object
+        if (typeof obj !== 'object' || Array.isArray(obj)) {
+            return;
+        }
+        Object.keys(obj).forEach(function (key) {
+            src = target[key]; // source value
+            val = obj[key]; // new value
+            // recursion prevention
+            if (val === target) {
+                return;
+                /**
+                 * if new value isn't object then just overwrite by new value
+                 * instead of extending.
+                 */
+            }
+            else if (typeof val !== 'object' || val === null) {
+                target[key] = val;
+                return;
+                // just clone arrays (and recursive clone objects inside)
+            }
+            else if (Array.isArray(val)) {
+                target[key] = [...val];
+                return;
+                // overwrite by new value if source isn't object or array
+            }
+            else if (typeof src !== 'object' || src === null || Array.isArray(src)) {
+                target[key] = deepExtend({}, val);
+                return;
+                // source value and new value is objects both, extending...
+            }
+            else {
+                target[key] = deepExtend(src, val);
+                return;
+            }
+        });
+    });
+    return target;
+};
+class Deferred {
+    constructor() {
+        this.promise = new Promise((resolve, reject) => {
+            this.resolve = resolve;
+            this.reject = reject;
+        });
+    }
+}
+// getDeepFromObject({result: {data: 1}}, 'result.data', 2); // returns 1
+function getDeepFromObject(object = {}, name, defaultValue = null) {
+    try {
+        let level = deepExtend({}, object);
+        const keys = name.split('.');
+        if (keys.length === 1) {
+            return level[keys[0]] ?? defaultValue;
+        }
+        keys.forEach((k) => {
+            if (level && typeof level[k] !== 'undefined') {
+                level = level[k];
+            }
+        });
+    }
+    catch {
+        return defaultValue;
+    }
+}
+function getPageForRowIndex(index, perPage) {
+    // we need to add 1 to convert 0-based index to 1-based page number.
+    return Math.floor(index / perPage) + 1;
+}
+function cloneArrayOfObject(array) {
+    return array.map((obj) => Object.assign({}, obj));
+}
+function setLocalStorage(key, value) {
+    localStorage.setItem(key, JSON.stringify(value));
+}
+function getLocalStorage(key) {
+    const valueString = localStorage.getItem(key);
+    if (!valueString) {
+        return null;
+    }
+    try {
+        return JSON.parse(valueString);
+    }
+    catch {
+        return null;
+    }
+}
+
+class TableColumnsEditorComponent {
+    constructor() {
+        this.infoText = "You can drag and drop columns as you wish and also disable unnecessary ones.";
+        this.grid = input();
+        this.close = input.required();
+        this.currentState = [];
+        this.stateHasChanged = signal(false);
+        effect(() => {
+            this.currentState = cloneArrayOfObject(this.grid()?.currentColumnsSortState || []);
+        });
+    }
+    resetChanges() {
+        this.currentState = cloneArrayOfObject(this.grid()?.currentColumnsSortState || []);
+        this.stateHasChanged.set(false);
+    }
+    drop(event) {
+        moveItemInArray(this.currentState, event.previousIndex, event.currentIndex);
+        this.updateChangedState();
+    }
+    setVisibility(index) {
+        this.currentState[index].hide = !this.currentState[index].hide;
+        this.updateChangedState();
+    }
+    setAndUpdate() {
+        this.grid()?.applyColumnsSortState(this.currentState);
+        this.close()();
+        this.stateHasChanged.set(false);
+    }
+    updateChangedState() {
+        this.stateHasChanged.set(JSON.stringify(this.grid()?.currentColumnsSortState) !== JSON.stringify(this.currentState));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TableColumnsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TableColumnsEditorComponent, isStandalone: true, selector: "ngx-table-columns-editor", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, close: { classPropertyName: "close", publicName: "close", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"sort-card\">\n  <div class=\"sort-card-header\">\n    <h6>Table columns setup</h6>\n  </div>\n  <div class=\"sort-card-body\">\n    <div\n      class=\"list\"\n      cdkDropList\n      [cdkDropListData]=\"currentState\"\n      (cdkDropListDropped)=\"drop($event)\"\n    >\n      @for (column of currentState; track column.key; let i = $index) {\n\n      <div\n        cdkDrag\n        [cdkDragLockAxis]=\"'y'\"\n        [cdkDragStartDelay]=\"300\"\n        [cdkDragDisabled]=\"column.moveDisabled\"\n        class=\"drag-row\"\n        #dragRow\n        [style.--drag-row-height]=\"50\"\n      >\n        <div class=\"drag-placeholder\" *cdkDragPlaceholder></div>\n        <div class=\"index-cell\">\n          {{ i + 1 }}\n        </div>\n        <label class=\"sort-column-checkbox-wrap\" [for]=\"'sort-column-checkbox-' + i\">\n          <span></span>\n          <input\n            [disabled]=\"column.moveDisabled\"\n            [id]=\"'sort-column-checkbox-' + i\"\n            title=\"Active state. If checked the column will be displayed\"\n            type=\"checkbox\"\n            class=\"sort-column-checkbox-input\"\n            [checked]=\"!column.hide\"\n            (change)=\"setVisibility(i)\"\n          />\n          <span></span>\n        </label>\n        {{ column.title }}\n      </div>\n      }\n    </div>\n  </div>\n  @if (stateHasChanged()) {\n  <div class=\"sort-card-footer\">\n    <button class=\"reset-button\" (click)=\"resetChanges()\">reset</button>\n    <button class=\"update-button\" (click)=\"setAndUpdate()\">Update</button>\n  </div>\n  }\n</div>\n", styles: [".list{overflow:auto;display:flex;flex-direction:column;gap:.3rem;max-height:100%}.drag-row{border:solid 1px var(--drag-row-border-color, #ccc);border-radius:.3rem;display:flex;align-items:center;box-sizing:border-box;cursor:grab;background:var(--drag-row-background, #ffffff);box-shadow:0 0 6px 1px #ebebeb33}.drag-row.cdk-drag-disabled{filter:opacity(.5);cursor:not-allowed}.drag-row .index-cell{min-width:2.2rem;border-right:1px solid var(--drag-row-border-color, #ccc)}.drag-row>div{padding:.3rem}.drag-row .sort-column-checkbox-wrap{margin:0 .5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:.3rem;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .drag-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-placeholder{background:var(--drag-placeholder-background, #ccc);border:dotted 3px #999;min-height:var(--drag-row-heightpx, 2.5rem);transition:transform .25s cubic-bezier(0,0,.2,1)}.overlay-card nb-card-body{padding:.25rem;max-height:100%}.sort-card{box-shadow:0 0 6px 1px #0003;min-width:18rem;padding:.25rem;max-height:80dvh;background:var(--sort-card-background, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--sort-card-header-divider-color, #edf1f7)}.sort-card .sort-card-header h6{margin:0}.sort-card .sort-card-body{padding:.5rem 0}.sort-card .sort-card-footer{border-top:1px solid var(--sort-card-header-divider-color, #edf1f7);display:flex;align-items:center;justify-content:end;gap:1rem;padding:1rem}.sort-card .sort-card-footer .update-button,.sort-card .sort-card-footer .reset-button{border-radius:.3rem;padding:.4rem 1rem;border:none;color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase}.sort-card .sort-card-footer .update-button{background-color:#36f}.sort-card .sort-card-footer .update-button:hover{background-color:#598bff}.sort-card .sort-card-footer .reset-button{background-color:#ff3d71}.sort-card .sort-card-footer .reset-button:hover{background-color:#ff708d}\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: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TableColumnsEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ngx-table-columns-editor", imports: [CdkDropList, CdkDrag, CdkDragPlaceholder], template: "<div class=\"sort-card\">\n  <div class=\"sort-card-header\">\n    <h6>Table columns setup</h6>\n  </div>\n  <div class=\"sort-card-body\">\n    <div\n      class=\"list\"\n      cdkDropList\n      [cdkDropListData]=\"currentState\"\n      (cdkDropListDropped)=\"drop($event)\"\n    >\n      @for (column of currentState; track column.key; let i = $index) {\n\n      <div\n        cdkDrag\n        [cdkDragLockAxis]=\"'y'\"\n        [cdkDragStartDelay]=\"300\"\n        [cdkDragDisabled]=\"column.moveDisabled\"\n        class=\"drag-row\"\n        #dragRow\n        [style.--drag-row-height]=\"50\"\n      >\n        <div class=\"drag-placeholder\" *cdkDragPlaceholder></div>\n        <div class=\"index-cell\">\n          {{ i + 1 }}\n        </div>\n        <label class=\"sort-column-checkbox-wrap\" [for]=\"'sort-column-checkbox-' + i\">\n          <span></span>\n          <input\n            [disabled]=\"column.moveDisabled\"\n            [id]=\"'sort-column-checkbox-' + i\"\n            title=\"Active state. If checked the column will be displayed\"\n            type=\"checkbox\"\n            class=\"sort-column-checkbox-input\"\n            [checked]=\"!column.hide\"\n            (change)=\"setVisibility(i)\"\n          />\n          <span></span>\n        </label>\n        {{ column.title }}\n      </div>\n      }\n    </div>\n  </div>\n  @if (stateHasChanged()) {\n  <div class=\"sort-card-footer\">\n    <button class=\"reset-button\" (click)=\"resetChanges()\">reset</button>\n    <button class=\"update-button\" (click)=\"setAndUpdate()\">Update</button>\n  </div>\n  }\n</div>\n", styles: [".list{overflow:auto;display:flex;flex-direction:column;gap:.3rem;max-height:100%}.drag-row{border:solid 1px var(--drag-row-border-color, #ccc);border-radius:.3rem;display:flex;align-items:center;box-sizing:border-box;cursor:grab;background:var(--drag-row-background, #ffffff);box-shadow:0 0 6px 1px #ebebeb33}.drag-row.cdk-drag-disabled{filter:opacity(.5);cursor:not-allowed}.drag-row .index-cell{min-width:2.2rem;border-right:1px solid var(--drag-row-border-color, #ccc)}.drag-row>div{padding:.3rem}.drag-row .sort-column-checkbox-wrap{margin:0 .5rem}.cdk-drag-preview{box-sizing:border-box;border-radius:.3rem;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .drag-row:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.drag-placeholder{background:var(--drag-placeholder-background, #ccc);border:dotted 3px #999;min-height:var(--drag-row-heightpx, 2.5rem);transition:transform .25s cubic-bezier(0,0,.2,1)}.overlay-card nb-card-body{padding:.25rem;max-height:100%}.sort-card{box-shadow:0 0 6px 1px #0003;min-width:18rem;padding:.25rem;max-height:80dvh;background:var(--sort-card-background, #ffffff);border-radius:.5rem}.sort-card .sort-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--sort-card-header-divider-color, #edf1f7)}.sort-card .sort-card-header h6{margin:0}.sort-card .sort-card-body{padding:.5rem 0}.sort-card .sort-card-footer{border-top:1px solid var(--sort-card-header-divider-color, #edf1f7);display:flex;align-items:center;justify-content:end;gap:1rem;padding:1rem}.sort-card .sort-card-footer .update-button,.sort-card .sort-card-footer .reset-button{border-radius:.3rem;padding:.4rem 1rem;border:none;color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase}.sort-card .sort-card-footer .update-button{background-color:#36f}.sort-card .sort-card-footer .update-button:hover{background-color:#598bff}.sort-card .sort-card-footer .reset-button{background-color:#ff3d71}.sort-card .sort-card-footer .reset-button:hover{background-color:#ff708d}\n"] }]
+        }], ctorParameters: () => [] });
+
+class SmartTableColumnEditorDirective {
+    constructor() {
+        this.tableComponent = input();
+        this.grid = computed(() => {
+            return this.tableComponent()?.grid;
+        });
+        this.overlay = inject(Overlay);
+        this.elementRef = inject(ElementRef);
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.overlayRef?.dispose();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    showDropdown() {
+        this.overlayRef = this.overlay.create(this.getOverlayConfig());
+        const componentPortal = new ComponentPortal(TableColumnsEditorComponent);
+        const dropdownRef = this.overlayRef.attach(componentPortal);
+        dropdownRef.setInput("grid", this.grid());
+        dropdownRef.setInput("close", this.hide.bind(this));
+        this.overlayRef?.backdropClick().pipe(takeUntil(this.destroy$)).subscribe(() => this.hide());
+    }
+    hide() {
+        this.overlayRef?.detach();
+        this.overlayRef?.dispose();
+        this.destroy$.next();
+    }
+    buttonClick() {
+        this.showDropdown();
+    }
+    getOverlayConfig() {
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef)
+            .withPush(false)
+            .withPositions([
+            {
+                originX: "center",
+                originY: "bottom",
+                overlayX: "end",
+                overlayY: "top",
+            },
+            {
+                originX: "center",
+                originY: "bottom",
+                overlayX: "center",
+                overlayY: "top",
+            },
+            {
+                originX: "center",
+                originY: "bottom",
+                overlayX: "start",
+                overlayY: "top",
+            },
+            {
+                originX: "center",
+                originY: "top",
+                overlayX: "start",
+                overlayY: "bottom",
+            },
+            {
+                originX: "center",
+                originY: "top",
+                overlayX: "center",
+                overlayY: "bottom",
+            },
+            {
+                originX: "center",
+                originY: "top",
+                overlayX: "start",
+                overlayY: "bottom",
+            },
+        ]);
+        return new OverlayConfig({
+            positionStrategy: positionStrategy,
+            hasBackdrop: true,
+            backdropClass: "cdk-overlay-transparent-backdrop",
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SmartTableColumnEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: SmartTableColumnEditorDirective, isStandalone: true, selector: "[smartTableColumnEditor]", inputs: { tableComponent: { classPropertyName: "tableComponent", publicName: "tableComponent", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "buttonClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SmartTableColumnEditorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[smartTableColumnEditor]",
+                    host: {
+                        "(click)": "buttonClick()",
+                    },
+                }]
+        }] });
+
 class Row {
     constructor(index, data, _dataSet) {
         this.index = index;
@@ -361,114 +604,6 @@ class LocalPager {
     }
 }
 
-/**
- * Extending object that entered in first argument.
- *
- * Returns extended object or false if have no target object or incorrect type.
- *
- * If you wish to clone source object (without modify it), just use empty new
- * object as first argument, like this:
- *   deepExtend({}, yourObj_1, [yourObj_N]);
- */
-const deepExtend = function (...objects) {
-    if (arguments.length < 1 || typeof arguments[0] !== 'object') {
-        return false;
-    }
-    if (arguments.length < 2) {
-        return arguments[0];
-    }
-    const target = arguments[0];
-    // convert arguments to array and cut off target object
-    const args = Array.prototype.slice.call(arguments, 1);
-    let val, src;
-    args.forEach((obj) => {
-        // skip argument if it is array or isn't object
-        if (typeof obj !== 'object' || Array.isArray(obj)) {
-            return;
-        }
-        Object.keys(obj).forEach(function (key) {
-            src = target[key]; // source value
-            val = obj[key]; // new value
-            // recursion prevention
-            if (val === target) {
-                return;
-                /**
-                 * if new value isn't object then just overwrite by new value
-                 * instead of extending.
-                 */
-            }
-            else if (typeof val !== 'object' || val === null) {
-                target[key] = val;
-                return;
-                // just clone arrays (and recursive clone objects inside)
-            }
-            else if (Array.isArray(val)) {
-                target[key] = [...val];
-                return;
-                // overwrite by new value if source isn't object or array
-            }
-            else if (typeof src !== 'object' || src === null || Array.isArray(src)) {
-                target[key] = deepExtend({}, val);
-                return;
-                // source value and new value is objects both, extending...
-            }
-            else {
-                target[key] = deepExtend(src, val);
-                return;
-            }
-        });
-    });
-    return target;
-};
-class Deferred {
-    constructor() {
-        this.promise = new Promise((resolve, reject) => {
-            this.resolve = resolve;
-            this.reject = reject;
-        });
-    }
-}
-// getDeepFromObject({result: {data: 1}}, 'result.data', 2); // returns 1
-function getDeepFromObject(object = {}, name, defaultValue = null) {
-    try {
-        let level = deepExtend({}, object);
-        const keys = name.split('.');
-        if (keys.length === 1) {
-            return level[keys[0]] ?? defaultValue;
-        }
-        keys.forEach((k) => {
-            if (level && typeof level[k] !== 'undefined') {
-                level = level[k];
-            }
-        });
-    }
-    catch {
-        return defaultValue;
-    }
-}
-function getPageForRowIndex(index, perPage) {
-    // we need to add 1 to convert 0-based index to 1-based page number.
-    return Math.floor(index / perPage) + 1;
-}
-function cloneArrayOfObject(array) {
-    return array.map((obj) => Object.assign({}, obj));
-}
-function setLocalStorage(key, value) {
-    localStorage.setItem(key, JSON.stringify(value));
-}
-function getLocalStorage(key) {
-    const valueString = localStorage.getItem(key);
-    if (!valueString) {
-        return null;
-    }
-    try {
-        return JSON.parse(valueString);
-    }
-    catch {
-        return null;
-    }
-}
-
 class LocalDataSource extends DataSource {
     constructor(data = []) {
         super();
@@ -1386,7 +1521,7 @@ class Grid {
             key: column.key,
             title: column.title,
             hide: !!column.hide,
-            sortDisabled: !!column.sortDisabled,
+            moveDisabled: !!column.moveDisabled,
         }));
     }
     getMergedColumnStates(newState, columnsState) {
@@ -1396,7 +1531,7 @@ class Grid {
         newState.forEach((state) => {
             const fined = columnsSettings.find((column) => column.title === state.title && column.key === state.key);
             if (fined) {
-                filtered.push({ ...fined, hide: fined.sortDisabled ? fined.hide : state.hide });
+                filtered.push({ ...fined, hide: fined.moveDisabled ? fined.hide : state.hide });
             }
         });
         // find new columns witch not exist in storage state
@@ -3528,5 +3663,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Cell, Column, DataSource, DefaultEditor, DefaultFilter, Deferred, LocalDataSource, Ng2SmartTableComponent, Row, SmartTableOnChangedEventName };
+export { Cell, Column, DataSource, DefaultEditor, DefaultFilter, Deferred, LocalDataSource, Ng2SmartTableComponent, Row, SmartTableColumnEditorDirective, SmartTableOnChangedEventName };
 //# sourceMappingURL=den4ik92-ng2-smart-table.mjs.map