@meshmakers/shared-ui 3.4.1420 → 3.4.1440

package/package.json

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

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

@@ -115,6 +115,14 @@ interface TableColumn {
      * the identifying columns keep their room on small screens.
      */
     hideBelow?: number;
+    /**
+     * Horizontal alignment of the column's header and cells. Defaults to the
+     * grid's start alignment. Amount and quantity columns should be `'right'`:
+     * right-aligned figures line up on the decimal separator so magnitudes can
+     * be compared down the column, and the cell additionally renders with
+     * tabular (fixed-width) digits so the digits themselves line up too.
+     */
+    align?: 'left' | 'center' | 'right';
     /**
      * Status mapping for single-field statusIcons columns.
      * Use this when the column displays icons for a single field.
@@ -494,6 +502,28 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      */
     private recomputeAutoPageSize;
     ngOnDestroy(): void;
+    /**
+     * CSS class carrying the column's `align` to its header and body cells
+     * (`mm-col-align-right` …); empty for the default start alignment so the
+     * grid's own cell classes stay untouched.
+     */
+    protected alignClass(column: TableColumn): string;
+    /**
+     * Below this column width the date and numeric row-filter cells render
+     * compact (see `isCompactFilter`). Kendo's date filter cell is a date picker
+     * plus an operator picker: in a 120px column the calendar toggle (33px) and
+     * the operator (34px) leave the date input 35px — three characters of a
+     * dd.MM.yyyy. The threshold is the width at which the full cell fits.
+     */
+    private static readonly COMPACT_FILTER_BELOW;
+    /**
+     * Whether the column's row-filter cell drops its secondary controls — the
+     * calendar toggle of a date filter (Alt+Down still opens the calendar, the
+     * masked input stays), the spinners of a numeric filter — and tightens its
+     * padding, because the column is narrower than `COMPACT_FILTER_BELOW`.
+     * Auto-sized columns without a width are never compact.
+     */
+    protected isCompactFilter(column: TableColumn): boolean;
     /** Whether the column is hidden at the current component width (`hideBelow`). */
     protected isColumnHidden(column: TableColumn): boolean;
     /** Whether the row-checkbox column is rendered (selection enabled AND above `hideCheckboxesBelow`). */