@meshmakers/shared-ui 3.4.990 → 3.4.1010

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/shared-ui",
-  "version": "3.4.990",
+  "version": "3.4.1010",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

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

@@ -353,6 +353,24 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      * search input to a full row instead of stacking every control vertically.
      */
     protected get isNarrow(): boolean;
+    /**
+     * Card mode (AB#4930): below this component width the rows render as
+     * stacked cards instead of a horizontally scrolling table — the first
+     * column becomes the card title, every other column a labeled line
+     * (empty values are skipped, `hideBelow` is ignored because cards have
+     * vertical room), and the actions-column buttons move into the card
+     * header. Sorting headers and the row filter are unavailable while cards
+     * are active; the toolbar search and quick-view bars keep working.
+     * `null` (the default) keeps the table at every width.
+     */
+    cardModeBelow: number | null;
+    protected get isCardMode(): boolean;
+    /** First column = the card's title/identity line (AB#4930). */
+    protected get cardTitleColumn(): TableColumn | null;
+    /** Every column after the title one — the card's labeled body lines. */
+    protected get cardBodyColumns(): TableColumn[];
+    /** Empty values render no body line, so cards stay tight (AB#4930). */
+    protected hasCardValue(element: Record<string, unknown>, column: TableColumn): boolean;
     /**
      * Callback for applying CSS classes to grid rows based on row data.
      * Passed through to Kendo Grid's [rowClass] input.
@@ -389,6 +407,8 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      */
     protected getEffectiveWidth(column: TableColumn): number | undefined;
     protected readonly checkboxColumnWidth = 48;
+    /** Compact checkbox gutter in card mode — the card sits right next to it (AB#4930). */
+    protected get effectiveCheckboxColumnWidth(): number;
     protected getDisplayName(column: TableColumn): string;
     protected getIsDisabled(commandItem: CommandItem, dataItem?: unknown): boolean;
     /**
@@ -476,6 +496,14 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     protected onPageChange(_event: PageChangeEvent): void;
     protected onContextMenuSelect(_event: ContextMenuSelectEvent): Promise<void>;
     protected onCellClick(e: CellClickEvent): void;
+    /**
+     * On narrow (phone) viewports the context-menu popup opened at the pointer
+     * can overflow the right edge — Kendo's collision fit checks against a
+     * layout viewport the overflowing popup itself just widened, so it never
+     * kicks in. Clamp the anchor so a typically-sized menu stays on screen;
+     * wide viewports keep Kendo's own positioning untouched (AB#4930).
+     */
+    private clampContextMenuX;
     protected onSelectOptionActionItem(event: Event, dataItem: unknown, menuItem: MenuItem): Promise<void>;
     protected getMenuItemVisible(menuItem: MenuItem, dataItem: unknown): boolean;
     protected getMenuItemDisabled(menuItem: MenuItem, dataItem: unknown): boolean;
@@ -488,7 +516,7 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     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; }; "autoPageSize": { "alias": "autoPageSize"; "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; }; "persistListState": { "alias": "persistListState"; "required": false; }; "listStateKey": { "alias": "listStateKey"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "actionsColumnWidth": { "alias": "actionsColumnWidth"; "required": false; }; "hideCheckboxesBelow": { "alias": "hideCheckboxesBelow"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; "resetFilters": "resetFilters"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mm-list-view", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "autoPageSize": { "alias": "autoPageSize"; "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; }; "persistListState": { "alias": "persistListState"; "required": false; }; "listStateKey": { "alias": "listStateKey"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "actionsColumnWidth": { "alias": "actionsColumnWidth"; "required": false; }; "hideCheckboxesBelow": { "alias": "hideCheckboxesBelow"; "required": false; }; "cardModeBelow": { "alias": "cardModeBelow"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; "resetFilters": "resetFilters"; }, never, never, true, never>;
 }
 
 declare class UploadFileDialogComponent extends DialogContentBase {