@nanahoshi/mona-ui 0.1.0

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

@@ -0,0 +1,105 @@
+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-C3eZIaJK.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 } }, 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]
+                }]
+        }], 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-B9SQH5N-.mjs.map

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

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { inject, computed, input, Directive } from '@angular/core';
+import { ThemeService } from '@nanahoshi/mona-ui/theme';
+import { v as gridFooterTableCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C3eZIaJK.mjs';
+
+class GridFooterTableCellDirective {
+    constructor() {
+        this.#themeService = inject(ThemeService);
+        this.className = computed(() => {
+            const theme = this.#themeService.theme();
+            return gridFooterTableCellThemeVariants(theme)();
+        }, /* @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 */ []));
+    }
+    #themeService;
+    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: { 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()"
+                    }
+                }]
+        }], 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-DlLwcCFT.mjs.map

package/fesm2022/nanahoshi-mona-ui-grid-grid-list.component-Dgea-O0X.mjs

@@ -0,0 +1,130 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ElementRef, viewChild, computed, input, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { SlicePipe } from '@nanahoshi/mona-ui/common';
+import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
+import { ThemeService } from '@nanahoshi/mona-ui/theme';
+import { ImmutableList, ImmutableSet, span } from '@mirei/ts-collections';
+import { fromEvent } from 'rxjs';
+import { G as GridAddRowComponent, a as GridCellComponent, b as GridRowDirective, c as GridCellDirective, d as GridDetailRowDirective, e as GridDetailIndentCellDirective, f as GridDetailContentCellDirective, g as GridToggleComponent } from './nanahoshi-mona-ui-grid-grid-toggle.component-DIUutx9s.mjs';
+import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DlLwcCFT.mjs';
+import { G as GridNavigationService, a as GridRowFlattenerService, g as gridListBaseThemeVariants, b as gridFooterTableRowThemeVariants, c as GridService, d as gridGroupRowThemeVariants, e as gridListTableThemeVariants, f as GridLogicalCellDirective, h as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-C3eZIaJK.mjs';
+import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B9SQH5N-.mjs';
+
+class GridListComponent {
+    #destroyRef;
+    #gridNavigationService;
+    #hostElementRef;
+    #rowFlattener;
+    #themeService;
+    constructor() {
+        this.#destroyRef = inject(DestroyRef);
+        this.#gridNavigationService = inject(GridNavigationService);
+        this.#hostElementRef = inject((ElementRef));
+        this.#rowFlattener = inject(GridRowFlattenerService);
+        this.#themeService = inject(ThemeService);
+        this.bodyTableElementRef = viewChild.required("bodyTable", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bodyTableElementRef" }] : /* istanbul ignore next */ []));
+        this.baseClass = computed(() => {
+            const theme = this.#themeService.theme();
+            return gridListBaseThemeVariants(theme)({ virtual: false });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
+        this.flattenedGroupedRows = computed(() => {
+            const groupColumns = this.gridService.groupColumns();
+            if (groupColumns.length === 0) {
+                return [];
+            }
+            const collapsedKeys = new Set(this.gridService.collapsedGroupKeys());
+            const groupAggregateDict = this.gridService.groupAggregateMap().toDictionary(e => e.key, e => e.value);
+            const showFooter = this.gridService.groupableOptions().showFooter;
+            return this.#rowFlattener.flatten(this.data(), groupColumns, collapsedKeys, showFooter, groupAggregateDict);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flattenedGroupedRows" }] : /* istanbul ignore next */ []));
+        this.footerTableRowClass = computed(() => {
+            const theme = this.#themeService.theme();
+            return gridFooterTableRowThemeVariants(theme)();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerTableRowClass" }] : /* istanbul ignore next */ []));
+        this.gridService = inject(GridService);
+        this.groupRowClass = computed(() => {
+            const theme = this.#themeService.theme();
+            return gridGroupRowThemeVariants(theme)();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupRowClass" }] : /* istanbul ignore next */ []));
+        this.tableClass = computed(() => {
+            const theme = this.#themeService.theme();
+            return gridListTableThemeVariants(theme)();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tableClass" }] : /* istanbul ignore next */ []));
+        this.columns = input(ImmutableList.create(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.data = input(ImmutableSet.create(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        this.span = span;
+        afterNextRender({
+            read: () => {
+                const bodyTableElement = this.bodyTableElementRef().nativeElement;
+                const bodyScrollElement = this.#hostElementRef.nativeElement;
+                this.gridService.bodyTableElement.set(bodyTableElement);
+                this.gridService.bodyScrollElement.set(bodyScrollElement);
+                this.setSubscriptions();
+                this.#destroyRef.onDestroy(() => {
+                    if (this.gridService.bodyTableElement() === bodyTableElement) {
+                        this.gridService.bodyTableElement.set(null);
+                    }
+                    if (this.gridService.bodyScrollElement() === bodyScrollElement) {
+                        this.gridService.bodyScrollElement.set(null);
+                    }
+                });
+            }
+        });
+    }
+    onGridRowClick(event, row) {
+        this.gridService.handleRowClick(event, row);
+    }
+    onGroupExpandChange(groupKey) {
+        this.gridService.toggleGroupCollapse(groupKey);
+    }
+    onToggleDetailClick(row) {
+        const expanded = this.gridService.isRowExpanded(row);
+        this.gridService.setRowExpanded(row, !expanded);
+    }
+    setSubscriptions() {
+        fromEvent(this.#hostElementRef.nativeElement, "focus")
+            .pipe(takeUntilDestroyed(this.#destroyRef))
+            .subscribe(() => {
+            this.#gridNavigationService.focusActiveCellOrFirstHeader();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridListComponent, isStandalone: true, selector: "mona-grid-list", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, viewQueries: [{ propertyName: "bodyTableElementRef", first: true, predicate: ["bodyTable"], descendants: true, isSignal: true }], ngImport: i0, template: "<table #bodyTable [class]=\"tableClass()\" [style.width.px]=\"gridService.tableWidth()\">\r\n    <colgroup>\r\n        @for (_ of gridService.groupColumns(); track $index) {\r\n            <col [style.width.px]=\"gridService.groupColumnWidth\" />\r\n        }\r\n        @if (gridService.masterDetailTemplate()) {\r\n            <col [style.width.px]=\"gridService.groupColumnWidth\" />\r\n        }\r\n        @for (col of columns(); track $index) {\r\n            <col [style.width.px]=\"col.calculatedWidth\" />\r\n        }\r\n    </colgroup>\r\n    <tbody role=\"rowgroup\">\r\n        @if (gridService.addRowVisible()) {\r\n            <tr monaGridAddRow [columns]=\"columns()\"></tr>\r\n        }\r\n        @if (gridService.groupColumns().length === 0) {\r\n            @for (row of data(); track row.uid) {\r\n                @let rowIndex = $index;\r\n                <tr\r\n                    (click)=\"onGridRowClick($event, row)\"\r\n                    monaGridRow\r\n                    [index]=\"rowIndex\"\r\n                    [row]=\"row\"\r\n                    #gridRow=\"monaGridRow\"\r\n                    #rowElement>\r\n                    @if (gridService.masterDetailTemplate()) {\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [lockedStructuralOffset]=\"0\"\r\n                            [masterDetailToggle]=\"true\"\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"'detail'\"\r\n                            [colIndex]=\"0\"\r\n                            [firstInRow]=\"true\"\r\n                            [lastInRow]=\"columns().length === 0\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [rowUid]=\"row.uid\"\r\n                            [section]=\"'body'\"\r\n                            [style.width.px]=\"gridService.detailColumnWidth\"\r\n                            [attr.colspan]=\"1\">\r\n                            <span class=\"flex h-full w-full items-stretch justify-center\">\r\n                                <mona-grid-toggle\r\n                                    [expanded]=\"gridRow.expanded()\"\r\n                                    [type]=\"'detail'\"\r\n                                    [width]=\"gridService.detailColumnWidth\"\r\n                                    (expandedChange)=\"onToggleDetailClick(row)\"></mona-grid-toggle>\r\n                            </span>\r\n                        </td>\r\n                    }\r\n                    @for (column of columns(); track $index) {\r\n                        @let colIndex = gridService.masterDetailTemplate() ? $index + 1 : $index;\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [column]=\"column\"\r\n                            [dataCell]=\"true\"\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"column.kind\"\r\n                            [colIndex]=\"colIndex\"\r\n                            [columnId]=\"column.id\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [rowUid]=\"row.uid\"\r\n                            [section]=\"'body'\"\r\n                            [firstInRow]=\"colIndex === 0\"\r\n                            [lastInRow]=\"colIndex === columns().length - (gridService.masterDetailTemplate() ? 0 : 1)\"\r\n                            [attr.colspan]=\"1\"\r\n                            [style.width.px]=\"column.calculatedWidth\"\r\n                            [style.min-width.px]=\"column.minWidth\"\r\n                            (edit)=\"gridCell.handleLogicalCellEnter()\">\r\n                            <mona-grid-cell #gridCell [column]=\"column\" [row]=\"row\"></mona-grid-cell>\r\n                        </td>\r\n                    }\r\n                    @if (gridService.contextMenuItems().length !== 0) {\r\n                        <ng-container\r\n                            [ngTemplateOutlet]=\"contextMenuTemplate\"\r\n                            [ngTemplateOutletContext]=\"{ $implicit: row.data, element: rowElement, index: $index }\">\r\n                        </ng-container>\r\n                    }\r\n                </tr>\r\n                @if (gridRow.expanded()) {\r\n                    <tr monaGridDetailRow [style.width.px]=\"gridService.masterDetailRowWidth()\">\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [lockedStructuralOffset]=\"0\"\r\n                            [indentCell]=\"true\"\r\n                            [attr.colspan]=\"1\"\r\n                            [style.width.px]=\"gridService.masterDetailEmptyCellWidth()\"></td>\r\n                        <td monaGridCell [masterDetailContent]=\"true\" [attr.colspan]=\"columns().length\">\r\n                            <ng-container\r\n                                [ngTemplateOutlet]=\"gridService.masterDetailTemplate()\"\r\n                                [ngTemplateOutletContext]=\"{ $implicit: row.data }\"></ng-container>\r\n                        </td>\r\n                    </tr>\r\n                }\r\n            }\r\n        } @else {\r\n            @for (viewRow of flattenedGroupedRows(); track $index) {\r\n                @let rowIndex = $index;\r\n                @if (viewRow.type === \"group\") {\r\n                    @let isCollapsed = gridService.isGroupCollapsed(viewRow.groupKey);\r\n                    @let prevRow = flattenedGroupedRows()[rowIndex - 1];\r\n\r\n                    <tr\r\n                        [class]=\"groupRowClass()\"\r\n                        role=\"row\"\r\n                        [attr.aria-level]=\"viewRow.depth + 1\"\r\n                        [attr.aria-expanded]=\"!isCollapsed\">\r\n                        @for (_ of gridService.groupColumns() | monaSlice: 0 : viewRow.depth; track $index) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [grouped]=\"true\"\r\n                                [indentCell]=\"true\"\r\n                                [attr.colspan]=\"1\"\r\n                                [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n                        @let colspan =\r\n                            columns().length +\r\n                            gridService.groupColumns().length +\r\n                            (gridService.masterDetailTemplate() ? 1 : 0) -\r\n                            viewRow.depth +\r\n                            1;\r\n\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"'group'\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [colIndex]=\"0\"\r\n                            [section]=\"'body'\"\r\n                            [grouped]=\"true\"\r\n                            [groupHeader]=\"true\"\r\n                            [prevRowType]=\"prevRow?.type\"\r\n                            [firstInRow]=\"true\"\r\n                            [lastInRow]=\"columns().length === 0\"\r\n                            [groupKey]=\"viewRow.groupKey\"\r\n                            (toggle)=\"onGroupExpandChange(viewRow.groupKey)\"\r\n                            [attr.colspan]=\"colspan\">\r\n                            <p class=\"flex h-full items-center text-sm whitespace-nowrap\">\r\n                                <mona-grid-toggle\r\n                                    [expanded]=\"!isCollapsed\"\r\n                                    [width]=\"gridService.groupColumnWidth\"\r\n                                    [type]=\"'group'\"\r\n                                    (expandedChange)=\"onGroupExpandChange(viewRow.groupKey)\"></mona-grid-toggle>\r\n                                <span class=\"font-bold\">{{ viewRow.title }}: {{ viewRow.groupValue }}</span>\r\n                            </p>\r\n                        </td>\r\n                    </tr>\r\n                } @else if (viewRow.type === \"groupFooter\") {\r\n                    <tr role=\"row\" [class]=\"footerTableRowClass()\">\r\n                        @for (_ of gridService.groupColumns(); track $index) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [footerCellWidth]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n                        @if (gridService.masterDetailTemplate()) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"\r\n                                    gridService.groupColumns().length * gridService.groupColumnWidth\r\n                                \"\r\n                                [footerCellWidth]=\"gridService.detailColumnWidth\"></td>\r\n                        }\r\n                        @for (column of columns(); track $index) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [column]=\"column\"\r\n                                [lockedCellHeader]=\"true\"\r\n                                [footerColumn]=\"column\">\r\n                                <mona-grid-footer-cell\r\n                                    [column]=\"column\"\r\n                                    [columnIndex]=\"$index\"\r\n                                    [groupKey]=\"viewRow.groupAggregate.groupKey\"></mona-grid-footer-cell>\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                } @else {\r\n                    @let nextRow = flattenedGroupedRows()[rowIndex + 1];\r\n                    @let prevRow = flattenedGroupedRows()[rowIndex - 1];\r\n                    <tr\r\n                        (click)=\"onGridRowClick($event, viewRow.row)\"\r\n                        monaGridRow\r\n                        [index]=\"rowIndex\"\r\n                        [row]=\"viewRow.row\"\r\n                        #gridRow=\"monaGridRow\"\r\n                        #rowElement>\r\n                        @for (_ of gridService.groupColumns(); track $index) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [grouped]=\"true\"\r\n                                [indentCell]=\"true\"\r\n                                [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n\r\n                        @if (gridService.masterDetailTemplate()) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLogicalCell\r\n                                monaGridLockedCell\r\n                                [lockedStructuralOffset]=\"\r\n                                    gridService.groupColumns().length * gridService.groupColumnWidth\r\n                                \"\r\n                                [grouped]=\"true\"\r\n                                [masterDetailToggle]=\"true\"\r\n                                [prevRowType]=\"prevRow?.type\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                [rowIndex]=\"rowIndex\"\r\n                                [rowUid]=\"viewRow.row.uid\"\r\n                                [section]=\"'body'\"\r\n                                [cellKind]=\"'detail'\"\r\n                                [colIndex]=\"0\"\r\n                                [firstInRow]=\"true\"\r\n                                [lastInRow]=\"columns().length === 0\"\r\n                                [style.width.px]=\"gridService.detailColumnWidth\">\r\n                                <span class=\"flex h-full w-full items-stretch justify-center\">\r\n                                    <mona-grid-toggle\r\n                                        [expanded]=\"gridRow.expanded()\"\r\n                                        [type]=\"'detail'\"\r\n                                        [width]=\"gridService.detailColumnWidth\"\r\n                                        (expandedChange)=\"onToggleDetailClick(viewRow.row)\"></mona-grid-toggle>\r\n                                </span>\r\n                            </td>\r\n                        }\r\n                        @for (column of columns(); track $index) {\r\n                            @let colIndex = gridService.masterDetailTemplate() ? $index + 1 : $index;\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [column]=\"column\"\r\n                                [grouped]=\"true\"\r\n                                [dataCell]=\"true\"\r\n                                [prevRowType]=\"prevRow?.type\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                monaGridLogicalCell\r\n                                [cellKind]=\"column.kind\"\r\n                                [colIndex]=\"colIndex\"\r\n                                [columnId]=\"column.id\"\r\n                                [firstInRow]=\"colIndex === 0\"\r\n                                [lastInRow]=\"\r\n                                    colIndex === columns().length - (gridService.masterDetailTemplate() ? 0 : 1)\r\n                                \"\r\n                                [rowIndex]=\"rowIndex\"\r\n                                [rowUid]=\"viewRow.row.uid\"\r\n                                [section]=\"'body'\"\r\n                                [style.width.px]=\"column.calculatedWidth\"\r\n                                [style.min-width.px]=\"column.minWidth\"\r\n                                (edit)=\"gridCell.handleLogicalCellEnter()\">\r\n                                <mona-grid-cell #gridCell [column]=\"column\" [row]=\"viewRow.row\"></mona-grid-cell>\r\n                            </td>\r\n                        }\r\n                        @if (gridService.contextMenuItems().length !== 0) {\r\n                            <ng-container\r\n                                [ngTemplateOutlet]=\"contextMenuTemplate\"\r\n                                [ngTemplateOutletContext]=\"{\r\n                                    $implicit: viewRow.row.data,\r\n                                    element: rowElement,\r\n                                    index: rowIndex\r\n                                }\">\r\n                            </ng-container>\r\n                        }\r\n                    </tr>\r\n                    @if (gridRow.expanded()) {\r\n                        <tr monaGridDetailRow [style.width.px]=\"gridService.masterDetailRowWidth()\">\r\n                            @for (_ of gridService.groupColumns() | monaSlice: 0 : viewRow.depth + 1; track $index) {\r\n                                <td\r\n                                    monaGridCell\r\n                                    monaGridLockedCell\r\n                                    [lockedCellHeader]=\"true\"\r\n                                    [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                    [grouped]=\"true\"\r\n                                    [indentCell]=\"true\"\r\n                                    [attr.colspan]=\"1\"\r\n                                    [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                            }\r\n                            @let colspan = columns().length + gridService.groupColumns().length - 1;\r\n                            <td\r\n                                monaGridDetailIndentCell\r\n                                monaGridLockedCell\r\n                                [lockedStructuralOffset]=\"(viewRow.depth + 1) * gridService.groupColumnWidth\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                [attr.colspan]=\"1\"\r\n                                [style.width.px]=\"gridService.masterDetailEmptyCellWidth()\"></td>\r\n                            <td monaGridDetailContentCell [nextRowType]=\"nextRow?.type\" [attr.colspan]=\"colspan\">\r\n                                <ng-container\r\n                                    [ngTemplateOutlet]=\"gridService.masterDetailTemplate()\"\r\n                                    [ngTemplateOutletContext]=\"{ $implicit: viewRow.row.data }\"></ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    </tbody>\r\n</table>\r\n\r\n<ng-template let-rowData let-element=\"element\" let-rowIndex=\"index\" #contextMenuTemplate>\r\n    <mona-contextmenu [target]=\"element\" [items]=\"gridService.contextMenuItems()\"></mona-contextmenu>\r\n    <!--    [context]=\"{rowData, element, rowIndex}\"-->\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: GridAddRowComponent, selector: "tr[monaGridAddRow]", inputs: ["columns"] }, { kind: "component", type: GridCellComponent, selector: "mona-grid-cell", inputs: ["column", "row"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ContextMenuComponent, selector: "mona-contextmenu", inputs: ["ariaLabel", "items", "minWidth", "rounded", "size", "target", "width"], outputs: ["menuClick"] }, { kind: "directive", type: GridRowDirective, selector: "tr[monaGridRow]", inputs: ["index", "row"], exportAs: ["monaGridRow"] }, { kind: "directive", type: GridCellDirective, selector: "td[monaGridCell]", inputs: ["dataCell", "groupHeader", "groupToggle", "grouped", "indentCell", "lastInRow", "masterDetailContent", "masterDetailToggle", "nextRowType", "prevRowType"] }, { kind: "directive", type: GridDetailRowDirective, selector: "tr[monaGridDetailRow]" }, { kind: "directive", type: GridDetailIndentCellDirective, selector: "td[monaGridDetailIndentCell]", inputs: ["nextRowType"] }, { kind: "directive", type: GridDetailContentCellDirective, selector: "td[monaGridDetailContentCell]", inputs: ["nextRowType"] }, { kind: "component", type: GridToggleComponent, selector: "mona-grid-toggle", inputs: ["expanded", "type", "width"], outputs: ["expandedChange"] }, { kind: "directive", type: GridFooterTableCellDirective, selector: "td[monaGridFooterTableCell]", inputs: ["footerCellMinWidth", "footerCellWidth", "footerColumn"] }, { kind: "directive", type: GridLogicalCellDirective, selector: "td[monaGridLogicalCell], th[monaGridLogicalCell]", inputs: ["cellKind", "colIndex", "columnId", "firstInRow", "groupHeader", "groupKey", "lastInRow", "rowIndex", "rowUid", "section"], outputs: ["edit", "toggle"] }, { kind: "directive", type: GridLockedCellDirective, selector: "td[monaGridLockedCell], th[monaGridLockedCell]", inputs: ["column", "lockedCellHeader", "lockedStructuralOffset"] }, { kind: "component", type: GridFooterCellComponent, selector: "mona-grid-footer-cell", inputs: ["column", "columnIndex", "groupKey"] }, { kind: "pipe", type: SlicePipe, name: "monaSlice" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mona-grid-list", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        GridAddRowComponent,
+                        GridCellComponent,
+                        FontAwesomeModule,
+                        NgTemplateOutlet,
+                        ContextMenuComponent,
+                        GridRowDirective,
+                        GridCellDirective,
+                        GridDetailRowDirective,
+                        GridDetailIndentCellDirective,
+                        GridDetailContentCellDirective,
+                        SlicePipe,
+                        GridToggleComponent,
+                        GridFooterTableCellDirective,
+                        GridLogicalCellDirective,
+                        GridLockedCellDirective,
+                        GridFooterCellComponent
+                    ], host: {
+                        "[class]": "baseClass()"
+                    }, template: "<table #bodyTable [class]=\"tableClass()\" [style.width.px]=\"gridService.tableWidth()\">\r\n    <colgroup>\r\n        @for (_ of gridService.groupColumns(); track $index) {\r\n            <col [style.width.px]=\"gridService.groupColumnWidth\" />\r\n        }\r\n        @if (gridService.masterDetailTemplate()) {\r\n            <col [style.width.px]=\"gridService.groupColumnWidth\" />\r\n        }\r\n        @for (col of columns(); track $index) {\r\n            <col [style.width.px]=\"col.calculatedWidth\" />\r\n        }\r\n    </colgroup>\r\n    <tbody role=\"rowgroup\">\r\n        @if (gridService.addRowVisible()) {\r\n            <tr monaGridAddRow [columns]=\"columns()\"></tr>\r\n        }\r\n        @if (gridService.groupColumns().length === 0) {\r\n            @for (row of data(); track row.uid) {\r\n                @let rowIndex = $index;\r\n                <tr\r\n                    (click)=\"onGridRowClick($event, row)\"\r\n                    monaGridRow\r\n                    [index]=\"rowIndex\"\r\n                    [row]=\"row\"\r\n                    #gridRow=\"monaGridRow\"\r\n                    #rowElement>\r\n                    @if (gridService.masterDetailTemplate()) {\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [lockedStructuralOffset]=\"0\"\r\n                            [masterDetailToggle]=\"true\"\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"'detail'\"\r\n                            [colIndex]=\"0\"\r\n                            [firstInRow]=\"true\"\r\n                            [lastInRow]=\"columns().length === 0\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [rowUid]=\"row.uid\"\r\n                            [section]=\"'body'\"\r\n                            [style.width.px]=\"gridService.detailColumnWidth\"\r\n                            [attr.colspan]=\"1\">\r\n                            <span class=\"flex h-full w-full items-stretch justify-center\">\r\n                                <mona-grid-toggle\r\n                                    [expanded]=\"gridRow.expanded()\"\r\n                                    [type]=\"'detail'\"\r\n                                    [width]=\"gridService.detailColumnWidth\"\r\n                                    (expandedChange)=\"onToggleDetailClick(row)\"></mona-grid-toggle>\r\n                            </span>\r\n                        </td>\r\n                    }\r\n                    @for (column of columns(); track $index) {\r\n                        @let colIndex = gridService.masterDetailTemplate() ? $index + 1 : $index;\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [column]=\"column\"\r\n                            [dataCell]=\"true\"\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"column.kind\"\r\n                            [colIndex]=\"colIndex\"\r\n                            [columnId]=\"column.id\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [rowUid]=\"row.uid\"\r\n                            [section]=\"'body'\"\r\n                            [firstInRow]=\"colIndex === 0\"\r\n                            [lastInRow]=\"colIndex === columns().length - (gridService.masterDetailTemplate() ? 0 : 1)\"\r\n                            [attr.colspan]=\"1\"\r\n                            [style.width.px]=\"column.calculatedWidth\"\r\n                            [style.min-width.px]=\"column.minWidth\"\r\n                            (edit)=\"gridCell.handleLogicalCellEnter()\">\r\n                            <mona-grid-cell #gridCell [column]=\"column\" [row]=\"row\"></mona-grid-cell>\r\n                        </td>\r\n                    }\r\n                    @if (gridService.contextMenuItems().length !== 0) {\r\n                        <ng-container\r\n                            [ngTemplateOutlet]=\"contextMenuTemplate\"\r\n                            [ngTemplateOutletContext]=\"{ $implicit: row.data, element: rowElement, index: $index }\">\r\n                        </ng-container>\r\n                    }\r\n                </tr>\r\n                @if (gridRow.expanded()) {\r\n                    <tr monaGridDetailRow [style.width.px]=\"gridService.masterDetailRowWidth()\">\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLockedCell\r\n                            [lockedStructuralOffset]=\"0\"\r\n                            [indentCell]=\"true\"\r\n                            [attr.colspan]=\"1\"\r\n                            [style.width.px]=\"gridService.masterDetailEmptyCellWidth()\"></td>\r\n                        <td monaGridCell [masterDetailContent]=\"true\" [attr.colspan]=\"columns().length\">\r\n                            <ng-container\r\n                                [ngTemplateOutlet]=\"gridService.masterDetailTemplate()\"\r\n                                [ngTemplateOutletContext]=\"{ $implicit: row.data }\"></ng-container>\r\n                        </td>\r\n                    </tr>\r\n                }\r\n            }\r\n        } @else {\r\n            @for (viewRow of flattenedGroupedRows(); track $index) {\r\n                @let rowIndex = $index;\r\n                @if (viewRow.type === \"group\") {\r\n                    @let isCollapsed = gridService.isGroupCollapsed(viewRow.groupKey);\r\n                    @let prevRow = flattenedGroupedRows()[rowIndex - 1];\r\n\r\n                    <tr\r\n                        [class]=\"groupRowClass()\"\r\n                        role=\"row\"\r\n                        [attr.aria-level]=\"viewRow.depth + 1\"\r\n                        [attr.aria-expanded]=\"!isCollapsed\">\r\n                        @for (_ of gridService.groupColumns() | monaSlice: 0 : viewRow.depth; track $index) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [grouped]=\"true\"\r\n                                [indentCell]=\"true\"\r\n                                [attr.colspan]=\"1\"\r\n                                [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n                        @let colspan =\r\n                            columns().length +\r\n                            gridService.groupColumns().length +\r\n                            (gridService.masterDetailTemplate() ? 1 : 0) -\r\n                            viewRow.depth +\r\n                            1;\r\n\r\n                        <td\r\n                            monaGridCell\r\n                            monaGridLogicalCell\r\n                            [cellKind]=\"'group'\"\r\n                            [rowIndex]=\"rowIndex\"\r\n                            [colIndex]=\"0\"\r\n                            [section]=\"'body'\"\r\n                            [grouped]=\"true\"\r\n                            [groupHeader]=\"true\"\r\n                            [prevRowType]=\"prevRow?.type\"\r\n                            [firstInRow]=\"true\"\r\n                            [lastInRow]=\"columns().length === 0\"\r\n                            [groupKey]=\"viewRow.groupKey\"\r\n                            (toggle)=\"onGroupExpandChange(viewRow.groupKey)\"\r\n                            [attr.colspan]=\"colspan\">\r\n                            <p class=\"flex h-full items-center text-sm whitespace-nowrap\">\r\n                                <mona-grid-toggle\r\n                                    [expanded]=\"!isCollapsed\"\r\n                                    [width]=\"gridService.groupColumnWidth\"\r\n                                    [type]=\"'group'\"\r\n                                    (expandedChange)=\"onGroupExpandChange(viewRow.groupKey)\"></mona-grid-toggle>\r\n                                <span class=\"font-bold\">{{ viewRow.title }}: {{ viewRow.groupValue }}</span>\r\n                            </p>\r\n                        </td>\r\n                    </tr>\r\n                } @else if (viewRow.type === \"groupFooter\") {\r\n                    <tr role=\"row\" [class]=\"footerTableRowClass()\">\r\n                        @for (_ of gridService.groupColumns(); track $index) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [footerCellWidth]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n                        @if (gridService.masterDetailTemplate()) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"\r\n                                    gridService.groupColumns().length * gridService.groupColumnWidth\r\n                                \"\r\n                                [footerCellWidth]=\"gridService.detailColumnWidth\"></td>\r\n                        }\r\n                        @for (column of columns(); track $index) {\r\n                            <td\r\n                                monaGridFooterTableCell\r\n                                monaGridLockedCell\r\n                                [column]=\"column\"\r\n                                [lockedCellHeader]=\"true\"\r\n                                [footerColumn]=\"column\">\r\n                                <mona-grid-footer-cell\r\n                                    [column]=\"column\"\r\n                                    [columnIndex]=\"$index\"\r\n                                    [groupKey]=\"viewRow.groupAggregate.groupKey\"></mona-grid-footer-cell>\r\n                            </td>\r\n                        }\r\n                    </tr>\r\n                } @else {\r\n                    @let nextRow = flattenedGroupedRows()[rowIndex + 1];\r\n                    @let prevRow = flattenedGroupedRows()[rowIndex - 1];\r\n                    <tr\r\n                        (click)=\"onGridRowClick($event, viewRow.row)\"\r\n                        monaGridRow\r\n                        [index]=\"rowIndex\"\r\n                        [row]=\"viewRow.row\"\r\n                        #gridRow=\"monaGridRow\"\r\n                        #rowElement>\r\n                        @for (_ of gridService.groupColumns(); track $index) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [lockedCellHeader]=\"true\"\r\n                                [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                [grouped]=\"true\"\r\n                                [indentCell]=\"true\"\r\n                                [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                        }\r\n\r\n                        @if (gridService.masterDetailTemplate()) {\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLogicalCell\r\n                                monaGridLockedCell\r\n                                [lockedStructuralOffset]=\"\r\n                                    gridService.groupColumns().length * gridService.groupColumnWidth\r\n                                \"\r\n                                [grouped]=\"true\"\r\n                                [masterDetailToggle]=\"true\"\r\n                                [prevRowType]=\"prevRow?.type\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                [rowIndex]=\"rowIndex\"\r\n                                [rowUid]=\"viewRow.row.uid\"\r\n                                [section]=\"'body'\"\r\n                                [cellKind]=\"'detail'\"\r\n                                [colIndex]=\"0\"\r\n                                [firstInRow]=\"true\"\r\n                                [lastInRow]=\"columns().length === 0\"\r\n                                [style.width.px]=\"gridService.detailColumnWidth\">\r\n                                <span class=\"flex h-full w-full items-stretch justify-center\">\r\n                                    <mona-grid-toggle\r\n                                        [expanded]=\"gridRow.expanded()\"\r\n                                        [type]=\"'detail'\"\r\n                                        [width]=\"gridService.detailColumnWidth\"\r\n                                        (expandedChange)=\"onToggleDetailClick(viewRow.row)\"></mona-grid-toggle>\r\n                                </span>\r\n                            </td>\r\n                        }\r\n                        @for (column of columns(); track $index) {\r\n                            @let colIndex = gridService.masterDetailTemplate() ? $index + 1 : $index;\r\n                            <td\r\n                                monaGridCell\r\n                                monaGridLockedCell\r\n                                [column]=\"column\"\r\n                                [grouped]=\"true\"\r\n                                [dataCell]=\"true\"\r\n                                [prevRowType]=\"prevRow?.type\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                monaGridLogicalCell\r\n                                [cellKind]=\"column.kind\"\r\n                                [colIndex]=\"colIndex\"\r\n                                [columnId]=\"column.id\"\r\n                                [firstInRow]=\"colIndex === 0\"\r\n                                [lastInRow]=\"\r\n                                    colIndex === columns().length - (gridService.masterDetailTemplate() ? 0 : 1)\r\n                                \"\r\n                                [rowIndex]=\"rowIndex\"\r\n                                [rowUid]=\"viewRow.row.uid\"\r\n                                [section]=\"'body'\"\r\n                                [style.width.px]=\"column.calculatedWidth\"\r\n                                [style.min-width.px]=\"column.minWidth\"\r\n                                (edit)=\"gridCell.handleLogicalCellEnter()\">\r\n                                <mona-grid-cell #gridCell [column]=\"column\" [row]=\"viewRow.row\"></mona-grid-cell>\r\n                            </td>\r\n                        }\r\n                        @if (gridService.contextMenuItems().length !== 0) {\r\n                            <ng-container\r\n                                [ngTemplateOutlet]=\"contextMenuTemplate\"\r\n                                [ngTemplateOutletContext]=\"{\r\n                                    $implicit: viewRow.row.data,\r\n                                    element: rowElement,\r\n                                    index: rowIndex\r\n                                }\">\r\n                            </ng-container>\r\n                        }\r\n                    </tr>\r\n                    @if (gridRow.expanded()) {\r\n                        <tr monaGridDetailRow [style.width.px]=\"gridService.masterDetailRowWidth()\">\r\n                            @for (_ of gridService.groupColumns() | monaSlice: 0 : viewRow.depth + 1; track $index) {\r\n                                <td\r\n                                    monaGridCell\r\n                                    monaGridLockedCell\r\n                                    [lockedCellHeader]=\"true\"\r\n                                    [lockedStructuralOffset]=\"$index * gridService.groupColumnWidth\"\r\n                                    [grouped]=\"true\"\r\n                                    [indentCell]=\"true\"\r\n                                    [attr.colspan]=\"1\"\r\n                                    [style.width.px]=\"gridService.groupColumnWidth\"></td>\r\n                            }\r\n                            @let colspan = columns().length + gridService.groupColumns().length - 1;\r\n                            <td\r\n                                monaGridDetailIndentCell\r\n                                monaGridLockedCell\r\n                                [lockedStructuralOffset]=\"(viewRow.depth + 1) * gridService.groupColumnWidth\"\r\n                                [nextRowType]=\"nextRow?.type\"\r\n                                [attr.colspan]=\"1\"\r\n                                [style.width.px]=\"gridService.masterDetailEmptyCellWidth()\"></td>\r\n                            <td monaGridDetailContentCell [nextRowType]=\"nextRow?.type\" [attr.colspan]=\"colspan\">\r\n                                <ng-container\r\n                                    [ngTemplateOutlet]=\"gridService.masterDetailTemplate()\"\r\n                                    [ngTemplateOutletContext]=\"{ $implicit: viewRow.row.data }\"></ng-container>\r\n                            </td>\r\n                        </tr>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    </tbody>\r\n</table>\r\n\r\n<ng-template let-rowData let-element=\"element\" let-rowIndex=\"index\" #contextMenuTemplate>\r\n    <mona-contextmenu [target]=\"element\" [items]=\"gridService.contextMenuItems()\"></mona-contextmenu>\r\n    <!--    [context]=\"{rowData, element, rowIndex}\"-->\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+
+export { GridListComponent };
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-Dgea-O0X.mjs.map