@nanahoshi/mona-ui 0.19.0 → 0.20.1

package/types/nanahoshi-mona-ui-combo-box.d.ts

@@ -38,8 +38,8 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
     protected readonly activeDescendant: _angular_core.Signal<string | null>;
     protected readonly affixClass: _angular_core.Signal<string>;
     protected readonly baseClass: _angular_core.Signal<string>;
-    protected readonly comboBoxValue$: Subject<string | null>;
     protected readonly comboBoxValue: _angular_core.WritableSignal<string>;
+    protected readonly comboBoxValue$: Subject<string | null>;
     protected readonly effectiveAriaLabel: _angular_core.Signal<string>;
     protected readonly expanded: _angular_core.Signal<boolean>;
     protected readonly footerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
@@ -53,7 +53,7 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
     protected readonly listPopupClass: _angular_core.Signal<string>;
     protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaComboBoxMessages>;
     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 selectedListItem: _angular_core.Signal<ListItem<any> | null>;
@@ -97,17 +97,17 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
      * @default false
      */
     readonly disabled: _angular_core.ModelSignal<boolean>;
-    /**
-     * @description A predicate function or the name of the field that determines whether an item is disabled.
-     * @default undefined
-     */
-    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
      * @description Marks the combo box as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
     readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description A predicate function or the name of the field that determines whether an 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
@@ -188,6 +188,14 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
      * @default ""
      */
     readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Two-way bindable current selected value. Implements `FormValueControl<TValue | null>`,
+     * enabling signal forms `[formField]` binding.
+     * 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 Emitted with the entered text when the user presses Enter on unmatched input.
      * Only emitted when {@link allowCustomValue} is true.
@@ -212,38 +220,31 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
      * @default false
      */
     readonly valuePrimitive: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Two-way bindable current selected value. Implements `FormValueControl<TValue | null>`,
-     * enabling signal forms `[formField]` binding.
-     * 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();
-    protected onInputBlur(): void;
+    focus(): void;
+    protected onInputBlur(event: FocusEvent): void;
     protected onItemSelect(event: SelectionChangeEvent<TData>): void;
+    protected onPopupPointerDown(event: PointerEvent): void;
     protected onValueClear(event: Event): void;
     private clear;
     private closePopup;
-    focus(): void;
+    private getControlValue;
+    private handleEnterKey;
     private initialize;
     private notifyFilterChange;
+    private selectItem;
     private setArrowNavigationSubscription;
     private setComboboxValueSubscription;
-    private handleEnterKey;
-    private selectItem;
     private setEscapeKeySubscription;
     private setKeydownSubscription;
     private setNavigatedItemSubscription;
     private setPopupCloseSubscriptions;
     private setSpaceKeySubscription;
     private setSubscriptions;
-    private updateValue;
-    private getControlValue;
     private synchronizeSelection;
+    private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboBoxComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxComponent<any, any>, "mona-combo-box", never, { "allowCustomValue": { "alias": "allowCustomValue"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "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"; "valueAdd": "valueAdd"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxComponent<any, any>, "mona-combo-box", never, { "allowCustomValue": { "alias": "allowCustomValue"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "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"; "valueAdd": "valueAdd"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare const COMBO_BOX_DEFAULT_MESSAGES: MonaComboBoxMessages;

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

@@ -29,6 +29,7 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
     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 inputAttributes: _angular_core.Signal<AttributeConfig>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
@@ -58,13 +59,15 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
      */
     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 picker.
+     * @description Sets the date format of the date picker. If not specified, derives from the active locale.
+     * @default null
      */
-    readonly format: _angular_core.InputSignal<string>;
+    readonly format: _angular_core.InputSignal<string | null>;
     /**
      * @description Marks the date picker as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.

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

@@ -18,16 +18,17 @@ type ActiveView = "date" | "time";
 
 declare class DateTimePickerComponent implements FormValueControl<Date | null>, DropdownPopupInput {
     #private;
-    protected readonly isRtl: _angular_core.Signal<boolean>;
     protected readonly activeView: _angular_core.WritableSignal<ActiveView>;
     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>;
@@ -56,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

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

@@ -514,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"
@@ -1298,7 +1300,16 @@ declare const GRID_DEFAULT_MESSAGES: {
     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;

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

@@ -252,7 +252,16 @@ interface MonaGridMessages {
     reorderRow(rowNumber: number): string;
     readonly resizeColumn: string;
     readonly rowReorder: string;
+    readonly rowReorderDisabled: string;
+    readonly rowReorderDisabledEditing: string;
+    readonly rowReorderDisabledFiltered: string;
+    readonly rowReorderDisabledGrouped: string;
+    readonly rowReorderDisabledSingleRow: string;
+    readonly rowReorderDisabledSorted: string;
+    readonly rowReorderDisabledVirtualScroll: string;
+    rowReorderHandleAriaLabel(rowLabel: string, keyboardHint: string, disabledReason?: string): string;
     readonly rowReorderKeyboardHint: string;
+    rowReorderMoved(fromRowNumber: number, toPosition: number): string;
     readonly rowValidationError: string;
     readonly save: string;
     readonly saveRow: string;
@@ -595,12 +604,50 @@ declare function gregorianDateTimeFromObject(obj: {
  * Formats a date using locale-native token ordering and explicit Gregorian calendar.
  */
 declare function formatGregorianDateToLocaleString(date: Date, localeId: string, options: Intl.DateTimeFormatOptions): string;
+/**
+ * Regular expression matching Unicode bidirectional formatting controls
+ * (such as LRM, RLM, ALM, embeddings, overrides, and isolates).
+ */
+declare const BIDI_CONTROL_REGEX: RegExp;
+/**
+ * Strips Unicode bidirectional formatting controls from a string.
+ */
+declare function stripBidiControls(value: string): string;
+/**
+ * Sanitizes date/time text by stripping invisible bidi controls and
+ * normalizing typographic/non-breaking spaces to standard ASCII spaces.
+ */
+declare function sanitizeDateText(value: string): string;
 /**
  * Parses a date string using the specified format and locale, forcing Gregorian calendar.
  * Localized digits are normalized first to support locales that use native numbering systems.
  */
 declare function parseGregorianDate(text: string, format: string, localeId: string): DateTime;
 
+type LocaleFirstDayOfWeek = "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday";
+
+interface LocaleTimeFormatOptions {
+    readonly hourFormat?: "12" | "24";
+    readonly showSeconds?: boolean;
+}
+/**
+ * Derives a localized numeric date format (e.g. "yyyy/MM/dd" or "dd/MM/yyyy") for the given locale.
+ */
+declare function getLocaleDateInputFormat(localeId: string): string;
+/**
+ * Derives a localized time format (e.g. "HH:mm", "ahh:mm", "hh:mm a") for the given locale.
+ */
+declare function getLocaleTimeInputFormat(localeId: string, options?: LocaleTimeFormatOptions): string;
+/**
+ * Derives a localized date-time format for the given locale.
+ */
+declare function getLocaleDateTimeInputFormat(localeId: string, options?: LocaleTimeFormatOptions): string;
+/**
+ * Resolves the first day of the week for the given locale using Intl.Locale.weekInfo,
+ * Intl.Locale.getWeekInfo(), or CLDR fallbacks.
+ */
+declare function getLocaleFirstDayOfWeek(localeId: string): LocaleFirstDayOfWeek;
+
 interface PseudoLocalizationOptions {
     readonly prefix?: string;
     readonly suffix?: string;
@@ -629,5 +676,5 @@ declare function pseudoLocalizeCatalog<T extends object>(catalog: T, options?: P
  */
 declare function generatePseudoLocale(catalogs: DeepPartial<MonaLocaleMessages>, options?: GeneratePseudoLocaleOptions): MonaLocale;
 
-export { MONA_DEFAULT_LOCALE, MONA_I18N_CONFIG, MonaDirectionService, MonaI18nService, formatGregorianDateToLocaleString, formatNumber, generatePseudoLocale, getNumberFormatter, getNumberGroupingPattern, getNumberSymbols, gregorianDateTime, gregorianDateTimeFromObject, injectComponentDirection, mergeMessages, mergeTwo, normalizeGregorianLocale, normalizeLocalizedDigits, normalizeLocalizedInput, normalizeLocalizedMinus, observeComponentDirection, parseGregorianDate, parseLocalizedNumber, provideMonaI18n, pseudoLocalize, pseudoLocalizeCatalog, resolveComponentDirection, validateLocalizedNumber, validateLocalizedNumberEdit };
-export type { CalendarMessages, DatePickerMessages, DateTimePickerMessages, DeepPartial, DialogMessages, DirectionObserverHandle, FilterMessages, GeneratePseudoLocaleOptions, LocalizedNumberEditValidationResult, LocalizedNumberParseMode, LocalizedNumberValidationResult, MonaAutoCompleteMessages, MonaBreadcrumbMessages, MonaButtonGroupMessages, MonaCalendarMessages, MonaCardMessages, MonaChartMessages, MonaChipMessages, MonaColorGradientMessages, MonaColorPaletteMessages, MonaColorPickerMessages, MonaComboBoxMessages, MonaDatePickerMessages, MonaDateTimePickerMessages, MonaDialogMessages, MonaDropdownListMessages, MonaDropdownsMessages, MonaEditorMessages, MonaFilterMessages, MonaGridMessages, MonaI18nConfig, MonaListBoxMessages, MonaListMessages, MonaLocale, MonaLocaleMessages, MonaMessageNamespace, MonaMultiSelectMessages, MonaNotificationMessages, MonaNumericTextBoxMessages, MonaOtpInputMessages, MonaPagerMessages, MonaRatingMessages, MonaScrollViewMessages, MonaSheetMessages, MonaSliderMessages, MonaSpinnerMessages, MonaSplitButtonMessages, MonaSplitterMessages, MonaStepperMessages, MonaTabsMessages, MonaTextBoxMessages, MonaTextDirection, MonaTimePickerMessages, MonaTimeSelectorMessages, MonaTreeViewMessages, MonaWindowMessages, NotificationMessages, NumberGroupingPattern, NumberSymbols, ParseLocalizedNumberOptions, PseudoLocalizationOptions, SheetMessages, TimePickerMessages, TimeSelectorMessages, ValidateLocalizedNumberEditOptions, WindowMessages };
+export { BIDI_CONTROL_REGEX, MONA_DEFAULT_LOCALE, MONA_I18N_CONFIG, MonaDirectionService, MonaI18nService, formatGregorianDateToLocaleString, formatNumber, generatePseudoLocale, getLocaleDateInputFormat, getLocaleDateTimeInputFormat, getLocaleFirstDayOfWeek, getLocaleTimeInputFormat, getNumberFormatter, getNumberGroupingPattern, getNumberSymbols, gregorianDateTime, gregorianDateTimeFromObject, injectComponentDirection, mergeMessages, mergeTwo, normalizeGregorianLocale, normalizeLocalizedDigits, normalizeLocalizedInput, normalizeLocalizedMinus, observeComponentDirection, parseGregorianDate, parseLocalizedNumber, provideMonaI18n, pseudoLocalize, pseudoLocalizeCatalog, resolveComponentDirection, sanitizeDateText, stripBidiControls, validateLocalizedNumber, validateLocalizedNumberEdit };
+export type { CalendarMessages, DatePickerMessages, DateTimePickerMessages, DeepPartial, DialogMessages, DirectionObserverHandle, FilterMessages, GeneratePseudoLocaleOptions, LocaleFirstDayOfWeek, LocaleTimeFormatOptions, LocalizedNumberEditValidationResult, LocalizedNumberParseMode, LocalizedNumberValidationResult, MonaAutoCompleteMessages, MonaBreadcrumbMessages, MonaButtonGroupMessages, MonaCalendarMessages, MonaCardMessages, MonaChartMessages, MonaChipMessages, MonaColorGradientMessages, MonaColorPaletteMessages, MonaColorPickerMessages, MonaComboBoxMessages, MonaDatePickerMessages, MonaDateTimePickerMessages, MonaDialogMessages, MonaDropdownListMessages, MonaDropdownsMessages, MonaEditorMessages, MonaFilterMessages, MonaGridMessages, MonaI18nConfig, MonaListBoxMessages, MonaListMessages, MonaLocale, MonaLocaleMessages, MonaMessageNamespace, MonaMultiSelectMessages, MonaNotificationMessages, MonaNumericTextBoxMessages, MonaOtpInputMessages, MonaPagerMessages, MonaRatingMessages, MonaScrollViewMessages, MonaSheetMessages, MonaSliderMessages, MonaSpinnerMessages, MonaSplitButtonMessages, MonaSplitterMessages, MonaStepperMessages, MonaTabsMessages, MonaTextBoxMessages, MonaTextDirection, MonaTimePickerMessages, MonaTimeSelectorMessages, MonaTreeViewMessages, MonaWindowMessages, NotificationMessages, NumberGroupingPattern, NumberSymbols, ParseLocalizedNumberOptions, PseudoLocalizationOptions, SheetMessages, TimePickerMessages, TimeSelectorMessages, ValidateLocalizedNumberEditOptions, WindowMessages };