@nanahoshi/mona-ui 0.23.1 → 0.23.3

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

@@ -11,13 +11,16 @@ import { themeRaisedBackdropClasses, createElementControlId, rxTimeout } from '@
 import { DateTime } from 'luxon';
 import { skip, fromEvent } from 'rxjs';
 import { twMerge } from 'tailwind-merge';
-import { MonaI18nService, injectComponentDirection, gregorianDateTime, formatGregorianDateToLocaleString, getLocaleFirstDayOfWeek, gregorianDateTimeFromObject, formatNumber } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService, injectComponentDirection, gregorianDateTime, formatGregorianDateToLocaleString, getLocaleFirstDayOfWeek, gregorianDateTimeFromObject } from '@nanahoshi/mona-ui/i18n';
 import { cva } from 'class-variance-authority';
 
+function localizeYear(year) {
+    return formatNumber(year, "en-US", { useGrouping: false });
+}
 const CALENDAR_DEFAULT_MESSAGES = {
     calendarLabel: (formattedMonthAndYear) => `Calendar, ${formattedMonthAndYear}`,
     yearViewLabel: (year) => `Year view, ${year}`,
-    decadeViewLabel: (start, end) => `Decade view, ${start} - ${end}`,
+    decadeViewLabel: (start, end) => `Decade view, ${localizeYear(start)} - ${localizeYear(end)}`,
     nextMonth: "Next month",
     nextYear: "Next year",
     nextDecade: "Next decade",
@@ -28,8 +31,8 @@ const CALENDAR_DEFAULT_MESSAGES = {
     goToToday: (formattedDate) => `Go to today, ${formattedDate}`,
     switchToYearView: (currentMonthAndYear) => `Switch to year view, currently ${currentMonthAndYear}`,
     switchToDecadeView: (currentYear) => `Switch to decade view, currently ${currentYear}`,
-    decadeRange: (start, end) => `${start} to ${end}`,
-    yearCellLabel: (year) => `Year ${year}`
+    decadeRange: (start, end) => `${localizeYear(start)} to ${localizeYear(end)}`,
+    yearCellLabel: (year) => `Year ${localizeYear(year)}`
 };
 
 class CalendarDecadeCellTemplateDirective {

package/fesm2022/nanahoshi-mona-ui-color-gradient.mjs

@@ -10,10 +10,13 @@ import { DropdownButtonComponent, DropdownButtonItemComponent } from '@nanahoshi
 import { NumericTextBoxComponent, NumericTextBoxPrefixTemplateDirective } from '@nanahoshi/mona-ui/numeric-text-box';
 import { SliderComponent } from '@nanahoshi/mona-ui/slider';
 import { TextBoxComponent, TextBoxPrefixTemplateDirective, TextBoxSuffixTemplateDirective } from '@nanahoshi/mona-ui/text-box';
-import { MonaI18nService } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService } from '@nanahoshi/mona-ui/i18n';
 import { Subject, fromEvent, switchMap, takeUntil, distinctUntilChanged } from 'rxjs';
 import { cva } from 'class-variance-authority';
 
+function localizeNumber(value) {
+    return formatNumber(value, "en-US");
+}
 const COLOR_GRADIENT_DEFAULT_MESSAGES = {
     apply: "Apply",
     cancel: "Cancel",
@@ -24,7 +27,7 @@ const COLOR_GRADIENT_DEFAULT_MESSAGES = {
     currentColor: "Current color",
     previousColor: "Previous color",
     saturationAndValue: "Color saturation and value",
-    saturationAndValueText: (saturation, value) => `Saturation ${saturation}%, Value ${value}%`,
+    saturationAndValueText: (saturation, value) => `Saturation ${localizeNumber(saturation)}%, Value ${localizeNumber(value)}%`,
     switchColorMode: "Switch color mode"
 };
 

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

@@ -6,7 +6,7 @@ import { PreventableEvent } from '@nanahoshi/mona-ui/common';
 import { Subject, takeUntil, take, filter, switchMap, fromEvent } from 'rxjs';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { PopupService, dropdownPopupAnimation } from '@nanahoshi/mona-ui/popup';
-import { MonaI18nService } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService } from '@nanahoshi/mona-ui/i18n';
 import { cva } from 'class-variance-authority';
 import { themeOverlaySurfaceClasses } from '@nanahoshi/mona-ui/internal';
 
@@ -593,10 +593,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+function localizeNumber(value) {
+    return formatNumber(value, "en-US");
+}
 const DROPDOWNS_DEFAULT_MESSAGES = {
-    itemPosition: (text, position, total) => `${text}, ${position} of ${total}`,
+    itemPosition: (text, position, total) => `${text}, ${localizeNumber(position)} of ${localizeNumber(total)}`,
     noResultsFound: "No results found",
-    resultsAvailable: (count) => `${count} result${count === 1 ? "" : "s"} available`
+    resultsAvailable: (count) => `${localizeNumber(count)} result${count === 1 ? "" : "s"} available`
 };
 
 class DropdownLiveRegionDirective {

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

@@ -4,7 +4,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { twMerge } from 'tailwind-merge';
 import { ImmutableSet, any, List, range } from '@mirei/ts-collections';
-import { MonaI18nService } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService } from '@nanahoshi/mona-ui/i18n';
 import { Extension, Editor } from '@tiptap/core';
 import { Color } from '@tiptap/extension-color';
 import { FontFamily } from '@tiptap/extension-font-family';
@@ -256,6 +256,9 @@ const Indent = Extension.create({
     }
 });
 
+function localizeNumber(value) {
+    return formatNumber(value, "en-US");
+}
 const EDITOR_DEFAULT_MESSAGES = {
     addColumnAfter: "Add column after",
     addColumnBefore: "Add column before",
@@ -277,7 +280,7 @@ const EDITOR_DEFAULT_MESSAGES = {
     enterUrl: "Enter the URL",
     fontSize: "Font Size",
     format: "Format",
-    heading: (level) => `Heading ${level}`,
+    heading: (level) => `Heading ${localizeNumber(level)}`,
     heightPx: "Height (px)",
     imageUrl: "Image URL",
     indent: "Indent",

package/fesm2022/{nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs → nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, computed, input, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
-import { a as GridService, v as gridFooterTableCellThemeVariants, w as gridFooterTableRowThemeVariants, m as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs';
+import { a as GridService, v as gridFooterTableCellThemeVariants, w as gridFooterTableRowThemeVariants, m as GridLockedCellDirective } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs';
 import { NgTemplateOutlet } from '@angular/common';
 import { ImmutableDictionary } from '@mirei/ts-collections';
 
@@ -166,4 +166,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], propDecorators: { groupKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupKey", required: false }] }] } });
 
 export { GridFooterRowComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-list.component-CpeheGXU.mjs → nanahoshi-mona-ui-grid-grid-list.component-B2pBOuLa.mjs}

@@ -5,9 +5,9 @@ import { inject, DestroyRef, ElementRef, viewChild, computed, input, afterNextRe
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ImmutableList } from '@mirei/ts-collections';
 import { fromEvent } from 'rxjs';
-import { G as GridNavigationService, g as gridListBaseThemeVariants, a as GridService, b as gridRowDragPreviewThemeVariants, c as gridListTableThemeVariants, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs';
-import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-B_5ay_Nz.mjs';
-import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs';
+import { G as GridNavigationService, g as gridListBaseThemeVariants, a as GridService, b as gridRowDragPreviewThemeVariants, c as gridListTableThemeVariants, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs';
+import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-Buf4evf5.mjs';
+import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs';
 
 const ROW_MOVE_DURATION = 200;
 const ROW_MOVE_EASING = "cubic-bezier(0.2, 0, 0, 1)";
@@ -173,4 +173,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 export { GridListComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-CpeheGXU.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-list.component-B2pBOuLa.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-row.component-B_5ay_Nz.mjs → nanahoshi-mona-ui-grid-grid-row.component-Buf4evf5.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, computed, input, Directive, Component, signal, ElementRef, viewChild, output, effect, untracked, afterNextRender, ChangeDetectionStrategy, model, Injector, LOCALE_ID } from '@angular/core';
-import { a as GridService, i as gridListTableCellThemeVariants, j as gridCellEditorBaseThemeVariants, k as gridCellEditorInputThemeVariants, l as gridListTableRowThemeVariants, m as GridLockedCellDirective, n as GridLogicalCellDirective, o as gridGroupRowThemeVariants, G as GridNavigationService, p as gridCellBaseThemeVariants, q as gridCellContainerThemeVariants, r as gridCellDirtyIndicatorThemeVariants, s as gridCellTextThemeVariants, t as gridRowReorderHandleThemeVariants, u as gridSelectionCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs';
+import { a as GridService, i as gridListTableCellThemeVariants, j as gridCellEditorBaseThemeVariants, k as gridCellEditorInputThemeVariants, l as gridListTableRowThemeVariants, m as GridLockedCellDirective, n as GridLogicalCellDirective, o as gridGroupRowThemeVariants, G as GridNavigationService, p as gridCellBaseThemeVariants, q as gridCellContainerThemeVariants, r as gridCellDirtyIndicatorThemeVariants, s as gridCellTextThemeVariants, t as gridRowReorderHandleThemeVariants, u as gridSelectionCellThemeVariants } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs';
 import { NgTemplateOutlet, formatDate } from '@angular/common';
 import { ContextMenuComponent } from '@nanahoshi/mona-ui/contextmenu';
 import { twMerge } from 'tailwind-merge';
@@ -943,4 +943,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }] } });
 
 export { GridAddRowComponent as G, GridDetailRowComponent as a, GridGroupRowComponent as b, GridRowComponent as c };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-row.component-B_5ay_Nz.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-row.component-Buf4evf5.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-grid-virtual-list.component-BzKywU5b.mjs → nanahoshi-mona-ui-grid-grid-virtual-list.component-1RdqLEa9.mjs}

@@ -1,4 +1,4 @@
-import { G as GridNavigationService, a as GridService, g as gridListBaseThemeVariants, e as gridFooterThemeVariants, f as gridFooterTableThemeVariants, c as gridListTableThemeVariants, h as GRID_DEFAULT_VIRTUAL_ROW_HEIGHT, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs';
+import { G as GridNavigationService, a as GridService, g as gridListBaseThemeVariants, e as gridFooterThemeVariants, f as gridFooterTableThemeVariants, c as gridListTableThemeVariants, h as GRID_DEFAULT_VIRTUAL_ROW_HEIGHT, d as GridColgroupComponent } from './nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs';
 import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
 import { inject, DestroyRef, ElementRef, Injector, viewChild, computed, input, effect, untracked, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -6,8 +6,8 @@ import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ImmutableList } from '@mirei/ts-collections';
 import { rxTimeout } from '@nanahoshi/mona-ui/internal';
 import { fromEvent } from 'rxjs';
-import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-B_5ay_Nz.mjs';
-import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs';
+import { G as GridAddRowComponent, a as GridDetailRowComponent, b as GridGroupRowComponent, c as GridRowComponent } from './nanahoshi-mona-ui-grid-grid-row.component-Buf4evf5.mjs';
+import { GridFooterRowComponent } from './nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs';
 
 class GridVirtualListComponent {
     #destroyRef;
@@ -170,4 +170,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         }], ctorParameters: () => [], propDecorators: { addRowScrollElementRef: [{ type: i0.ViewChild, args: ["addRowScrollElement", { isSignal: true }] }], bodyTableElementRef: [{ type: i0.ViewChild, args: ["bodyTable", { isSignal: true }] }], footerScrollElementRef: [{ type: i0.ViewChild, args: ["footerScrollElement", { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 export { GridVirtualListComponent };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-BzKywU5b.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-grid-virtual-list.component-1RdqLEa9.mjs.map

package/fesm2022/{nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs → nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs}

@@ -5,7 +5,7 @@ import { isPlatformBrowser, DOCUMENT as DOCUMENT$1, NgTemplateOutlet } from '@an
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { form } from '@angular/forms/signals';
 import { Dictionary, ImmutableList, ImmutableDictionary, ImmutableSet, KeyValuePair, select, sequenceEqual, orderBy, any } from '@mirei/ts-collections';
-import { MonaI18nService, injectComponentDirection } from '@nanahoshi/mona-ui/i18n';
+import { formatNumber, MonaI18nService, injectComponentDirection } from '@nanahoshi/mona-ui/i18n';
 import { Query } from '@nanahoshi/mona-ui/query';
 import { Subject, BehaviorSubject, filter, startWith, pairwise, map, skip, fromEvent, take, debounceTime } from 'rxjs';
 import { v4 } from 'uuid';
@@ -220,13 +220,16 @@ class RowReorderEvent extends PreventableEvent {
     }
 }
 
+function localizeNumber(value) {
+    return formatNumber(value, "en-US");
+}
 const GRID_DEFAULT_MESSAGES = {
     all: "(All)",
     apply: "Apply",
     cancel: "Cancel",
     cancelRowEdit: "Cancel row edit",
     columns: "Columns",
-    columnsSelected: (count) => `${count} selected columns`,
+    columnsSelected: (count) => `${localizeNumber(count)} selected columns`,
     delete: "Delete",
     deleteRowConfirmation: "Are you sure you want to delete this item?",
     deleteRowTitle: "Delete row?",
@@ -243,7 +246,7 @@ const GRID_DEFAULT_MESSAGES = {
     noData: "No data",
     remove: "Remove",
     removeRow: "Remove row",
-    reorderRow: (rowNumber) => `Reorder row ${rowNumber}`,
+    reorderRow: (rowNumber) => `Reorder row ${localizeNumber(rowNumber)}`,
     resizeColumn: "Resize column",
     rowReorder: "Row reorder",
     rowReorderDisabled: "Row reordering is disabled.",
@@ -256,12 +259,12 @@ const GRID_DEFAULT_MESSAGES = {
     rowReorderDisabledVirtualScroll: "Row reordering isn't available while virtual scrolling is enabled.",
     rowReorderHandleAriaLabel: (rowLabel, keyboardHint, disabledReason) => `${rowLabel}. ${keyboardHint}${disabledReason ? ` ${disabledReason}` : ""}`,
     rowReorderKeyboardHint: "Use Alt plus Up Arrow or Alt plus Down Arrow to move.",
-    rowReorderMoved: (fromRowNumber, toPosition) => `Moved row ${fromRowNumber} to position ${toPosition}.`,
+    rowReorderMoved: (fromRowNumber, toPosition) => `Moved row ${localizeNumber(fromRowNumber)} to position ${localizeNumber(toPosition)}.`,
     rowValidationError: "This row has validation errors.",
     save: "Save",
     saveRow: "Save row",
     selectAllRows: "Select all rows",
-    selectRow: (rowNumber) => `Select row ${rowNumber}`
+    selectRow: (rowNumber) => `Select row ${localizeNumber(rowNumber)}`
 };
 
 /**
@@ -5745,15 +5748,15 @@ class GridComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: GridComponent, isStandalone: true, selector: "mona-grid", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValues: { classPropertyName: "pageSizeValues", publicName: "pageSizeValues", isSignal: true, isRequired: false, transformFunction: null }, resizeMethod: { classPropertyName: "resizeMethod", publicName: "resizeMethod", isSignal: true, isRequired: false, transformFunction: null }, responsivePager: { classPropertyName: "responsivePager", publicName: "responsivePager", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "baseClass()", "attr.data-uid": "uid", "attr.aria-busy": "gridService.serverLoading() || null" } }, providers: [GridService, GridNavigationService, FilterService], queries: [{ propertyName: "columnDefinitions", predicate: GRID_COLUMN_DEFINITION, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: GridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "noDataTemplate", first: true, predicate: GridNoDataTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "toolbarTemplate", first: true, predicate: GridToolbarTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "footerScrollElement", first: true, predicate: ["footerScrollElement"], descendants: true, isSignal: true }, { propertyName: "gridHeaderElement", first: true, predicate: ["gridHeaderElement"], descendants: true, isSignal: true }, { propertyName: "gridHeaderTableElement", first: true, predicate: ["headerTable"], descendants: true, isSignal: true }, { propertyName: "groupColumnList", first: true, predicate: ["groupColumnList"], descendants: true, isSignal: true }, { propertyName: "toolbarElement", first: true, predicate: ["toolbarElement"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (toolbarTemplate()) {\n    <div\n        class=\"flex min-h-10 items-center gap-2 border-b border-border p-2\"\n        #toolbarElement\n        (keydown)=\"onToolbarKeydown($event)\">\n        <ng-container\n            [ngTemplateOutlet]=\"toolbarTemplate() ?? null\"\n            [ngTemplateOutletContext]=\"toolbarContext()\"></ng-container>\n        <button monaButton size=\"small\" #columnsButton>{{ messages().columns }}</button>\n        <mona-popup\n            [anchor]=\"columnsButton\"\n            [animation]=\"{ leave: [] }\"\n            [width]=\"'max-content'\"\n            [anchorConnectionPoint]=\"'bottomleft'\"\n            [popupConnectionPoint]=\"'topleft'\"\n            #popup>\n            <mona-grid-column-chooser\n                (apply)=\"popup.closePopup()\"\n                (cancel)=\"popup.closePopup()\"></mona-grid-column-chooser>\n        </mona-popup>\n    </div>\n}\n\n@if (groupable()) {\n    <div\n        [class]=\"groupPanelClass()\"\n        cdkDropList\n        #groupColumnList=\"cdkDropList\"\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListEntered)=\"onColumnDragEnterForGrouping()\"\n        (cdkDropListExited)=\"onColumnDragExitForGrouping()\"\n        (cdkDropListDropped)=\"onColumnDropForGrouping($event)\">\n        @if (gridService.groupColumns().length !== 0) {\n            @for (groupColumn of gridService.groupColumns(); track $index) {\n                <mona-chip\n                    [removable]=\"true\"\n                    size=\"small\"\n                    [rounded]=\"rounded()\"\n                    (click)=\"onGroupingColumnSort(groupColumn)\"\n                    (remove)=\"onGroupingColumnRemove($event, groupColumn)\">\n                    @if (groupColumn.groupSortDirection === \"asc\") {\n                        <svg lucideArrowDown [size]=\"16\" aria-hidden=\"true\"></svg>\n                    } @else if (groupColumn.groupSortDirection === \"desc\") {\n                        <svg lucideArrowUp [size]=\"16\" aria-hidden=\"true\"></svg>\n                    }\n                    <span>{{ groupColumn.title }}</span>\n                    <span class=\"ms-2\" (click)=\"$event.stopPropagation()\" #groupReorder>\n                        <svg lucideEllipsisVertical [size]=\"16\" aria-hidden=\"true\"></svg>\n                    </span>\n                    <mona-popup-menu size=\"small\" [target]=\"groupReorder\">\n                        <mona-popup-menu-item\n                            [disabled]=\"$first\"\n                            (menuClick)=\"onGroupColumnReorder(groupColumn, 'prev')\">\n                            <ng-template monaPopupMenuTextTemplate>\n                                <svg lucideArrowLeft [size]=\"16\" aria-hidden=\"true\" class=\"rtl:rotate-180\"></svg>\n                                {{ messages().moveAsPrevious }}\n                            </ng-template>\n                        </mona-popup-menu-item>\n                        <mona-popup-menu-item\n                            [disabled]=\"$last\"\n                            (menuClick)=\"onGroupColumnReorder(groupColumn, 'next')\">\n                            <ng-template monaPopupMenuTextTemplate>\n                                <svg lucideArrowRight [size]=\"16\" aria-hidden=\"true\" class=\"rtl:rotate-180\"></svg>\n                                {{ messages().moveAsNext }}\n                            </ng-template>\n                        </mona-popup-menu-item>\n                    </mona-popup-menu>\n                </mona-chip>\n            }\n        } @else if (groupPanelPlaceholderVisible()) {\n            <span [class]=\"groupPanelPlaceholderClass()\">{{ messages().dragColumnHeaderToGroup }}</span>\n        }\n    </div>\n}\n<div class=\"flex flex-col flex-1 min-h-0\" [attr.role]=\"groupable() ? 'treegrid' : 'grid'\">\n    <div [class]=\"headerClass()\" [style.margin-inline-end.px]=\"headerMarginInlineEnd()\" #gridHeaderElement>\n        <div>\n            <table\n                role=\"presentation\"\n                #headerTable\n                [class]=\"headerTableClass()\"\n                [style.width.px]=\"gridService.tableWidth()\">\n                <colgroup monaGridColgroup></colgroup>\n                <thead role=\"rowgroup\" [style.visibility]=\"!gridWidthSet() ? 'hidden' : undefined\">\n                    <tr\n                        role=\"row\"\n                        cdkDropList\n                        [cdkDropListConnectedTo]=\"groupable() ? [groupColumnList()!] : []\"\n                        (cdkDropListDropped)=\"onColumnDrop()\"\n                        [class]=\"headerTableRowClass()\">\n                        @for (layoutColumn of gridService.layout(); track layoutColumn.key) {\n                            @if (layoutColumn.kind === \"column\") {\n                                @let column = layoutColumn.column;\n                                @let columnSortable =\n                                    gridService.sortableOptions().enabled &&\n                                    column.kind === \"data\" &&\n                                    column.sortable &&\n                                    column.field !== \"\";\n                                <th\n                                    scope=\"col\"\n                                    role=\"columnheader\"\n                                    cdkDrag\n                                    [monaGridLockedCell]=\"layoutColumn.key\"\n                                    [lockedCellHeader]=\"true\"\n                                    monaGridLogicalCell\n                                    [cellKind]=\"'header'\"\n                                    [columnId]=\"column.id\"\n                                    [rowIndex]=\"-1\"\n                                    [colIndex]=\"layoutColumn.logicalIndex\"\n                                    [section]=\"'header'\"\n                                    [firstInRow]=\"layoutColumn.firstInRow\"\n                                    [lastInRow]=\"layoutColumn.lastInRow\"\n                                    (toggleExpand)=\"onColumnSort(column)\"\n                                    [cdkDragData]=\"column\"\n                                    [cdkDragDisabled]=\"isColumnDragDisabled(column)\"\n                                    [class]=\"headerTableCellClass()\"\n                                    (mouseenter)=\"onColumnMouseEnter(column)\"\n                                    (cdkDragEntered)=\"onColumnDragEnter($event)\"\n                                    (cdkDragStarted)=\"onColumnDragStart($event)\"\n                                    [style.min-width.px]=\"column.minWidth\"\n                                    [style.width.px]=\"column.calculatedWidth\"\n                                    [attr.aria-sort]=\"\n                                        columnSortable ? (column.columnSortDirection | columnAriaSort) : null\n                                    \">\n                                    <div\n                                        [class]=\"headerTableColumnWrapClass()\"\n                                        [style.cursor]=\"columnSortable ? 'pointer' : 'default'\">\n                                        @if (column.headerTemplate) {\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"column.headerTemplate\"\n                                                [ngTemplateOutletContext]=\"{\n                                                    $implicit: column,\n                                                    column\n                                                }\"></ng-container>\n                                        } @else if (column.titleTemplate) {\n                                            <ng-container [ngTemplateOutlet]=\"column.titleTemplate\"></ng-container>\n                                        } @else {\n                                            <span\n                                                [class]=\"headerTableColumnTitleClass()\"\n                                                (click)=\"onColumnSort(column)\"\n                                                [title]=\"column.title\"\n                                                >{{ column.title }}</span\n                                            >\n                                        }\n\n                                        <div [class]=\"columnActionsClass()\" [attr.data-column-actions]=\"true\">\n                                            @if (\n                                                gridService.sortableOptions().enabled &&\n                                                column.columnSortDirection !== null\n                                            ) {\n                                                <div class=\"inline-flex shrink-0 items-center gap-0.5\">\n                                                    @if (column.columnSortDirection === \"asc\") {\n                                                        <svg lucideArrowUp [size]=\"16\" aria-hidden=\"true\"></svg>\n                                                    } @else {\n                                                        <svg lucideArrowDown [size]=\"16\" aria-hidden=\"true\"></svg>\n                                                    }\n                                                    @if (\n                                                        gridService.sortableOptions().mode === \"multiple\" &&\n                                                        gridService.sortableOptions().showIndices &&\n                                                        column.sortIndex !== null\n                                                    ) {\n                                                        <span class=\"tabular-nums\">{{ column.sortIndex }}</span>\n                                                    }\n                                                </div>\n                                            }\n                                            @if (filterMenuEnabled()) {\n                                                @if (column.kind === \"data\" && column.filterable) {\n                                                    <mona-grid-filter-menu\n                                                        [column]=\"column\"\n                                                        [type]=\"column.dataType\"\n                                                        (apply)=\"\n                                                            onColumnFilter(column, $event)\n                                                        \"></mona-grid-filter-menu>\n                                                }\n                                            }\n                                        </div>\n                                    </div>\n                                    @if (\n                                        dropColumn() === column &&\n                                        dragColumn() &&\n                                        gridService.reorderableOptions().enabled &&\n                                        !groupingInProgress()\n                                    ) {\n                                        <span [class]=\"columnDropHintClass()\"> </span>\n                                    }\n                                    @if (gridService.resizableOptions().enabled && !columnDragging()) {\n                                        <div\n                                            monaGridColumnResizeHandler\n                                            [column]=\"column\"\n                                            [class]=\"columnResizerClass()\"\n                                            (resizeStart)=\"onColumnResizeStart()\"\n                                            (resizeEnd)=\"onColumnResizeEnd($event)\"></div>\n                                    }\n                                    <ng-template cdkDragPreview>\n                                        <div [class]=\"columnDragPreviewClass()\">\n                                            <span>{{ column.title }}</span>\n                                        </div>\n                                    </ng-template>\n                                    <ng-template cdkDragPlaceholder>\n                                        @if (groupingInProgress()) {\n                                            <mona-chip\n                                                style=\"z-index: 10; pointer-events: none\"\n                                                [removable]=\"true\"\n                                                [rounded]=\"rounded()\"\n                                                >{{ column.title }}</mona-chip\n                                            >\n                                        }\n                                    </ng-template>\n                                </th>\n                                @if (columnDragging() && dragColumn() === column) {\n                                    <th\n                                        [monaGridLockedCell]=\"layoutColumn.key\"\n                                        [lockedCellHeader]=\"true\"\n                                        [class]=\"headerTableCellClass()\"\n                                        [style.min-width.px]=\"column.minWidth\"\n                                        [style.width.px]=\"column.calculatedWidth\">\n                                        <div [class]=\"headerTableColumnWrapClass()\">\n                                            @if (column.headerTemplate) {\n                                                <ng-container\n                                                    [ngTemplateOutlet]=\"column.headerTemplate\"\n                                                    [ngTemplateOutletContext]=\"{\n                                                        $implicit: column,\n                                                        column\n                                                    }\"></ng-container>\n                                            } @else if (column.titleTemplate) {\n                                                <ng-container [ngTemplateOutlet]=\"column.titleTemplate\"></ng-container>\n                                            } @else {\n                                                <span\n                                                    [class]=\"headerTableColumnTitleClass()\"\n                                                    (click)=\"onColumnSort(column)\"\n                                                    [title]=\"column.title\"\n                                                    >{{ column.title }}</span\n                                                >\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            } @else if (layoutColumn.kind === \"reorder\") {\n                                <th\n                                    [monaGridLockedCell]=\"layoutColumn.key\"\n                                    [lockedCellHeader]=\"true\"\n                                    monaGridLogicalCell\n                                    [cellKind]=\"'command'\"\n                                    [columnId]=\"'$rowReorder'\"\n                                    [rowIndex]=\"-1\"\n                                    [colIndex]=\"layoutColumn.logicalIndex\"\n                                    [section]=\"'header'\"\n                                    [firstInRow]=\"layoutColumn.firstInRow\"\n                                    [lastInRow]=\"layoutColumn.lastInRow\"\n                                    scope=\"col\"\n                                    [attr.aria-label]=\"gridService.messages().rowReorder\"\n                                    class=\"border-e border-border\"\n                                    [style.width.px]=\"layoutColumn.width\"></th>\n                            } @else if (layoutColumn.kind === \"selection\") {\n                                <th\n                                    [monaGridLockedCell]=\"layoutColumn.key\"\n                                    [lockedCellHeader]=\"true\"\n                                    monaGridLogicalCell\n                                    [cellKind]=\"'command'\"\n                                    [columnId]=\"'$selection'\"\n                                    [rowIndex]=\"-1\"\n                                    [colIndex]=\"layoutColumn.logicalIndex\"\n                                    [section]=\"'header'\"\n                                    [firstInRow]=\"layoutColumn.firstInRow\"\n                                    [lastInRow]=\"layoutColumn.lastInRow\"\n                                    scope=\"col\"\n                                    class=\"border-e border-border\"\n                                    [style.width.px]=\"layoutColumn.width\">\n                                    @if (\n                                        gridService.selectableOptions().mode === \"multiple\" &&\n                                        gridService.selectableOptions().showSelectAll !== false\n                                    ) {\n                                        <mona-grid-select-all-checkbox />\n                                    }\n                                </th>\n                            } @else {\n                                <th\n                                    [monaGridLockedCell]=\"layoutColumn.key\"\n                                    [lockedCellHeader]=\"true\"\n                                    scope=\"col\"\n                                    class=\"border-e border-border\"\n                                    [style.width.px]=\"layoutColumn.width\"></th>\n                            }\n                        }\n                    </tr>\n                    @if (filterRowEnabled()) {\n                        <tr role=\"row\" [class]=\"headerTableRowClass()\">\n                            @for (layoutColumn of gridService.layout(); track layoutColumn.key) {\n                                @if (layoutColumn.kind === \"column\") {\n                                    @let column = layoutColumn.column;\n                                    <th\n                                        [monaGridLockedCell]=\"layoutColumn.key\"\n                                        [lockedCellHeader]=\"true\"\n                                        scope=\"col\"\n                                        class=\"border-e border-border overflow-hidden\"\n                                        [style.width.px]=\"layoutColumn.width\"\n                                        [attr.aria-label]=\"messages().filterByColumn(column.title)\">\n                                        @if (column.kind === \"data\" && column.field && column.filterable) {\n                                            <mona-grid-filter-row-cell\n                                                [column]=\"column\"\n                                                (apply)=\"onColumnFilter(column, $event)\" />\n                                        }\n                                    </th>\n                                } @else {\n                                    <th\n                                        [monaGridLockedCell]=\"layoutColumn.key\"\n                                        [lockedCellHeader]=\"true\"\n                                        scope=\"col\"\n                                        class=\"border-e border-border\"\n                                        [style.width.px]=\"layoutColumn.width\"></th>\n                                }\n                            }\n                        </tr>\n                    }\n                </thead>\n            </table>\n        </div>\n    </div>\n\n    @defer (when gridWidthSet()) {\n        @if (gridService.virtualScrollOptions().enabled) {\n            @if (gridService.viewRows().length !== 0 || gridService.addRowVisible()) {\n                <mona-grid-virtual-list [data]=\"gridService.viewRows()\" />\n            } @else {\n                <ng-container [ngTemplateOutlet]=\"emptyGridTemplate\" />\n            }\n        } @else {\n            <div class=\"relative flex-1 min-h-0\" data-grid-body-region>\n                @if (gridService.viewPageRows().length !== 0 || gridService.addRowVisible()) {\n                    <mona-grid-list [data]=\"gridService.viewPageRows()\" />\n                } @else if (!gridService.serverLoading()) {\n                    <ng-container [ngTemplateOutlet]=\"emptyGridTemplate\" />\n                }\n                @if (gridService.serverLoading()) {\n                    <div class=\"absolute inset-0 z-20 flex items-center justify-center bg-surface/60\" data-grid-loading>\n                        <mona-spinner size=\"large\" />\n                    </div>\n                }\n            </div>\n            @if (gridService.viewPageRows().length !== 0 || gridService.addRowVisible()) {\n                @if (footerVisible()) {\n                    <div\n                        [class]=\"footerClass()\"\n                        [style.margin-inline-end.px]=\"gridService.scrollbarGutterWidth()\"\n                        #footerScrollElement\n                        data-grid-footer-scroll>\n                        <div>\n                            <table\n                                role=\"presentation\"\n                                [class]=\"footerTableClass()\"\n                                [style.width.px]=\"gridService.tableWidth()\">\n                                <colgroup monaGridColgroup></colgroup>\n                                <tfoot role=\"rowgroup\">\n                                    <tr monaGridFooterRow></tr>\n                                </tfoot>\n                            </table>\n                        </div>\n                    </div>\n                }\n            }\n        }\n    } @placeholder {\n        <mona-placeholder text=\"Loading...\" />\n    }\n</div>\n@if (!gridService.virtualScrollOptions().enabled) {\n    @if (gridService.serverBindingEnabled() || gridService.viewPageRows().length !== 0 || gridService.addRowVisible()) {\n        <mona-pager\n            class=\"border-0 border-t border-t-border rounded-ss-none rounded-se-none\"\n            [skip]=\"gridService.paginationState().skip\"\n            [pageSize]=\"gridService.paginationState().take\"\n            [total]=\"gridService.pagerTotal()\"\n            [size]=\"'small'\"\n            [rounded]=\"rounded()\"\n            [pageInput]=\"true\"\n            [pageSizeValues]=\"pageSizeValues()\"\n            [responsive]=\"responsivePager()\"\n            (pageSizeChange)=\"onPageSizeChange($event)\"\n            (pageChange)=\"onPageChange($event)\"></mona-pager>\n    }\n}\n\n<ng-template #emptyGridTemplate>\n    <div [class]=\"noDataClass()\">\n        @if (noDataTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"noDataTemplate() ?? null\"></ng-container>\n        } @else {\n            <mona-placeholder [text]=\"gridService.messages().noData\"></mona-placeholder>\n        }\n    </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: LucideArrowDown, selector: "svg[lucideArrowDown]" }, { kind: "component", type: LucideArrowLeft, selector: "svg[lucideArrowLeft]" }, { kind: "component", type: LucideArrowRight, selector: "svg[lucideArrowRight]" }, { kind: "component", type: LucideArrowUp, selector: "svg[lucideArrowUp]" }, { kind: "component", type: LucideEllipsisVertical, selector: "svg[lucideEllipsisVertical], svg[lucideMoreVertical]" }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: ChipComponent, selector: "mona-chip", inputs: ["aria-label", "disabled", "label", "look", "removable", "removeLabel", "removeTabIndex", "rounded", "selected", "size", "tabindex", "toggleable", "class", "value"], outputs: ["contentClick", "remove", "selectedChange"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GridColgroupComponent, selector: "colgroup[monaGridColgroup]" }, { kind: "component", type: GridFilterMenuComponent, selector: "mona-grid-filter-menu", inputs: ["column", "type"], outputs: ["apply"] }, { kind: "component", type: GridFilterRowCellComponent, selector: "mona-grid-filter-row-cell", inputs: ["column"], outputs: ["apply"] }, { kind: "directive", type: GridColumnResizeHandlerDirective, selector: "[monaGridColumnResizeHandler]", inputs: ["column"], outputs: ["resizeEnd", "resizeStart"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: PagerComponent, selector: "mona-pager", inputs: ["firstLast", "navigable", "pageInput", "pageSize", "pageSizeValues", "previousNext", "responsive", "rounded", "showInfo", "size", "skip", "total", "type", "class", "visiblePages"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type: PlaceholderComponent, selector: "mona-placeholder", inputs: ["text", "class"] }, { kind: "component", type: PopupMenuComponent, selector: "mona-popup-menu", inputs: ["anchor", "anchorConnectionPoint", "items", "id", "minWidth", "offset", "popupConnectionPoint", "precise", "rounded", "size", "target", "trigger", "width", "class"], outputs: ["close", "menuClick", "navigate", "open"] }, { kind: "component", type: PopupMenuItemComponent, selector: "mona-popup-menu-item", inputs: ["disabled", "label"], outputs: ["menuClick"] }, { kind: "directive", type: PopupMenuTextTemplateDirective, selector: "ng-template[monaPopupMenuTextTemplate]" }, { kind: "directive", type: GridLogicalCellDirective, selector: "td[monaGridLogicalCell], th[monaGridLogicalCell]", inputs: ["cellKind", "colIndex", "columnId", "editable", "firstInRow", "groupHeader", "groupKey", "lastInRow", "rowIndex", "rowUid", "section"], outputs: ["edit", "toggleExpand"] }, { kind: "directive", type: GridLockedCellDirective, selector: "td[monaGridLockedCell], th[monaGridLockedCell]", inputs: ["monaGridLockedCell", "lockedCellHeader"] }, { kind: "directive", type: ButtonDirective, selector: "button[monaButton]", inputs: ["aria-haspopup", "disabled", "iconOnly", "loading", "look", "rounded", "selected", "size", "tabindex", "type", "toggleable", "class"], outputs: ["disabledChange", "loadingChange", "lookChange", "selectedChange"] }, { kind: "component", type: PopupComponent, selector: "mona-popup", inputs: ["anchor", "anchorConnectionPoint", "animation", "backdropClass", "closeOnBackdropClick", "closeOnEscape", "closeOnMouseLeave", "closeOnOutsideClick", "data", "hasBackdrop", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "offset", "popupClass", "popupConnectionPoint", "popupWrapperClass", "positionStrategy", "positions", "preventClose", "providers", "trigger", "width", "withPush", "closeOnScroll", "restoreFocus", "withScrollTracking"], outputs: ["close", "open"] }, { kind: "component", type: GridColumnChooserComponent, selector: "mona-grid-column-chooser", outputs: ["apply", "cancel"] }, { kind: "component", type: GridSelectAllCheckboxComponent, selector: "mona-grid-select-all-checkbox" }, { kind: "pipe", type: ColumnAriaSortPipe, name: "columnAriaSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgTemplateOutlet,
                 GridColgroupComponent, /* @ts-ignore */
-                import('./nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs').then(m => m.GridFooterRowComponent), /* @ts-ignore */
-                import('./nanahoshi-mona-ui-grid-grid-list.component-CpeheGXU.mjs').then(m => m.GridListComponent), /* @ts-ignore */
-                import('./nanahoshi-mona-ui-grid-grid-virtual-list.component-BzKywU5b.mjs').then(m => m.GridVirtualListComponent), /* @ts-ignore */
+                import('./nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs').then(m => m.GridFooterRowComponent), /* @ts-ignore */
+                import('./nanahoshi-mona-ui-grid-grid-list.component-B2pBOuLa.mjs').then(m => m.GridListComponent), /* @ts-ignore */
+                import('./nanahoshi-mona-ui-grid-grid-virtual-list.component-1RdqLEa9.mjs').then(m => m.GridVirtualListComponent), /* @ts-ignore */
                 import('@nanahoshi/mona-ui/spinner').then(m => m.SpinnerComponent)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.6", ngImport: i0, type: GridComponent, resolveDeferredDeps: () => [/* @ts-ignore */
-        import('./nanahoshi-mona-ui-grid-grid-footer-row.component-CIMXz60d.mjs').then(m => m.GridFooterRowComponent), /* @ts-ignore */
-        import('./nanahoshi-mona-ui-grid-grid-list.component-CpeheGXU.mjs').then(m => m.GridListComponent), /* @ts-ignore */
-        import('./nanahoshi-mona-ui-grid-grid-virtual-list.component-BzKywU5b.mjs').then(m => m.GridVirtualListComponent), /* @ts-ignore */
+        import('./nanahoshi-mona-ui-grid-grid-footer-row.component-BSVlcB9_.mjs').then(m => m.GridFooterRowComponent), /* @ts-ignore */
+        import('./nanahoshi-mona-ui-grid-grid-list.component-B2pBOuLa.mjs').then(m => m.GridListComponent), /* @ts-ignore */
+        import('./nanahoshi-mona-ui-grid-grid-virtual-list.component-1RdqLEa9.mjs').then(m => m.GridVirtualListComponent), /* @ts-ignore */
         import('@nanahoshi/mona-ui/spinner').then(m => m.SpinnerComponent)], resolveMetadata: (GridFooterRowComponent, GridListComponent, GridVirtualListComponent, SpinnerComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: "mona-grid", changeDetection: ChangeDetectionStrategy.OnPush, providers: [GridService, GridNavigationService, FilterService], imports: [
@@ -5805,4 +5808,4 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.6", ng
  */
 
 export { GridSaveCommandDirective as $, GridCancelCommandDirective as A, GridCancelEvent as B, CellEditEvent as C, GridCellTemplateDirective as D, GridColumnComponent as E, GridColumnTitleTemplateDirective as F, GridNavigationService as G, GridCommandColumnComponent as H, GridComponent as I, GridContextMenuDirective as J, GridDetailTemplateDirective as K, GridEditCommandDirective as L, GridEditEvent as M, GridEditTemplateDirective as N, GridEditableDirective as O, GridExportDirective as P, GridFilterableDirective as Q, GridFooterTemplateDirective as R, GridGroupFooterTemplateDirective as S, GridGroupableDirective as T, GridHeaderTemplateDirective as U, GridNoDataTemplateDirective as V, GridRemoveCommandDirective as W, GridRemoveEvent as X, GridReorderableDirective as Y, GridResizableDirective as Z, GridRowReorderableDirective as _, GridService as a, GridSaveEvent as a0, GridSelectableDirective as a1, GridServerBindingDirective as a2, GridSortableDirective as a3, GridStatePersistenceDirective as a4, GridToolbarTemplateDirective as a5, GridVirtualScrollDirective as a6, RowEditEvent as a7, RowReorderEvent as a8, gridRowDragPreviewThemeVariants as b, gridListTableThemeVariants as c, GridColgroupComponent as d, gridFooterThemeVariants as e, gridFooterTableThemeVariants as f, gridListBaseThemeVariants as g, GRID_DEFAULT_VIRTUAL_ROW_HEIGHT as h, gridListTableCellThemeVariants as i, gridCellEditorBaseThemeVariants as j, gridCellEditorInputThemeVariants as k, gridListTableRowThemeVariants as l, GridLockedCellDirective as m, GridLogicalCellDirective as n, gridGroupRowThemeVariants as o, gridCellBaseThemeVariants as p, gridCellContainerThemeVariants as q, gridCellDirtyIndicatorThemeVariants as r, gridCellTextThemeVariants as s, gridRowReorderHandleThemeVariants as t, gridSelectionCellThemeVariants as u, gridFooterTableCellThemeVariants as v, gridFooterTableRowThemeVariants as w, GRID_DEFAULT_MESSAGES as x, GridAddCommandDirective as y, GridAddEvent as z };
-//# sourceMappingURL=nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-IewqeT4m.mjs.map
+//# sourceMappingURL=nanahoshi-mona-ui-grid-nanahoshi-mona-ui-grid-DeRc_QcP.mjs.map

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

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