spiderly 19.7.3 → 19.7.4

package/fesm2022/spiderly.mjs

@@ -48,7 +48,7 @@ import * as i1$1 from 'primeng/api';
 import { ConfirmationService } from 'primeng/api';
 import * as i1$2 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import { map as map$1, finalize, delay, tap, filter, catchError } from 'rxjs/operators';
+import { map as map$1, finalize, delay, tap, filter, takeUntil, catchError } from 'rxjs/operators';
 import * as i3$3 from '@abacritt/angularx-social-login';
 import { InputOtp } from 'primeng/inputotp';
 import * as i2$1 from 'primeng/menu';
@@ -3578,9 +3578,10 @@ class SpiderlyDeleteConfirmationComponent {
         this.config = config;
     }
     accept() {
-        const observable = this.config.data.deleteListFromTableObservableMethod
-            ? this.config.data.deleteListFromTableObservableMethod(this.config.data.ids)
-            : this.config.data.deleteItemFromTableObservableMethod(this.config.data.id);
+        const data = this.config.data;
+        const observable = 'deleteListFromTableObservableMethod' in data
+            ? data.deleteListFromTableObservableMethod(data.ids)
+            : data.deleteItemFromTableObservableMethod(data.id);
         observable.subscribe({
             next: () => {
                 this.ref.close(true); // deleted succesfully
@@ -3594,11 +3595,11 @@ class SpiderlyDeleteConfirmationComponent {
         this.ref.close(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: SpiderlyDeleteConfirmationComponent, deps: [{ token: i1$5.DynamicDialogRef }, { token: i1$5.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: SpiderlyDeleteConfirmationComponent, isStandalone: true, selector: "spiderly-delete-confirmation", providers: [ConfirmationService], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <p-confirmDialog #cd></p-confirmDialog>\n  <div\n    class=\"border-b surface-border text-lg\"\n    style=\"\n      display: flex;\n      align-items: center;\n      padding-bottom: 10px;\n      width: 100%;\n      gap: 10px;\n    \"\n  >\n    <i class=\"pi pi-exclamation-circle text-4xl\"></i>\n    <p>{{ t(\"PleaseConfirmToProceed\") }}</p>\n  </div>\n\n  <div\n    style=\"display: flex; gap: 12px; justify-content: right; margin-top: 28px\"\n  >\n    <spiderly-button\n      (onClick)=\"reject()\"\n      icon=\"pi pi-times\"\n      [label]=\"t('Cancel')\"\n      severity=\"secondary\"\n    ></spiderly-button>\n    <spiderly-button\n      (onClick)=\"accept()\"\n      icon=\"pi pi-check\"\n      [label]=\"t('Confirm')\"\n      styleClass=\"p-button-danger\"\n    ></spiderly-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "component", type: SpiderlyButtonComponent, selector: "spiderly-button", inputs: ["type"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i2$2.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: SpiderlyDeleteConfirmationComponent, isStandalone: true, selector: "spiderly-delete-confirmation", providers: [ConfirmationService], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <p-confirmDialog #cd></p-confirmDialog>\n  <div\n    class=\"border-b surface-border text-lg\"\n    style=\"\n      display: flex;\n      align-items: center;\n      padding-bottom: 10px;\n      width: 100%;\n      gap: 10px;\n    \"\n  >\n    <i class=\"pi pi-exclamation-circle text-4xl\"></i>\n    <p>{{ config.data.message }}</p>\n  </div>\n\n  <div\n    style=\"display: flex; gap: 12px; justify-content: right; margin-top: 28px\"\n  >\n    <spiderly-button\n      (onClick)=\"reject()\"\n      icon=\"pi pi-times\"\n      [label]=\"t('Cancel')\"\n      severity=\"secondary\"\n    ></spiderly-button>\n    <spiderly-button\n      (onClick)=\"accept()\"\n      icon=\"pi pi-check\"\n      [label]=\"t('Confirm')\"\n      styleClass=\"p-button-danger\"\n    ></spiderly-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "component", type: SpiderlyButtonComponent, selector: "spiderly-button", inputs: ["type"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i2$2.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: SpiderlyDeleteConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spiderly-delete-confirmation', imports: [SpiderlyButtonComponent, TranslocoDirective, ConfirmDialogModule], providers: [ConfirmationService], template: "<ng-container *transloco=\"let t\">\n  <p-confirmDialog #cd></p-confirmDialog>\n  <div\n    class=\"border-b surface-border text-lg\"\n    style=\"\n      display: flex;\n      align-items: center;\n      padding-bottom: 10px;\n      width: 100%;\n      gap: 10px;\n    \"\n  >\n    <i class=\"pi pi-exclamation-circle text-4xl\"></i>\n    <p>{{ t(\"PleaseConfirmToProceed\") }}</p>\n  </div>\n\n  <div\n    style=\"display: flex; gap: 12px; justify-content: right; margin-top: 28px\"\n  >\n    <spiderly-button\n      (onClick)=\"reject()\"\n      icon=\"pi pi-times\"\n      [label]=\"t('Cancel')\"\n      severity=\"secondary\"\n    ></spiderly-button>\n    <spiderly-button\n      (onClick)=\"accept()\"\n      icon=\"pi pi-check\"\n      [label]=\"t('Confirm')\"\n      styleClass=\"p-button-danger\"\n    ></spiderly-button>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'spiderly-delete-confirmation', imports: [SpiderlyButtonComponent, TranslocoDirective, ConfirmDialogModule], providers: [ConfirmationService], template: "<ng-container *transloco=\"let t\">\n  <p-confirmDialog #cd></p-confirmDialog>\n  <div\n    class=\"border-b surface-border text-lg\"\n    style=\"\n      display: flex;\n      align-items: center;\n      padding-bottom: 10px;\n      width: 100%;\n      gap: 10px;\n    \"\n  >\n    <i class=\"pi pi-exclamation-circle text-4xl\"></i>\n    <p>{{ config.data.message }}</p>\n  </div>\n\n  <div\n    style=\"display: flex; gap: 12px; justify-content: right; margin-top: 28px\"\n  >\n    <spiderly-button\n      (onClick)=\"reject()\"\n      icon=\"pi pi-times\"\n      [label]=\"t('Cancel')\"\n      severity=\"secondary\"\n    ></spiderly-button>\n    <spiderly-button\n      (onClick)=\"accept()\"\n      icon=\"pi pi-check\"\n      [label]=\"t('Confirm')\"\n      styleClass=\"p-button-danger\"\n    ></spiderly-button>\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$5.DynamicDialogRef }, { type: i1$5.DynamicDialogConfig }] });
 
 class SpiderlyDataTableComponent {
@@ -3610,6 +3611,7 @@ class SpiderlyDataTableComponent {
         this.translocoService = translocoService;
         this.configService = configService;
         this.locale = locale;
+        this.destroy$ = new Subject();
         this.tableIcon = 'pi pi-list';
         this.showPaginator = true; // Pass only when hasLazyLoad === false
         this.showCardWrapper = false;
@@ -3882,6 +3884,7 @@ class SpiderlyDataTableComponent {
         this.openDeleteConfirmation({
             deleteItemFromTableObservableMethod: this.deleteItemFromTableObservableMethod,
             id: rowId,
+            message: this.translocoService.translate('PleaseConfirmToProceed'),
         }, 'SuccessfullyDeletedMessage');
     }
     deleteSelectedObjects() {
@@ -3891,6 +3894,9 @@ class SpiderlyDataTableComponent {
         this.openDeleteConfirmation({
             deleteListFromTableObservableMethod: this.deleteListFromTableObservableMethod,
             ids: selectedIds,
+            message: this.translocoService.translate('DeleteBulkConfirmation', {
+                count: selectedIds.length,
+            }),
         }, 'SuccessfullyDeletedListMessage', () => this.resetSelection());
     }
     openDeleteConfirmation(data, successMessageKey, onSuccess) {
@@ -3899,7 +3905,9 @@ class SpiderlyDataTableComponent {
             width: '400px',
             data,
         });
-        this.deleteRef.onClose.subscribe((deletedSuccessfully) => {
+        this.deleteRef.onClose
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((deletedSuccessfully) => {
             if (deletedSuccessfully === true) {
                 this.messageService.successMessage(this.translocoService.translate(successMessageKey));
                 onSuccess?.();
@@ -3907,6 +3915,10 @@ class SpiderlyDataTableComponent {
             }
         });
     }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     get showSelectAllCheckbox() {
         return (this.selectionMode === 'multiple' &&
             this.selectedLazyLoadObservableMethod != null);