@meshmakers/shared-ui 3.3.1160 → 3.3.1180

package/package.json

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

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, AfterViewInit, EventEmitter, ElementRef, OnInit, InjectionToken, TemplateRef, PipeTransform, OnChanges, SimpleChanges, EnvironmentProviders } from '@angular/core';
+import { Type, OnDestroy, AfterViewInit, EventEmitter, ElementRef, OnInit, InjectionToken, TemplateRef, PipeTransform, OnChanges, SimpleChanges, EnvironmentProviders } from '@angular/core';
 import * as _progress_kendo_svg_icons from '@progress/kendo-svg-icons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { FormGroup, ControlValueAccessor, Validator, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';
@@ -63,7 +63,7 @@ type BadgeMappingTable = Record<string, BadgeMapping>;
 interface TableColumn {
     displayName?: string | null;
     field: string;
-    dataType?: 'text' | 'numeric' | 'numericRange' | 'boolean' | 'date' | 'iso8601' | 'bytes' | 'statusIcons' | 'cronExpression' | 'progressBar' | 'badge';
+    dataType?: 'text' | 'numeric' | 'numericRange' | 'boolean' | 'date' | 'iso8601' | 'bytes' | 'statusIcons' | 'cronExpression' | 'progressBar' | 'badge' | 'component';
     format?: string;
     /**
      * Column width in pixels. If not set, the column will auto-size.
@@ -126,6 +126,27 @@ interface TableColumn {
      * ```
      */
     formatter?: (value: unknown, item: unknown) => string;
+    /**
+     * When true, cell content is rendered on a single line and clipped with an ellipsis.
+     * The full value is exposed via a native `title` tooltip on hover, so long strings
+     * (e.g. error messages, log lines) stay readable without bloating row heights.
+     * Intended for text-style cells; has no visual effect on columns whose content is
+     * already a fixed-size widget (statusIcons, progressBar, badge, …).
+     */
+    truncate?: boolean;
+    /**
+     * Standalone component to instantiate inside the cell for `dataType: 'component'` columns.
+     * The grid renders the component via `*ngComponentOutlet`, with `cellInputs` supplying
+     * its `@Input()` bindings per row. Use this when the cell needs internal state
+     * (polling, async data, animation) that a static formatter cannot provide.
+     */
+    cellComponent?: Type<unknown>;
+    /**
+     * Builds the `@Input()` bindings for the component instance from the row's data item.
+     * Called once per row when the cell is rendered. Return values are forwarded verbatim
+     * to `*ngComponentOutlet`'s `inputs` map (keyed by the @Input() property name).
+     */
+    cellInputs?: (item: unknown) => Record<string, unknown>;
 }
 type ColumnDefinition = string | TableColumn;
 type ContextMenuType = 'contextMenu' | 'actionMenu';
@@ -250,6 +271,12 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      * the dataType-driven rendering.
      */
     protected getFormattedValue(element: Record<string, unknown>, column: TableColumn): string | null;
+    /**
+     * Plain-text representation of the cell value used as the `title` attribute on truncated
+     * cells so the full string is reachable via the browser's native tooltip on hover.
+     * Honours `formatter` first, then falls back to a stringified raw value.
+     */
+    protected getCellTitle(element: Record<string, unknown>, column: TableColumn): string | null;
     protected getFilterType(column: TableColumn): 'text' | 'numeric' | 'boolean' | 'date';
     /**
      * Gets all status field configurations for a statusIcons column.
@@ -270,6 +297,12 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
      * Helper to get a field value from a data item, supporting nested fields.
      */
     private getFieldValue;
+    /**
+     * Resolves the @Input bindings for a `dataType: 'component'` cell.
+     * Returns an empty object when no `cellInputs` factory is configured so
+     * `*ngComponentOutlet` still renders the component (with its default state).
+     */
+    protected getCellInputs(dataItem: Record<string, unknown>, column: TableColumn): Record<string, unknown>;
     /**
      * Gets the human-readable description of a cron expression.
      */