@nanahoshi/mona-ui 0.1.1 → 0.2.0

package/fesm2022/nanahoshi-mona-ui-expansion-panel.mjs

@@ -1,8 +1,7 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, inject, contentChildren, TemplateRef, computed, contentChild, input, model, Component } from '@angular/core';
+import { Directive, contentChildren, TemplateRef, computed, contentChild, input, model, Component } from '@angular/core';
 import { LucideMinus, LucidePlus } from '@lucide/angular';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 import { createElementControlId } from '@nanahoshi/mona-ui/internal';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -40,11 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }] });
 
-const expansionPanelBaseVariants = cva(`
-        block w-full bg-background overflow-hidden
-        border border-border text-foreground
-        not-last:border-b-transparent not-last:rounded-b-none
-        not-first:rounded-t-none relative
+const expansionPanelBaseThemeVariants = cva(`
+        relative block w-full overflow-hidden
+        bg-surface text-foreground border border-border
+        not-last:border-b-transparent not-last:rounded-b-none not-first:rounded-t-none
     `, {
     variants: {
         rounded: {
@@ -55,34 +53,33 @@ const expansionPanelBaseVariants = cva(`
         }
     }
 });
-const expansionPanelHeaderVariants = cva(`
-        w-full flex items-center justify-between
+const expansionPanelHeaderThemeVariants = cva(`
+        relative flex w-full items-center justify-between
         px-2 py-1
-        bg-background-dark
         cursor-pointer
-        font-medium
-        text-foreground
         select-none
-        transition-border-b duration-200
-        focus-visible:outline-primary/40 focus-visible:border-b-transparent
-        focus-visible:ring-1 focus-visible:ring-primary/40
-        focus-visible:z-10 focus-visible:relative
+        font-medium text-foreground
+        bg-surface-muted
+        transition-colors duration-(--mona-motion-fast)
+        hover:bg-hover active:bg-active
+        focus-visible:z-10 focus-visible:outline-none
+        focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-indicator/35
     `, {
     variants: {
         collapsed: {
             true: "border-b-transparent",
-            false: "border-0 border-b border-border border-solid"
+            false: "border-0 border-b border-border-subtle"
         },
         disabled: {
-            true: "pointer-events-none opacity-50 cursor-not-allowed select-none",
+            true: "pointer-events-none cursor-not-allowed select-none bg-disabled-background text-disabled-foreground",
             false: ""
         }
     }
 });
-const expansionPanelHeaderTitleVariants = cva(`
+const expansionPanelHeaderTitleThemeVariants = cva(`
         p-1 flex-1
     `);
-const expansionPanelIconContainerVariants = cva(``, {
+const expansionPanelIconContainerThemeVariants = cva(``, {
     variants: {
         hasTemplate: {
             true: "",
@@ -90,10 +87,10 @@ const expansionPanelIconContainerVariants = cva(``, {
         }
     }
 });
-const expansionPanelContentVariants = cva(`
+const expansionPanelContentThemeVariants = cva(`
         text-foreground
         grid
-        transition-[grid-template-rows] duration-300 ease-out
+        transition-[grid-template-rows] duration-(--mona-motion-standard) ease-out
         [&>div]:overflow-hidden
     `, {
     variants: {
@@ -104,81 +101,34 @@ const expansionPanelContentVariants = cva(`
     }
 });
 
-const expansionPanelBaseThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return expansionPanelBaseVariants;
-        default:
-            return expansionPanelBaseVariants;
-    }
-};
-const expansionPanelHeaderThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return expansionPanelHeaderVariants;
-        default:
-            return expansionPanelHeaderVariants;
-    }
-};
-const expansionPanelHeaderTitleThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return expansionPanelHeaderTitleVariants;
-        default:
-            return expansionPanelHeaderTitleVariants;
-    }
-};
-const expansionPanelIconContainerThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return expansionPanelIconContainerVariants;
-        default:
-            return expansionPanelIconContainerVariants;
-    }
-};
-const expansionPanelContentThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return expansionPanelContentVariants;
-        default:
-            return expansionPanelContentVariants;
-    }
-};
-
 class ExpansionPanelComponent {
     constructor() {
-        this.#themeService = inject(ThemeService);
         this.actionsTemplateList = contentChildren(ExpansionPanelActionsTemplateDirective, { ...(ngDevMode ? { debugName: "actionsTemplateList" } : /* istanbul ignore next */ {}), read: TemplateRef });
         this.baseClass = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.rounded();
-            const variantClass = expansionPanelBaseThemeVariants(theme)({ rounded });
+            const variantClass = expansionPanelBaseThemeVariants({ rounded });
             return twMerge(variantClass, this.userClass());
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
         this.contentClass = computed(() => {
-            const theme = this.#themeService.theme();
             const expanded = this.expanded();
-            return expansionPanelContentThemeVariants(theme)({ expanded });
+            return expansionPanelContentThemeVariants({ expanded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentClass" }] : /* istanbul ignore next */ []));
         this.contentId = createElementControlId();
         this.headerClass = computed(() => {
-            const theme = this.#themeService.theme();
             const collapsed = !this.expanded();
             const disabled = this.disabled();
-            return expansionPanelHeaderThemeVariants(theme)({ collapsed, disabled });
+            return expansionPanelHeaderThemeVariants({ collapsed, disabled });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "headerClass" }] : /* istanbul ignore next */ []));
         this.headerTitleClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return expansionPanelHeaderTitleThemeVariants(theme)();
+            return expansionPanelHeaderTitleThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "headerTitleClass" }] : /* istanbul ignore next */ []));
         this.iconContainerClass = computed(() => {
-            const theme = this.#themeService.theme();
             const hasTemplate = !!this.iconTemplate();
-            return expansionPanelIconContainerThemeVariants(theme)({ hasTemplate });
+            return expansionPanelIconContainerThemeVariants({ hasTemplate });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconContainerClass" }] : /* istanbul ignore next */ []));
         this.iconTemplate = contentChild(ExpansionPanelIconTemplateDirective, { ...(ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
@@ -214,7 +164,6 @@ class ExpansionPanelComponent {
         this.userClass = input("", /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "userClass" }] : /* istanbul ignore next */ []));
     }
-    #themeService;
     toggle() {
         if (this.disabled()) {
             return;

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

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, computed, contentChild, TemplateRef, input, Component } from '@angular/core';
+import { Directive, computed, contentChild, TemplateRef, input, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 
@@ -16,13 +15,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }] });
 
-const fieldsetBaseVariants = cva(`
+const fieldsetBaseThemeVariants = cva(`
         block
     `);
-const fieldsetVariants = cva(`
-        bg-background
-        border border-border
-        text-foreground
+const fieldsetThemeVariants = cva(`
+        bg-surface text-foreground border border-border
     `, {
     variants: {
         rounded: {
@@ -33,7 +30,7 @@ const fieldsetVariants = cva(`
             none: "rounded-none"
         },
         disabled: {
-            true: "pointer-events-none opacity-50 cursor-not-allowed select-none",
+            true: "pointer-events-none cursor-not-allowed select-none bg-disabled-background text-disabled-foreground border-disabled-border",
             false: ""
         }
     },
@@ -41,13 +38,13 @@ const fieldsetVariants = cva(`
         disabled: false
     }
 });
-const fieldsetLegendVariants = cva(`
-        ml-2
+const fieldsetLegendThemeVariants = cva(`
+        ms-2
     `, {
     variants: {
         hasTemplate: {
             true: "",
-            false: "bg-background-dark text-foreground border border-border px-2"
+            false: "px-2 bg-surface-raised text-foreground border border-border-subtle"
         },
         rounded: {
             small: "rounded-sm",
@@ -62,52 +59,23 @@ const fieldsetLegendVariants = cva(`
     }
 });
 
-const fieldsetBaseThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return fieldsetBaseVariants;
-        default:
-            return fieldsetBaseVariants;
-    }
-};
-const fieldsetThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return fieldsetVariants;
-        default:
-            return fieldsetVariants;
-    }
-};
-const fieldsetLegendThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return fieldsetLegendVariants;
-        default:
-            return fieldsetLegendVariants;
-    }
-};
-
 class FieldsetComponent {
     constructor() {
-        this.#themeService = inject(ThemeService);
         this.baseClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return fieldsetBaseThemeVariants(theme)();
+            return fieldsetBaseThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
         this.fieldsetClass = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.rounded();
             const disabled = this.disabled();
             const userClass = this.userClass();
-            return twMerge(fieldsetThemeVariants(theme)({ rounded, disabled }), userClass);
+            return twMerge(fieldsetThemeVariants({ rounded, disabled }), userClass);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "fieldsetClass" }] : /* istanbul ignore next */ []));
         this.legendClass = computed(() => {
-            const theme = this.#themeService.theme();
             const rounded = this.rounded();
             const hasTemplate = !!this.legendTemplate();
-            return fieldsetLegendThemeVariants(theme)({ hasTemplate, rounded });
+            return fieldsetLegendThemeVariants({ hasTemplate, rounded });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "legendClass" }] : /* istanbul ignore next */ []));
         this.legendTemplate = contentChild(FieldsetLegendTemplateDirective, { ...(ngDevMode ? { debugName: "legendTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
@@ -147,7 +115,6 @@ class FieldsetComponent {
          */
         this.userClass = input("", { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: "class" });
     }
-    #themeService;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: FieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: FieldsetComponent, isStandalone: true, selector: "mona-fieldset", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "baseClass()" } }, queries: [{ propertyName: "legendTemplate", first: true, predicate: FieldsetLegendTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<fieldset [class]=\"fieldsetClass()\" [disabled]=\"disabled()\" [attr.name]=\"name()\">\n    @if (legendVisible()) {\n        <legend [class]=\"legendClass()\">\n            @if (legendTemplate()) {\n                <ng-container [ngTemplateOutlet]=\"legendTemplate()\"></ng-container>\n            } @else {\n                <span>{{ legend() }}</span>\n            }\n        </legend>\n    }\n    <ng-content></ng-content>\n</fieldset>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }

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

@@ -8,8 +8,8 @@ import { DatePickerComponent } from '@nanahoshi/mona-ui/date-picker';
 import { DropdownListComponent } from '@nanahoshi/mona-ui/dropdown-list';
 import { NumericTextBoxComponent } from '@nanahoshi/mona-ui/numeric-text-box';
 import { TextBoxComponent } from '@nanahoshi/mona-ui/text-box';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 import { cva } from 'class-variance-authority';
+import { themeOverlaySurfaceClasses } from '@nanahoshi/mona-ui/internal';
 
 class OperatorFilterPipe {
     transform(value, visibleOperators) {
@@ -219,11 +219,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
             type: Injectable
         }] });
 
-const filterMenuBaseVariants = cva(`
-        w-full flex flex-col
-        p-1 gap-2
-        bg-background-dark text-foreground border border-border
-        shadow-lg
+const filterMenuBaseThemeVariants = cva(`
+        flex w-full flex-col
+        gap-2 p-1
+        ${themeOverlaySurfaceClasses} text-foreground
+        border border-border shadow-(--shadow-overlay)
     `, {
     variants: {
         rounded: {
@@ -239,49 +239,22 @@ const filterMenuBaseVariants = cva(`
         }
     }
 });
-const filterMenuItemVariants = cva(`
+const filterMenuItemThemeVariants = cva(`
         flex flex-col gap-1
         [&>mona-button-group>button]:flex-1
     `);
-const filterMenuActionVariants = cva(`
+const filterMenuActionsThemeVariants = cva(`
         flex flex-row
         items-center justify-center
         gap-1 [&>button]:flex-1
     `);
 
-const filterMenuBaseThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return filterMenuBaseVariants;
-        default:
-            return filterMenuBaseVariants;
-    }
-};
-const filterMenuActionsThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return filterMenuActionVariants;
-        default:
-            return filterMenuActionVariants;
-    }
-};
-const filterMenuItemThemeVariants = (theme) => {
-    switch (theme) {
-        case "mona":
-            return filterMenuItemVariants;
-        default:
-            return filterMenuItemVariants;
-    }
-};
-
 class FilterMenuComponent {
     #booleanFilterValues;
     #filterService;
-    #themeService;
     constructor() {
         this.#booleanFilterValues = [null, null];
         this.#filterService = inject(FilterService);
-        this.#themeService = inject(ThemeService);
         this.applyDisabled = computed(() => {
             if (!this.firstFilterValid()) {
                 return true;
@@ -290,8 +263,7 @@ class FilterMenuComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "applyDisabled" }] : /* istanbul ignore next */ []));
         this.baseClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return filterMenuBaseThemeVariants(theme)();
+            return filterMenuBaseThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
         this.booleanFilterMenuDataItems = this.#filterService.booleanFilterMenuItems;
@@ -318,13 +290,11 @@ class FilterMenuComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "effectiveDateOptions" }] : /* istanbul ignore next */ []));
         this.filterMenuActionsClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return filterMenuActionsThemeVariants(theme)();
+            return filterMenuActionsThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "filterMenuActionsClass" }] : /* istanbul ignore next */ []));
         this.filterMenuItemClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return filterMenuItemThemeVariants(theme)();
+            return filterMenuItemThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "filterMenuItemClass" }] : /* istanbul ignore next */ []));
         this.firstFilterValid = computed(() => {

package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-cell.component-B2ETh-uI.mjs → nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs}

@@ -2,7 +2,7 @@ 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-T9Bj98kl.mjs';
+import { c as GridService } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
 
 class GridFooterCellComponent {
     constructor() {
@@ -102,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], 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-B2ETh-uI.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DZk18LJC.mjs → nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs}

@@ -1,14 +1,11 @@
 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-T9Bj98kl.mjs';
+import { computed, input, Directive } from '@angular/core';
+import { v as gridFooterTableCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-BRZUd8cE.mjs';
 
 class GridFooterTableCellDirective {
     constructor() {
-        this.#themeService = inject(ThemeService);
         this.className = computed(() => {
-            const theme = this.#themeService.theme();
-            return gridFooterTableCellThemeVariants(theme)();
+            return gridFooterTableCellThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
         this.minWidth = computed(() => this.footerColumn()?.minWidth ?? this.footerCellMinWidth(), /* @ts-ignore */
@@ -22,7 +19,6 @@ class GridFooterTableCellDirective {
         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 }); }
 }
@@ -39,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], 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-DZk18LJC.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-list.component-C7WKhhig.mjs → nanahoshi-mona-ui-grid-grid-list.component-DCd8K6ng.mjs}

@@ -5,30 +5,26 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ImmutableList, ImmutableSet, span } from '@mirei/ts-collections';
 import { SlicePipe } from '@nanahoshi/mona-ui/common';
 import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
-import { ThemeService } from '@nanahoshi/mona-ui/theme';
 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-BRiY0CDX.mjs';
-import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-DZk18LJC.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-T9Bj98kl.mjs';
-import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B2ETh-uI.mjs';
+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-Dl8Hlkhj.mjs';
+import { GridFooterTableCellDirective } from './nanahoshi-mona-ui-grid-grid-footer-table-cell.directive-OJe4UYuw.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-BRZUd8cE.mjs';
+import { GridFooterCellComponent } from './nanahoshi-mona-ui-grid-grid-footer-cell.component-B6FBLtrr.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 });
+            return gridListBaseThemeVariants({ virtual: false });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "baseClass" }] : /* istanbul ignore next */ []));
         this.flattenedGroupedRows = computed(() => {
@@ -43,19 +39,16 @@ class GridListComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "flattenedGroupedRows" }] : /* istanbul ignore next */ []));
         this.footerTableRowClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return gridFooterTableRowThemeVariants(theme)();
+            return gridFooterTableRowThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "footerTableRowClass" }] : /* istanbul ignore next */ []));
         this.gridService = inject(GridService);
         this.groupRowClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return gridGroupRowThemeVariants(theme)();
+            return gridGroupRowThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "groupRowClass" }] : /* istanbul ignore next */ []));
         this.tableClass = computed(() => {
-            const theme = this.#themeService.theme();
-            return gridListTableThemeVariants(theme)();
+            return gridListTableThemeVariants();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tableClass" }] : /* istanbul ignore next */ []));
         this.columns = input(ImmutableList.create(), /* @ts-ignore */
@@ -125,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], 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-C7WKhhig.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-DCd8K6ng.mjs.map