@elasticias/ui 1.0.0 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elasticias/ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/types/elasticias-ui.d.ts

@@ -3821,6 +3821,8 @@ interface EfRowAction {
 
 /** Action identifier emitted by `ef-data-card`'s auto row-actions cell. */
 type EfDataCardRowAction = 'view' | 'edit' | 'duplicate' | 'delete';
+/** Row height presets offered by the Density control. */
+type EfTableDensity = 'compact' | 'default' | 'comfortable';
 /**
  * Comptoir data card — column-driven `.tbl-wrap` with header (count
  * info + actions) and integrated pager.
@@ -3890,6 +3892,17 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     readonly showEditAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showDuplicateAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showDeleteAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render the Density control in the head row. */
+    readonly showDensityControl: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Render the Columns picker in the head row. */
+    readonly showColumnPicker: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Stable key used to remember density and hidden columns for this
+     * table. Preferences are a per-viewer convenience, so they live in
+     * localStorage and are read defensively -- a private window or
+     * cleared site data simply falls back to the defaults.
+     */
+    readonly tableKey: _angular_core.InputSignal<string>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
     readonly pageSizeChange: _angular_core.OutputEmitterRef<number>;
     readonly sortChange: _angular_core.OutputEmitterRef<EfDataCardSort>;
@@ -3931,6 +3944,32 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     resolveReference(value: unknown, col: EfDataCardColumn): string;
     /** Build an Angular DigitInfo string from min/max fraction-digit hints. */
     numberFormat(col: EfDataCardColumn): string;
+    /** Which tools panel is open, if any. */
+    readonly openTool: _angular_core.WritableSignal<"density" | "columns">;
+    /** Row density. Applied as a class on `.tbl-wrap`. */
+    readonly density: _angular_core.WritableSignal<EfTableDensity>;
+    /** Column ids the viewer has hidden. */
+    readonly hiddenColumnIds: _angular_core.WritableSignal<readonly string[]>;
+    readonly densityOptions: ReadonlyArray<{
+        value: EfTableDensity;
+        labelKey: string;
+        icon: string;
+    }>;
+    /** Columns the viewer may hide -- structural ones stay put, since
+     *  hiding the selection checkbox or the row-actions cell would strand
+     *  the bulk bar and the per-row menu with no way back. */
+    readonly hideableColumns: _angular_core.Signal<EfDataCardColumn[]>;
+    toggleTool(tool: 'density' | 'columns'): void;
+    setDensity(value: EfTableDensity): void;
+    isColumnHidden(id: string): boolean;
+    toggleColumn(id: string): void;
+    resetColumns(): void;
+    /** Close an open panel on an outside click or Escape. */
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    private storageKey;
+    private loadPreferences;
+    private savePreferences;
     /** Tracks how many `ef-row-actions` are currently open inside this
      *  card. When > 0, `.tbl-wrap` lifts its `overflow: hidden` so the
      *  popup can escape its rounded edges. */
@@ -3943,7 +3982,7 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     trackByRow: (_: number, row: TRow) => unknown;
     trackByColumn: (_: number, col: EfDataCardColumn) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfDataCardComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDataCardComponent<any>, "ef-data-card", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "pageNumber": { "alias": "pageNumber"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalCount": { "alias": "totalCount"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "loadingKey": { "alias": "loadingKey"; "required": false; "isSignal": true; }; "rowDoubleClickable": { "alias": "rowDoubleClickable"; "required": false; "isSignal": true; }; "hasActionsColumn": { "alias": "hasActionsColumn"; "required": false; "isSignal": true; }; "rowActionsContext": { "alias": "rowActionsContext"; "required": false; "isSignal": true; }; "showViewAction": { "alias": "showViewAction"; "required": false; "isSignal": true; }; "showEditAction": { "alias": "showEditAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDataCardComponent<any>, "ef-data-card", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "pageNumber": { "alias": "pageNumber"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalCount": { "alias": "totalCount"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "loadingKey": { "alias": "loadingKey"; "required": false; "isSignal": true; }; "rowDoubleClickable": { "alias": "rowDoubleClickable"; "required": false; "isSignal": true; }; "hasActionsColumn": { "alias": "hasActionsColumn"; "required": false; "isSignal": true; }; "rowActionsContext": { "alias": "rowActionsContext"; "required": false; "isSignal": true; }; "showViewAction": { "alias": "showViewAction"; "required": false; "isSignal": true; }; "showEditAction": { "alias": "showEditAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; "showDensityControl": { "alias": "showDensityControl"; "required": false; "isSignal": true; }; "showColumnPicker": { "alias": "showColumnPicker"; "required": false; "isSignal": true; }; "tableKey": { "alias": "tableKey"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state]"], true, never>;
 }
 
 /**