@meshmakers/shared-ui 3.3.510 → 3.3.520

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/shared-ui",
-  "version": "3.3.510",
+  "version": "3.3.520",
   "peerDependencies": {
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",

package/types/meshmakers-shared-ui.d.ts

@@ -12,7 +12,8 @@ import { PagerSettings, SelectableSettings, SelectionEvent, PageChangeEvent, Cel
 import { SVGIcon as SVGIcon$1 } from '@progress/kendo-svg-icons/dist/svg-icon.interface';
 import { MenuItem, ContextMenuComponent, ContextMenuSelectEvent, ContextMenuPopupEvent } from '@progress/kendo-angular-menu';
 import { AutoCompleteComponent } from '@progress/kendo-angular-dropdowns';
-import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogRef, WindowRef } from '@progress/kendo-angular-dialog';
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { CanDeactivate } from '@angular/router';
 
 /**
@@ -66,9 +67,66 @@ interface TableColumn {
      * Set to false to disable sorting for computed or client-side-only columns.
      */
     sortable?: boolean;
+    /**
+     * Whether filtering is enabled for this column.
+     * When not set, defaults to true (filterable).
+     * Set to false to hide the filter cell for this column when row filtering is active.
+     */
+    filterable?: boolean;
+    /**
+     * Dropdown filter options for the row filter.
+     * When set, the column's row filter renders a dropdown instead of a text input.
+     * Each option has a display text and a value used for filtering.
+     */
+    filterOptions?: {
+        text: string;
+        value: string;
+    }[];
 }
 type ColumnDefinition = string | TableColumn;
 type ContextMenuType = 'contextMenu' | 'actionMenu';
+/**
+ * Translatable messages for the ListViewComponent.
+ * Pass translated strings to override the English defaults.
+ */
+interface ListViewMessages {
+    /** Search input placeholder. Default: "Search in all columns..." */
+    searchPlaceholder: string;
+    /** Tooltip for "Show Row Filter" button. Default: "Show Row Filter" */
+    showRowFilter: string;
+    /** Tooltip for "Export to Excel" button. Default: "Export to Excel" */
+    exportToExcel: string;
+    /** Tooltip for "Export to PDF" button. Default: "Export to PDF" */
+    exportToPdf: string;
+    /** Tooltip for "Refresh Data" button. Default: "Refresh Data" */
+    refreshData: string;
+    /** Title for the actions command column. Default: "Actions" */
+    actionsColumnTitle: string;
+    /** PDF footer page template. Default: "Page {pageNum} of {totalPages}" */
+    pdfPageTemplate: string;
+    /** Pager: text after page size selector. Default: "items per page" */
+    pagerItemsPerPage: string;
+    /** Pager: "of" text between page number and total. Default: "of" */
+    pagerOf: string;
+    /** Pager: text after total count. Default: "items" */
+    pagerItems: string;
+    /** Pager: text before page input. Default: "Page" */
+    pagerPage: string;
+    /** Pager: first page button tooltip. Default: "Go to the first page" */
+    pagerFirstPage: string;
+    /** Pager: last page button tooltip. Default: "Go to the last page" */
+    pagerLastPage: string;
+    /** Pager: previous page button tooltip. Default: "Go to the previous page" */
+    pagerPreviousPage: string;
+    /** Pager: next page button tooltip. Default: "Go to the next page" */
+    pagerNextPage: string;
+    /** Grid: no records message. Default: "No records available." */
+    noRecords: string;
+}
+/**
+ * Default English messages for the ListViewComponent.
+ */
+declare const DEFAULT_LIST_VIEW_MESSAGES: ListViewMessages;
 
 declare class ListViewComponent extends CommandBaseService implements OnDestroy, AfterViewInit {
     private readonly cronHumanizer;
@@ -85,7 +143,7 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     protected _contextMenuItems: MenuItem[];
     protected _showRowFilter: boolean;
     /** Indicates if the data source is currently loading data */
-    protected isLoading: boolean;
+    protected isLoading: i0.WritableSignal<boolean>;
     private gridComponent?;
     private dataBindingDirective?;
     gridContextMenu?: ContextMenuComponent;
@@ -108,10 +166,12 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     sortable: boolean;
     rowFilterEnabled: boolean;
     searchTextBoxEnabled: boolean;
+    protected _messages: ListViewMessages;
+    set messages(value: Partial<ListViewMessages>);
+    get messages(): ListViewMessages;
     selectable: SelectableSettings;
     set columns(cols: ColumnDefinition[]);
     get columns(): TableColumn[];
-    private readonly cdr;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -136,6 +196,9 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      * Gets the human-readable description of a cron expression.
      */
     protected getCronHumanReadable(expression: unknown): string;
+    protected hasFilterOptions(column: TableColumn): boolean;
+    protected getSelectedFilterValue(column: TableColumn): string | null;
+    protected onDropdownFilter(value: string | null, column: TableColumn): void;
     protected onShowRowFilter(): void;
     protected onRefresh(): void;
     onExecuteFilter: EventEmitter<string | null>;
@@ -154,9 +217,10 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     protected onContextMenuClosed(_event: ContextMenuPopupEvent): void;
     protected onToolbarCommand(commandItem: CommandItem): Promise<void>;
     private buildMenuItems;
+    protected getPdfPageText(pageNum: number, totalPages: number): string;
     protected readonly moreVerticalIcon: SVGIcon$1;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mm-list-view", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "rowIsClickable": { "alias": "rowIsClickable"; "required": false; }; "showRowCheckBoxes": { "alias": "showRowCheckBoxes"; "required": false; }; "showRowSelectAllCheckBox": { "alias": "showRowSelectAllCheckBox"; "required": false; }; "contextMenuType": { "alias": "contextMenuType"; "required": false; }; "leftToolbarActions": { "alias": "leftToolbarActions"; "required": false; }; "rightToolbarActions": { "alias": "rightToolbarActions"; "required": false; }; "actionCommandItems": { "alias": "actionCommandItems"; "required": false; }; "contextMenuCommandItems": { "alias": "contextMenuCommandItems"; "required": false; }; "excelExportFileName": { "alias": "excelExportFileName"; "required": false; }; "pdfExportFileName": { "alias": "pdfExportFileName"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "rowFilterEnabled": { "alias": "rowFilterEnabled"; "required": false; }; "searchTextBoxEnabled": { "alias": "searchTextBoxEnabled"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mm-list-view", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "rowIsClickable": { "alias": "rowIsClickable"; "required": false; }; "showRowCheckBoxes": { "alias": "showRowCheckBoxes"; "required": false; }; "showRowSelectAllCheckBox": { "alias": "showRowSelectAllCheckBox"; "required": false; }; "contextMenuType": { "alias": "contextMenuType"; "required": false; }; "leftToolbarActions": { "alias": "leftToolbarActions"; "required": false; }; "rightToolbarActions": { "alias": "rightToolbarActions"; "required": false; }; "actionCommandItems": { "alias": "actionCommandItems"; "required": false; }; "contextMenuCommandItems": { "alias": "contextMenuCommandItems"; "required": false; }; "excelExportFileName": { "alias": "excelExportFileName"; "required": false; }; "pdfExportFileName": { "alias": "pdfExportFileName"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "rowFilterEnabled": { "alias": "rowFilterEnabled"; "required": false; }; "searchTextBoxEnabled": { "alias": "searchTextBoxEnabled"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; }, never, never, true, never>;
 }
 
 declare class UploadFileDialogComponent extends DialogContentBase {
@@ -602,8 +666,13 @@ declare class MmListViewDataBindingDirective extends DataBindingDirective implem
     private _textSearchValue;
     private _forceRefresh;
     constructor();
-    ngOnInit(): Promise<void>;
+    ngOnInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Triggers a rebind when the filter state changes programmatically.
+     * Syncs the grid's filter into the DataBindingDirective state before rebinding.
+     */
+    notifyFilterChange(filter: CompositeFilterDescriptor): void;
     rebind(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MmListViewDataBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MmListViewDataBindingDirective, "[mmListViewDataBinding]", never, {}, {}, never, never, true, never>;
@@ -732,17 +801,18 @@ interface MessageDetailsDialogData {
     title: string;
     details: string;
     level: 'error' | 'warning';
+    copyLabel?: string;
+    closeLabel?: string;
 }
 declare class MessageDetailsDialogComponent implements OnInit {
     protected readonly copyIcon: _progress_kendo_svg_icons.SVGIcon;
     protected readonly xIcon: _progress_kendo_svg_icons.SVGIcon;
-    private readonly dialogRef;
+    private readonly windowRef;
     data: MessageDetailsDialogData;
-    title: string;
     details: string;
-    level: 'error' | 'warning';
+    copyLabel: string;
+    closeLabel: string;
     ngOnInit(): void;
-    get dialogTitle(): string;
     onClose(): void;
     copyToClipboard(): Promise<void>;
     private fallbackCopyToClipboard;
@@ -751,11 +821,11 @@ declare class MessageDetailsDialogComponent implements OnInit {
 }
 
 declare class MessageDetailsDialogService {
-    private readonly dialogService;
+    private readonly windowService;
     /**
-     * Opens a modal dialog to show message details with copy-to-clipboard functionality
+     * Opens a resizable window to show message details with copy-to-clipboard functionality
      */
-    showDetailsDialog(data: MessageDetailsDialogData): DialogRef;
+    showDetailsDialog(data: MessageDetailsDialogData): WindowRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageDetailsDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MessageDetailsDialogService>;
 }
@@ -1644,5 +1714,5 @@ declare class ImportStrategyDialogService {
 
 declare function provideMmSharedUi(): EnvironmentProviders;
 
-export { BaseFormComponent, BaseTreeDetailComponent, BytesToSizePipe, CRON_PRESETS, ConfirmationService, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadService, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
-export type { BaseFormConfig, ColumnDefinition, ContextMenuType, CronBuilderConfig, CronFields, CronPreset, CronSchedule, CronValidationResult, DialogFetchOptions, DialogFetchResult, DropdownOption, EntitySelectDialogDataSource, EntitySelectDialogOptions, EntitySelectDialogResult, FetchDataOptions, FetchResult, HasUnsavedChanges, MessageDetailsDialogData, NameAvailabilityResult, NodeDroppedEvent, NodeInfo, ProgressWindowConfig, ProgressWindowData, ProgressWindowOptions, ProgressWindowResult, Quarter, RelativeTimeUnit, ResponsiveFormBreakPoint, SaveAsDialogDataSource, SaveAsDialogOptions, SaveAsDialogResult, ScheduleType, StatusFieldConfig, StatusIconMapping, StatusMapping, TableColumn, TimeRange, TimeRangeISO, TimeRangeOption, TimeRangePickerConfig, TimeRangePickerLabels, TimeRangeSelection, TimeRangeType, Weekday };
+export { BaseFormComponent, BaseTreeDetailComponent, BytesToSizePipe, CRON_PRESETS, ConfirmationService, CopyableTextComponent, CronBuilderComponent, CronHumanizerService, CronParserService, DEFAULT_CRON_BUILDER_CONFIG, DEFAULT_LIST_VIEW_MESSAGES, DEFAULT_RESPONSIVE_COLSPAN, DEFAULT_TIME_RANGE_LABELS, DataSourceBase, DataSourceTyped, EntitySelectDialogComponent, EntitySelectDialogService, EntitySelectInputComponent, FetchResultBase, FetchResultTyped, FileUploadService, HAS_UNSAVED_CHANGES, HOUR_INTERVALS, HierarchyDataSource, HierarchyDataSourceBase, ImportStrategyDialogComponent, ImportStrategyDialogResult, ImportStrategyDialogService, ImportStrategyDto, InputDialogComponent, InputService, ListViewComponent, MINUTE_INTERVALS, MessageDetailsDialogComponent, MessageDetailsDialogService, MessageListenerService, MmListViewDataBindingDirective, NotificationDisplayService, PascalCasePipe, ProgressValue, ProgressWindowComponent, ProgressWindowService, RELATIVE_WEEKS, SECOND_INTERVALS, SaveAsDialogComponent, SaveAsDialogService, TimeRangePickerComponent, TimeRangeUtils, TreeComponent, UnsavedChangesDirective, UnsavedChangesGuard, UploadFileDialogComponent, WEEKDAYS, WEEKDAY_ABBREVIATIONS, generateDayOfMonthOptions, generateHourOptions, generateMinuteOptions, provideMmSharedUi };
+export type { BaseFormConfig, ColumnDefinition, ContextMenuType, CronBuilderConfig, CronFields, CronPreset, CronSchedule, CronValidationResult, DialogFetchOptions, DialogFetchResult, DropdownOption, EntitySelectDialogDataSource, EntitySelectDialogOptions, EntitySelectDialogResult, FetchDataOptions, FetchResult, HasUnsavedChanges, ListViewMessages, MessageDetailsDialogData, NameAvailabilityResult, NodeDroppedEvent, NodeInfo, ProgressWindowConfig, ProgressWindowData, ProgressWindowOptions, ProgressWindowResult, Quarter, RelativeTimeUnit, ResponsiveFormBreakPoint, SaveAsDialogDataSource, SaveAsDialogOptions, SaveAsDialogResult, ScheduleType, StatusFieldConfig, StatusIconMapping, StatusMapping, TableColumn, TimeRange, TimeRangeISO, TimeRangeOption, TimeRangePickerConfig, TimeRangePickerLabels, TimeRangeSelection, TimeRangeType, Weekday };