@porscheinformatik/clr-addons 19.11.1 → 19.11.2

package/export-datagrid-button/export-datagrid-button.component.d.ts

@@ -1,9 +1,10 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ClrDatagrid } from '@clr/angular';
 import { ExportDatagridService } from './export-datagrid.service';
 import { ExportType, ExportTypeEnum } from './export-type.model';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ExportDatagridButtonComponent {
+export declare class ExportDatagridButtonComponent implements OnDestroy {
     private readonly exportService;
     datagrid: import("@angular/core").InputSignal<ClrDatagrid<any>>;
     datagridRef: import("@angular/core").InputSignal<ElementRef<any>>;
@@ -13,6 +14,7 @@ export declare class ExportDatagridButtonComponent {
     exportButtonPosition: import("@angular/core").InputSignal<"right" | "left">;
     possibleExportTypes: import("@angular/core").WritableSignal<ExportTypeEnum[]>;
     exportButtonText: import("@angular/core").InputSignal<string>;
+    destroy$: Subject<void>;
     readonly backendExport: EventEmitter<ExportTypeEnum>;
     readonly exportTypes: ExportType[];
     readonly exportTypesFiltered: import("@angular/core").Signal<{
@@ -20,6 +22,7 @@ export declare class ExportDatagridButtonComponent {
         value: string;
     }[]>;
     constructor(exportService: ExportDatagridService);
+    ngOnDestroy(): void;
     private exportExcel;
     onExport(type: ExportTypeEnum): void;
     /**

package/fesm2022/clr-addons.mjs

@@ -15458,6 +15458,7 @@ class ExportDatagridButtonComponent {
         this.exportButtonPosition = input('right');
         this.possibleExportTypes = signal([ExportTypeEnum.ALL]);
         this.exportButtonText = input('EXPORT');
+        this.destroy$ = new Subject();
         /* outputs */
         this.backendExport = new EventEmitter();
         this.exportTypes = [
@@ -15466,23 +15467,10 @@ class ExportDatagridButtonComponent {
             { type: ExportTypeEnum.SELECTED, value: 'Selected entries' },
         ];
         this.exportTypesFiltered = computed(() => {
-            this.possibleExportTypes();
             let exportTypesToShowVal = this.exportTypesToShow();
             if (!exportTypesToShowVal || exportTypesToShowVal.length === 0) {
                 exportTypesToShowVal = this.exportTypes;
             }
-            for (const column of this.datagrid().columns) {
-                // if a column filter is applied, show the FILTERED export type
-                column.filterValueChange.subscribe((col) => {
-                    this.updateExportType(ExportTypeEnum.FILTERED, !!col, exportTypesToShowVal);
-                });
-            }
-            this.datagrid().selectedChanged.subscribe(() => {
-                const hasSelection = this.datagrid().selection.current.length > 0;
-                // if a row is selected, show the SELECTED export type
-                this.updateExportType(ExportTypeEnum.SELECTED, hasSelection, exportTypesToShowVal);
-            });
-            // Map to translated value, falling back to default if value is not provided
             return exportTypesToShowVal
                 .filter(showType => this.possibleExportTypes().some(et => et === showType.type))
                 .map(showType => {
@@ -15493,6 +15481,25 @@ class ExportDatagridButtonComponent {
                 };
             });
         });
+        effect(() => {
+            const datagrid = this.datagrid();
+            if (!datagrid) {
+                return undefined;
+            }
+            this.destroy$.next();
+            datagrid.refresh.pipe(delay(0), takeUntil(this.destroy$)).subscribe(dgState => {
+                const hasFilter = dgState.filters && dgState.filters.length > 0;
+                this.updateExportType(ExportTypeEnum.FILTERED, hasFilter, this.exportTypesToShow() || this.exportTypes);
+            });
+            datagrid.selectedChanged.pipe(takeUntil(this.destroy$)).subscribe(() => {
+                const hasSelection = datagrid.selection.current.length > 0;
+                this.updateExportType(ExportTypeEnum.SELECTED, hasSelection, this.exportTypesToShow() || this.exportTypes);
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     exportExcel(type) {
         if (!this.datagrid() || !this.datagridRef()) {