@frame-ui-ng/components 0.1.0-beta.0

package/types/frame-ui-ng-components-combobox.d.ts

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
+
+declare class FrComboboxContent {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxContent, "ng-template[frComboboxContent]", ["frComboboxContent"], {}, {}, never, never, true, never>;
+}
+declare class FrComboboxPanel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxPanel, "[frComboboxPanel], frame-combobox-panel", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxList {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxList, "[frComboboxList], frame-combobox-list", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxEmpty {
+    private readonly root;
+    protected hidden(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxEmpty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxEmpty, "[frComboboxEmpty], frame-combobox-empty", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxGroup {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxGroup, "[frComboboxGroup], frame-combobox-group", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxLabel, "[frComboboxLabel], frame-combobox-label", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxSeparator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxSeparator, "[frComboboxSeparator], frame-combobox-separator", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxCollection {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxCollection, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxCollection, "[frComboboxCollection], frame-combobox-collection", never, {}, {}, never, never, true, never>;
+}
+declare abstract class FrComboboxRootLookup {
+    abstract visibleCount(): number;
+}
+
+declare class FrComboboxItem {
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly root;
+    private mutationObserver;
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly itemLabel: i0.InputSignal<string | null>;
+    readonly value: i0.InputSignal<unknown>;
+    readonly resolvedLabel: i0.WritableSignal<string>;
+    readonly label: i0.Signal<string>;
+    readonly visible: i0.Signal<boolean>;
+    constructor();
+    isVisible(): boolean;
+    isSelected(): boolean;
+    isHighlighted(): boolean;
+    select(): void;
+    protected highlightSelf(): void;
+    private resolveLabel;
+    private refreshResolvedLabel;
+    private observeTextChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxItem, "button[frComboboxItem]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemLabel": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrComboboxItemIndicator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxItemIndicator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxItemIndicator, "[frComboboxItemIndicator]", never, {}, {}, never, never, true, never>;
+}
+
+type FrComboboxValue = unknown;
+type FrComboboxStringifier = (item: FrComboboxValue) => string;
+declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComboboxValue[] | null> {
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly items;
+    private readonly itemsVersion;
+    private readonly selectedLabels;
+    private resizeObserver;
+    private origin?;
+    readonly content: i0.Signal<FrComboboxContent | undefined>;
+    readonly autoHighlight: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly invalidInput: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly itemToStringValue: i0.InputSignal<FrComboboxStringifier>;
+    readonly multiple: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly showClear: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly value: i0.ModelSignal<unknown>;
+    readonly disabled: i0.Signal<boolean>;
+    readonly invalid: i0.Signal<boolean | null>;
+    readonly isOpen: i0.WritableSignal<boolean>;
+    readonly query: i0.WritableSignal<string>;
+    readonly anchorWidth: i0.WritableSignal<number | null>;
+    readonly highlightedIndex: i0.WritableSignal<number>;
+    readonly overlaySide: i0.WritableSignal<"bottom" | "top">;
+    readonly positions: ConnectedPosition[];
+    readonly selectedValues: i0.Signal<any[]>;
+    readonly displayValue: i0.Signal<string>;
+    readonly hasValue: i0.Signal<boolean>;
+    constructor();
+    registerItem(item: FrComboboxItem): void;
+    unregisterItem(item: FrComboboxItem): void;
+    visibleItems(): FrComboboxItem[];
+    visibleCount(): number;
+    overlayMinWidth(): number;
+    overlayPanelClasses(): string[];
+    isSelected(value: FrComboboxValue): boolean;
+    isHighlighted(item: FrComboboxItem): boolean;
+    rememberItemLabel(value: FrComboboxValue, label: string): void;
+    itemVisible(label: string): boolean;
+    open(): void;
+    close(): void;
+    touch(): void;
+    clear(): void;
+    selectItem(value: FrComboboxValue, label: string): void;
+    removeItem(value: FrComboboxValue): void;
+    updateQuery(value: string): void;
+    moveHighlight(delta: number): void;
+    selectHighlighted(): void;
+    handlePositionChange(event: ConnectedOverlayPositionChange): void;
+    protected setViewValue(value: FrComboboxValue | FrComboboxValue[] | null): void;
+    private bumpItems;
+    private measureAnchor;
+    private attachResizeObserver;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrCombobox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FrCombobox, "[frCombobox], frame-combobox", ["frCombobox"], { "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "itemToStringValue": { "alias": "itemToStringValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["content"], ["*"], true, never>;
+}
+
+declare class FrComboboxInput {
+    protected readonly root: FrCombobox;
+    private readonly elementRef;
+    protected handleInput(): void;
+    protected handleBlur(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxInput, "input[frComboboxInput]", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxTrigger {
+    protected readonly root: FrCombobox;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxTrigger, "button[frComboboxTrigger]", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxClear {
+    protected readonly root: FrCombobox;
+    protected hidden(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxClear, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxClear, "button[frComboboxClear]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrComboboxChips {
+    protected readonly root: FrCombobox;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxChips, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxChips, "[frComboboxChips], frame-combobox-chips", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxValueList {
+    private readonly root;
+    values(): FrComboboxValue[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxValueList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxValueList, "[frComboboxValue], frame-combobox-value", ["frComboboxValue"], {}, {}, never, never, true, never>;
+}
+declare class FrComboboxChip {
+    private readonly root;
+    private readonly elementRef;
+    private readonly renderer;
+    readonly value: i0.InputSignal<unknown>;
+    readonly removable: i0.InputSignalWithTransform<boolean, unknown>;
+    constructor();
+    remove(): void;
+    private attachDefaultRemoveButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxChip, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxChip, "[frComboboxChip], frame-combobox-chip", ["frComboboxChip"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrComboboxChipRemove {
+    private readonly chip;
+    protected remove(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxChipRemove, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxChipRemove, "button[frComboboxChipRemove]", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxChipsInput {
+    protected readonly root: FrCombobox;
+    protected handleInput(event: Event): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxChipsInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxChipsInput, "input[frComboboxChipsInput]", never, {}, {}, never, never, true, never>;
+}
+declare class FrComboboxError {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxError, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxError, "[frComboboxError], frame-combobox-error", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrComboboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrComboboxModule, never, [typeof FrCombobox, typeof FrComboboxChip, typeof FrComboboxChipRemove, typeof FrComboboxChips, typeof FrComboboxChipsInput, typeof FrComboboxClear, typeof FrComboboxCollection, typeof FrComboboxContent, typeof FrComboboxEmpty, typeof FrComboboxError, typeof FrComboboxGroup, typeof FrComboboxInput, typeof FrComboboxItem, typeof FrComboboxItemIndicator, typeof FrComboboxLabel, typeof FrComboboxList, typeof FrComboboxPanel, typeof FrComboboxSeparator, typeof FrComboboxTrigger, typeof FrComboboxValueList], [typeof FrCombobox, typeof FrComboboxChip, typeof FrComboboxChipRemove, typeof FrComboboxChips, typeof FrComboboxChipsInput, typeof FrComboboxClear, typeof FrComboboxCollection, typeof FrComboboxContent, typeof FrComboboxEmpty, typeof FrComboboxError, typeof FrComboboxGroup, typeof FrComboboxInput, typeof FrComboboxItem, typeof FrComboboxItemIndicator, typeof FrComboboxLabel, typeof FrComboboxList, typeof FrComboboxPanel, typeof FrComboboxSeparator, typeof FrComboboxTrigger, typeof FrComboboxValueList]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrComboboxModule>;
+}
+
+export { FrCombobox, FrComboboxChip, FrComboboxChipRemove, FrComboboxChips, FrComboboxChipsInput, FrComboboxClear, FrComboboxCollection, FrComboboxContent, FrComboboxEmpty, FrComboboxError, FrComboboxGroup, FrComboboxInput, FrComboboxItem, FrComboboxItemIndicator, FrComboboxLabel, FrComboboxList, FrComboboxModule, FrComboboxPanel, FrComboboxRootLookup, FrComboboxSeparator, FrComboboxTrigger, FrComboboxValueList };
+export type { FrComboboxStringifier, FrComboboxValue };

package/types/frame-ui-ng-components-command.d.ts

@@ -0,0 +1,198 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ViewContainerRef, Signal, WritableSignal } from '@angular/core';
+import { Direction } from '@angular/cdk/bidi';
+import { ComponentType } from '@angular/cdk/portal';
+import { DialogConfig, DialogRef } from '@angular/cdk/dialog';
+
+type FrCommandDialogRef<Result = unknown, Component = unknown> = DialogRef<Result, Component>;
+type FrCommandDialogConfig<Data = unknown, Result = unknown, Component = unknown> = DialogConfig<Data, DialogRef<Result, Component>>;
+declare class FrCommandDialog {
+    readonly templateRef: TemplateRef<any>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | null>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | null>;
+    readonly backdropClass: _angular_core.InputSignal<string | string[] | null>;
+    readonly closeOnDestroy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly closeOnNavigation: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly direction: _angular_core.InputSignal<Direction | null>;
+    readonly disableClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly height: _angular_core.InputSignal<string | null>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly maxHeight: _angular_core.InputSignal<string | null>;
+    readonly maxWidth: _angular_core.InputSignal<string | null>;
+    readonly minHeight: _angular_core.InputSignal<string | null>;
+    readonly minWidth: _angular_core.InputSignal<string | null>;
+    readonly panelClass: _angular_core.InputSignal<string | string[] | null>;
+    readonly role: _angular_core.InputSignal<"dialog" | "alertdialog">;
+    readonly width: _angular_core.InputSignal<string | null>;
+    buildConfig(viewContainerRef: ViewContainerRef): FrCommandDialogConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandDialog, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandDialog, "ng-template[frCommandDialog]", ["frCommandDialog"], { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "closeOnDestroy": { "alias": "closeOnDestroy"; "required": false; "isSignal": true; }; "closeOnNavigation": { "alias": "closeOnNavigation"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrCommandDialogTrigger {
+    private readonly commandDialog;
+    private readonly destroyRef;
+    private readonly viewContainerRef;
+    private dialogRef;
+    readonly content: _angular_core.InputSignal<FrCommandDialog | TemplateRef<unknown> | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly opened: _angular_core.OutputEmitterRef<FrCommandDialogRef<unknown, unknown>>;
+    readonly closed: _angular_core.OutputEmitterRef<unknown>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    open(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandDialogTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandDialogTrigger, "[frCommandDialogTrigger]", never, { "content": { "alias": "frCommandDialogTrigger"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+declare class FrCommandService {
+    private readonly dialog;
+    open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrCommandDialogConfig<Data, Result, Component>): FrCommandDialogRef<Result, Component>;
+    open<Result = unknown, Data = unknown, Context = unknown>(content: TemplateRef<Context>, config?: FrCommandDialogConfig<Data, Result, Context>): FrCommandDialogRef<Result, Context>;
+    closeAll(): void;
+    private withDefaultClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrCommandService>;
+}
+
+declare class FrCommandItem {
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly command;
+    private readonly group;
+    private mutationObserver;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly itemKeywords: _angular_core.InputSignal<string | readonly string[]>;
+    readonly itemLabel: _angular_core.InputSignal<string | null>;
+    readonly valueInput: _angular_core.InputSignal<unknown>;
+    readonly itemSelected: _angular_core.OutputEmitterRef<unknown>;
+    readonly resolvedLabel: _angular_core.WritableSignal<string>;
+    readonly label: _angular_core.Signal<string>;
+    readonly keywords: _angular_core.Signal<string[]>;
+    readonly value: _angular_core.Signal<{}>;
+    readonly visible: _angular_core.Signal<boolean>;
+    constructor();
+    isVisible(): boolean;
+    isHighlighted(): boolean;
+    isSelected(): boolean;
+    scrollIntoView(): void;
+    select(): void;
+    protected highlightSelf(): void;
+    private resolveLabel;
+    private refreshResolvedLabel;
+    private observeTextChanges;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandItem, "button[frCommandItem]", ["frCommandItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemKeywords": { "alias": "keywords"; "required": false; "isSignal": true; }; "itemLabel": { "alias": "label"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; }, { "itemSelected": "selected"; }, never, never, true, never>;
+}
+declare class FrCommandItemIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandItemIcon, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandItemIcon, "[frCommandItemIcon]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCommandShortcut {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandShortcut, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandShortcut, "[frCommandShortcut]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrCommandGroup {
+    private readonly items;
+    private readonly itemsVersion;
+    readonly forceMount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly heading: _angular_core.InputSignal<string | null>;
+    readonly hidden: _angular_core.Signal<boolean>;
+    registerItem(item: FrCommandItem): void;
+    unregisterItem(item: FrCommandItem): void;
+    private bumpItems;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandGroup, "[frCommandGroup]", ["frCommandGroup"], { "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrCommandGroupHeading {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandGroupHeading, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandGroupHeading, "[frCommandGroupHeading]", never, {}, {}, never, never, true, never>;
+}
+
+interface FrCommandRootContext {
+    readonly disabled: Signal<boolean>;
+    readonly highlightedIndex: WritableSignal<number>;
+    readonly query: Signal<string>;
+    readonly selectedValue: Signal<unknown>;
+    close(value?: unknown): void;
+    filteredItemVisible(label: string, keywords: readonly string[]): boolean;
+    isHighlighted(item: FrCommandItem): boolean;
+    isItemSelected(value: unknown): boolean;
+    moveHighlight(delta: number): void;
+    registerItem(item: FrCommandItem): void;
+    selectItem(item: FrCommandItem): void;
+    setQuery(query: string): void;
+    unregisterItem(item: FrCommandItem): void;
+    visibleCount(): number;
+    visibleItems(): FrCommandItem[];
+}
+
+declare class FrCommandInput {
+    private readonly elementRef;
+    protected readonly command: FrCommandRootContext;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    protected handleInput(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandInput, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandInput, "input[frCommandInput]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrCommandList {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandList, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandList, "[frCommandList]", never, {}, {}, never, never, true, never>;
+}
+declare class FrCommandEmpty {
+    protected readonly command: FrCommandRootContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandEmpty, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandEmpty, "[frCommandEmpty]", never, {}, {}, never, never, true, never>;
+}
+
+type FrCommandFilter = (query: string, label: string, keywords: readonly string[]) => boolean;
+declare class FrCommand {
+    private readonly dialogRef;
+    private readonly items;
+    private readonly itemsVersion;
+    readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filter: _angular_core.InputSignal<FrCommandFilter>;
+    readonly loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly value: _angular_core.ModelSignal<unknown>;
+    readonly itemSelected: _angular_core.OutputEmitterRef<unknown>;
+    readonly queryChange: _angular_core.OutputEmitterRef<string>;
+    readonly query: _angular_core.WritableSignal<string>;
+    readonly highlightedIndex: _angular_core.WritableSignal<number>;
+    readonly selectedValue: _angular_core.Signal<unknown>;
+    constructor();
+    registerItem(item: FrCommandItem): void;
+    unregisterItem(item: FrCommandItem): void;
+    visibleItems(): FrCommandItem[];
+    visibleCount(): number;
+    filteredItemVisible(label: string, keywords: readonly string[]): boolean;
+    isHighlighted(item: FrCommandItem): boolean;
+    isItemSelected(value: unknown): boolean;
+    setQuery(query: string): void;
+    moveHighlight(delta: number): void;
+    highlightFirst(): void;
+    highlightLast(): void;
+    selectHighlighted(): void;
+    selectItem(item: FrCommandItem): void;
+    close(value?: unknown): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private normalizeHighlight;
+    private bumpItems;
+    private scrollHighlightedItemIntoView;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommand, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommand, "[frCommand], frame-command", ["frCommand"], { "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "itemSelected": "itemSelected"; "queryChange": "queryChange"; }, never, never, true, never>;
+}
+
+declare class FrCommandSeparator {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandSeparator, "[frCommandSeparator]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrCommandModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrCommandModule, never, [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut], [typeof FrCommand, typeof FrCommandDialog, typeof FrCommandDialogTrigger, typeof FrCommandEmpty, typeof FrCommandGroup, typeof FrCommandGroupHeading, typeof FrCommandInput, typeof FrCommandItem, typeof FrCommandItemIcon, typeof FrCommandList, typeof FrCommandSeparator, typeof FrCommandShortcut]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrCommandModule>;
+}
+
+export { FrCommand, FrCommandDialog, FrCommandDialogTrigger, FrCommandEmpty, FrCommandGroup, FrCommandGroupHeading, FrCommandInput, FrCommandItem, FrCommandItemIcon, FrCommandList, FrCommandModule, FrCommandSeparator, FrCommandService, FrCommandShortcut };
+export type { FrCommandDialogConfig, FrCommandDialogRef, FrCommandFilter };

package/types/frame-ui-ng-components-context-menu.d.ts

@@ -0,0 +1,149 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, TemplateRef, OnDestroy, InputSignal } from '@angular/core';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { FrDropdownMenuContent, FrDropdownMenuParent } from '@frame-ui-ng/components/dropdown-menu';
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenuItemCheckbox, CdkMenuItemRadio } from '@angular/cdk/menu';
+
+declare const FR_CONTEXT_MENU_CONTENT: InjectionToken<FrContextMenuContent>;
+declare class FrContextMenuContent implements Partial<FrDropdownMenuContent> {
+    readonly templateRef: TemplateRef<any>;
+    readonly align: i0.InputSignal<"center" | "end" | "start">;
+    readonly alignOffset: i0.InputSignal<number>;
+    readonly debugVisible: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    readonly sideOffset: i0.InputSignal<number>;
+    isDebugVisible(): boolean;
+    getPositions(isSubmenu: boolean): ConnectedPosition[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuContent, "ng-template[frContextMenuContent], ng-template[frContextMenuSubContent]", ["frContextMenuContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrContextMenuPanel {
+    protected readonly side: i0.InputSignal<"bottom" | "left" | "right" | "top">;
+    private readonly tree;
+    private readonly parent;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuPanel, "[frContextMenuPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}
+
+declare class FrContextMenuItem {
+    readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: i0.InputSignal<"default" | "destructive">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuItem, "[frContextMenuItem]", never, { "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
+}
+declare class FrContextMenuCheckboxItem {
+    protected readonly checkboxItem: CdkMenuItemCheckbox;
+    readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: i0.InputSignal<"default" | "destructive">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuCheckboxItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuCheckboxItem, "button[frContextMenuCheckboxItem]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: {}; outputs: {}; }]>;
+}
+declare class FrContextMenuRadioGroup {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuRadioGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuRadioGroup, "[frContextMenuRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
+}
+declare class FrContextMenuRadioItem {
+    protected readonly radioItem: CdkMenuItemRadio;
+    readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: i0.InputSignal<"default" | "destructive">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuRadioItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuRadioItem, "button[frContextMenuRadioItem]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: {}; outputs: {}; }]>;
+}
+declare class FrContextMenuLabel {
+    readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuLabel, "[frContextMenuLabel]", never, { "inset": { "alias": "inset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrContextMenuSeparator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuSeparator, "[frContextMenuSeparator]", never, {}, {}, never, never, true, never>;
+}
+declare class FrContextMenuShortcut {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuShortcut, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuShortcut, "[frContextMenuShortcut]", never, {}, {}, never, never, true, never>;
+}
+declare class FrContextMenuItemIndicator {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuItemIndicator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuItemIndicator, "[frContextMenuItemIndicator]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FrContextMenu implements FrDropdownMenuParent {
+    readonly closeDelay: i0.InputSignal<number>;
+    readonly triggerMode: i0.InputSignal<"both" | "click" | "hover">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenu, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenu, "[frContextMenu]", never, { "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class FrContextMenuSub implements FrDropdownMenuParent {
+    private readonly parent;
+    readonly closeDelayInput: i0.InputSignal<number | null>;
+    readonly triggerModeInput: i0.InputSignal<"both" | "click" | "hover" | null>;
+    readonly closeDelay: i0.WritableSignal<number>;
+    readonly triggerMode: i0.WritableSignal<"both" | "click" | "hover">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuSub, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuSub, "[frContextMenuSub]", never, { "closeDelayInput": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerModeInput": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FrContextMenuSubTrigger implements OnDestroy {
+    private readonly cdkMenuTrigger;
+    private readonly destroyRef;
+    private readonly tree;
+    private readonly parent;
+    readonly menuContent: InputSignal<FrContextMenuContent | null>;
+    readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly triggerModeInput: InputSignal<"both" | "click" | "hover" | null>;
+    readonly variant: InputSignal<"default" | "destructive">;
+    readonly isOpen: i0.WritableSignal<boolean>;
+    constructor();
+    close(): void;
+    ngOnDestroy(): void;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    private get triggerMode();
+    private resolvePositions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuSubTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuSubTrigger, "[frContextMenuSubTrigger]", never, { "menuContent": { "alias": "frContextMenuSubTrigger"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "triggerModeInput": { "alias": "triggerMode"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+type ContextMenuCoordinates = {
+    readonly x: number;
+    readonly y: number;
+};
+declare class FrContextMenuTrigger {
+    private static readonly CUSTOM_PROPERTY_PREFIX;
+    private readonly cdkContextMenuTrigger;
+    private readonly destroyRef;
+    private readonly elementRef;
+    private longPressTimeoutId;
+    readonly menuContent: i0.InputSignal<FrContextMenuContent | null>;
+    readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly longPressDelay: i0.InputSignal<number>;
+    readonly opened: i0.OutputEmitterRef<void>;
+    readonly closed: i0.OutputEmitterRef<void>;
+    readonly isOpen: i0.WritableSignal<boolean>;
+    constructor();
+    openAt(coordinates: ContextMenuCoordinates): void;
+    close(): void;
+    protected handlePointerDown(event: PointerEvent): void;
+    protected clearLongPress(): void;
+    private resolvePositions;
+    private openAtCenter;
+    private syncCustomPropertiesToOverlay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuTrigger, "[frContextMenuTrigger]", never, { "menuContent": { "alias": "frContextMenuTrigger"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "longPressDelay": { "alias": "longPressDelay"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, [{ directive: typeof i1.CdkContextMenuTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+declare class FrContextMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FrContextMenuModule, never, [typeof FrContextMenu, typeof FrContextMenuCheckboxItem, typeof FrContextMenuContent, typeof FrContextMenuItem, typeof FrContextMenuItemIndicator, typeof FrContextMenuLabel, typeof FrContextMenuPanel, typeof FrContextMenuRadioGroup, typeof FrContextMenuRadioItem, typeof FrContextMenuSeparator, typeof FrContextMenuShortcut, typeof FrContextMenuSub, typeof FrContextMenuSubTrigger, typeof FrContextMenuTrigger], [typeof FrContextMenu, typeof FrContextMenuCheckboxItem, typeof FrContextMenuContent, typeof FrContextMenuItem, typeof FrContextMenuItemIndicator, typeof FrContextMenuLabel, typeof FrContextMenuPanel, typeof FrContextMenuRadioGroup, typeof FrContextMenuRadioItem, typeof FrContextMenuSeparator, typeof FrContextMenuShortcut, typeof FrContextMenuSub, typeof FrContextMenuSubTrigger, typeof FrContextMenuTrigger]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FrContextMenuModule>;
+}
+
+export { FR_CONTEXT_MENU_CONTENT, FrContextMenu, FrContextMenuCheckboxItem, FrContextMenuContent, FrContextMenuItem, FrContextMenuItemIndicator, FrContextMenuLabel, FrContextMenuModule, FrContextMenuPanel, FrContextMenuRadioGroup, FrContextMenuRadioItem, FrContextMenuSeparator, FrContextMenuShortcut, FrContextMenuSub, FrContextMenuSubTrigger, FrContextMenuTrigger };