@frame-ui-ng/components 0.3.0-beta.0 → 0.4.1

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

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, TemplateRef, OnDestroy, InputSignal } from '@angular/core';
+import { InjectionToken, TemplateRef, DoCheck, 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>;
+/** Content slot for context menu. */
 declare class FrContextMenuContent implements Partial<FrDropdownMenuContent> {
     readonly templateRef: TemplateRef<any>;
     readonly align: i0.InputSignal<"center" | "end" | "start">;
@@ -18,6 +19,7 @@ declare class FrContextMenuContent implements Partial<FrDropdownMenuContent> {
     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>;
 }
+/** Panel slot for context menu. */
 declare class FrContextMenuPanel {
     protected readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     private readonly tree;
@@ -28,70 +30,82 @@ declare class FrContextMenuPanel {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuPanel, "[frContextMenuPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
 }
 
+/** Item slot for context menu. */
 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 {
+/** Item slot for context menu checkbox. */
+declare class FrContextMenuCheckboxItem implements DoCheck {
     protected readonly checkboxItem: CdkMenuItemCheckbox;
+    private lastChecked;
     readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     readonly variant: i0.InputSignal<"default" | "destructive">;
-    constructor();
+    ngDoCheck(): void;
     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: {}; }]>;
 }
+/** Group slot for context menu radio. */
 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 {
+/** Item slot for context menu radio. */
+declare class FrContextMenuRadioItem implements DoCheck {
     protected readonly radioItem: CdkMenuItemRadio;
+    private lastChecked;
     readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     readonly variant: i0.InputSignal<"default" | "destructive">;
-    constructor();
+    ngDoCheck(): void;
     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: {}; }]>;
 }
+/** Label slot for context menu. */
 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>;
 }
+/** Separator slot for context menu. */
 declare class FrContextMenuSeparator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuSeparator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuSeparator, "[frContextMenuSeparator]", never, {}, {}, never, never, true, never>;
 }
+/** Shortcut slot for context menu. */
 declare class FrContextMenuShortcut {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuShortcut, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuShortcut, "[frContextMenuShortcut]", never, {}, {}, never, never, true, never>;
 }
+/** Indicator slot for context menu item. */
 declare class FrContextMenuItemIndicator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrContextMenuItemIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrContextMenuItemIndicator, "[frContextMenuItemIndicator]", never, {}, {}, never, never, true, never>;
 }
 
+/** Root controller for context menu interactions. */
 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>;
 }
+/** Nested submenu controller for context menu. */
 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();
+    readonly closeDelay: i0.Signal<number>;
+    readonly triggerMode: i0.Signal<"both" | "click" | "hover">;
     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 {
+/** Trigger control for context menu sub. */
+declare class FrContextMenuSubTrigger implements DoCheck, OnDestroy {
     private readonly cdkMenuTrigger;
     private readonly destroyRef;
     private readonly tree;
@@ -102,6 +116,8 @@ declare class FrContextMenuSubTrigger implements OnDestroy {
     readonly variant: InputSignal<"default" | "destructive">;
     readonly isOpen: i0.WritableSignal<boolean>;
     constructor();
+    ngDoCheck(): void;
+    private syncCdkTrigger;
     close(): void;
     ngOnDestroy(): void;
     protected handleMouseEnter(): void;
@@ -116,7 +132,8 @@ type ContextMenuCoordinates = {
     readonly x: number;
     readonly y: number;
 };
-declare class FrContextMenuTrigger {
+/** Trigger control for context menu. */
+declare class FrContextMenuTrigger implements DoCheck {
     private static readonly CUSTOM_PROPERTY_PREFIX;
     private readonly cdkContextMenuTrigger;
     private readonly destroyRef;
@@ -129,6 +146,8 @@ declare class FrContextMenuTrigger {
     readonly closed: i0.OutputEmitterRef<void>;
     readonly isOpen: i0.WritableSignal<boolean>;
     constructor();
+    ngDoCheck(): void;
+    private syncCdkTrigger;
     openAt(coordinates: ContextMenuCoordinates): void;
     close(): void;
     protected handlePointerDown(event: PointerEvent): void;

package/types/frame-ui-ng-components-date-picker.d.ts

@@ -11,6 +11,7 @@ type FrDatePickerPreset = {
 };
 type FrDatePickerFormatter = (value: FrDatePickerValue, locale: string) => string;
 type FrDatePickerParser = (value: string, locale: string) => FrDatePickerValue | undefined;
+/** Date picker control backed by the calendar primitive. */
 declare class FrDatePicker extends FrControlValueAccessor<FrDatePickerValue> {
     readonly mode: _angular_core.InputSignal<FrCalendarMode>;
     readonly captionLayout: _angular_core.InputSignal<FrCalendarCaptionLayout>;

package/types/frame-ui-ng-components-drag-drop.d.ts

@@ -0,0 +1,103 @@
+import * as _angular_core from '@angular/core';
+import { DoCheck, OnDestroy } from '@angular/core';
+import * as i1 from '@angular/cdk/drag-drop';
+import { DragAxis, DragStartDelay, DragConstrainPosition, PreviewContainer, CdkDragStart, CdkDragRelease, CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragDrop, CdkDragMove, CdkDropList, CdkDrag, CdkDragSortEvent } from '@angular/cdk/drag-drop';
+export { CdkDragDrop, CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragMove, CdkDragRelease, CdkDragSortEvent, CdkDragStart, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
+
+declare const FR_DROP_LIST_ORIENTATIONS: readonly ["horizontal", "vertical", "mixed"];
+type FrDropListOrientation = (typeof FR_DROP_LIST_ORIENTATIONS)[number];
+/** Connects child drop lists dynamically through the CDK group primitive. */
+declare class FrDragDropGroup implements DoCheck {
+    private readonly cdkGroup;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ngDoCheck(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDragDropGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDragDropGroup, "[frDragDropGroup], frame-drag-drop-group", never, { "disabled": { "alias": "frDragDropGroupDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDropListGroup; inputs: {}; outputs: {}; }]>;
+}
+/** Drop target for sortable and transferable draggable items. */
+declare class FrDropList<T = unknown> implements DoCheck, OnDestroy {
+    private readonly cdkDropList;
+    private readonly subscriptions;
+    readonly connectedTo: _angular_core.InputSignal<string | CdkDropList<unknown> | (string | CdkDropList<unknown>)[]>;
+    readonly data: _angular_core.InputSignal<T | null>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | "mixed">;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly lockAxis: _angular_core.InputSignal<DragAxis | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sortingDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly enterPredicate: _angular_core.InputSignal<((drag: CdkDrag, drop: CdkDropList) => boolean) | null>;
+    readonly sortPredicate: _angular_core.InputSignal<((index: number, drag: CdkDrag, drop: CdkDropList) => boolean) | null>;
+    readonly autoScrollDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autoScrollStep: _angular_core.InputSignal<number | null>;
+    readonly elementContainerSelector: _angular_core.InputSignal<string | null>;
+    readonly hasAnchor: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly dropped: _angular_core.OutputEmitterRef<CdkDragDrop<T, T, any>>;
+    readonly entered: _angular_core.OutputEmitterRef<CdkDragEnter<T, T>>;
+    readonly exited: _angular_core.OutputEmitterRef<CdkDragExit<T, T>>;
+    readonly sorted: _angular_core.OutputEmitterRef<CdkDragSortEvent<T, T>>;
+    constructor();
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    private forward;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDropList<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDropList<any>, "[frDropList], frame-drop-list", never, { "connectedTo": { "alias": "frDropListConnectedTo"; "required": false; "isSignal": true; }; "data": { "alias": "frDropListData"; "required": false; "isSignal": true; }; "orientation": { "alias": "frDropListOrientation"; "required": false; "isSignal": true; }; "id": { "alias": "frDropListId"; "required": false; "isSignal": true; }; "lockAxis": { "alias": "frDropListLockAxis"; "required": false; "isSignal": true; }; "disabled": { "alias": "frDropListDisabled"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "frDropListSortingDisabled"; "required": false; "isSignal": true; }; "enterPredicate": { "alias": "frDropListEnterPredicate"; "required": false; "isSignal": true; }; "sortPredicate": { "alias": "frDropListSortPredicate"; "required": false; "isSignal": true; }; "autoScrollDisabled": { "alias": "frDropListAutoScrollDisabled"; "required": false; "isSignal": true; }; "autoScrollStep": { "alias": "frDropListAutoScrollStep"; "required": false; "isSignal": true; }; "elementContainerSelector": { "alias": "frDropListElementContainer"; "required": false; "isSignal": true; }; "hasAnchor": { "alias": "frDropListHasAnchor"; "required": false; "isSignal": true; }; }, { "dropped": "frDropListDropped"; "entered": "frDropListEntered"; "exited": "frDropListExited"; "sorted": "frDropListSorted"; }, never, never, true, [{ directive: typeof i1.CdkDropList; inputs: {}; outputs: {}; }]>;
+}
+/** Makes the host element draggable; add a handle to narrow the drag gesture. */
+declare class FrDrag<T = unknown> implements DoCheck, OnDestroy {
+    private readonly cdkDrag;
+    private readonly subscriptions;
+    readonly data: _angular_core.InputSignal<T | null>;
+    readonly lockAxis: _angular_core.InputSignal<DragAxis | null>;
+    readonly rootElementSelector: _angular_core.InputSignal<string | null>;
+    readonly boundaryElement: _angular_core.InputSignal<string | HTMLElement | null>;
+    readonly dragStartDelay: _angular_core.InputSignal<DragStartDelay | null>;
+    readonly freeDragPosition: _angular_core.InputSignal<{
+        x: number;
+        y: number;
+    } | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly constrainPosition: _angular_core.InputSignal<DragConstrainPosition | null>;
+    readonly previewClass: _angular_core.InputSignal<string | string[] | null>;
+    readonly previewContainer: _angular_core.InputSignal<PreviewContainer | null>;
+    readonly scale: _angular_core.InputSignal<number | null>;
+    readonly started: _angular_core.OutputEmitterRef<CdkDragStart<T>>;
+    readonly released: _angular_core.OutputEmitterRef<CdkDragRelease<T>>;
+    readonly ended: _angular_core.OutputEmitterRef<CdkDragEnd<T>>;
+    readonly entered: _angular_core.OutputEmitterRef<CdkDragEnter<T, T>>;
+    readonly exited: _angular_core.OutputEmitterRef<CdkDragExit<T, T>>;
+    readonly dropped: _angular_core.OutputEmitterRef<CdkDragDrop<T, T, any>>;
+    readonly moved: _angular_core.OutputEmitterRef<CdkDragMove<T>>;
+    constructor();
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    private forward;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDrag<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDrag<any>, "[frDrag], frame-drag", never, { "data": { "alias": "frDragData"; "required": false; "isSignal": true; }; "lockAxis": { "alias": "frDragLockAxis"; "required": false; "isSignal": true; }; "rootElementSelector": { "alias": "frDragRootElement"; "required": false; "isSignal": true; }; "boundaryElement": { "alias": "frDragBoundary"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "frDragStartDelay"; "required": false; "isSignal": true; }; "freeDragPosition": { "alias": "frDragFreeDragPosition"; "required": false; "isSignal": true; }; "disabled": { "alias": "frDragDisabled"; "required": false; "isSignal": true; }; "constrainPosition": { "alias": "frDragConstrainPosition"; "required": false; "isSignal": true; }; "previewClass": { "alias": "frDragPreviewClass"; "required": false; "isSignal": true; }; "previewContainer": { "alias": "frDragPreviewContainer"; "required": false; "isSignal": true; }; "scale": { "alias": "frDragScale"; "required": false; "isSignal": true; }; }, { "started": "frDragStarted"; "released": "frDragReleased"; "ended": "frDragEnded"; "entered": "frDragEntered"; "exited": "frDragExited"; "dropped": "frDragDropped"; "moved": "frDragMoved"; }, never, never, true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+}
+/** Optional projected handle that starts dragging for the nearest draggable host. */
+declare class FrDragHandle implements DoCheck {
+    private readonly cdkHandle;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ngDoCheck(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDragHandle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDragHandle, "[frDragHandle], frame-drag-handle", never, { "disabled": { "alias": "frDragHandleDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: {}; outputs: {}; }]>;
+}
+/** Custom preview template rendered while an item is being dragged. */
+declare class FrDragPreview {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDragPreview, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDragPreview, "ng-template[frDragPreview]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragPreview; inputs: {}; outputs: {}; }]>;
+}
+/** Custom placeholder template rendered in the source list during drag. */
+declare class FrDragPlaceholder {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDragPlaceholder, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrDragPlaceholder, "ng-template[frDragPlaceholder]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragPlaceholder; inputs: {}; outputs: {}; }]>;
+}
+
+declare class FrDragDropModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrDragDropModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrDragDropModule, never, [typeof FrDrag, typeof FrDragDropGroup, typeof FrDragHandle, typeof FrDragPlaceholder, typeof FrDragPreview, typeof FrDropList], [typeof FrDrag, typeof FrDragDropGroup, typeof FrDragHandle, typeof FrDragPlaceholder, typeof FrDragPreview, typeof FrDropList]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrDragDropModule>;
+}
+
+export { FR_DROP_LIST_ORIENTATIONS, FrDrag, FrDragDropGroup, FrDragDropModule, FrDragHandle, FrDragPlaceholder, FrDragPreview, FrDropList };
+export type { FrDropListOrientation };

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

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, TemplateRef, OnDestroy, InputSignal } from '@angular/core';
+import { InjectionToken, TemplateRef, DoCheck, OnDestroy, InputSignal } from '@angular/core';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i1 from '@angular/cdk/menu';
 import { CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';
 
 declare const FR_DROPDOWN_MENU_CONTENT: InjectionToken<FrDropdownMenuContent>;
+/** Content slot for dropdown menu. */
 declare class FrDropdownMenuContent {
     readonly templateRef: TemplateRef<any>;
     readonly align: i0.InputSignal<"center" | "end" | "start">;
@@ -17,6 +18,7 @@ declare class FrDropdownMenuContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuContent, "ng-template[frDropdownMenuContent], ng-template[frDropdownMenuSubContent]", ["frDropdownMenuContent"], { "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>;
 }
+/** Panel slot for dropdown menu. */
 declare class FrDropdownMenuPanel {
     protected readonly side: i0.InputSignal<"auto" | "bottom" | "left" | "right" | "top">;
     private readonly tree;
@@ -27,47 +29,57 @@ declare class FrDropdownMenuPanel {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuPanel, "[frDropdownMenuPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
 }
 
+/** Item slot for dropdown menu. */
 declare class FrDropdownMenuItem {
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     readonly variant: i0.InputSignal<"default" | "destructive">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuItem, "[frDropdownMenuItem]", 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 FrDropdownMenuCheckboxItem {
+/** Item slot for dropdown menu checkbox. */
+declare class FrDropdownMenuCheckboxItem implements DoCheck {
     protected readonly checkboxItem: CdkMenuItemCheckbox;
+    private lastChecked;
     readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     readonly variant: i0.InputSignal<"default" | "destructive">;
-    constructor();
+    ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuCheckboxItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuCheckboxItem, "button[frDropdownMenuCheckboxItem]", 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: {}; }]>;
 }
+/** Group slot for dropdown menu radio. */
 declare class FrDropdownMenuRadioGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuRadioGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuRadioGroup, "[frDropdownMenuRadioGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
 }
-declare class FrDropdownMenuRadioItem {
+/** Item slot for dropdown menu radio. */
+declare class FrDropdownMenuRadioItem implements DoCheck {
     protected readonly radioItem: CdkMenuItemRadio;
+    private lastChecked;
     readonly checked: i0.InputSignalWithTransform<boolean, unknown>;
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     readonly variant: i0.InputSignal<"default" | "destructive">;
-    constructor();
+    ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuRadioItem, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuRadioItem, "button[frDropdownMenuRadioItem]", 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: {}; }]>;
 }
+/** Label slot for dropdown menu. */
 declare class FrDropdownMenuLabel {
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuLabel, "[frDropdownMenuLabel]", never, { "inset": { "alias": "inset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Separator slot for dropdown menu. */
 declare class FrDropdownMenuSeparator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuSeparator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuSeparator, "[frDropdownMenuSeparator]", never, {}, {}, never, never, true, never>;
 }
+/** Shortcut slot for dropdown menu. */
 declare class FrDropdownMenuShortcut {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuShortcut, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuShortcut, "[frDropdownMenuShortcut]", never, {}, {}, never, never, true, never>;
 }
+/** Indicator slot for dropdown menu item. */
 declare class FrDropdownMenuItemIndicator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuItemIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuItemIndicator, "[frDropdownMenuItemIndicator]", never, {}, {}, never, never, true, never>;
@@ -96,6 +108,7 @@ interface FrDropdownMenuParent {
     readonly triggerMode: () => FrDropdownMenuTriggerMode;
 }
 declare const FR_DROPDOWN_MENU_PARENT: InjectionToken<FrDropdownMenuParent>;
+/** Shared registry for nested dropdown menu state. */
 declare class FrDropdownMenuTree {
     private readonly triggers;
     private closeTimeoutId;
@@ -114,24 +127,26 @@ declare class FrDropdownMenuTree {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuTree, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FrDropdownMenuTree>;
 }
+/** Root controller for dropdown menu interactions. */
 declare class FrDropdownMenu implements FrDropdownMenuParent {
     readonly closeDelay: i0.InputSignal<number>;
     readonly triggerMode: i0.InputSignal<"both" | "click" | "hover">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenu, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenu, "[frDropdownMenu]", never, { "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Nested submenu controller for dropdown menu. */
 declare class FrDropdownMenuSub 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();
+    readonly closeDelay: i0.Signal<number>;
+    readonly triggerMode: i0.Signal<"both" | "click" | "hover">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuSub, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuSub, "[frDropdownMenuSub]", never, { "closeDelayInput": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "triggerModeInput": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare abstract class FrDropdownMenuTriggerBase implements OnDestroy {
+/** Shared trigger behavior for root and nested dropdown menus. */
+declare abstract class FrDropdownMenuTriggerBase implements DoCheck, OnDestroy {
     private static readonly CUSTOM_PROPERTY_PREFIX;
     protected readonly cdkMenuTrigger: CdkMenuTrigger;
     private readonly destroyRef;
@@ -139,22 +154,29 @@ declare abstract class FrDropdownMenuTriggerBase implements OnDestroy {
     private readonly tree;
     private readonly parent;
     protected readonly isOpen: i0.WritableSignal<boolean>;
+    private menuContentOverride;
     constructor();
     protected abstract readonly menuContent: () => FrDropdownMenuContent | null;
     protected abstract readonly isSubmenuTrigger: boolean;
     protected abstract readonly triggerModeInput: InputSignal<FrDropdownMenuTriggerMode | null>;
+    ngDoCheck(): void;
     protected get triggerMode(): FrDropdownMenuTriggerMode;
     protected get closeDelay(): number;
     protected resolvePositions(): ConnectedPosition[];
+    private syncCdkTrigger;
+    private currentMenuContent;
     protected openFromHover(): void;
     protected handleMouseEnter(): void;
     protected handleMouseLeave(): void;
     close(): void;
+    open(): void;
+    setMenuContentOverride(content: FrDropdownMenuContent | null): void;
     ngOnDestroy(): void;
     private syncCustomPropertiesToOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuTriggerBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuTriggerBase, never, never, {}, {}, never, never, true, never>;
 }
+/** Trigger control for dropdown menu. */
 declare class FrDropdownMenuTrigger extends FrDropdownMenuTriggerBase {
     readonly menuContent: InputSignal<FrDropdownMenuContent | null>;
     readonly triggerModeInput: InputSignal<"both" | "click" | "hover" | null>;
@@ -162,6 +184,7 @@ declare class FrDropdownMenuTrigger extends FrDropdownMenuTriggerBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrDropdownMenuTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrDropdownMenuTrigger, "[frDropdownMenuTrigger]", never, { "menuContent": { "alias": "frDropdownMenuTrigger"; "required": false; "isSignal": true; }; "triggerModeInput": { "alias": "triggerMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
 }
+/** Trigger control for dropdown menu sub. */
 declare class FrDropdownMenuSubTrigger extends FrDropdownMenuTriggerBase {
     readonly menuContent: InputSignal<FrDropdownMenuContent | null>;
     readonly inset: i0.InputSignalWithTransform<boolean, unknown>;

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

@@ -6,29 +6,35 @@ declare const FR_EMPTY_VARIANTS: readonly ["default", "outline", "soft"];
 type FrEmptyMediaVariant = (typeof FR_EMPTY_MEDIA_VARIANTS)[number];
 type FrEmptyOrientation = (typeof FR_EMPTY_ORIENTATIONS)[number];
 type FrEmptyVariant = (typeof FR_EMPTY_VARIANTS)[number];
+/** Empty-state container with orientation and variant controls. */
 declare class FrEmpty {
     readonly orientation: i0.InputSignal<"vertical" | "horizontal">;
     readonly variant: i0.InputSignal<"default" | "outline" | "soft">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmpty, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmpty, "[frEmpty], frame-empty", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Header slot for empty. */
 declare class FrEmptyHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmptyHeader, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmptyHeader, "[frEmptyHeader], frame-empty-header", never, {}, {}, never, never, true, never>;
 }
+/** Media slot for empty. */
 declare class FrEmptyMedia {
     readonly variant: i0.InputSignal<"default" | "icon">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmptyMedia, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmptyMedia, "[frEmptyMedia], frame-empty-media", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Title slot for empty. */
 declare class FrEmptyTitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmptyTitle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmptyTitle, "[frEmptyTitle], frame-empty-title", never, {}, {}, never, never, true, never>;
 }
+/** Description slot for empty. */
 declare class FrEmptyDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmptyDescription, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmptyDescription, "[frEmptyDescription], frame-empty-description", never, {}, {}, never, never, true, never>;
 }
+/** Content slot for empty. */
 declare class FrEmptyContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrEmptyContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrEmptyContent, "[frEmptyContent], frame-empty-content", never, {}, {}, never, never, true, never>;

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

@@ -7,19 +7,23 @@ type FrFieldOrientation = (typeof FR_FIELD_ORIENTATIONS)[number];
 type FrFieldErrorLike = string | {
     message?: string | null;
 } | null | undefined;
+/** Fieldset wrapper for related form fields. */
 declare class FrFieldSet {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldSet, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldSet, "fieldset[frFieldSet], frame-field-set", never, {}, {}, never, never, true, never>;
 }
+/** Legend slot for field. */
 declare class FrFieldLegend {
     readonly variant: i0.InputSignal<"legend" | "label">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldLegend, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldLegend, "legend[frFieldLegend], frame-field-legend", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Group slot for field. */
 declare class FrFieldGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldGroup, "[frFieldGroup], frame-field-group", never, {}, {}, never, never, true, never>;
 }
+/** Form field row with orientation and responsive layout. */
 declare class FrField {
     readonly orientation: i0.InputSignal<"vertical" | "horizontal">;
     readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
@@ -27,22 +31,27 @@ declare class FrField {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrField, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrField, "[frField], frame-field", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Content slot for field. */
 declare class FrFieldContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldContent, "[frFieldContent], frame-field-content", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for field. */
 declare class FrFieldLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldLabel, "[frFieldLabel], frame-field-label", never, {}, {}, never, never, true, never>;
 }
+/** Description slot for field. */
 declare class FrFieldDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldDescription, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldDescription, "[frFieldDescription], frame-field-description", never, {}, {}, never, never, true, never>;
 }
+/** Separator slot for field. */
 declare class FrFieldSeparator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrFieldSeparator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrFieldSeparator, "[frFieldSeparator], frame-field-separator", never, {}, {}, never, never, true, never>;
 }
+/** Error slot for field. */
 declare class FrFieldError {
     readonly errors: i0.InputSignal<FrFieldErrorLike>;
     message(): string;

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

@@ -7,6 +7,7 @@ declare function provideDsValueAccessor(type: Type<ControlValueAccessor>): {
     useExisting: Type<any>;
     multi: boolean;
 };
+/** Base ControlValueAccessor implementation for FrameUI form controls. */
 declare abstract class FrControlValueAccessor<T> implements ControlValueAccessor, OnInit {
     private readonly injector;
     private readonly FrControlDestroyRef;

package/types/frame-ui-ng-components-hover-card.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, DoCheck } from '@angular/core';
 import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 
+/** Content slot for hover card. */
 declare class FrHoverCardContent {
     readonly templateRef: TemplateRef<any>;
     readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
@@ -13,6 +14,7 @@ declare class FrHoverCardContent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrHoverCardContent, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrHoverCardContent, "ng-template[frHoverCardContent]", ["frHoverCardContent"], { "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>;
 }
+/** Panel slot for hover card. */
 declare class FrHoverCardPanel {
     protected readonly content: FrHoverCardContent;
     private readonly root;
@@ -22,6 +24,7 @@ declare class FrHoverCardPanel {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrHoverCardPanel, "[frHoverCardPanel]", never, {}, {}, never, never, true, never>;
 }
 
+/** Root controller for hover card. */
 declare class FrHoverCardRoot {
     readonly openDelay: _angular_core.InputSignal<number>;
     readonly closeDelay: _angular_core.InputSignal<number>;
@@ -65,11 +68,14 @@ type FrHoverCardController = {
     setContent: (content: unknown | null) => void;
 };
 
-declare class FrHoverCardTrigger {
+/** Trigger control for hover card. */
+declare class FrHoverCardTrigger implements DoCheck {
     readonly content: _angular_core.InputSignal<FrHoverCardContent | null>;
     protected readonly root: FrHoverCardController;
     private readonly elementRef;
+    private lastContent;
     constructor();
+    ngDoCheck(): void;
     protected handleMouseEnter(): void;
     protected handleMouseLeave(): void;
     protected handleFocusIn(): void;

package/types/frame-ui-ng-components-input-otp.d.ts

@@ -11,8 +11,9 @@ type FrInputOtpController = {
     focus: (index?: number) => void;
     invalid: () => boolean;
 };
+/** One-time-code input with grouped slots. */
 declare class FrInputOtp extends FrControlValueAccessor<string> {
-    private readonly nativeInput?;
+    private readonly nativeInput;
     readonly maxLength: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly pattern: _angular_core.InputSignal<FrInputOtpPattern>;
     readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -41,10 +42,12 @@ declare class FrInputOtp extends FrControlValueAccessor<string> {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrInputOtp, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrInputOtp, "frame-input-otp", ["frInputOtp"], { "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "complete": "complete"; }, never, ["*"], true, never>;
 }
+/** Group slot for input otp. */
 declare class FrInputOtpGroup {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrInputOtpGroup, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrInputOtpGroup, "[frInputOtpGroup], frame-input-otp-group", never, {}, {}, never, never, true, never>;
 }
+/** Input slot for one OTP character. */
 declare class FrInputOtpSlot {
     protected readonly root: FrInputOtpController;
     readonly index: _angular_core.InputSignal<number>;
@@ -55,6 +58,7 @@ declare class FrInputOtpSlot {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrInputOtpSlot, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrInputOtpSlot, "[frInputOtpSlot], frame-input-otp-slot", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Separator slot for input otp. */
 declare class FrInputOtpSeparator {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrInputOtpSeparator, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrInputOtpSeparator, "[frInputOtpSeparator], frame-input-otp-separator", never, {}, {}, never, never, true, never>;