@nanahoshi/mona-ui 0.18.6 → 0.20.0

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaDateTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -6,9 +8,11 @@ import { PreventableEvent } from '@nanahoshi/mona-ui/common';
 import { DateDisabledType, HourFormat } from '@nanahoshi/mona-ui/date-input';
 import * as i1 from '@nanahoshi/mona-ui/dropdowns';
 import { DropdownPopupInput } from '@nanahoshi/mona-ui/dropdowns';
-import { AttributeConfig } from '@nanahoshi/mona-ui/internal';
+import { AttributeConfig, VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { ListSizeInputType } from '@nanahoshi/mona-ui/internal/list';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 
 type ActiveView = "date" | "time";
 
@@ -18,11 +22,14 @@ declare class DateTimePickerComponent implements FormValueControl<Date | null>,
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly currentDateString: _angular_core.WritableSignal<string>;
     protected readonly decadeCellTemplate: _angular_core.Signal<CalendarDecadeCellTemplateDirective | undefined>;
+    protected readonly effectiveFormat: _angular_core.Signal<string>;
     protected readonly expanded: _angular_core.Signal<boolean>;
     protected readonly footerClass: _angular_core.Signal<string>;
     protected readonly headerClass: _angular_core.Signal<string>;
     protected readonly inputAttributes: _angular_core.Signal<AttributeConfig>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaDateTimePickerMessages>;
     protected readonly monthCellTemplate: _angular_core.Signal<CalendarMonthCellTemplateDirective | undefined>;
     protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
     protected readonly pickerPopupClass: _angular_core.Signal<string>;
@@ -50,13 +57,15 @@ declare class DateTimePickerComponent implements FormValueControl<Date | null>,
      */
     readonly disabledDates: _angular_core.InputSignal<DateDisabledType>;
     /**
-     * @description Sets the first day of the week.
+     * @description Sets the first day of the week. If not specified, derives from the active locale.
+     * @default null
      */
-    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek>;
+    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek | null>;
     /**
-     * @description Sets the date format of the date time picker.
+     * @description Sets the date format of the date time picker. If not specified, derives from the active locale, hourFormat, and showSeconds.
+     * @default null
      */
-    readonly format: _angular_core.InputSignal<string>;
+    readonly format: _angular_core.InputSignal<string | null>;
     /**
      * @description Sets the hour format of the time picker.
      * @default 24
@@ -172,28 +181,47 @@ declare class DateTimePickerComponent implements FormValueControl<Date | null>,
      */
     readonly weekNumber: _angular_core.InputSignal<boolean>;
     constructor();
-    protected onCancelClick(): void;
+    focus(): void;
     protected onCalendarValueChange(date: Date | Date[] | null): void;
+    protected onCancelClick(): void;
     protected onDateInputBlur(): void;
     protected onDateInputButtonClick(): void;
     protected onDateStringEdit(dateString: string): void;
     protected onSetDateClick(): void;
     protected onTimeSelectorValueChange(date: Date | null): void;
+    private closePopup;
     private compareDatesEqual;
     private dateStringEquals;
-    focus(): void;
-    private isDateDisabledByInput;
-    private setCurrentDate;
-    private closePopup;
     private handleKeydown;
+    private isDateDisabledByInput;
     private openPopup;
+    private setCurrentDate;
     private setKeyboardSubscriptions;
     private setPopupCloseSubscriptions;
     private setSubscriptions;
-    private updateDateIfNotInRange;
     private updateCurrentDateString;
+    private updateDateIfNotInRange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePickerComponent, "mona-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "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; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "weekNumber": { "alias": "weekNumber"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "prefixTemplate", "yearCellTemplate"], never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { DateTimePickerComponent };
+declare const DATETIME_PICKER_DEFAULT_MESSAGES: MonaDateTimePickerMessages;
+
+declare const dateTimePickerBaseThemeVariants: (props?: ({
+    focused?: boolean | null | undefined;
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dateTimePickerHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const dateTimePickerFooterThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type DateTimePickerBaseVariantProps = VariantProps<typeof dateTimePickerBaseThemeVariants>;
+type DateTimePickerBaseVariantInput = VariantInputs<DateTimePickerBaseVariantProps>;
+type DateTimePickerHeaderVariantProps = VariantProps<typeof dateTimePickerHeaderThemeVariants>;
+type DateTimePickerHeaderVariantInput = VariantInputs<DateTimePickerHeaderVariantProps>;
+type DateTimePickerFooterVariantProps = VariantProps<typeof dateTimePickerFooterThemeVariants>;
+type DateTimePickerFooterVariantInput = VariantInputs<DateTimePickerFooterVariantProps>;
+type DateTimePickerVariantProps = DateTimePickerBaseVariantProps & DateTimePickerHeaderVariantProps & DateTimePickerFooterVariantProps;
+type DateTimePickerVariantInput = Omit<DateTimePickerBaseVariantInput, "focused"> & DateTimePickerHeaderVariantInput & DateTimePickerFooterVariantInput;
+
+export { DATETIME_PICKER_DEFAULT_MESSAGES, DateTimePickerComponent };
+export type { DateTimePickerVariantInput, DateTimePickerVariantProps };

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { DialogMessages, MonaDialogMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, ComponentRef } from '@angular/core';
 import { PopupCloseEvent, PopupRef } from '@nanahoshi/mona-ui/popup';
@@ -79,15 +81,15 @@ declare class DialogComponent implements DialogVariantInput {
      * This event is preventable.
      */
     readonly close: _angular_core.OutputEmitterRef<PopupCloseEvent<unknown>>;
-    /**
-     * @description Emits when the dialog is closed.
-     */
-    readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * @description Sets whether the dialog should close when the escape key is pressed.
      * @default true
      */
     readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Emits when the dialog is closed.
+     */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * @description Sets the description of the dialog.
      */
@@ -113,6 +115,10 @@ declare class DialogComponent implements DialogVariantInput {
      * @description Sets the maximum width of the dialog.
      */
     readonly maxWidth: _angular_core.InputSignal<number | undefined>;
+    /**
+     * @description Sets the custom messages for the dialog.
+     */
+    readonly messages: _angular_core.InputSignal<Partial<_nanahoshi_mona_ui_i18n.MonaDialogMessages> | undefined>;
     /**
      * @description Sets the minimum height of the dialog.
      */
@@ -155,7 +161,7 @@ declare class DialogComponent implements DialogVariantInput {
     readonly width: _angular_core.InputSignal<number | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "mona-dialog", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "action": "action"; "close": "close"; "closed": "closed"; }, ["contentTemplate", "descriptionTemplate", "footerTemplate", "iconTemplate", "titleTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "mona-dialog", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "action": "action"; "close": "close"; "closed": "closed"; }, ["contentTemplate", "descriptionTemplate", "footerTemplate", "iconTemplate", "titleTemplate"], never, true, never>;
 }
 
 declare class DialogContentTemplateDirective {
@@ -205,6 +211,7 @@ interface DialogSettings {
     left?: number;
     maxHeight?: number;
     maxWidth?: number;
+    messages?: Partial<DialogMessages>;
     minHeight?: number;
     minWidth?: number;
     modal?: boolean;
@@ -219,7 +226,6 @@ interface DialogSettings {
 
 interface DialogRefParams<R = unknown> {
     close: (result?: R) => void;
-    update: (data: Partial<DialogSettings>) => void;
     get close$(): Observable<PopupCloseEvent<R>>;
     get closed$(): Observable<void>;
     get component(): ComponentRef<unknown> | null;
@@ -227,6 +233,7 @@ interface DialogRefParams<R = unknown> {
     get height(): number;
     get popupRef(): PopupRef;
     get result(): Observable<DialogResult>;
+    update: (data: Partial<DialogSettings>) => void;
     get width(): number;
 }
 
@@ -256,5 +263,7 @@ declare class DialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogService>;
 }
 
-export { DialogActionEvent, DialogComponent, DialogContentTemplateDirective, DialogDescriptionTemplateDirective, DialogFooterTemplateDirective, DialogIconTemplateDirective, DialogRef, DialogService, DialogTitleTemplateDirective };
+declare const DIALOG_DEFAULT_MESSAGES: MonaDialogMessages;
+
+export { DIALOG_DEFAULT_MESSAGES, DialogActionEvent, DialogComponent, DialogContentTemplateDirective, DialogDescriptionTemplateDirective, DialogFooterTemplateDirective, DialogIconTemplateDirective, DialogRef, DialogService, DialogTitleTemplateDirective };
 export type { ActionsLayout, DialogAction, DialogResult, DialogSettings, DialogVariantProps };

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

@@ -1,5 +1,7 @@
 import * as _nanahoshi_mona_ui_internal_list from '@nanahoshi/mona-ui/internal/list';
 import { SelectableOptions, ListSizeInputType, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaDropdownListMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -47,6 +49,7 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
     protected readonly isEmpty: _angular_core.Signal<boolean>;
     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 prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
@@ -230,5 +233,7 @@ declare class DropdownListValueTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownListValueTemplateDirective, "ng-template[monaDropDownListValueTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { DropdownListComponent, DropdownListValueTemplateDirective };
+declare const DROPDOWN_LIST_DEFAULT_MESSAGES: MonaDropdownListMessages;
+
+export { DROPDOWN_LIST_DEFAULT_MESSAGES, DropdownListComponent, DropdownListValueTemplateDirective };
 export type { DropDownListVariantProps };

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

@@ -9,6 +9,7 @@ import { Subject } from 'rxjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { VariantProps } from 'class-variance-authority';
+import { MonaDropdownsMessages } from '@nanahoshi/mona-ui/i18n';
 
 type DropdownFieldSelectorType<TData, TResult = unknown> = string | Selector<TData, TResult> | null | undefined;
 type DropdownFieldPredicateType<TData> = string | Predicate<TData> | null | undefined;
@@ -171,5 +172,7 @@ declare const dropdownPopupThemeVariants: (props?: ({
 type DropdownPopupVariantProps = VariantProps<typeof dropdownPopupThemeVariants>;
 type DropdownPopupVariantInput = VariantInputs<DropdownPopupVariantProps>;
 
-export { DropdownDataHandlerDirective, DropdownDataInputToken, DropdownFilterableDirective, DropdownFooterTemplateDirective, DropdownGroupHeaderTemplateDirective, DropdownGroupableDirective, DropdownHeaderTemplateDirective, DropdownItemTemplateDirective, DropdownListPopupHandlerDirective, DropdownListService, DropdownLiveRegionDirective, DropdownNoDataTemplateDirective, DropdownPopupHandlerDirective, DropdownPopupInputToken, DropdownPrefixTemplateDirective, DropdownService, DropdownSuffixTemplateDirective, DropdownVirtualScrollDirective, dropdownPopupThemeVariants };
+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 type { DropdownDataInput, DropdownFieldPredicateType, DropdownFieldSelectorType, DropdownPopupInput, DropdownPopupVariantInput, DropdownPopupVariantProps };

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

@@ -1,6 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 import { JSONContent, Editor } from '@tiptap/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaEditorMessages } from '@nanahoshi/mona-ui/i18n';
 import { ImmutableSet } from '@mirei/ts-collections';
 import { EditorState } from '@tiptap/pm/state';
 import { Subject } from 'rxjs';
@@ -38,6 +40,7 @@ interface EditorSettings {
 
 declare class EditorService {
     #private;
+    readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaEditorMessages>;
     readonly blur$: Subject<void>;
     readonly create$: Subject<void>;
     readonly focus$: Subject<void>;
@@ -109,5 +112,7 @@ declare class EditorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "mona-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "settings": { "alias": "settings"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "create": "create"; "focus": "focus"; "selectionUpdate": "selectionUpdate"; "update": "update"; }, never, never, true, never>;
 }
 
-export { EditorComponent };
+declare const EDITOR_DEFAULT_MESSAGES: MonaEditorMessages;
+
+export { EDITOR_DEFAULT_MESSAGES, EditorComponent };
 export type { ContentChangeEvent, EditorSettings };

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

@@ -1,5 +1,7 @@
 import { FilterOperators, FilterLogic, CompositeFilterDescriptor, BooleanFilterOperators, DateFilterOperators, NumericFilterOperators, StringFilterOperators, BooleanFilterDescriptor, DateFilterDescriptor, NumericFilterDescriptor, StringFilterDescriptor } from '@nanahoshi/mona-ui/query';
 import * as _angular_core from '@angular/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaFilterMessages } from '@nanahoshi/mona-ui/i18n';
 import { DataType } from '@nanahoshi/mona-ui/common';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
@@ -39,22 +41,23 @@ type FilterMenuVariantInput = FilterMenuBaseVariantInput;
 
 declare class FilterMenuComponent implements FilterMenuVariantInput {
     #private;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaFilterMessages>;
     protected readonly applyDisabled: _angular_core.Signal<boolean>;
     protected readonly baseClass: _angular_core.Signal<string>;
-    protected readonly booleanFilterMenuDataItems: FilterMenuDataItem[];
-    protected readonly connectorDataItems: FilterMenuConnectorItem[];
-    protected readonly dateFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly booleanFilterMenuDataItems: _angular_core.Signal<FilterMenuDataItem[]>;
+    protected readonly connectorDataItems: _angular_core.Signal<FilterMenuConnectorItem[]>;
+    protected readonly dateFilterMenuDataItems: _angular_core.Signal<FilterMenuDataItem[]>;
     protected readonly dateFilterValues: _angular_core.WritableSignal<[Date | null, Date | null]>;
     protected readonly effectiveDateOptions: _angular_core.Signal<FilterMenuDateOptions>;
     protected readonly filterMenuActionsClass: _angular_core.Signal<string>;
     protected readonly filterMenuItemClass: _angular_core.Signal<string>;
     protected readonly firstFilterValid: _angular_core.Signal<boolean>;
     protected readonly numberFilterValues: _angular_core.WritableSignal<[number | null, number | null]>;
-    protected readonly numericFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly numericFilterMenuDataItems: _angular_core.Signal<FilterMenuDataItem[]>;
     protected readonly secondFilterValid: _angular_core.Signal<boolean>;
     protected readonly selectedConnectorItem: _angular_core.WritableSignal<FilterMenuConnectorItem | null>;
     protected readonly selectedFilterMenuDataItemList: _angular_core.WritableSignal<(FilterMenuDataItem | undefined)[]>;
-    protected readonly stringFilterMenuDataItems: FilterMenuDataItem[];
+    protected readonly stringFilterMenuDataItems: _angular_core.Signal<FilterMenuDataItem[]>;
     protected readonly stringFilterValues: _angular_core.WritableSignal<[string, string]>;
     readonly apply: _angular_core.OutputEmitterRef<CompositeFilterDescriptor>;
     readonly dateOptions: _angular_core.InputSignal<FilterMenuDateOptions>;
@@ -81,6 +84,8 @@ declare class FilterMenuComponent implements FilterMenuVariantInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterMenuComponent, "mona-filter-menu", never, { "dateOptions": { "alias": "dateOptions"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "operators": { "alias": "operators"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "apply": "apply"; "field": "fieldChange"; "operators": "operatorsChange"; "type": "typeChange"; "value": "valueChange"; }, never, never, true, never>;
 }
 
+declare const FILTER_DEFAULT_MESSAGES: MonaFilterMessages;
+
 type FilterDescriptorBuildArgs<TValue, TOperator extends FilterOperators> = {
     field: string;
     operator1: TOperator;
@@ -94,10 +99,11 @@ type FilterDescriptorBuildArgs<TValue, TOperator extends FilterOperators> = {
 });
 
 declare class FilterService {
-    readonly booleanFilterMenuItems: FilterMenuDataItem[];
-    readonly dateFilterMenuItems: FilterMenuDataItem[];
-    readonly numericFilterMenuItems: FilterMenuDataItem[];
-    readonly stringFilterMenuItems: FilterMenuDataItem[];
+    #private;
+    get booleanFilterMenuItems(): FilterMenuDataItem[];
+    get dateFilterMenuItems(): FilterMenuDataItem[];
+    get numericFilterMenuItems(): FilterMenuDataItem[];
+    get stringFilterMenuItems(): FilterMenuDataItem[];
     buildBooleanFilterDescriptor(args: FilterDescriptorBuildArgs<boolean | null, BooleanFilterOperators>): CompositeFilterDescriptor;
     buildDateFilterDescriptor(args: FilterDescriptorBuildArgs<Date | null, DateFilterOperators>): CompositeFilterDescriptor;
     buildNumberFilterDescriptor(args: FilterDescriptorBuildArgs<number | null, NumericFilterOperators>): CompositeFilterDescriptor;
@@ -110,5 +116,5 @@ declare class FilterService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FilterService>;
 }
 
-export { FilterMenuComponent, FilterService };
+export { FILTER_DEFAULT_MESSAGES, FilterMenuComponent, FilterService };
 export type { FilterMenuDataItem, FilterMenuDateOptions, FilterMenuDateType, FilterMenuValue };

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

@@ -4,6 +4,7 @@ import { TemplateRef, WritableSignal, OnInit, ElementRef } from '@angular/core';
 import { FieldTree, SchemaOrSchemaFn, ValidationError } from '@angular/forms/signals';
 import { SortDirection, CompositeFilterDescriptor, SortDescriptor, FilterLogic, FilterOperators } from '@nanahoshi/mona-ui/query';
 import * as _nanahoshi_mona_ui_grid from '@nanahoshi/mona-ui/grid';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
 import { CdkDropList, CdkDragEnter, CdkDragStart, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { PageChangeEvent, PageSizeChangeEvent } from '@nanahoshi/mona-ui/pager';
 import { FilterMenuValue } from '@nanahoshi/mona-ui/filter';
@@ -513,7 +514,9 @@ interface RowReorderableOptions {
      */
     enabled?: boolean;
     /**
-     * Returns the accessible label for a row's reorder handle.
+     * Returns the accessible label fragment for a row's reorder handle.
+     * Locale-aware composition supplies sentence punctuation, keyboard instructions,
+     * and disabled reasons around this fragment.
      *
      * The default must be positional, such as:
      * "Reorder row 3"
@@ -948,6 +951,7 @@ declare class GridService {
     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 paginationState: _angular_core.WritableSignal<PaginationState>;
     readonly remove$: Subject<GridRemoveEvent>;
@@ -1154,6 +1158,7 @@ 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>;
@@ -1269,5 +1274,48 @@ declare class GridComponent<T> implements GridVariantInput {
     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>;
 }
 
-export { CellEditEvent, ColumnReorderEvent, ColumnSortEvent, 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 };
+declare const GRID_DEFAULT_MESSAGES: {
+    all: string;
+    apply: string;
+    cancel: string;
+    cancelRowEdit: string;
+    columns: string;
+    columnsSelected: (count: number) => string;
+    delete: string;
+    deleteRowConfirmation: string;
+    deleteRowTitle: string;
+    dragColumnHeaderToGroup: string;
+    edit: string;
+    editRow: string;
+    fieldValidationError: string;
+    filterByColumn: (column: string) => string;
+    filterPlaceholder: string;
+    modified: string;
+    moveAsNext: string;
+    moveAsPrevious: string;
+    moveRow: string;
+    noData: string;
+    remove: string;
+    removeRow: string;
+    reorderRow: (rowNumber: number) => string;
+    resizeColumn: string;
+    rowReorder: string;
+    rowReorderDisabled: string;
+    rowReorderDisabledEditing: string;
+    rowReorderDisabledFiltered: string;
+    rowReorderDisabledGrouped: string;
+    rowReorderDisabledSingleRow: string;
+    rowReorderDisabledSorted: string;
+    rowReorderDisabledVirtualScroll: string;
+    rowReorderHandleAriaLabel: (rowLabel: string, keyboardHint: string, disabledReason?: string) => string;
+    rowReorderKeyboardHint: string;
+    rowReorderMoved: (fromRowNumber: number, toPosition: number) => string;
+    rowValidationError: string;
+    save: string;
+    saveRow: string;
+    selectAllRows: string;
+    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 };