@nanahoshi/mona-ui 0.1.0

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

@@ -0,0 +1,225 @@
+import * as _angular_core from '@angular/core';
+import { Signal, TemplateRef } from '@angular/core';
+import { Position, PreventableEvent, SelectionMode } from '@nanahoshi/mona-ui/common';
+import { SelectableOptions, ListKeySelector } from '@nanahoshi/mona-ui/internal/list';
+import { ImmutableList, ImmutableSet } from '@mirei/ts-collections';
+import { Observable } from 'rxjs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantProps } from 'class-variance-authority';
+
+interface ToolbarOptions {
+    actions: ToolbarAction[];
+    position: Position;
+}
+type ToolbarAction = "clear" | "moveDown" | "moveUp" | "remove" | "transferAllFrom" | "transferAllTo" | "transferFrom" | "transferTo";
+
+declare class ListBoxMoveEvent<T = any> extends PreventableEvent {
+    #private;
+    constructor(action: Extract<ToolbarAction, "moveDown" | "moveUp">, selectedItems: Iterable<T>, selectedIndices: Iterable<number>, oldIndex: number, newIndex: number, originalEvent?: Event);
+    get action(): Extract<ToolbarAction, "moveDown" | "moveUp">;
+    get newIndex(): number;
+    get oldIndex(): number;
+    get selectedIndices(): number[];
+    get selectedItems(): T[];
+}
+
+declare class ListBoxRemoveEvent<T = any> extends PreventableEvent {
+    #private;
+    constructor(selectedItems: Iterable<T>, originalEvent?: Event);
+    get action(): Extract<ToolbarAction, "remove">;
+    get selectedItems(): T[];
+}
+
+type ActionType = Extract<ToolbarAction, "transferAllFrom" | "transferAllTo" | "transferFrom" | "transferTo">;
+declare class ListBoxTransferEvent<T = any> extends PreventableEvent {
+    #private;
+    constructor(action: ActionType, selectedItems: Iterable<T>, originalEvent?: Event);
+    get action(): ActionType;
+    get selectedItems(): T[];
+}
+
+declare class ListBoxClearEvent<T = any> extends PreventableEvent {
+    #private;
+    constructor(selectedItems: Iterable<T>, originalEvent?: Event);
+    get action(): Extract<ToolbarAction, "clear">;
+    get selectedItems(): T[];
+}
+
+type ListBoxActionEvent<T = any> = ListBoxClearEvent<T> | ListBoxMoveEvent<T> | ListBoxRemoveEvent<T> | ListBoxTransferEvent<T>;
+
+interface ListBoxSelectionEvent<T = any> {
+    deselectedItems: T[];
+    selectedItems: T[];
+}
+
+declare const listBoxBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    reversed?: boolean | null | undefined;
+    rounded?: "small" | "medium" | "large" | "none" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const listBoxToolbarThemeVariants: (theme: ThemeStyle) => (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ListBoxBaseVariantProps = VariantProps<ReturnType<typeof listBoxBaseThemeVariants>>;
+type ListBoxBaseVariantInputs = Omit<VariantInputs<ListBoxBaseVariantProps>, "direction" | "reversed">;
+type ListBoxToolbarVariantProps = VariantProps<ReturnType<typeof listBoxToolbarThemeVariants>>;
+type ListBoxToolbarVariantInputs = Omit<VariantInputs<ListBoxToolbarVariantProps>, "direction">;
+type ListBoxVariantInputs = ListBoxBaseVariantInputs & ListBoxToolbarVariantInputs;
+
+declare class ListBoxComponent<T = unknown, K = unknown> implements ListBoxVariantInputs {
+    #private;
+    /**
+     * The list box (`this` or the connected list box) that currently holds the selection; falling back to `this`
+     * when neither side has a selection. Used by actions that make sense to run on `this` even with no selection
+     * (e.g., "transfer all"). For actions that require a real selection to proceed, use {@link getSelectedListBox} instead.
+     */
+    protected readonly activeListBox: Signal<ListBoxComponent<T, K>>;
+    protected readonly baseClasses: Signal<string>;
+    protected readonly footerTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly headerTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly itemTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly listHeight: Signal<string>;
+    protected readonly listWidth: Signal<string>;
+    protected readonly noDataTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly selectableOptions: Signal<SelectableOptions>;
+    protected readonly toolbarClasses: Signal<string>;
+    protected readonly toolbarOptions: Signal<ToolbarOptions | null>;
+    /**
+     * @description Emitted when a toolbar action button is clicked, carrying the action's details.
+     */
+    readonly actionClick: _angular_core.OutputEmitterRef<ListBoxActionEvent>;
+    /**
+     * @description Accessible name for the list box's `listbox` element. Describe what the list represents,
+     * which matters in particular when connecting two list boxes.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description The other list box to transfer items to and from using the toolbar actions.
+     * @default null
+     */
+    readonly connectedList: _angular_core.InputSignal<ListBoxComponent<T, K> | null>;
+    /**
+     * @description Sets the height of the component.
+     * @default 100%
+     */
+    readonly height: _angular_core.InputSignal<string | number>;
+    /**
+     * @description Collection of items to render.
+     * @default []
+     */
+    readonly items: _angular_core.InputSignal<Iterable<T>>;
+    readonly listBoxItems: _angular_core.WritableSignal<ImmutableList<T>>;
+    /**
+     * @description Border-radius preset applied to the component.
+     * @default medium
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
+    /**
+     * @description Property name or accessor used to derive the key from a data item, used to identify selected items.
+     * @default ""
+     */
+    readonly selectBy: _angular_core.InputSignal<ListKeySelector<T, K>>;
+    /**
+     * @description Keys of the currently selected items.
+     * @default []
+     */
+    readonly selectedKeys: _angular_core.InputSignal<Iterable<K>>;
+    /**
+     * @description Emitted with the updated keys whenever the selection changes.
+     */
+    readonly selectedKeysChange: _angular_core.OutputEmitterRef<K[]>;
+    /**
+     * @description Emitted with the selected and deselected items whenever the selection changes.
+     */
+    readonly selectionChange: _angular_core.OutputEmitterRef<ListBoxSelectionEvent<any>>;
+    readonly selectedItems: Signal<ImmutableSet<T>>;
+    readonly selectedItems$: Observable<ImmutableSet<T>>;
+    /**
+     * @description Allows multiple items to be selected simultaneously when set to `"multiple"`.
+     * @default single
+     */
+    readonly selectionMode: _angular_core.InputSignal<SelectionMode>;
+    /**
+     * @description Allows an already-selected item to be deselected by clicking it again while `selectionMode`
+     * is `"single"`. Has no effect when `selectionMode` is `"multiple"`.
+     * @default true
+     */
+    readonly singleSelectionToggleable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Size preset controlling the component's dimensions.
+     * @default medium
+     */
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Property name or accessor used to derive the display text from a data item.
+     * @default ""
+     */
+    readonly textField: _angular_core.InputSignal<ListKeySelector<T, string>>;
+    /**
+     * @description Shows the action toolbar. Pass `false` to hide it entirely, or an options object to customize
+     * which actions are shown and where the toolbar is positioned.
+     * @default true
+     */
+    readonly toolbar: _angular_core.InputSignal<boolean | Partial<ToolbarOptions>>;
+    /**
+     * @description Sets the width of the component.
+     * @default 100%
+     */
+    readonly width: _angular_core.InputSignal<string | number>;
+    constructor();
+    /**
+     * @description Clears the current selection without emitting `selectionChange`. Call {@link notifySelectionChange}
+     * afterward if the resulting selection change should be emitted.
+     */
+    clearSelections(): void;
+    /**
+     * @description Emits `selectionChange` for any selection changes made since the last notification
+     * (e.g., after programmatically calling {@link clearSelections}).
+     */
+    notifySelectionChange(): void;
+    protected onClearClick(event: MouseEvent): void;
+    protected onMoveClick(direction: Extract<ToolbarAction, "moveDown" | "moveUp">, event: MouseEvent): void;
+    protected onRemoveClick(event: MouseEvent): void;
+    protected onSelectedKeysChange(keys: K[]): void;
+    protected onTransferClick(action: Extract<ToolbarAction, "transferAllFrom" | "transferAllTo" | "transferFrom" | "transferTo">, event: MouseEvent): void;
+    private createSelectedChangeNotifier;
+    /**
+     * The list box (`this` or the connected list box, recursively) that currently has a real selection
+     * or `null` if neither side has one. Unlike {@link activeListBox}, this does not fall back to `this`,
+     * since move actions need to know an actual selected index to operate on.
+     */
+    private getSelectedListBox;
+    private getDefaultToolbarOptions;
+    private scrollToSelectedItem;
+    private setSubscriptions;
+    private updateToolbarOptions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxComponent<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListBoxComponent<any, any>, "mona-list-box", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "connectedList": { "alias": "connectedList"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selectBy": { "alias": "selectBy"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "singleSelectionToggleable": { "alias": "singleSelectionToggleable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "selectedKeysChange": "selectedKeysChange"; "selectionChange": "selectionChange"; }, ["footerTemplate", "headerTemplate", "itemTemplate", "noDataTemplate"], never, true, never>;
+}
+
+declare class ListBoxFooterTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxFooterTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxFooterTemplateDirective, "ng-template[monaListBoxFooterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListBoxHeaderTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxHeaderTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxHeaderTemplateDirective, "ng-template[monaListBoxHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListBoxItemTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxItemTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxItemTemplateDirective, "ng-template[monaListBoxItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListBoxNoDataTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxNoDataTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListBoxNoDataTemplateDirective, "ng-template[monaListBoxNoDataTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { ListBoxClearEvent, ListBoxComponent, ListBoxFooterTemplateDirective, ListBoxHeaderTemplateDirective, ListBoxItemTemplateDirective, ListBoxMoveEvent, ListBoxNoDataTemplateDirective, ListBoxRemoveEvent, ListBoxTransferEvent };
+export type { ListBoxActionEvent, ListBoxSelectionEvent, ToolbarAction, ToolbarOptions };

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

@@ -0,0 +1,188 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ListService, ListKeySelector, GroupableOptions, NavigableOptions, PagerSettings, SelectableOptions } from '@nanahoshi/mona-ui/internal/list';
+export { NavigableOptions } from '@nanahoshi/mona-ui/internal/list';
+import { PageChangeEvent, PageSizeChangeEvent } from '@nanahoshi/mona-ui/pager';
+import { ImmutableSet } from '@mirei/ts-collections';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { VirtualScrollOptions } from '@nanahoshi/mona-ui/common';
+
+declare const listViewBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "none" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ListViewBaseVariantProps = VariantProps<ReturnType<typeof listViewBaseThemeVariants>>;
+type ListViewBaseVariantInputs = VariantInputs<ListViewBaseVariantProps>;
+type ListViewVariantInputs = ListViewBaseVariantInputs;
+
+declare class ListViewComponent<T = unknown> implements ListViewVariantInputs {
+    #private;
+    protected readonly baseClasses: _angular_core.Signal<string>;
+    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 itemCount: _angular_core.Signal<number>;
+    protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly listHeight: _angular_core.Signal<string>;
+    protected readonly listItems: _angular_core.Signal<ImmutableSet<T>>;
+    protected readonly listMaxHeight: _angular_core.Signal<string>;
+    protected readonly listMaxWidth: _angular_core.Signal<string>;
+    protected readonly listService: ListService<T>;
+    protected readonly listWidth: _angular_core.Signal<string>;
+    protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly viewItems: _angular_core.Signal<ImmutableSet<T>>;
+    /**
+     * @description Accessible name for the list view's `listbox` element. Describe what the list represents.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the height of the list view.
+     * @default 100%
+     */
+    readonly height: _angular_core.InputSignal<string | number>;
+    /**
+     * @description Sets the classes of the inner UL element.
+     * @default ""
+     */
+    readonly listClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the classes of the list items.
+     * @default ""
+     */
+    readonly listItemClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the style of the list items.
+     * @default {}
+     */
+    readonly listItemStyle: _angular_core.InputSignal<Partial<CSSStyleDeclaration>>;
+    /**
+     * @description Sets the style of the list.
+     * @default {}
+     */
+    readonly listStyle: _angular_core.InputSignal<Partial<CSSStyleDeclaration>>;
+    /**
+     * @description Collection of items to render.
+     * @default []
+     */
+    readonly items: _angular_core.InputSignal<Iterable<T>>;
+    /**
+     * @description Sets the maximum height of the list.
+     * @default ""
+     */
+    readonly maxHeight: _angular_core.InputSignal<string | number>;
+    /**
+     * @description Sets the maximum width of the list.
+     * @default ""
+     */
+    readonly maxWidth: _angular_core.InputSignal<string | number>;
+    /**
+     * @description Border-radius preset applied to the component.
+     * @default medium
+     */
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
+    /**
+     * @description Emitted when the list is scrolled to the bottom.
+     */
+    readonly scrollBottom: _angular_core.OutputEmitterRef<Event>;
+    /**
+     * @description Size preset controlling the component's dimensions.
+     * @default medium
+     */
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Property name or accessor used to derive the display text from a data item.
+     * @default ""
+     */
+    readonly textField: _angular_core.InputSignal<ListKeySelector<T, string> | undefined>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Sets the width of the list view.
+     * @default 100%
+     */
+    readonly width: _angular_core.InputSignal<string | number>;
+    constructor();
+    protected onPageChange(event: PageChangeEvent): void;
+    protected onPageSizeChange(event: PageSizeChangeEvent): void;
+    private setScrollBottomEvent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListViewComponent<any>, "mona-list-view", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "listClass": { "alias": "listClass"; "required": false; "isSignal": true; }; "listItemClass": { "alias": "listItemClass"; "required": false; "isSignal": true; }; "listItemStyle": { "alias": "listItemStyle"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "scrollBottom": "scrollBottom"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate"], never, true, never>;
+}
+
+declare class ListViewFooterTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewFooterTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewFooterTemplateDirective, "ng-template[monaListViewFooterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListViewGroupHeaderTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewGroupHeaderTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewGroupHeaderTemplateDirective, "ng-template[monaListViewGroupHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListViewGroupableDirective<T, K = T> {
+    #private;
+    groupBy: _angular_core.InputSignal<ListKeySelector<T, K> | undefined>;
+    options: _angular_core.InputSignal<"" | GroupableOptions<T, K>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewGroupableDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewGroupableDirective<any, any>, "mona-list-view[monaListViewGroupable]", never, { "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "options": { "alias": "monaListViewGroupable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ListViewHeaderTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewHeaderTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewHeaderTemplateDirective, "ng-template[monaListViewHeaderTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListViewItemTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewItemTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewItemTemplateDirective, "ng-template[monaListViewItemTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListViewNavigableDirective<T> {
+    #private;
+    options: _angular_core.InputSignal<"" | Partial<NavigableOptions>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewNavigableDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewNavigableDirective<any>, "mona-list-view[monaListViewNavigable]", never, { "options": { "alias": "monaListViewNavigable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ListViewNoDataTemplateDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewNoDataTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewNoDataTemplateDirective, "ng-template[monaListViewNoDataTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ListViewPageableDirective {
+    #private;
+    options: _angular_core.InputSignal<"" | Partial<PagerSettings>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewPageableDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewPageableDirective, "mona-list-view[monaListViewPageable]", never, { "options": { "alias": "monaListViewPageable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ListViewSelectableDirective<T, K = unknown> {
+    #private;
+    readonly selectedKeysChange: _angular_core.OutputEmitterRef<K[]>;
+    options: _angular_core.InputSignal<"" | Partial<SelectableOptions>>;
+    selectBy: _angular_core.InputSignal<ListKeySelector<T, K> | undefined>;
+    selectedKeys: _angular_core.InputSignal<Iterable<K>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewSelectableDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewSelectableDirective<any, any>, "mona-list-view[monaListViewSelectable]", never, { "options": { "alias": "monaListViewSelectable"; "required": false; "isSignal": true; }; "selectBy": { "alias": "selectBy"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; }, { "selectedKeysChange": "selectedKeysChange"; }, never, never, true, never>;
+}
+
+declare class ListViewVirtualScrollDirective<T> {
+    #private;
+    options: _angular_core.InputSignal<VirtualScrollOptions>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListViewVirtualScrollDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListViewVirtualScrollDirective<any>, "mona-list-view[monaListViewVirtualScroll]", never, { "options": { "alias": "monaListViewVirtualScroll"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ListViewComponent, ListViewFooterTemplateDirective, ListViewGroupHeaderTemplateDirective, ListViewGroupableDirective, ListViewHeaderTemplateDirective, ListViewItemTemplateDirective, ListViewNavigableDirective, ListViewNoDataTemplateDirective, ListViewPageableDirective, ListViewSelectableDirective, ListViewVirtualScrollDirective };

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

@@ -0,0 +1 @@
+export { GroupableOptions, ListKeySelector, ListSizeInputType, SelectableOptions, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';

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

@@ -0,0 +1,198 @@
+import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
+import { PopupMenuItemClickEvent, MenuItem, PopupMenuComponent, PopupMenuCheckboxItemComponent, PopupMenuOrigin, PopupMenuGroupComponent, PopupMenuItemComponent, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuSeparatorComponent, PopupMenuNavigationEvent, PopupMenuGroupTemplateDirective, PopupMenuTemplateOrigin, PopupMenuIconTemplateDirective, PopupMenuShortcutTemplateDirective, PopupMenuTextTemplateDirective } from '@nanahoshi/mona-ui/popup-menu';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+type MenuItemClickEvent = PopupMenuItemClickEvent;
+
+declare class MenuComponent {
+    private readonly menuItemComponents;
+    /**
+     * @description Sets the menu as disabled.
+     */
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Sets the items of the menu.
+     * If provided, it will override the menu items defined by the menu item components.
+     */
+    readonly items: i0.InputSignal<Iterable<MenuItem>>;
+    readonly menuItems: i0.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
+    readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description The text of the menu.
+     */
+    readonly text: i0.InputSignal<string>;
+    readonly uid: string;
+    popupMenu: PopupMenuComponent | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "mona-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, ["menuItemComponents", "iconTemplate", "textTemplate"], never, true, never>;
+}
+
+declare class MenuCheckboxItemComponent extends PopupMenuCheckboxItemComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "mona-menu-checkbox-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuGroupComponent extends PopupMenuGroupComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuGroupComponent, "mona-menu-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuItemComponent extends PopupMenuItemComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "mona-menu-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuRadioGroupComponent extends PopupMenuRadioGroupComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioGroupComponent, "mona-menu-radio-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuRadioItemComponent extends PopupMenuRadioItemComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioItemComponent, "mona-menu-radio-item", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuSeparatorComponent extends PopupMenuSeparatorComponent {
+    readonly origin = PopupMenuOrigin.MenubarMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparatorComponent, "mona-menu-separator", never, {}, {}, never, never, true, never>;
+}
+
+declare const menubarBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "none" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const menubarListItemThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "small" | "medium" | "large" | "none" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const menubarListThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type MenubarBaseVariantProps = VariantProps<ReturnType<typeof menubarBaseThemeVariants>>;
+type MenubarListItemVariants = VariantProps<ReturnType<typeof menubarListItemThemeVariants>>;
+type MenubarListVariants = VariantProps<ReturnType<typeof menubarListThemeVariants>>;
+type MenubarVariantProps = MenubarBaseVariantProps & MenubarListItemVariants & MenubarListVariants;
+type MenubarVariantInput = VariantInputs<MenubarVariantProps>;
+
+declare class MenubarComponent implements MenubarVariantInput {
+    #private;
+    protected readonly activeIndex: i0.WritableSignal<number>;
+    protected readonly baseClasses: i0.Signal<string>;
+    protected readonly currentPopupElement: i0.WritableSignal<HTMLElement | null>;
+    protected readonly currentPopupMenu: i0.WritableSignal<PopupMenuComponent | null>;
+    protected readonly groupTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly listClasses: i0.Signal<string>;
+    protected readonly listItemClasses: i0.Signal<string>;
+    protected readonly menuItemIconTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuItemShortcutTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuItemTextTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuList: i0.Signal<readonly MenuComponent[]>;
+    protected readonly navigate$: Subject<PopupMenuNavigationEvent>;
+    protected readonly popupMenuComponents: i0.Signal<readonly PopupMenuComponent[]>;
+    protected readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description ARIA label for the menubar.
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    /**
+     * @description ARIA labelledby for the menubar.
+     */
+    readonly ariaLabelledby: i0.InputSignal<string>;
+    /**
+     * @description Sets the disabled state of menubar.
+     */
+    readonly disabled: i0.InputSignal<boolean>;
+    /**
+     * @description Emits when a menu item is clicked.
+     */
+    readonly menuItemClick: i0.OutputEmitterRef<_nanahoshi_mona_ui_popup_menu.PopupMenuItemClickEvent>;
+    /**
+     * @description Sets the size of the menubar.
+     */
+    readonly size: i0.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Sets the rounded style of the menubar.
+     */
+    readonly rounded: i0.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
+    /**
+     * @description Additional CSS classes to apply to the menubar, merged with the computed theme classes.
+     */
+    readonly userClasses: i0.InputSignal<string>;
+    constructor();
+    protected onMenuBlur(event: FocusEvent): void;
+    protected onMenuClick(event: MouseEvent, item: MenuComponent): void;
+    protected onMenuFocus(index: number): void;
+    protected onMenuItemClick(event: MenuItemClickEvent): void;
+    protected onMenuKeyDown(event: KeyboardEvent, item: MenuComponent, popupMenu: PopupMenuComponent): void;
+    protected onMenuPointerEnter(item: MenuComponent, element: HTMLLIElement, popupMenu: PopupMenuComponent): void;
+    protected onPopupMenuClose(): void;
+    protected onPopupMenuOpen(popupMenu: PopupMenuComponent, element: HTMLLIElement): void;
+    private closeCurrentMenu;
+    private findCurrentMenuIndex;
+    private findMenuElementByUid;
+    private findNextNonDisabledMenuIndex;
+    private findPreviousNonDisabledMenuIndex;
+    private focusMenuAt;
+    private moveToFirstMenu;
+    private moveToLastMenu;
+    private moveToNextMenu;
+    private moveToPreviousMenu;
+    private setNavigationSubscription;
+    private setSubscriptions;
+    private updateCurrentMenuData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarComponent, "mona-menubar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClasses": { "alias": "class"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, ["groupTemplate", "iconTemplate", "menuItemIconTemplate", "menuItemShortcutTemplate", "menuItemTextTemplate", "menuList", "textTemplate"], never, true, never>;
+}
+
+declare class MenuGroupTemplateDirective extends PopupMenuGroupTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuGroupTemplateDirective, "ng-template[monaMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuIconTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuIconTemplateDirective, "ng-template[monaMenuIconTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuItemIconTemplateDirective extends PopupMenuIconTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemIconTemplateDirective, "ng-template[monaMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuItemShortcutTemplateDirective extends PopupMenuShortcutTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemShortcutTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemShortcutTemplateDirective, "ng-template[monaMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuItemTextTemplateDirective extends PopupMenuTextTemplateDirective {
+    readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemTextTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemTextTemplateDirective, "ng-template[monaMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MenuTextTemplateDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTextTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTextTemplateDirective, "ng-template[monaMenuTextTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+export { MenuCheckboxItemComponent, MenuComponent, MenuGroupComponent, MenuGroupTemplateDirective, MenuIconTemplateDirective, MenuItemComponent, MenuItemIconTemplateDirective, MenuItemShortcutTemplateDirective, MenuItemTextTemplateDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSeparatorComponent, MenuTextTemplateDirective, MenubarComponent };
+export type { MenuItemClickEvent };