@eagami/ui 5.62.1 → 5.63.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.62.1",
+  "version": "5.63.1",
   "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/types/eagami-ui.d.ts

@@ -2962,8 +2962,8 @@ export declare class PopoverComponent {
   /** DOM id for the surface so trigger elements can reference it via aria-controls. */
   readonly surfaceId: import("@angular/core").InputSignal<string>;
   /**
-   * Gap in px between the anchor and the popover. Defaults to 2 so an open panel
-   * clears the anchor's active focus ring instead of sitting flush over it.
+   * Gap in px between the anchor and the popover. Defaults to 4, as far as the focus
+   * ring reaches past its field, so an open panel never covers any of the ring.
    */
   readonly offset: import("@angular/core").InputSignal<number>;
   /** Flip to the opposite side when the requested side overflows the viewport. */
@@ -3177,6 +3177,8 @@ export declare class ContextMenuTriggerDirective {
 export type DataTableDensity = 'compact' | 'comfortable' | 'spacious';
 /** Visual size of the table's text, paddings, and icons. */
 export type DataTableSize = EaSize;
+/** How column widths are worked out: from the cells' content, or from the columns' `width`s alone. */
+export type DataTableLayout = 'auto' | 'fixed';
 /** Sort direction; `null` means no sort is applied. */
 export type DataTableSortDirection = 'asc' | 'desc' | null;
 /** Column definition for the data table, including optional cell/header templates. */
@@ -3251,6 +3253,15 @@ export declare class DataTableComponent<T = Record<string, unknown>> {
   readonly bordered: import("@angular/core").InputSignal<boolean>;
   /** Keeps every cell on one line, so a narrow viewport scrolls the table sideways instead of wrapping its text. */
   readonly nowrap: import("@angular/core").InputSignal<boolean>;
+  /**
+   * How column widths are worked out. `auto` sizes columns by their content. `fixed`
+   * holds every column at its `width` whatever its cells hold, at any viewport width,
+   * scrolling the table sideways when they don't fit and sharing what is left among
+   * columns without one, so the table keeps its shape while loading and as data changes.
+   * Content wider than its column overflows it, so cells in a fixed layout should fit
+   * or truncate. Moot with `stickyHeader`, whose rows always lay out this way.
+   */
+  readonly layout: import("@angular/core").InputSignal<DataTableLayout>;
   readonly noDataText: import("@angular/core").InputSignal<string | undefined>;
   /** Enables grid keyboard navigation: `role="grid"`, roving tabindex, and arrow-key cell movement. */
   readonly navigable: import("@angular/core").InputSignal<boolean>;
@@ -3294,6 +3305,7 @@ export declare class DataTableComponent<T = Record<string, unknown>> {
     'ea-data-table--hoverable': boolean;
     'ea-data-table--bordered': boolean;
     'ea-data-table--nowrap': boolean;
+    'ea-data-table--fixed': boolean;
     'ea-data-table--navigable': boolean;
     'ea-data-table--clickable': boolean;
     'ea-data-table--linked': boolean;
@@ -3381,6 +3393,11 @@ export declare class DataTableComponent<T = Record<string, unknown>> {
       "required": false;
       "isSignal": true;
     };
+    "layout": {
+      "alias": "layout";
+      "required": false;
+      "isSignal": true;
+    };
     "noDataText": {
       "alias": "noDataText";
       "required": false;