@nanahoshi/mona-ui 0.20.0 → 0.21.0

package/types/nanahoshi-mona-ui-dropdown-list.d.ts

@@ -44,14 +44,14 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
     protected readonly footerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly groupHeaderTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly headerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly isEmpty: _angular_core.Signal<boolean>;
+    protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly listId: string;
     protected readonly listPopupClass: _angular_core.Signal<string>;
     protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaDropdownListMessages>;
     protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly popupTemplate: _angular_core.Signal<TemplateRef<any>>;
+    protected readonly popupTemplate: _angular_core.Signal<TemplateRef<unknown>>;
     protected readonly prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly selectableOptions: SelectableOptions;
     protected readonly selectedDataItem: _angular_core.Signal<NonNullable<TData> | null>;
@@ -88,16 +88,16 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
      * @default false
      */
     readonly disabled: _angular_core.ModelSignal<boolean>;
-    /**
-     * @description Predicate or field name used to determine whether an individual item is disabled.
-     * @default undefined
-     */
-    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
      * @description Marks the field as invalid. Set automatically by the `FormField` directive when bound via `[formField]`.
      * @default false
      */
     readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Predicate or field name used to determine whether an individual item is disabled.
+     * @default undefined
+     */
+    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
      * @description Displays a loading indicator and prevents interaction while an operation is in progress.
      * @default false
@@ -177,6 +177,13 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
      * @default ""
      */
     readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Currently selected value, two-way bindable and compatible with Signal Forms via `[formField]`.
+     * Object mode returns the selected data item; primitive mode (see {@link valuePrimitive}) returns the value
+     * resolved through {@link valueField}. `null` represents no selection.
+     * @default null
+     */
+    readonly value: _angular_core.ModelSignal<TValue | null>;
     /**
      * @description Property name or accessor used to derive the value from a data item.
      * It is used for stable item identity, matching externally supplied values, and primitive
@@ -196,21 +203,15 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
      * @default false
      */
     readonly valuePrimitive: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Currently selected value, two-way bindable and compatible with Signal Forms via `[formField]`.
-     * Object mode returns the selected data item; primitive mode (see {@link valuePrimitive}) returns the value
-     * resolved through {@link valueField}. `null` represents no selection.
-     * @default null
-     */
-    readonly value: _angular_core.ModelSignal<TValue | null>;
     constructor();
+    focus(): void;
     setValue(value: TValue): void;
-    protected onBlur(): void;
+    protected onBlur(event?: FocusEvent): void;
     protected onItemSelect(event: SelectionChangeEvent<TData>): void;
+    protected onPopupPointerDown(event: PointerEvent): void;
     protected onValueClear(event: MouseEvent | KeyboardEvent): void;
     private closePopup;
     private cycleThroughMatchedItems;
-    focus(): void;
     private getControlValue;
     private handleEnterKey;
     private handleHomeEndKeys;
@@ -225,7 +226,7 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
     private synchronizeSelection;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownListComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownListComponent<any, any>, "mona-dropdown-list", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "disabled": "disabledChange"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate", "valueTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownListComponent<any, any>, "mona-dropdown-list", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "disabled": "disabledChange"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate", "valueTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class DropdownListValueTemplateDirective {

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

@@ -28,11 +28,12 @@ interface DropdownPopupInput {
     readonly disabled: InputSignal<boolean>;
     readonly open: OutputEmitterRef<PreventableEvent>;
     readonly opened: OutputEmitterRef<void>;
-    readonly readonly: InputSignal<boolean>;
     readonly popupHeight: InputSignal<ListSizeInputType>;
     readonly popupWidth: InputSignal<ListSizeInputType>;
+    readonly readonly: InputSignal<boolean>;
+    readonly touch: OutputEmitterRef<void>;
 }
-declare const DropdownPopupInputToken: InjectionToken<DropdownPopupInput>;
+declare const DROPDOWN_POPUP_INPUT_TOKEN: InjectionToken<DropdownPopupInput>;
 
 declare class DropdownFilterableDirective<TData> {
     #private;
@@ -148,8 +149,9 @@ declare class DropdownService {
     readonly popupCloseStart$: Subject<PopupCloseEvent<unknown>>;
     readonly popupOpenComplete$: Subject<void>;
     readonly popupRef: i0.WritableSignal<PopupRef | null>;
-    readonly popupTemplate: i0.WritableSignal<TemplateRef<any> | null>;
+    readonly popupTemplate: i0.WritableSignal<TemplateRef<unknown> | null>;
     readonly restoreFocus: i0.WritableSignal<boolean | "auto">;
+    readonly touch$: Subject<void>;
     readonly triggerPopupOpen$: Subject<Partial<PopupSettings<unknown, void>>>;
     readonly triggerPopupToggle$: Subject<Partial<PopupSettings<unknown, void>>>;
     static getDefaultPositions(): ConnectionPositionPair[];
@@ -174,5 +176,5 @@ type DropdownPopupVariantInput = VariantInputs<DropdownPopupVariantProps>;
 
 declare const DROPDOWNS_DEFAULT_MESSAGES: MonaDropdownsMessages;
 
-export { DROPDOWNS_DEFAULT_MESSAGES, DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPopupInputToken, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };
+export { DROPDOWNS_DEFAULT_MESSAGES, DROPDOWN_POPUP_INPUT_TOKEN, DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };
 export type { DropdownDataInput, DropdownFieldPredicateType, DropdownFieldSelectorType, DropdownPopupInput, DropdownPopupVariantInput, DropdownPopupVariantProps };

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

@@ -616,6 +616,29 @@ declare class GridSortableDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridSortableDirective, "mona-grid[monaGridSortable]", never, { "options": { "alias": "monaGridSortable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "columnSort": "columnSort"; "sort": "sortChange"; }, never, never, true, never>;
 }
 
+/** The paging, sorting, and filtering requested by a server-bound Grid. */
+interface GridDataState {
+    readonly filter: readonly CompositeFilterDescriptor[];
+    readonly skip: number;
+    readonly sort: readonly SortDescriptor[];
+    readonly take: number;
+}
+
+declare class GridServerBindingDirective {
+    #private;
+    /** @description Emitted once per user paging, sorting, or filtering action with the requested server state. */
+    readonly dataStateChange: _angular_core.OutputEmitterRef<GridDataState>;
+    /** @description Shows a loading overlay while the application requests server data. */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** @description Zero-based offset of the supplied server page. External changes do not request data. */
+    readonly skip: _angular_core.InputSignal<number>;
+    /** @description Total matching server records before paging. Must be a non-negative integer. */
+    readonly total: _angular_core.InputSignal<number>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridServerBindingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridServerBindingDirective, "mona-grid[monaGridServerBinding]", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "skip": { "alias": "skip"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; }, { "dataStateChange": "dataStateChange"; }, never, never, true, never>;
+}
+
 type GridStateVersion = 1;
 type GridStateFilterValue = boolean | number | string | null | readonly (boolean | number | string | null)[];
 interface GridStateFilterDescriptor {
@@ -894,21 +917,21 @@ interface RowEditDataItem extends Record<string, unknown> {
 }
 declare class GridService {
     #private;
+    readonly add$: Subject<GridAddEvent>;
     readonly addRowData: _angular_core.Signal<Record<PropertyKey, unknown> | null>;
     readonly addRowVisible: _angular_core.Signal<boolean>;
-    readonly add$: Subject<GridAddEvent>;
-    readonly allBulkSelectionRowsSelected: _angular_core.Signal<boolean>;
     readonly aggregateColumns: _angular_core.Signal<ImmutableList<Column>>;
     readonly aggregateMap: _angular_core.Signal<ImmutableDictionary<string, GridAggregateBucket>>;
     readonly aggregateRows: _angular_core.Signal<Record<PropertyKey, unknown>[]>;
+    readonly allBulkSelectionRowsSelected: _angular_core.Signal<boolean>;
     readonly appliedFilters: _angular_core.WritableSignal<ImmutableDictionary<string, ColumnFilterState>>;
     readonly appliedGroupSorts: _angular_core.WritableSignal<ImmutableDictionary<string, ColumnSortState>>;
     readonly appliedSorts: _angular_core.WritableSignal<ImmutableDictionary<string, ColumnSortState>>;
     readonly bodyScrollElement: _angular_core.WritableSignal<HTMLElement | null>;
     readonly bodyTableElement: _angular_core.WritableSignal<HTMLTableElement | null>;
     readonly bulkSelectionRows: _angular_core.Signal<ImmutableList<Row>>;
-    readonly cellEdit$: Subject<CellEditEvent>;
     readonly cancel$: Subject<GridCancelEvent>;
+    readonly cellEdit$: Subject<CellEditEvent>;
     /** Set of currently collapsed group keys (global, shared by both paginated and virtual list). */
     readonly collapsedGroupKeys: _angular_core.WritableSignal<ImmutableSet<string>>;
     readonly columnReorder$: Subject<ColumnReorderEvent>;
@@ -916,14 +939,16 @@ declare class GridService {
     readonly columnSort$: Subject<ColumnSortEvent>;
     readonly columns: _angular_core.WritableSignal<ImmutableList<Column>>;
     readonly contextMenuItems: _angular_core.WritableSignal<ImmutableSet<PopupMenuItem>>;
-    readonly detailColumnWidth = 36;
+    readonly dataStateChange$: Subject<GridDataState>;
     readonly detailColumnOffset: _angular_core.Signal<number>;
-    readonly detailStructuralWidth: _angular_core.Signal<0 | 36>;
+    readonly detailColumnWidth = 36;
+    readonly detailStructuralWidth: _angular_core.Signal<36 | 0>;
+    readonly draggingRowUid: _angular_core.WritableSignal<string | null>;
+    readonly edit$: Subject<GridEditEvent>;
     readonly editBaseDict: _angular_core.Signal<ImmutableDictionary<string, RowEditDataItem>>;
     readonly editContext: _angular_core.Signal<GridEditContext | null>;
-    readonly edit$: Subject<GridEditEvent>;
-    readonly editViewDict: _angular_core.Signal<ImmutableDictionary<string, RowEditDataItem>>;
     readonly editSession: _angular_core.Signal<GridEditSession | null>;
+    readonly editViewDict: _angular_core.Signal<ImmutableDictionary<string, RowEditDataItem>>;
     readonly editableOptions: _angular_core.WritableSignal<EditableOptions>;
     readonly editingRowUid: _angular_core.Signal<string | null>;
     readonly expandedKeys: _angular_core.WritableSignal<ImmutableSet<string>>;
@@ -936,23 +961,24 @@ declare class GridService {
     readonly groupColumns: _angular_core.Signal<ImmutableList<Column>>;
     readonly groupStructuralWidth: _angular_core.Signal<number>;
     readonly groupableOptions: _angular_core.WritableSignal<GroupableOptions>;
-    readonly hasLeftLockedColumns: _angular_core.Signal<boolean>;
     readonly hasFooter: _angular_core.Signal<boolean>;
+    readonly hasLeftLockedColumns: _angular_core.Signal<boolean>;
     readonly hasLiveScrollbarGutterWidth: _angular_core.Signal<boolean>;
     readonly headerTableElement: _angular_core.WritableSignal<HTMLTableElement | null>;
     readonly horizontalScrollLeft: _angular_core.Signal<number>;
     readonly isInEditMode: _angular_core.Signal<boolean>;
     readonly lastLeftStructuralOffset: _angular_core.Signal<number | null>;
+    readonly leadingLogicalColumnCount: _angular_core.Signal<number>;
+    readonly leadingStructuralColumnCount: _angular_core.Signal<number>;
+    readonly leadingStructuralWidth: _angular_core.Signal<number>;
     readonly leftLockedStructuralWidth: _angular_core.Signal<number>;
     readonly lockedColumnStates: _angular_core.Signal<ReadonlyMap<string, GridLockedColumnState>>;
-    readonly leadingStructuralWidth: _angular_core.Signal<number>;
-    readonly leadingStructuralColumnCount: _angular_core.Signal<number>;
-    readonly leadingLogicalColumnCount: _angular_core.Signal<number>;
     readonly masterDetailEmptyCellWidth: _angular_core.Signal<number>;
     readonly masterDetailRowWidth: _angular_core.Signal<number>;
     readonly masterDetailTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
     readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaGridMessages>;
     readonly newRowFactory: _angular_core.WritableSignal<() => Record<PropertyKey, unknown>>;
+    readonly pagerTotal: _angular_core.Signal<number>;
     readonly paginationState: _angular_core.WritableSignal<PaginationState>;
     readonly remove$: Subject<GridRemoveEvent>;
     readonly reorderableOptions: _angular_core.Signal<ReorderableOptions>;
@@ -966,11 +992,10 @@ declare class GridService {
     readonly rowReorderColumnWidth = 36;
     readonly rowReorderDisabledReason: _angular_core.Signal<RowReorderDisabledReason>;
     readonly rowReorderInteractionEnabled: _angular_core.Signal<boolean>;
-    readonly rowReorderStructuralWidth: _angular_core.Signal<0 | 36>;
+    readonly rowReorderStructuralWidth: _angular_core.Signal<36 | 0>;
     readonly rowReorderableOptions: _angular_core.Signal<RowReorderableOptions>;
     readonly rows: _angular_core.WritableSignal<ImmutableList<Row>>;
     readonly save$: Subject<GridSaveEvent>;
-    readonly draggingRowUid: _angular_core.WritableSignal<string | null>;
     readonly scrollEnd$: Subject<void>;
     readonly scrollEndThreshold: _angular_core.WritableSignal<number>;
     readonly scrollbarGutterWidth: _angular_core.Signal<number>;
@@ -980,10 +1005,13 @@ declare class GridService {
     readonly selectedKeysChange$: rxjs.Observable<ImmutableSet<unknown>>;
     readonly selectedKeysLoad$: BehaviorSubject<ImmutableSet<unknown>>;
     readonly selectedRows: _angular_core.Signal<ImmutableSet<Row>>;
-    readonly selectionColumnWidth = 40;
-    readonly selectionColumnVisible: _angular_core.Signal<boolean>;
     readonly selectionColumnOffset: _angular_core.Signal<number>;
+    readonly selectionColumnVisible: _angular_core.Signal<boolean>;
+    readonly selectionColumnWidth = 40;
     readonly selectionStructuralWidth: _angular_core.Signal<0 | 40>;
+    readonly serverBindingEnabled: _angular_core.Signal<boolean>;
+    readonly serverLoading: _angular_core.Signal<boolean>;
+    readonly serverTotal: _angular_core.Signal<number>;
     readonly someBulkSelectionRowsSelected: _angular_core.Signal<boolean>;
     readonly sortableOptions: _angular_core.WritableSignal<SortableOptions>;
     readonly structuralColIndexMap: _angular_core.Signal<Map<StructuralColumnKind, number>>;
@@ -1013,8 +1041,11 @@ declare class GridService {
     findTextWidthOfColumn(column: Column, element: HTMLTableCellElement): number;
     getColumnStateId(column: Column): string | null;
     getColumnWidth(column: Column): number;
+    getDataState(): GridDataState;
     getGroupDescriptors(columns: Iterable<Column>): GroupDescriptor[];
     getRowReorderAriaLabel(row: Row, absoluteIndex: number): string;
+    /** Sort order shared by models, persistence, and server requests. */
+    getSortDescriptors(): SortDescriptor[];
     handleMultipleSelection(event: MouseEvent, row: Row): void;
     handleRowClick(event: MouseEvent, row: Row): void;
     handleSingleSelection(event: MouseEvent, row: Row): void;
@@ -1030,6 +1061,9 @@ declare class GridService {
     patchAddCell(field: string, value: unknown): void;
     patchCellEdit(rowUid: string, field: string, value: unknown): void;
     removeRow(row: Row, originalEvent?: Event): boolean;
+    requestDataStateChange(options?: {
+        readonly resetPage?: boolean;
+    }): void;
     requestRowReorder(row: Row, previousPageIndex: number, currentPageIndex: number): boolean;
     resolveAggregateValue(bucket: GridAggregateBucket | null, aggregateFunction: AggregateFunction | null): unknown;
     saveAddRow(originalEvent?: Event): boolean;
@@ -1054,11 +1088,15 @@ declare class GridService {
     setResizableOptions(options: Partial<ResizableOptions>): void;
     setRowExpanded(row: Row, expanded: boolean): void;
     setRowReorderableOptions(options: RowReorderableOptions): void;
+    setRowSelected(row: Row, selected: boolean): void;
     setRows(value: Iterable<Record<PropertyKey, unknown>>, rowKey?: GridKeySelector<unknown> | null): void;
+    setScrollEndThreshold(threshold: number): void;
     setSelectableOptions(options: SelectableOptions): void;
-    setRowSelected(row: Row, selected: boolean): void;
+    setServerBindingEnabled(enabled: boolean): void;
+    setServerLoading(loading: boolean): void;
+    setServerSkip(skip: number): void;
+    setServerTotal(total: number): void;
     setSortableOptions(options: Partial<SortableOptions>): void;
-    setScrollEndThreshold(threshold: number): void;
     setVirtualScrollOptions(options: VirtualScrollOptions): void;
     startAddRow(originalEvent?: Event): boolean;
     startCellEdit(uid: string, row: Row, column: Column, originalEvent?: Event): boolean;
@@ -1070,9 +1108,12 @@ declare class GridService {
     private applyColumnIndexes;
     private buildGroupAggregates;
     private buildGroupKey;
-    private compareComparableValues;
+    private clearEditSession;
+    private cloneFilter;
+    private cloneFilterValue;
     private createAggregateBucket;
     private createAggregateMap;
+    private createEditSession;
     private deserializeCompositeFilter;
     private deserializeFilterDescriptor;
     private deserializeFilterValue;
@@ -1088,14 +1129,11 @@ declare class GridService {
     private measureElementScrollbarGutter;
     private measureFallbackScrollbarGutter;
     private orderColumnsByLockBucket;
-    private reconcileColumn;
-    private selectRowRange;
-    private clearEditSession;
-    private createEditSession;
     private patchSessionField;
+    private reconcileColumn;
     private resolveEditedRowData;
     private resolveSessionRowData;
-    private validateSessionForSave;
+    private selectRowRange;
     private serializeFilter;
     private serializeFilterDescriptor;
     private serializeFilterValue;
@@ -1103,13 +1141,14 @@ declare class GridService {
     private setHorizontalScrollLeft;
     private setHorizontalScrollSyncEffects;
     private setScrollbarGutterEffects;
-    private toComparableValue;
     private updateColumns;
+    private validateServerInteger;
+    private validateSessionForSave;
     private withColumnIndices;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<GridService>;
 }
-type RowReorderDisabledReason = "disabled" | "editing" | "filtered" | "grouped" | "single-row" | "sorted" | "virtual-scroll" | null;
+type RowReorderDisabledReason = "disabled" | "editing" | "filtered" | "grouped" | "server-binding" | "single-row" | "sorted" | "virtual-scroll" | null;
 
 declare const gridBaseThemeVariants: (props?: ({
     rounded?: "small" | "none" | "medium" | "large" | null | undefined;
@@ -1158,21 +1197,21 @@ declare class GridComponent<T> implements GridVariantInput {
     protected readonly gridHeaderElement: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     protected readonly gridHeaderTableElement: _angular_core.Signal<ElementRef<HTMLTableElement>>;
     protected readonly gridService: GridService;
-    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaGridMessages>;
     protected readonly gridWidthSet: _angular_core.WritableSignal<boolean>;
     protected readonly groupColumnList: _angular_core.Signal<CdkDropList<any> | undefined>;
-    protected readonly groupPanelPlaceholderClass: _angular_core.Signal<string>;
     protected readonly groupPanelClass: _angular_core.Signal<string>;
+    protected readonly groupPanelPlaceholderClass: _angular_core.Signal<string>;
     protected readonly groupPanelPlaceholderVisible: _angular_core.WritableSignal<boolean>;
     protected readonly groupable: _angular_core.Signal<boolean>;
     protected readonly groupingInProgress: _angular_core.WritableSignal<boolean>;
     protected readonly headerClass: _angular_core.Signal<string>;
-    protected readonly headerMarginRight: _angular_core.Signal<number>;
-    protected readonly headerTableClass: _angular_core.Signal<string>;
+    protected readonly headerMarginInlineEnd: _angular_core.Signal<number>;
     protected readonly headerTableCellClass: _angular_core.Signal<string>;
+    protected readonly headerTableClass: _angular_core.Signal<string>;
     protected readonly headerTableColumnTitleClass: _angular_core.Signal<string>;
     protected readonly headerTableColumnWrapClass: _angular_core.Signal<string>;
     protected readonly headerTableRowClass: _angular_core.Signal<string>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaGridMessages>;
     protected readonly noDataClass: _angular_core.Signal<string>;
     protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly resizing: _angular_core.WritableSignal<boolean>;
@@ -1212,12 +1251,6 @@ declare class GridComponent<T> implements GridVariantInput {
      * @default "fitView"
      */
     readonly resizeMethod: _angular_core.InputSignal<ResizeMethod>;
-    /**
-     * @description Field name or selector used to derive a stable identity for each row.
-     * The resolved value must be unique within the grid data.
-     * @default null
-     */
-    readonly rowKey: _angular_core.InputSignal<GridKeySelector<unknown>>;
     /**
      * @description Whether the pager is responsive.
      * If set to `true`, the pager will be displayed as a dropdown when the grid width gets smaller.
@@ -1229,6 +1262,12 @@ declare class GridComponent<T> implements GridVariantInput {
      * @default "medium"
      */
     readonly rounded: _angular_core.InputSignal<"small" | "none" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Field name or selector used to derive a stable identity for each row.
+     * The resolved value must be unique within the grid data.
+     * @default null
+     */
+    readonly rowKey: _angular_core.InputSignal<GridKeySelector<unknown>>;
     /**
      * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
      * @default ""
@@ -1247,8 +1286,8 @@ declare class GridComponent<T> implements GridVariantInput {
     protected onColumnResizeEnd(event: ColumnResizeEvent): void;
     protected onColumnResizeStart(): void;
     protected onColumnSort(column: Column): void;
-    protected onGroupingColumnRemove(event: Event, column: Column): void;
     protected onGroupColumnReorder(column: Column, moveAs: "prev" | "next"): void;
+    protected onGroupingColumnRemove(event: Event, column: Column): void;
     protected onGroupingColumnSort(column: Column): void;
     protected onPageChange(event: PageChangeEvent): void;
     protected onPageSizeChange(data: PageSizeChangeEvent): void;
@@ -1257,8 +1296,8 @@ declare class GridComponent<T> implements GridVariantInput {
     private clampCalculatedWidth;
     private clearDragState;
     private createFitViewWidthMap;
-    private getTableColumnHeaderCellList;
     private getColumnLockBucket;
+    private getTableColumnHeaderCellList;
     private getToolbarFocusTargets;
     private isElementDisabled;
     private isElementHidden;
@@ -1271,7 +1310,7 @@ declare class GridComponent<T> implements GridVariantInput {
     private setResizeObserver;
     private syncToolbarFocusTargets;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent<any>, "mona-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; "isSignal": true; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "responsivePager": { "alias": "responsivePager"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["columnDefinitions", "gridDetailTemplate", "noDataTemplate", "toolbarTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent<any>, "mona-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; "isSignal": true; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; "isSignal": true; }; "responsivePager": { "alias": "responsivePager"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["columnDefinitions", "gridDetailTemplate", "noDataTemplate", "toolbarTemplate"], never, true, never>;
 }
 
 declare const GRID_DEFAULT_MESSAGES: {
@@ -1304,6 +1343,7 @@ declare const GRID_DEFAULT_MESSAGES: {
     rowReorderDisabledEditing: string;
     rowReorderDisabledFiltered: string;
     rowReorderDisabledGrouped: string;
+    rowReorderDisabledServerBinding: string;
     rowReorderDisabledSingleRow: string;
     rowReorderDisabledSorted: string;
     rowReorderDisabledVirtualScroll: string;
@@ -1317,5 +1357,5 @@ declare const GRID_DEFAULT_MESSAGES: {
     selectRow: (rowNumber: number) => string;
 };
 
-export { CellEditEvent, ColumnReorderEvent, ColumnSortEvent, GRID_DEFAULT_MESSAGES, GridAddCommandDirective, GridAddEvent, GridCancelCommandDirective, GridCancelEvent, GridCellTemplateDirective, GridColumnComponent, GridColumnTitleTemplateDirective, GridCommandColumnComponent, GridComponent, GridContextMenuDirective, GridDetailTemplateDirective, GridEditCommandDirective, GridEditEvent, GridEditTemplateDirective, GridEditableDirective, GridExportDirective, GridFilterableDirective, GridFooterTemplateDirective, GridGroupFooterTemplateDirective, GridGroupableDirective, GridHeaderTemplateDirective, GridNoDataTemplateDirective, GridRemoveCommandDirective, GridRemoveEvent, GridReorderableDirective, GridResizableDirective, GridRowReorderableDirective, GridSaveCommandDirective, GridSaveEvent, GridSelectableDirective, GridSortableDirective, GridStatePersistenceDirective, GridToolbarTemplateDirective, GridVirtualScrollDirective, RowEditEvent, RowReorderEvent };
-export type { AggregateFunction, Column, ColumnConfig, ColumnFormat, ColumnKind, ColumnResizeEvent, EditableOptions, FilterableOptions, GridColumnLockedPosition, GridColumnState, GridEditFormContext, GridEditOperation, GridEditSchemaFactory, GridEditSession, GridEditTemplateContext, GridSaveOperation, GridState, GridStateCompositeFilterDescriptor, GridStateFilterDescriptor, GridStateFilterValue, GridStateLoadResult, GridStateLoadStatus, GridStatePersistenceOptions, GridStateSortDescriptor, GridStateVersion, GroupDescriptor, GroupableOptions, ReorderableOptions, ResizableOptions, ResizeMethod, RowReorderableOptions, SelectableOptions, SortableOptions };
+export { CellEditEvent, ColumnReorderEvent, ColumnSortEvent, GRID_DEFAULT_MESSAGES, GridAddCommandDirective, GridAddEvent, GridCancelCommandDirective, GridCancelEvent, GridCellTemplateDirective, GridColumnComponent, GridColumnTitleTemplateDirective, GridCommandColumnComponent, GridComponent, GridContextMenuDirective, GridDetailTemplateDirective, GridEditCommandDirective, GridEditEvent, GridEditTemplateDirective, GridEditableDirective, GridExportDirective, GridFilterableDirective, GridFooterTemplateDirective, GridGroupFooterTemplateDirective, GridGroupableDirective, GridHeaderTemplateDirective, GridNoDataTemplateDirective, GridRemoveCommandDirective, GridRemoveEvent, GridReorderableDirective, GridResizableDirective, GridRowReorderableDirective, GridSaveCommandDirective, GridSaveEvent, GridSelectableDirective, GridServerBindingDirective, GridSortableDirective, GridStatePersistenceDirective, GridToolbarTemplateDirective, GridVirtualScrollDirective, RowEditEvent, RowReorderEvent };
+export type { AggregateFunction, Column, ColumnConfig, ColumnFormat, ColumnKind, ColumnResizeEvent, EditableOptions, FilterableOptions, GridColumnLockedPosition, GridColumnState, GridDataState, GridEditFormContext, GridEditOperation, GridEditSchemaFactory, GridEditSession, GridEditTemplateContext, GridSaveOperation, GridState, GridStateCompositeFilterDescriptor, GridStateFilterDescriptor, GridStateFilterValue, GridStateLoadResult, GridStateLoadStatus, GridStatePersistenceOptions, GridStateSortDescriptor, GridStateVersion, GroupDescriptor, GroupableOptions, ReorderableOptions, ResizableOptions, ResizeMethod, RowReorderableOptions, SelectableOptions, SortableOptions };

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

@@ -256,6 +256,7 @@ interface MonaGridMessages {
     readonly rowReorderDisabledEditing: string;
     readonly rowReorderDisabledFiltered: string;
     readonly rowReorderDisabledGrouped: string;
+    readonly rowReorderDisabledServerBinding: string;
     readonly rowReorderDisabledSingleRow: string;
     readonly rowReorderDisabledSorted: string;
     readonly rowReorderDisabledVirtualScroll: string;

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

@@ -225,6 +225,7 @@ declare const MONA_AR_SA_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -601,6 +602,7 @@ declare const MONA_ES_ES_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -977,6 +979,7 @@ declare const MONA_DE_DE_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -1353,6 +1356,7 @@ declare const MONA_FR_FR_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -1729,6 +1733,7 @@ declare const MONA_IT_IT_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -2105,6 +2110,7 @@ declare const MONA_JA_JP_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -2481,6 +2487,7 @@ declare const MONA_KO_KR_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -2857,6 +2864,7 @@ declare const MONA_PT_BR_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -3233,6 +3241,7 @@ declare const MONA_ZH_CN_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -3609,6 +3618,7 @@ declare const MONA_ZH_TW_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -3985,6 +3995,7 @@ declare const MONA_TR_TR_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -4361,6 +4372,7 @@ declare const MONA_ID_ID_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;
@@ -4737,6 +4749,7 @@ declare const MONA_RU_RU_LOCALE: {
             rowReorderDisabledEditing: string;
             rowReorderDisabledFiltered: string;
             rowReorderDisabledGrouped: string;
+            rowReorderDisabledServerBinding: string;
             rowReorderDisabledSingleRow: string;
             rowReorderDisabledSorted: string;
             rowReorderDisabledVirtualScroll: string;