@den4ik92/ng2-smart-table 19.1.0 → 19.1.1

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

@@ -2202,17 +2202,23 @@ class TbodyEditDeleteComponent {
         this.delete = output();
         this.isActionEdit = false;
         this.isActionDelete = false;
+        this.isExternalMode = false;
         this.editRowButtonContent = "Edit";
         this.deleteRowButtonContent = "Delete";
         effect(() => {
             const settings = this.grid().settings();
             const actions = settings.actions;
-            if (!actions)
-                return;
-            this.isActionDelete = !!actions.delete;
-            this.isActionEdit = !!actions.edit;
-            this.editRowButtonContent = settings.edit ? settings.edit.editButtonContent || "Edit" : "Edit";
-            this.deleteRowButtonContent = settings.delete ? settings.delete.deleteButtonContent || "Delete" : "Delete";
+            if (actions) {
+                this.isActionDelete = !!actions.delete;
+                this.isActionEdit = !!actions.edit;
+            }
+            this.isExternalMode = settings.mode === 'external';
+            this.editRowButtonContent = settings.edit
+                ? settings.edit.editButtonContent || "Edit"
+                : "Edit";
+            this.deleteRowButtonContent = settings.delete
+                ? settings.delete.deleteButtonContent || "Delete"
+                : "Delete";
             this.cdr.detectChanges();
         });
     }
@@ -2223,12 +2229,22 @@ class TbodyEditDeleteComponent {
             data: this.row().getData(),
             source: this.source,
         });
-        this.grid().edit(this.row());
+        if (!this.isExternalMode) {
+            this.grid().edit(this.row());
+        }
     }
     onDelete(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.grid().delete(this.row(), this.deleteConfirm());
+        if (this.isExternalMode) {
+            this.delete.emit({
+                data: this.row().getData(),
+                source: this.source(),
+            });
+        }
+        else {
+            this.grid().delete(this.row(), this.deleteConfirm());
+        }
     }
     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: `
@@ -2844,6 +2860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 class AddButtonComponent {
     constructor() {
         this.grid = input.required();
+        this.source = input.required();
         this.create = output();
         this.isActionAdd = computed(() => {
             const actions = this.grid().settings().actions;
@@ -2863,16 +2880,17 @@ class AddButtonComponent {
     onAdd(event) {
         event.preventDefault();
         event.stopPropagation();
-        // if (this.grid.getSetting("mode") === "external") {
-        //   this.create.emit({
-        //     source: this.source,
-        //   });
-        // } else {
-        this.grid().createFormShown = true;
-        // }
+        if (this.grid().getSetting("mode") === "external") {
+            this.create.emit({
+                source: this.source(),
+            });
+        }
+        else {
+            this.grid().createFormShown = true;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AddButtonComponent, isStandalone: true, selector: "[ng2-st-add-button]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { create: "create" }, host: { classAttribute: "ng2-smart-actions-title ng2-smart-actions-title-add" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AddButtonComponent, isStandalone: true, selector: "[ng2-st-add-button]", inputs: { grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { create: "create" }, host: { classAttribute: "ng2-smart-actions-title ng2-smart-actions-title-add" }, ngImport: i0, template: `
     @if (isActionAdd()) {
     <a
       href="#"
@@ -2926,7 +2944,12 @@ class TheadFiltersRowComponent {
     @if (grid().isMultiSelectVisible()) {
     <th></th>
     } @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
-    <th ng2-st-add-button [grid]="grid()" (create)="create.emit($event)"></th>
+    <th
+      ng2-st-add-button
+      [source]="source()"
+      [grid]="grid()"
+      (create)="create.emit($event)"
+    ></th>
     } @for (column of getVisibleColumns(); track column.id) {
     <th class="ng2-smart-th {{ column.id }}">
       <ng2-smart-table-filter
@@ -2941,10 +2964,11 @@ class TheadFiltersRowComponent {
     <th
       ng2-st-add-button
       [grid]="grid()"
+      [source]="source()"
       (create)="create.emit($event)"
     ></th>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: AddButtonComponent, selector: "[ng2-st-add-button]", inputs: ["grid"], outputs: ["create"] }, { kind: "component", type: FilterComponent, selector: "ng2-smart-table-filter" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: AddButtonComponent, selector: "[ng2-st-add-button]", inputs: ["grid", "source"], outputs: ["create"] }, { kind: "component", type: FilterComponent, selector: "ng2-smart-table-filter" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TheadFiltersRowComponent, decorators: [{
             type: Component,
@@ -2954,7 +2978,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     @if (grid().isMultiSelectVisible()) {
     <th></th>
     } @if (grid().actionIsOnLeft() && grid().isActionsVisible()) {
-    <th ng2-st-add-button [grid]="grid()" (create)="create.emit($event)"></th>
+    <th
+      ng2-st-add-button
+      [source]="source()"
+      [grid]="grid()"
+      (create)="create.emit($event)"
+    ></th>
     } @for (column of getVisibleColumns(); track column.id) {
     <th class="ng2-smart-th {{ column.id }}">
       <ng2-smart-table-filter
@@ -2969,6 +2998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     <th
       ng2-st-add-button
       [grid]="grid()"
+      [source]="source()"
       (create)="create.emit($event)"
     ></th>
     }