@nanahoshi/mona-ui 0.20.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> {