@nanahoshi/mona-ui 0.22.1 → 0.23.0

package/fesm2022/nanahoshi-mona-ui-grid.mjs

@@ -1,2 +1,2 @@
-export { C as CellEditEvent, B as GRID_DEFAULT_MESSAGES, D as GridAddCommandDirective, E as GridAddEvent, F as GridCancelCommandDirective, H as GridCancelEvent, I as GridCellTemplateDirective, J as GridColumnComponent, K as GridColumnTitleTemplateDirective, L as GridCommandColumnComponent, M as GridComponent, N as GridContextMenuDirective, O as GridDetailTemplateDirective, P as GridEditCommandDirective, Q as GridEditEvent, R as GridEditTemplateDirective, S as GridEditableDirective, T as GridExportDirective, U as GridFilterableDirective, V as GridFooterTemplateDirective, W as GridGroupFooterTemplateDirective, X as GridGroupableDirective, Y as GridHeaderTemplateDirective, Z as GridNoDataTemplateDirective, _ as GridRemoveCommandDirective, $ as GridRemoveEvent, a0 as GridReorderableDirective, a1 as GridResizableDirective, a2 as GridRowReorderableDirective, a3 as GridSaveCommandDirective, a4 as GridSaveEvent, a5 as GridSelectableDirective, a6 as GridServerBindingDirective, a7 as GridSortableDirective, a8 as GridStatePersistenceDirective, a9 as GridToolbarTemplateDirective, aa as GridVirtualScrollDirective, ab as RowEditEvent, ac as RowReorderEvent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C_mj53LF.mjs';
+export { C as CellEditEvent, x as GRID_DEFAULT_MESSAGES, y as GridAddCommandDirective, z as GridAddEvent, A as GridCancelCommandDirective, B as GridCancelEvent, D as GridCellTemplateDirective, E as GridColumnComponent, F as GridColumnTitleTemplateDirective, H as GridCommandColumnComponent, I as GridComponent, J as GridContextMenuDirective, K as GridDetailTemplateDirective, L as GridEditCommandDirective, M as GridEditEvent, N as GridEditTemplateDirective, O as GridEditableDirective, P as GridExportDirective, Q as GridFilterableDirective, R as GridFooterTemplateDirective, S as GridGroupFooterTemplateDirective, T as GridGroupableDirective, U as GridHeaderTemplateDirective, V as GridNoDataTemplateDirective, W as GridRemoveCommandDirective, X as GridRemoveEvent, Y as GridReorderableDirective, Z as GridResizableDirective, _ as GridRowReorderableDirective, $ as GridSaveCommandDirective, a0 as GridSaveEvent, a1 as GridSelectableDirective, a2 as GridServerBindingDirective, a3 as GridSortableDirective, a4 as GridStatePersistenceDirective, a5 as GridToolbarTemplateDirective, a6 as GridVirtualScrollDirective, a7 as RowEditEvent, a8 as RowReorderEvent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-bduDEm-x.mjs';
 //# sourceMappingURL=nanahoshi-mona-ui-grid.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanahoshi/mona-ui",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "description": "A very light Angular UI framework",
   "author": "Nanahoshi",
   "repository": {

package/types/nanahoshi-mona-ui-grid.d.ts

@@ -274,6 +274,11 @@ interface FilterableOptions {
     type: "menu" | "row" | "menu, row";
 }
 
+/** The classes a {@link GridRowClass} function adds to a data row. Nullish values add nothing. */
+type GridRowClassValue = string | readonly string[] | null | undefined;
+/** Returns the classes to add to the data row that shows the given item. */
+type GridRowClass<TData> = (data: TData) => GridRowClassValue;
+
 interface SortableOptions {
     allowUnsort?: boolean;
     enabled?: boolean;
@@ -898,16 +903,59 @@ interface RowEditContext {
 }
 type GridEditContext = CellEditContext | RowEditContext;
 
-interface GridLockedColumnState {
-    readonly edge: boolean;
-    readonly offset: number;
-    readonly side: GridColumnLockedPosition;
+/** A single row of the grid body — either a group header, a group footer, or a data row. */
+type GridViewRow = GridViewGroupRow | GridViewGroupFooterRow | GridViewDataRow;
+/** A group header row in the flattened grid view. */
+interface GridViewGroupRow {
+    /** The number of data rows (leaf rows) contained in this group. */
+    readonly count: number;
+    /** The nesting depth (0 = top-level group). */
+    readonly depth: number;
+    /** The field this group is grouped by. */
+    readonly field: string;
+    /** A unique identifier for this group (used for collapse tracking). */
+    readonly groupKey: string;
+    /** The display value for this group header. */
+    readonly groupValue: unknown;
+    /** A key that identifies this row among all body rows, for view tracking. */
+    readonly key: string;
+    /** The display title for this group header. */
+    readonly title: string;
+    readonly type: "group";
+}
+/** A footer row for a grouped section in the flattened grid view. */
+interface GridViewGroupFooterRow {
+    /** The nesting depth (0 = top-level group). */
+    readonly depth: number;
+    /** The aggregate metadata for this grouped footer. */
+    readonly groupAggregate: GridGroupAggregate;
+    /** A key that identifies this row among all body rows, for view tracking. */
+    readonly key: string;
+    readonly type: "groupFooter";
+}
+/** A data row in the flattened grid view. */
+interface GridViewDataRow {
+    /** The depth of the innermost group this row belongs to, or 0 when the grid is not grouped. */
+    readonly depth: number;
+    /** The groupKey of the innermost group this row belongs to, or null when the grid is not grouped. */
+    readonly groupKey: string | null;
+    /** A key that identifies this row among all body rows, for view tracking. */
+    readonly key: string;
+    /** The actual Row model. */
+    readonly row: Row;
+    readonly type: "data";
 }
 
-interface PaginationState {
-    readonly page: number;
-    readonly skip: number;
-    readonly take: number;
+/**
+ * How a layout column stays pinned while the grid scrolls horizontally.
+ * Sides are logical, so `start` is the left edge in LTR and the right edge in RTL.
+ */
+interface GridStickyState {
+    /** Whether this is the innermost pinned column on its side, which draws the separator border. */
+    readonly edge: boolean;
+    /** The distance from the pinned side, in pixels. */
+    readonly offset: number;
+    readonly side: "end" | "start";
 }
 
 type StructuralColumnKind = "detail" | "reorder" | "selection";
@@ -917,6 +965,56 @@ interface StructuralColumnDescriptor {
     readonly width: number;
 }
 
+/**
+ * A single physical column of the grid tables, in inline-start to inline-end order.
+ * Every table section (header, body, add row, footer) renders the same sequence of layout columns.
+ */
+type GridLayoutColumn = GridLayoutDataColumn | GridLayoutGroupColumn | GridLayoutStructuralColumn;
+/** A user-defined data or command column. */
+interface GridLayoutDataColumn {
+    readonly column: Column;
+    /** The index among the visible user columns. */
+    readonly columnIndex: number;
+    /** Whether ArrowLeft (inline-start) stops at this cell. */
+    readonly firstInRow: boolean;
+    readonly key: string;
+    readonly kind: "column";
+    /** Whether ArrowRight (inline-end) stops at this cell. */
+    readonly lastInRow: boolean;
+    /** The keyboard-navigation column index. */
+    readonly logicalIndex: number;
+    readonly sticky: GridStickyState | null;
+    readonly width: number | null;
+}
+/** An indent column rendered for each active group level. It does not participate in keyboard navigation. */
+interface GridLayoutGroupColumn {
+    readonly depth: number;
+    readonly key: string;
+    readonly kind: "group";
+    readonly logicalIndex: null;
+    readonly sticky: GridStickyState | null;
+    readonly width: number;
+}
+/** A built-in column such as the row reorder handle, the detail toggle or the selection checkbox. */
+interface GridLayoutStructuralColumn {
+    /** Whether ArrowLeft (inline-start) stops at this cell. */
+    readonly firstInRow: boolean;
+    readonly key: string;
+    readonly kind: StructuralColumnKind;
+    /** Whether ArrowRight (inline-end) stops at this cell. */
+    readonly lastInRow: boolean;
+    /** The keyboard-navigation column index. */
+    readonly logicalIndex: number;
+    readonly sticky: GridStickyState | null;
+    readonly width: number;
+}
+
+interface PaginationState {
+    readonly page: number;
+    readonly skip: number;
+    readonly take: number;
+}
+
 interface RowEditDataItem extends Record<string, unknown> {
     readonly $rowId: string;
 }
@@ -945,9 +1043,7 @@ declare class GridService {
     readonly columns: _angular_core.WritableSignal<ImmutableList<Column>>;
     readonly contextMenuItems: _angular_core.WritableSignal<ImmutableSet<PopupMenuItem>>;
     readonly dataStateChange$: Subject<GridDataState>;
-    readonly detailColumnOffset: _angular_core.Signal<number>;
     readonly detailColumnWidth = 36;
-    readonly detailStructuralWidth: _angular_core.Signal<36 | 0>;
     readonly draggingRowUid: _angular_core.WritableSignal<string | null>;
     readonly edit$: Subject<GridEditEvent>;
     readonly editBaseDict: _angular_core.Signal<ImmutableDictionary<string, RowEditDataItem>>;
@@ -972,13 +1068,9 @@ declare class GridService {
     readonly headerTableElement: _angular_core.WritableSignal<HTMLTableElement | null>;
     readonly horizontalScrollLeft: _angular_core.Signal<number>;
     readonly isInEditMode: _angular_core.Signal<boolean>;
-    readonly lastLeftStructuralOffset: _angular_core.Signal<number | null>;
-    readonly leadingLogicalColumnCount: _angular_core.Signal<number>;
-    readonly leadingStructuralColumnCount: _angular_core.Signal<number>;
+    readonly layout: _angular_core.Signal<readonly GridLayoutColumn[]>;
+    readonly layoutColumnByKey: _angular_core.Signal<ReadonlyMap<string, GridLayoutColumn>>;
     readonly leadingStructuralWidth: _angular_core.Signal<number>;
-    readonly leftLockedStructuralWidth: _angular_core.Signal<number>;
-    readonly lockedColumnStates: _angular_core.Signal<ReadonlyMap<string, GridLockedColumnState>>;
-    readonly masterDetailEmptyCellWidth: _angular_core.Signal<number>;
     readonly masterDetailRowWidth: _angular_core.Signal<number>;
     readonly masterDetailTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
     readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaGridMessages>;
@@ -988,16 +1080,15 @@ declare class GridService {
     readonly remove$: Subject<GridRemoveEvent>;
     readonly reorderableOptions: _angular_core.Signal<ReorderableOptions>;
     readonly resizableOptions: _angular_core.Signal<ResizableOptions>;
+    readonly rowClass: _angular_core.WritableSignal<GridRowClass<unknown> | null>;
     readonly rowDragInProgress: _angular_core.Signal<boolean>;
     readonly rowEdit$: Subject<RowEditEvent>;
     readonly rowKey: _angular_core.WritableSignal<GridKeySelector<unknown>>;
     readonly rowReorder$: Subject<RowReorderEvent<Record<PropertyKey, unknown>>>;
-    readonly rowReorderColumnOffset: _angular_core.Signal<number>;
     readonly rowReorderColumnVisible: _angular_core.Signal<boolean>;
     readonly rowReorderColumnWidth = 36;
     readonly rowReorderDisabledReason: _angular_core.Signal<RowReorderDisabledReason>;
     readonly rowReorderInteractionEnabled: _angular_core.Signal<boolean>;
-    readonly rowReorderStructuralWidth: _angular_core.Signal<36 | 0>;
     readonly rowReorderableOptions: _angular_core.Signal<RowReorderableOptions>;
     readonly rows: _angular_core.WritableSignal<ImmutableList<Row>>;
     readonly save$: Subject<GridSaveEvent>;
@@ -1010,18 +1101,14 @@ declare class GridService {
     readonly selectedKeysChange$: rxjs.Observable<ImmutableSet<unknown>>;
     readonly selectedKeysLoad$: BehaviorSubject<ImmutableSet<unknown>>;
     readonly selectedRows: _angular_core.Signal<ImmutableSet<Row>>;
-    readonly selectionColumnOffset: _angular_core.Signal<number>;
     readonly selectionColumnVisible: _angular_core.Signal<boolean>;
     readonly selectionColumnWidth = 40;
-    readonly selectionStructuralWidth: _angular_core.Signal<0 | 40>;
     readonly serverBindingEnabled: _angular_core.Signal<boolean>;
     readonly serverLoading: _angular_core.Signal<boolean>;
     readonly serverTotal: _angular_core.Signal<number>;
     readonly someBulkSelectionRowsSelected: _angular_core.Signal<boolean>;
     readonly sortableOptions: _angular_core.WritableSignal<SortableOptions>;
-    readonly structuralColIndexMap: _angular_core.Signal<Map<StructuralColumnKind, number>>;
     readonly structuralColumns: _angular_core.Signal<readonly StructuralColumnDescriptor[]>;
-    readonly structuralLastKind: _angular_core.Signal<StructuralColumnKind | null>;
     readonly tableWidth: _angular_core.Signal<number | null>;
     readonly viewPageRows: _angular_core.Signal<ImmutableList<Row>>;
     readonly viewRowCount: _angular_core.Signal<number>;
@@ -1041,6 +1128,11 @@ declare class GridService {
     clearCollapsedGroups(predicate?: (key: string) => boolean): void;
     clearColumnGrouping(column: Column): void;
     commitRowEdit(originalEvent?: Event): boolean;
+    /**
+     * Builds the body rows for the given data rows: plain data rows when ungrouped, otherwise the flattened
+     * group headers, data rows and group footers. Reads grouping state, so call it inside a computed.
+     */
+    createBodyRows(rows: Iterable<Row>): GridViewRow[];
     deselectAllRows(): void;
     deselectRow(row: Row): void;
     findTextWidthOfColumn(column: Column, element: HTMLTableCellElement): number;
@@ -1107,7 +1199,6 @@ declare class GridService {
     startCellEdit(uid: string, row: Row, column: Column, originalEvent?: Event): boolean;
     startRowEdit(row: Row, originalEvent?: Event): boolean;
     stopCellEdit(originalEvent?: Event): boolean;
-    structuralColumnOffset(kind: StructuralColumnKind, groupPrefixWidth: number): number;
     toggleGroupCollapse(groupKey: string): void;
     updateColumn(columnId: string, patch: Partial<Omit<Column, "id">>): void;
     private applyColumnIndexes;
@@ -1196,7 +1287,6 @@ declare class GridComponent<T> implements GridVariantInput {
     protected readonly filterRowEnabled: _angular_core.Signal<boolean>;
     protected readonly footerClass: _angular_core.Signal<string>;
     protected readonly footerTableClass: _angular_core.Signal<string>;
-    protected readonly footerTableRowClass: _angular_core.Signal<string>;
     protected readonly footerVisible: _angular_core.Signal<boolean>;
     protected readonly gridDetailTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly gridHeaderElement: _angular_core.Signal<ElementRef<HTMLDivElement>>;
@@ -1267,6 +1357,16 @@ declare class GridComponent<T> implements GridVariantInput {
      * @default "medium"
      */
     readonly rounded: _angular_core.InputSignal<"small" | "none" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Returns extra CSS classes for the data row that shows an item, merged onto the row's own
+     * classes via `tailwind-merge`. It runs again whenever the item's row is rebound.
+     * Group, group footer and detail rows are not affected.
+     *
+     * To dim a row, prefer a text style such as `text-muted-foreground` over `opacity`: locked cells stay
+     * opaque so scrolled cells pass beneath them, and opacity on the row or its cells would let those show through.
+     * @default null
+     */
+    readonly rowClass: _angular_core.InputSignal<GridRowClass<T> | null>;
     /**
      * @description Field name or selector used to derive a stable identity for each row.
      * The resolved value must be unique within the grid data.
@@ -1315,7 +1415,7 @@ declare class GridComponent<T> implements GridVariantInput {
     private setResizeObserver;
     private syncToolbarFocusTargets;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent<any>, "mona-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; "isSignal": true; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; "isSignal": true; }; "responsivePager": { "alias": "responsivePager"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["columnDefinitions", "gridDetailTemplate", "noDataTemplate", "toolbarTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent<any>, "mona-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; "isSignal": true; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; "isSignal": true; }; "responsivePager": { "alias": "responsivePager"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["columnDefinitions", "gridDetailTemplate", "noDataTemplate", "toolbarTemplate"], never, true, never>;
 }
 
 declare const GRID_DEFAULT_MESSAGES: {
@@ -1363,4 +1463,4 @@ declare const GRID_DEFAULT_MESSAGES: {
 };
 
 export { CellEditEvent, ColumnReorderEvent, ColumnSortEvent, GRID_DEFAULT_MESSAGES, GridAddCommandDirective, GridAddEvent, GridCancelCommandDirective, GridCancelEvent, GridCellTemplateDirective, GridColumnComponent, GridColumnTitleTemplateDirective, GridCommandColumnComponent, GridComponent, GridContextMenuDirective, GridDetailTemplateDirective, GridEditCommandDirective, GridEditEvent, GridEditTemplateDirective, GridEditableDirective, GridExportDirective, GridFilterableDirective, GridFooterTemplateDirective, GridGroupFooterTemplateDirective, GridGroupableDirective, GridHeaderTemplateDirective, GridNoDataTemplateDirective, GridRemoveCommandDirective, GridRemoveEvent, GridReorderableDirective, GridResizableDirective, GridRowReorderableDirective, GridSaveCommandDirective, GridSaveEvent, GridSelectableDirective, GridServerBindingDirective, GridSortableDirective, GridStatePersistenceDirective, GridToolbarTemplateDirective, GridVirtualScrollDirective, RowEditEvent, RowReorderEvent };
-export type { AggregateFunction, Column, ColumnConfig, ColumnFormat, ColumnKind, ColumnResizeEvent, EditableOptions, FilterableOptions, GridColumnLockedPosition, GridColumnState, GridDataState, GridEditFormContext, GridEditOperation, GridEditSchemaFactory, GridEditSession, GridEditTemplateContext, GridSaveOperation, GridState, GridStateCompositeFilterDescriptor, GridStateFilterDescriptor, GridStateFilterValue, GridStateLoadResult, GridStateLoadStatus, GridStatePersistenceOptions, GridStateSortDescriptor, GridStateVersion, GroupDescriptor, GroupableOptions, ReorderableOptions, ResizableOptions, ResizeMethod, RowReorderableOptions, SelectableOptions, SortableOptions };
+export type { AggregateFunction, Column, ColumnConfig, ColumnFormat, ColumnKind, ColumnResizeEvent, EditableOptions, FilterableOptions, GridColumnLockedPosition, GridColumnState, GridDataState, GridEditFormContext, GridEditOperation, GridEditSchemaFactory, GridEditSession, GridEditTemplateContext, GridRowClass, GridRowClassValue, GridSaveOperation, GridState, GridStateCompositeFilterDescriptor, GridStateFilterDescriptor, GridStateFilterValue, GridStateLoadResult, GridStateLoadStatus, GridStatePersistenceOptions, GridStateSortDescriptor, GridStateVersion, GroupDescriptor, GroupableOptions, ReorderableOptions, ResizableOptions, ResizeMethod, RowReorderableOptions, SelectableOptions, SortableOptions };

package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-cell.component-blRlw0Ie.mjs

@@ -1,108 +0,0 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, computed, input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { ImmutableDictionary } from '@mirei/ts-collections';
-import { c as GridService } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C_mj53LF.mjs';
-
-class GridFooterCellComponent {
-    constructor() {
-        this.#gridService = inject(GridService);
-        this.aggregate = computed(() => {
-            const field = this.column().field;
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return this.aggregateMap().get(field) ?? null;
-            }
-            return this.#gridService.groupAggregateMap().get(groupKey)?.aggregates.get(field) ?? null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aggregate" }] : /* istanbul ignore next */ []));
-        this.aggregateMap = computed(() => {
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return this.#gridService.aggregateMap();
-            }
-            return (this.#gridService.groupAggregateMap().get(groupKey)?.aggregates ??
-                ImmutableDictionary.create());
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "aggregateMap" }] : /* istanbul ignore next */ []));
-        this.displayValue = computed(() => {
-            return this.#gridService.resolveAggregateValue(this.aggregate(), this.column().aggregate);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
-        this.templateContext = computed(() => {
-            const column = this.column();
-            const columnIndex = this.columnIndex();
-            const aggregate = this.aggregate();
-            const aggregates = this.aggregateMap().toObject(e => e.key, e => e.value);
-            const value = this.displayValue();
-            const groupKey = this.groupKey();
-            if (groupKey == null) {
-                return {
-                    $implicit: value,
-                    aggregate,
-                    aggregates,
-                    column,
-                    columnIndex,
-                    rows: this.#gridService.aggregateRows()
-                };
-            }
-            const groupFooterAggregate = this.#gridService.groupAggregateMap().get(groupKey);
-            return {
-                $implicit: value,
-                aggregate,
-                aggregates,
-                column,
-                columnIndex,
-                count: groupFooterAggregate?.count ?? 0,
-                depth: groupFooterAggregate?.depth ?? 0,
-                groupKey,
-                groupValue: groupFooterAggregate?.groupValue,
-                rows: groupFooterAggregate?.rows ?? []
-            };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
-        this.templateRef = computed(() => {
-            if (this.groupKey() != null) {
-                return this.column().groupFooterTemplate;
-            }
-            return this.column().footerTemplate;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "templateRef" }] : /* istanbul ignore next */ []));
-        this.column = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
-        this.columnIndex = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "columnIndex" }] : /* istanbul ignore next */ []));
-        this.groupKey = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groupKey" }] : /* istanbul ignore next */ []));
-    }
-    #gridService;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridFooterCellComponent, isStandalone: true, selector: "mona-grid-footer-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, columnIndex: { classPropertyName: "columnIndex", publicName: "columnIndex", isSignal: true, isRequired: true, transformFunction: null }, groupKey: { classPropertyName: "groupKey", publicName: "groupKey", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex items-center h-full" }, ngImport: i0, template: `
-        @if (templateRef(); as templateRef) {
-            <ng-container [ngTemplateOutlet]="templateRef" [ngTemplateOutletContext]="templateContext()"></ng-container>
-        } @else if (displayValue() != null) {
-            <span class="block truncate font-medium">{{ displayValue() }}</span>
-        }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "mona-grid-footer-cell",
-                    template: `
-        @if (templateRef(); as templateRef) {
-            <ng-container [ngTemplateOutlet]="templateRef" [ngTemplateOutletContext]="templateContext()"></ng-container>
-        } @else if (displayValue() != null) {
-            <span class="block truncate font-medium">{{ displayValue() }}</span>
-        }
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgTemplateOutlet],
-                    host: {
-                        class: "flex items-center h-full"
-                    }
-                }]
-        }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], columnIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnIndex", required: true }] }], groupKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupKey", required: false }] }] } });
-
-export { GridFooterCellComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-cell.component-blRlw0Ie.mjs.map

package/fesm2022/nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-Cviex3cR.mjs

@@ -1,44 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, computed, input, Directive } from '@angular/core';
-import { c as GridService, A as gridFooterTableCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C_mj53LF.mjs';
-
-class GridFooterTableCellDirective {
-    constructor() {
-        this.#gridService = inject(GridService, { optional: true });
-        this.className = computed(() => {
-            return (gridFooterTableCellThemeVariants() +
-                (this.#gridService?.virtualScrollOptions().enabled
-                    ? " h-(--mona-grid-row-height) max-h-(--mona-grid-row-height) overflow-hidden py-0! align-middle"
-                    : ""));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
-        this.minWidth = computed(() => this.footerColumn()?.minWidth ?? this.footerCellMinWidth(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
-        this.width = computed(() => this.footerColumn()?.calculatedWidth ?? this.footerCellWidth(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-        this.footerCellMinWidth = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerCellMinWidth" }] : /* istanbul ignore next */ []));
-        this.footerCellWidth = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerCellWidth" }] : /* istanbul ignore next */ []));
-        this.footerColumn = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "footerColumn" }] : /* istanbul ignore next */ []));
-    }
-    #gridService;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: GridFooterTableCellDirective, isStandalone: true, selector: "td[monaGridFooterTableCell]", inputs: { footerCellMinWidth: { classPropertyName: "footerCellMinWidth", publicName: "footerCellMinWidth", isSignal: true, isRequired: false, transformFunction: null }, footerCellWidth: { classPropertyName: "footerCellWidth", publicName: "footerCellWidth", isSignal: true, isRequired: false, transformFunction: null }, footerColumn: { classPropertyName: "footerColumn", publicName: "footerColumn", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "class": "className()", "style.width.px": "width()", "style.min-width.px": "minWidth()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridFooterTableCellDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "td[monaGridFooterTableCell]",
-                    host: {
-                        "[class]": "className()",
-                        "[style.width.px]": "width()",
-                        "[style.min-width.px]": "minWidth()",
-                        role: "gridcell"
-                    }
-                }]
-        }], propDecorators: { footerCellMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerCellMinWidth", required: false }] }], footerCellWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerCellWidth", required: false }] }], footerColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerColumn", required: false }] }] } });
-
-export { GridFooterTableCellDirective };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-Cviex3cR.mjs.map