@den4ik92/ng2-smart-table 19.1.2 → 19.1.4

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

@@ -27,6 +27,7 @@ class DefaultFilter {
         this.delay = 300;
         this.query = '';
         this.inputClass = input('');
+        this.source = input.required();
         this.column = input.required();
         this.filter = output();
     }
@@ -39,7 +40,7 @@ class DefaultFilter {
         this.filter.emit(this.query);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultFilter, isStandalone: true, selector: "ng2-default-base-filter-component", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: false, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filter: "filter" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: DefaultFilter, isStandalone: true, selector: "ng2-default-base-filter-component", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: false, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filter: "filter" }, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DefaultFilter, decorators: [{
             type: Component,
@@ -419,7 +420,7 @@ class Row {
         this.index = index;
         this.data = data;
         this._dataSet = _dataSet;
-        this.pending = false;
+        this.pending = signal(false);
         this.isSelected = false;
         this.isInEditing = false;
         this.cells = [];
@@ -1577,7 +1578,7 @@ class TbodyCreateCancelComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TbodyCreateCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TbodyCreateCancelComponent, isStandalone: true, selector: "ng2-st-tbody-create-cancel", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, editConfirm: { classPropertyName: "editConfirm", publicName: "editConfirm", isSignal: true, isRequired: true, transformFunction: null }, editCancel: { classPropertyName: "editCancel", publicName: "editCancel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-    @if (!row().pending) {
+    @if (!row().pending()) {
     <a
       href="#"
       [id]="'row-' + row().index + '_editing-confirm-button'"
@@ -1661,7 +1662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     selector: "ng2-st-tbody-create-cancel",
                     template: `
-    @if (!row().pending) {
+    @if (!row().pending()) {
     <a
       href="#"
       [id]="'row-' + row().index + '_editing-confirm-button'"
@@ -1933,11 +1934,11 @@ class Grid {
         row.isInEditing = true;
     }
     create(row, confirmEmitter) {
-        row.pending = true;
+        row.pending.set(true);
         const deferred = new Deferred();
         deferred.promise
             .then((newData) => {
-            row.pending = false;
+            row.pending.set(false);
             newData = newData || row.getNewData();
             this.source.prepend(newData).then(() => {
                 this.createFormShown = false;
@@ -1945,9 +1946,9 @@ class Grid {
             });
         })
             .catch((err) => {
-            row.pending = false;
+            row.pending.set(false);
         });
-        if (this.getSetting("add.confirmCreate")) {
+        if (this.getSetting("add.confirmCreate", false)) {
             confirmEmitter.emit({
                 newData: row.getNewData(),
                 source: this.source,
@@ -1956,21 +1957,22 @@ class Grid {
         }
         else {
             deferred.resolve(false);
+            row.pending.set(false);
         }
     }
     save(row, confirmEmitter) {
-        row.pending = true;
+        row.pending.set(true);
         const deferred = new Deferred();
         deferred.promise
             .then((newData) => {
-            row.pending = false;
+            row.pending.set(false);
             newData = newData || row.getNewData();
             this.source.update(row.getData(), newData).then(() => {
                 row.isInEditing = false;
             });
         })
-            .catch((err) => {
-            row.pending = false;
+            .catch(() => {
+            row.pending.set(false);
         });
         if (this.getSetting("edit.confirmSave", false)) {
             confirmEmitter.emit({
@@ -1982,18 +1984,19 @@ class Grid {
         }
         else {
             deferred.resolve(false);
+            row.pending.set(false);
         }
     }
     delete(row, confirmEmitter) {
-        row.pending = true;
+        row.pending.set(true);
         const deferred = new Deferred();
         deferred.promise
             .then(() => {
-            row.pending = false;
+            row.pending.set(false);
             this.source.remove(row.getData());
         })
-            .catch((err) => {
-            row.pending = false;
+            .catch(() => {
+            row.pending.set(false);
             // doing nothing
         });
         if (this.getSetting("delete.confirmDelete")) {
@@ -2005,6 +2008,7 @@ class Grid {
         }
         else {
             deferred.resolve(false);
+            row.pending.set(false);
         }
         if (row.isSelected) {
             this.dataSet.selectRow(row, false);
@@ -2244,7 +2248,7 @@ class TbodyEditDeleteComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TbodyEditDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TbodyEditDeleteComponent, isStandalone: true, selector: "ng2-st-tbody-edit-delete", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, deleteConfirm: { classPropertyName: "deleteConfirm", publicName: "deleteConfirm", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { edit: "edit", delete: "delete" }, ngImport: i0, template: `
-    @if (!row().pending) { @if (isActionEdit) {
+    @if (!row().pending()) { @if (isActionEdit) {
     <a
       href="#"
       [id]="'row-' + row().index + '_action-edit-button'"
@@ -2332,7 +2336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     selector: "ng2-st-tbody-edit-delete",
                     template: `
-    @if (!row().pending) { @if (isActionEdit) {
+    @if (!row().pending()) { @if (isActionEdit) {
     <a
       href="#"
       [id]="'row-' + row().index + '_action-edit-button'"
@@ -2709,6 +2713,7 @@ class DefaultFilterComponent extends FilterDefault {
     <ng2-select-filter
       [query]="query"
       [class]="inputClass()"
+      [source]="source()"
       [column]="column()"
       (filter)="onFilter($event)"
     >
@@ -2716,6 +2721,7 @@ class DefaultFilterComponent extends FilterDefault {
     } @case ('checkbox') {
     <ng2-checkbox-filter
       [query]="query"
+      [source]="source()"
       [class]="inputClass()"
       [column]="column()"
       (filter)="onFilter($event)"
@@ -2724,6 +2730,7 @@ class DefaultFilterComponent extends FilterDefault {
     } @default {
     <ng2-input-filter
       [query]="query"
+      [source]="source()"
       [class]="inputClass()"
       [column]="column()"
       (filter)="onFilter($event)"
@@ -2741,6 +2748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     <ng2-select-filter
       [query]="query"
       [class]="inputClass()"
+      [source]="source()"
       [column]="column()"
       (filter)="onFilter($event)"
     >
@@ -2748,6 +2756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     } @case ('checkbox') {
     <ng2-checkbox-filter
       [query]="query"
+      [source]="source()"
       [class]="inputClass()"
       [column]="column()"
       (filter)="onFilter($event)"
@@ -2756,6 +2765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     } @default {
     <ng2-input-filter
       [query]="query"
+      [source]="source()"
       [class]="inputClass()"
       [column]="column()"
       (filter)="onFilter($event)"