@nanahoshi/mona-ui 0.1.0 → 0.2.0

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

@@ -1,23 +1,122 @@
+import * as _nanahoshi_mona_ui_theme from '@nanahoshi/mona-ui/theme';
 import * as _angular_core from '@angular/core';
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
 
-type ThemeStyle = "mona";
+type BuiltInThemeName = "anna" | "luna" | "mona";
+type ThemeName = string;
 type ThemeVariant = "light" | "dark";
-type ThemeId = `${ThemeStyle}-${ThemeVariant}`;
+interface ThemeSelection {
+    readonly name: ThemeName;
+    readonly variant: ThemeVariant;
+}
+
+type ThemeColorVariable = `--color-${string}`;
+type ThemeColors = Readonly<Record<ThemeColorVariable, string>>;
+type ThemeShadowVariable = `--shadow-${string}`;
+type ThemeShadows = Readonly<Record<ThemeShadowVariable, string>>;
+type ThemeVariable = `--${string}`;
+type ThemeVariables = Readonly<Record<ThemeVariable, string>>;
+type ThemeMotionVariable = "--mona-motion-fast" | "--mona-motion-standard";
+type ThemeMotion = Readonly<Record<ThemeMotionVariable, string>>;
+type ThemeEffectLevel = "control" | "overlay" | "raised";
+type ThemeEffectVariable = `--mona-effect-${ThemeEffectLevel}-background-color` | `--mona-effect-${ThemeEffectLevel}-fallback-background-color` | `--mona-effect-${ThemeEffectLevel}-background-image` | `--mona-effect-${ThemeEffectLevel}-backdrop-filter`;
+type ThemeEffects = Readonly<Record<ThemeEffectVariable, string>>;
+type ThemeShapeVariable = "--radius-sm" | "--radius-md" | "--radius-lg";
+type ThemeShape = Readonly<Record<ThemeShapeVariable, string>>;
+type ThemeComponentVariable = "--mona-calendar-background" | "--mona-calendar-shadow" | "--mona-list-background" | "--mona-list-disabled-background" | "--mona-list-group-background" | "--mona-list-group-border-width" | "--mona-list-group-font-weight" | "--mona-menubar-background" | "--mona-menubar-shadow" | "--mona-pager-background" | "--mona-slider-handle-border-color" | "--mona-tab-list-background" | "--mona-tab-content-background";
+type ThemeComponents = Readonly<Record<ThemeComponentVariable, string>>;
+interface ThemeProfile {
+    readonly colors: ThemeColors;
+    readonly components: ThemeComponents;
+    readonly custom?: ThemeVariables;
+    readonly effects: ThemeEffects;
+    readonly motion: ThemeMotion;
+    readonly shape: ThemeShape;
+    readonly shadows: ThemeShadows;
+}
+interface ThemeProfileOverrides {
+    readonly colors?: ThemeColors;
+    readonly components?: Partial<ThemeComponents>;
+    readonly custom?: ThemeVariables;
+    readonly effects?: Partial<ThemeEffects>;
+    readonly motion?: Partial<ThemeMotion>;
+    readonly shape?: Partial<ThemeShape>;
+    readonly shadows?: ThemeShadows;
+}
+type ThemeFamilyVariants = Readonly<{
+    readonly dark: ThemeProfile;
+    readonly light?: ThemeProfile;
+} | {
+    readonly dark?: ThemeProfile;
+    readonly light: ThemeProfile;
+}>;
+interface ThemeFamilyRegistration {
+    readonly name: ThemeName;
+    readonly variants: ThemeFamilyVariants;
+}
+interface ThemeOverrideRegistration {
+    readonly common?: ThemeProfileOverrides;
+    readonly dark?: ThemeProfileOverrides;
+    readonly light?: ThemeProfileOverrides;
+    readonly theme: ThemeName;
+}
+interface ThemeOptions {
+    readonly initialTheme: ThemeSelection;
+}
+interface ThemeColorPaletteSeeds {
+    readonly error?: string;
+    readonly info?: string;
+    readonly primary: string;
+    readonly secondary?: string;
+    readonly success?: string;
+    readonly warning?: string;
+}
+type GeneratedThemeColorPalette = Readonly<Record<ThemeVariant, ThemeColors>>;
+interface ThemeColorPaletteRegistration {
+    readonly seeds: ThemeColorPaletteSeeds;
+    readonly theme: ThemeName;
+}
+declare function flattenThemeProfile(profile: ThemeProfile): ThemeVariables;
 
 declare class ThemeService {
     #private;
-    readonly themeId: _angular_core.WritableSignal<"mona-light" | "mona-dark">;
-    readonly theme: _angular_core.Signal<"mona">;
-    readonly themeVariant: _angular_core.Signal<ThemeVariant>;
+    /** The consumer-provided seeds for the active runtime color palette, or `null` when provider defaults are active. */
+    readonly colorPaletteSeeds: _angular_core.Signal<ThemeColorPaletteSeeds | null>;
+    readonly profile: _angular_core.Signal<ThemeProfile>;
+    readonly selection: _angular_core.Signal<ThemeSelection>;
+    readonly themeName: _angular_core.Signal<string>;
+    readonly themeVariant: _angular_core.Signal<_nanahoshi_mona_ui_theme.ThemeVariant>;
     constructor();
-    setThemeId(themeId: ThemeId): void;
-    private getActiveThemeVariables;
-    private getMonaDarkThemeVariables;
-    private getMonaLightThemeVariables;
-    private updateThemeVariables;
+    /** Removes the runtime color palette and restores the registered profile and provider overrides. */
+    clearColorPalette(): void;
+    /**
+     * Applies a runtime-generated semantic color palette after all registered profile overrides.
+     * The palette remains active across theme and light/dark switches until cleared.
+     */
+    setColorPalette(seeds: ThemeColorPaletteSeeds): void;
+    /** Updates only the runtime primary seed while retaining any other active runtime seeds. */
+    setPrimaryColor(primary: string): void;
+    setTheme(selection: ThemeSelection): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
-export { ThemeService };
-export type { ThemeId, ThemeStyle, ThemeVariant };
+declare function provideThemeFamily(registration: ThemeFamilyRegistration): EnvironmentProviders;
+declare function provideThemeOverrides(registration: ThemeOverrideRegistration): EnvironmentProviders;
+declare function provideThemeOptions(options: ThemeOptions): EnvironmentProviders;
+declare function provideThemeColorPalette(registration: ThemeColorPaletteRegistration): EnvironmentProviders;
+
+interface ThemeStrategy {
+    resolve(selection: ThemeSelection): ThemeProfile;
+}
+
+declare const THEME_STRATEGY: InjectionToken<ThemeStrategy>;
+
+/**
+ * Generates accessible light and dark color-role overrides from consumer-provided CSS colors.
+ * Seed lightness is treated as source identity; the generated variants use fixed tonal anchors.
+ */
+declare function generateThemeColorPalette(seeds: ThemeColorPaletteSeeds): GeneratedThemeColorPalette;
+
+export { THEME_STRATEGY, ThemeService, flattenThemeProfile, generateThemeColorPalette, provideThemeColorPalette, provideThemeFamily, provideThemeOptions, provideThemeOverrides };
+export type { BuiltInThemeName, GeneratedThemeColorPalette, ThemeColorPaletteRegistration, ThemeColorPaletteSeeds, ThemeColorVariable, ThemeColors, ThemeComponentVariable, ThemeComponents, ThemeEffectLevel, ThemeEffectVariable, ThemeEffects, ThemeFamilyRegistration, ThemeFamilyVariants, ThemeMotion, ThemeMotionVariable, ThemeName, ThemeOptions, ThemeOverrideRegistration, ThemeProfile, ThemeProfileOverrides, ThemeSelection, ThemeShadowVariable, ThemeShadows, ThemeShape, ThemeShapeVariable, ThemeStrategy, ThemeVariable, ThemeVariables, ThemeVariant };

package/types/nanahoshi-mona-ui-time-picker.d.ts

@@ -7,16 +7,15 @@ import { VariantInputs, AttributeConfig } from '@nanahoshi/mona-ui/internal';
 import { ListSizeInputType } from '@nanahoshi/mona-ui/internal/list';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 import * as i1 from '@nanahoshi/mona-ui/dropdowns';
 
-declare const timePickerBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timePickerBaseThemeVariants: (props?: ({
     focused?: boolean | null | undefined;
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TimePickerBaseVariantProps = VariantProps<ReturnType<typeof timePickerBaseThemeVariants>>;
+type TimePickerBaseVariantProps = VariantProps<typeof timePickerBaseThemeVariants>;
 type TimePickerBaseVariantInput = VariantInputs<TimePickerBaseVariantProps>;
 type TimePickerVariantProps = TimePickerBaseVariantProps;
 type TimePickerVariantInput = Omit<TimePickerBaseVariantInput, "focused">;

package/types/nanahoshi-mona-ui-time-selector.d.ts

@@ -8,33 +8,32 @@ import { ElementRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 
 type TimeListType = "hours" | "minutes" | "seconds" | "meridiem";
 
-declare const timeSelectorBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const timeSelectorHeaderThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const timeSelectorInfoContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const timeSelectorListThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const timeSelectorInfoContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const timeSelectorListThemeVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const timeSelectorListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const timeSelectorListItemThemeVariants: (props?: ({
     selected?: boolean | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type TimeSelectorBaseVariantProps = VariantProps<ReturnType<typeof timeSelectorBaseThemeVariants>>;
+type TimeSelectorBaseVariantProps = VariantProps<typeof timeSelectorBaseThemeVariants>;
 type TimeSelectorBaseVariantInput = VariantInputs<TimeSelectorBaseVariantProps>;
-type TimeSelectorHeaderVariantProps = VariantProps<ReturnType<typeof timeSelectorHeaderThemeVariants>>;
+type TimeSelectorHeaderVariantProps = VariantProps<typeof timeSelectorHeaderThemeVariants>;
 type TimeSelectorHeaderVariantInput = VariantInputs<TimeSelectorHeaderVariantProps>;
-type TimeSelectorInfoContainerVariantProps = VariantProps<ReturnType<typeof timeSelectorInfoContainerThemeVariants>>;
+type TimeSelectorInfoContainerVariantProps = VariantProps<typeof timeSelectorInfoContainerThemeVariants>;
 type TimeSelectorInfoContainerVariantInput = VariantInputs<TimeSelectorInfoContainerVariantProps>;
-type TimeSelectorListVariantProps = VariantProps<ReturnType<typeof timeSelectorListThemeVariants>>;
+type TimeSelectorListVariantProps = VariantProps<typeof timeSelectorListThemeVariants>;
 type TimeSelectorListVariantInput = VariantInputs<TimeSelectorListVariantProps>;
-type TimeSelectorListItemVariantProps = VariantProps<ReturnType<typeof timeSelectorListItemThemeVariants>>;
+type TimeSelectorListItemVariantProps = VariantProps<typeof timeSelectorListItemThemeVariants>;
 type TimeSelectorListItemVariantInput = VariantInputs<TimeSelectorListItemVariantProps>;
 type TimeSelectorVariantProps = TimeSelectorBaseVariantProps & TimeSelectorHeaderVariantProps & TimeSelectorInfoContainerVariantProps & Omit<TimeSelectorListVariantProps, "size"> & Omit<TimeSelectorListItemVariantProps, "size">;
 type TimeSelectorVariantInput = TimeSelectorBaseVariantInput & TimeSelectorHeaderVariantInput & TimeSelectorInfoContainerVariantInput & Omit<TimeSelectorListVariantInput, "size"> & Omit<TimeSelectorListItemVariantInput, "size" | "selected">;

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

@@ -4,16 +4,15 @@ import { Position } from '@nanahoshi/mona-ui/common';
 import { PopupAnchor, PopupOffset, ConnectionPoint } from '@nanahoshi/mona-ui/popup';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 
-declare const tooltipBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const tooltipBaseThemeVariants: (props?: ({
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const tooltipArrowThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-type TooltipBaseVariantProps = VariantProps<ReturnType<typeof tooltipBaseThemeVariants>>;
+declare const tooltipArrowThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type TooltipBaseVariantProps = VariantProps<typeof tooltipBaseThemeVariants>;
 type TooltipBaseVariantInputs = VariantInputs<TooltipBaseVariantProps>;
-type TooltipArrowVariantsProps = VariantProps<ReturnType<typeof tooltipArrowThemeVariants>>;
+type TooltipArrowVariantsProps = VariantProps<typeof tooltipArrowThemeVariants>;
 type TooltipArrowVariantsInputs = VariantInputs<TooltipArrowVariantsProps>;
 type TooltipVariantInputs = TooltipBaseVariantInputs & TooltipArrowVariantsInputs;
 

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

@@ -3,43 +3,42 @@ import { ElementRef, ComponentRef, TemplateRef, Type } from '@angular/core';
 import { PopupCloseEvent, PopupRef } from '@nanahoshi/mona-ui/popup';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs, Action } from '@nanahoshi/mona-ui/internal';
-import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
 import { VariantProps } from 'class-variance-authority';
 import { Observable } from 'rxjs';
 
-declare const windowBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const windowBaseThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const windowContentContainerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const windowContentContainerThemeVariants: (props?: ({
     rounded?: "none" | "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const windowContentThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const windowResizerThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const windowContentThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const windowResizerThemeVariants: (props?: ({
     position?: "north" | "south" | "east" | "west" | "northeast" | "northwest" | "southeast" | "southwest" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const windowTitleBarActionThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const windowTitleBarThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const windowTitleBarActionThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const windowTitleBarThemeVariants: (props?: ({
     look?: "default" | "primary" | null | undefined;
     rounded?: "none" | "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const windowTitleContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
-declare const windowTitleThemeVariants: (theme: ThemeStyle) => (props?: ({
+declare const windowTitleContainerThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const windowTitleThemeVariants: (props?: ({
     look?: "default" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type WindowBaseVariantProps = VariantProps<ReturnType<typeof windowBaseThemeVariants>>;
+type WindowBaseVariantProps = VariantProps<typeof windowBaseThemeVariants>;
 type WindowBaseVariantInput = VariantInputs<WindowBaseVariantProps>;
-type WindowContentContainerVariantProps = VariantProps<ReturnType<typeof windowContentContainerThemeVariants>>;
+type WindowContentContainerVariantProps = VariantProps<typeof windowContentContainerThemeVariants>;
 type WindowContentContainerVariantInput = VariantInputs<WindowContentContainerVariantProps>;
-type WindowContentVariantProps = VariantProps<ReturnType<typeof windowContentThemeVariants>>;
-type WindowResizerVariantProps = VariantProps<ReturnType<typeof windowResizerThemeVariants>>;
+type WindowContentVariantProps = VariantProps<typeof windowContentThemeVariants>;
+type WindowResizerVariantProps = VariantProps<typeof windowResizerThemeVariants>;
 type WindowResizerVariantInput = VariantInputs<WindowResizerVariantProps>;
-type WindowTitleBarActionVariantProps = VariantProps<ReturnType<typeof windowTitleBarActionThemeVariants>>;
+type WindowTitleBarActionVariantProps = VariantProps<typeof windowTitleBarActionThemeVariants>;
 type WindowTitleBarActionVariantInput = VariantInputs<WindowTitleBarActionVariantProps>;
-type WindowTitleBarVariantProps = VariantProps<ReturnType<typeof windowTitleBarThemeVariants>>;
+type WindowTitleBarVariantProps = VariantProps<typeof windowTitleBarThemeVariants>;
 type WindowTitleBarVariantInput = VariantInputs<WindowTitleBarVariantProps>;
-type WindowTitleContainerVariantProps = VariantProps<ReturnType<typeof windowTitleContainerThemeVariants>>;
+type WindowTitleContainerVariantProps = VariantProps<typeof windowTitleContainerThemeVariants>;
 type WindowTitleContainerVariantInput = VariantInputs<WindowTitleContainerVariantProps>;
-type WindowTitleVariantProps = VariantProps<ReturnType<typeof windowTitleThemeVariants>>;
+type WindowTitleVariantProps = VariantProps<typeof windowTitleThemeVariants>;
 type WindowTitleVariantInput = VariantInputs<WindowTitleVariantProps>;
 type WindowVariantProps = WindowBaseVariantProps & WindowContentContainerVariantProps & WindowContentVariantProps & WindowResizerVariantProps & WindowTitleBarActionVariantProps & WindowTitleBarVariantProps & WindowTitleContainerVariantProps & WindowTitleVariantProps;
 type WindowVariantInput = WindowBaseVariantInput & WindowContentContainerVariantInput & Omit<WindowResizerVariantInput, "position"> & WindowTitleBarVariantInput & WindowTitleContainerVariantInput & WindowTitleBarActionVariantInput & WindowTitleVariantInput;

package/window/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nanahoshi-mona-ui-window.mjs",
+  "typings": "../types/nanahoshi-mona-ui-window.d.ts"
+}

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

@@ -1,130 +0,0 @@
-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