@nanahoshi/mona-ui 0.19.0 → 0.20.1

package/types/nanahoshi-mona-ui-multi-select.d.ts

@@ -47,21 +47,21 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
     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 invalidState: _angular_core.Signal<boolean>;
     protected readonly indicatorClass: _angular_core.Signal<string>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly itemContainerClass: _angular_core.Signal<string>;
     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.MonaMultiSelectMessages>;
     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 selectedDataItems: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<TData>>;
+    protected readonly selectedListItems: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<ListItem<TData>>>;
     protected readonly summaryTagTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
     protected readonly tagCount: _angular_core.Signal<number>;
     protected readonly tagTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly selectedDataItems: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<TData>>;
-    protected readonly selectedListItems: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<ListItem<TData>>>;
     protected readonly valueTextMap: _angular_core.Signal<_mirei_ts_collections.ImmutableDictionary<ListItem<TData>, string>>;
     protected readonly visibleTagCount: _angular_core.Signal<number>;
     /**
@@ -102,16 +102,16 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
      * @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.
-     */
-    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
      * @description Marks the multi select 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.
+     */
+    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
     /**
      * @description Sets the loading state of the multi select component.
      * @default false
@@ -188,6 +188,14 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
      * @default ""
      */
     readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Two-way bindable current selected values. Implements `FormValueControl<Iterable<TValue>>`,
+     * enabling signal forms `[formField]` binding.
+     * Object mode contains selected data items; primitive mode (see {@link valuePrimitive}) contains values
+     * resolved through {@link valueField}. An empty selection is represented by an empty iterable/array.
+     * @default []
+     */
+    readonly value: _angular_core.ModelSignal<Iterable<TValue>>;
     /**
      * @description Sets the value field of the multi select component.
      * It is used for stable item identity, matching externally supplied values, and primitive
@@ -208,20 +216,13 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
      * @default false
      */
     readonly valuePrimitive: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Two-way bindable current selected values. Implements `FormValueControl<Iterable<TValue>>`,
-     * enabling signal forms `[formField]` binding.
-     * Object mode contains selected data items; primitive mode (see {@link valuePrimitive}) contains values
-     * resolved through {@link valueField}. An empty selection is represented by an empty iterable/array.
-     * @default []
-     */
-    readonly value: _angular_core.ModelSignal<Iterable<TValue>>;
     constructor();
     focus(): void;
-    protected onBlur(): void;
+    protected onBlur(event?: FocusEvent): void;
     protected onItemSelect(): void;
-    protected onSelectedItemRemove(event: Event, listItem: ListItem<TData>): void;
+    protected onPopupPointerDown(event: PointerEvent): void;
     protected onSelectedItemGroupRemove(event: Event): void;
+    protected onSelectedItemRemove(event: Event, listItem: ListItem<TData>): void;
     protected onValueClear(event: Event): void;
     private getSelectedControlValues;
     private handleEnterKey;
@@ -234,7 +235,7 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
     private synchronizeSelection;
     private updateValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any, any>, "mona-multi-select", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "checkboxes": { "alias": "checkboxes"; "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; }; "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", "tagTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any, any>, "mona-multi-select", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "checkboxes": { "alias": "checkboxes"; "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; }; "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", "tagTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class MultiSelectSummaryTagDirective<TData> {

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

@@ -199,6 +199,7 @@ declare class PagerComponent implements PagerVariantInputs {
      */
     readonly visiblePages: _angular_core.InputSignal<number>;
     constructor();
+    protected formatPageNumber(value: number): string;
     protected onJumpNextClick(): void;
     protected onJumpPreviousClick(): void;
     protected onKeydown(event: KeyboardEvent): void;

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

@@ -99,7 +99,6 @@ type StepperVariantInput = StepperBaseVariantInput & StepperStepListVariantInput
 
 declare class StepperComponent implements StepperVariantInput {
     #private;
-    protected readonly isRtl: Signal<boolean>;
     protected readonly activeStep: Signal<StepItem<unknown> | undefined>;
     protected readonly baseClass: Signal<string>;
     protected readonly highlightedStep: _angular_core.WritableSignal<number>;
@@ -108,6 +107,7 @@ declare class StepperComponent implements StepperVariantInput {
         gridTemplateRows: string | undefined;
     }>;
     protected readonly indicatorTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
+    protected readonly isRtl: Signal<boolean>;
     protected readonly labelTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
     protected readonly listClass: Signal<string>;
     protected readonly listItemClass: Signal<string>;
@@ -160,6 +160,7 @@ declare class StepperComponent implements StepperVariantInput {
      */
     readonly steps: _angular_core.InputSignal<Iterable<StepOptions<unknown>>>;
     constructor();
+    protected formatStepNumber(value: number): string;
     protected isStepActive(step: StepItem): boolean;
     protected isStepLocked(step: StepItem): boolean;
     protected onIndicatorFocus(step: StepItem): void;

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

@@ -26,6 +26,7 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
     #private;
     protected readonly baseClass: Signal<string>;
     protected readonly currentDateString: _angular_core.WritableSignal<string>;
+    protected readonly effectiveFormat: Signal<string>;
     protected readonly expanded: Signal<boolean>;
     protected readonly inputAttributes: Signal<AttributeConfig>;
     protected readonly invalidState: Signal<boolean>;
@@ -47,9 +48,10 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
      */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /**
-     * @description Sets the format of the time picker.
+     * @description Sets the format of the 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