@threadplane/chatClassv0.3.4

ChatOverflowMenuComponent

Displays a keyboard-navigable action menu anchored to an element or viewport coordinates.

import { ChatOverflowMenuComponent } from '@threadplane/chat';

Declaration

export declare class ChatOverflowMenuComponent  {
  constructor();
  readonly anchor: import("@angular/core").InputSignal<HTMLElement | null>;
  readonly anchorPos: import("@angular/core").InputSignal<{
        x: number;
        y: number;
    } | null>;
  readonly closed: import("@angular/core").OutputEmitterRef<void>;
  readonly items: import("@angular/core").InputSignal<OverflowMenuItem[]>;
  readonly itemSelected: import("@angular/core").OutputEmitterRef<string>;
  readonly open: import("@angular/core").InputSignal<boolean>;
}

Angular template API

Selector: chat-overflow-menu

Inputs

anchor: HTMLElement | null
anchorPos: { x: number; y: number; } | null
items: OverflowMenuItem[]
open: boolean

Outputs

closed: void
itemSelected: string

Members

Constructor · overload 1

Constructs a new instance of the ChatOverflowMenuComponent class

constructor();

anchor

Element the menu anchors against (positions just below its bottom-right corner).

readonly anchor: import("@angular/core").InputSignal<HTMLElement | null>;

anchorPos

Alternative anchor: explicit viewport coordinates (e.g. cursor position from a right-click). Takes precedence over anchor when set.

readonly anchorPos: import("@angular/core").InputSignal<{
        x: number;
        y: number;
    } | null>;

closed

readonly closed: import("@angular/core").OutputEmitterRef<void>;

items

readonly items: import("@angular/core").InputSignal<OverflowMenuItem[]>;

itemSelected

readonly itemSelected: import("@angular/core").OutputEmitterRef<string>;

open

readonly open: import("@angular/core").InputSignal<boolean>;