@frame-ui-ng/components 0.4.0-beta.0 → 0.4.2-beta.0

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

@@ -6,35 +6,40 @@ declare const FR_CARD_FOOTER_ALIGNS: readonly ["start", "end", "between"];
 type FrCardSize = (typeof FR_CARD_SIZES)[number];
 type FrCardSpacing = (typeof FR_CARD_SPACINGS)[number];
 type FrCardFooterAlign = (typeof FR_CARD_FOOTER_ALIGNS)[number];
+/** Card container with size and spacing controls. */
 declare class FrCard {
-    private readonly elementRef;
-    private readonly renderer;
     readonly size: i0.InputSignal<"default" | "sm">;
     readonly spacing: i0.InputSignal<"sm" | "md" | "lg" | "xl" | null>;
-    constructor();
+    protected readonly spacingValue: i0.Signal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCard, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCard, "[frCard], frame-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Header slot for card. */
 declare class FrCardHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardHeader, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardHeader, "[frCardHeader]", never, {}, {}, never, never, true, never>;
 }
+/** Title slot for card. */
 declare class FrCardTitle {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardTitle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardTitle, "[frCardTitle]", never, {}, {}, never, never, true, never>;
 }
+/** Description slot for card. */
 declare class FrCardDescription {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardDescription, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardDescription, "[frCardDescription]", never, {}, {}, never, never, true, never>;
 }
+/** Action slot for card. */
 declare class FrCardAction {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardAction, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardAction, "[frCardAction]", never, {}, {}, never, never, true, never>;
 }
+/** Content slot for card. */
 declare class FrCardContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardContent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCardContent, "[frCardContent]", never, {}, {}, never, never, true, never>;
 }
+/** Footer slot for card. */
 declare class FrCardFooter {
     readonly align: i0.InputSignal<"start" | "end" | "between">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCardFooter, never>;

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, DoCheck } from '@angular/core';
 import * as i1 from '@frame-ui-ng/components/button';
 
 declare const FR_CAROUSEL_ORIENTATIONS: readonly ["horizontal", "vertical"];
@@ -25,7 +25,8 @@ type FrCarouselApi = {
     selectedScrollSnap: () => number;
     on: (event: FrCarouselEvent, callback: () => void) => () => void;
 };
-declare class FrCarousel implements AfterViewInit {
+/** Carousel root that coordinates scroll state and navigation. */
+declare class FrCarousel implements AfterViewInit, DoCheck {
     private readonly destroyRef;
     private readonly listeners;
     private readonly pluginCleanups;
@@ -36,6 +37,8 @@ declare class FrCarousel implements AfterViewInit {
     private loopBoundaryClone;
     private contentElement;
     private itemElements;
+    private lastLoop;
+    private lastPlugins;
     readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
     readonly loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
@@ -50,6 +53,7 @@ declare class FrCarousel implements AfterViewInit {
     private readonly effectiveLoop;
     readonly api: FrCarouselApi;
     constructor();
+    ngDoCheck(): void;
     ngAfterViewInit(): void;
     registerContent(element: HTMLElement): void;
     registerItem(element: HTMLElement): void;
@@ -62,6 +66,7 @@ declare class FrCarousel implements AfterViewInit {
     handleKeydown(event: KeyboardEvent): void;
     private on;
     private emit;
+    private syncPlugins;
     private recalculate;
     private syncSelectedFromScroll;
     private scrollItemIntoView;
@@ -79,6 +84,7 @@ declare class FrCarousel implements AfterViewInit {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarousel, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarousel, "[frCarousel], frame-carousel", ["frCarousel"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "opts": { "alias": "opts"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, { "apiReady": "apiReady"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
+/** Content slot for carousel. */
 declare class FrCarouselContent implements AfterViewInit {
     protected readonly carousel: FrCarousel;
     private readonly elementRef;
@@ -86,6 +92,7 @@ declare class FrCarouselContent implements AfterViewInit {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselContent, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselContent, "[frCarouselContent]", never, {}, {}, never, never, true, never>;
 }
+/** Item slot for carousel. */
 declare class FrCarouselItem implements AfterViewInit {
     private readonly carousel;
     private readonly destroyRef;
@@ -94,12 +101,14 @@ declare class FrCarouselItem implements AfterViewInit {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselItem, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselItem, "[frCarouselItem]", never, {}, {}, never, never, true, never>;
 }
+/** Previous-slide control for carousel. */
 declare class FrCarouselPrevious {
     protected readonly carousel: FrCarousel;
     readonly label: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCarouselPrevious, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCarouselPrevious, "button[frCarouselPrevious]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.FrButton; inputs: { "appearance": "appearance"; "disabled": "disabled"; "radius": "radius"; "size": "size"; }; outputs: {}; }]>;
 }
+/** Next-slide control for carousel. */
 declare class FrCarouselNext {
     protected readonly carousel: FrCarousel;
     readonly label: _angular_core.InputSignal<string>;

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

@@ -1,16 +1,17 @@
 import * as i0 from '@angular/core';
 
+/** Checkbox input styled as a FrameUI control. */
 declare class FrCheckbox {
-    private readonly elementRef;
     readonly indeterminate: i0.InputSignalWithTransform<boolean, unknown>;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckbox, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckbox, "input[type=checkbox][frCheckbox]", never, { "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/** Field slot for checkbox. */
 declare class FrCheckboxField {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckboxField, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckboxField, "label[frCheckboxField]", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for checkbox. */
 declare class FrCheckboxLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCheckboxLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCheckboxLabel, "[frCheckboxLabel]", never, {}, {}, never, never, true, never>;

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Signal } from '@angular/core';
+import { Signal, AfterViewInit, DoCheck, OnDestroy } from '@angular/core';
 
 interface FrCollapsibleContext {
     readonly contentId: Signal<string>;
@@ -9,12 +9,16 @@ interface FrCollapsibleContext {
     toggle(): void;
 }
 
-declare class FrCollapsibleContent {
+/** Content slot for collapsible. */
+declare class FrCollapsibleContent implements AfterViewInit, DoCheck, OnDestroy {
     private readonly host;
     protected readonly collapsible: FrCollapsibleContext;
     private initialized;
+    private lastOpen;
     private rafId;
-    constructor();
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
     onTransitionEnd(event: TransitionEvent): void;
     private animate;
     private applyStaticState;
@@ -23,6 +27,7 @@ declare class FrCollapsibleContent {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCollapsibleContent, "[frCollapsibleContent]", never, {}, {}, never, never, true, never>;
 }
 
+/** Root controller for expandable collapsible content. */
 declare class FrCollapsible {
     private readonly collapsibleId;
     private readonly internalOpen;
@@ -33,13 +38,13 @@ declare class FrCollapsible {
     readonly open: i0.Signal<boolean>;
     readonly triggerId: i0.Signal<string>;
     readonly contentId: i0.Signal<string>;
-    constructor();
     toggle(): void;
     setOpen(open: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsible, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrCollapsible, "[frCollapsible], frame-collapsible", ["frCollapsible"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openInput": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
 }
 
+/** Trigger control for collapsible. */
 declare class FrCollapsibleTrigger {
     protected readonly collapsible: FrCollapsibleContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrCollapsibleTrigger, never>;

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

@@ -1,48 +1,58 @@
 import * as i0 from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, DoCheck, AfterViewInit } from '@angular/core';
 import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { FrControlValueAccessor } from '@frame-ui-ng/components/forms';
 
+/** Content slot for combobox. */
 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>;
 }
+/** Panel slot for combobox. */
 declare class FrComboboxPanel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxPanel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxPanel, "[frComboboxPanel], frame-combobox-panel", never, {}, {}, never, never, true, never>;
 }
+/** List slot for combobox. */
 declare class FrComboboxList {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxList, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxList, "[frComboboxList], frame-combobox-list", never, {}, {}, never, never, true, never>;
 }
+/** Empty-state slot for combobox results. */
 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>;
 }
+/** Group slot for combobox. */
 declare class FrComboboxGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxGroup, "[frComboboxGroup], frame-combobox-group", never, {}, {}, never, never, true, never>;
 }
+/** Label slot for combobox. */
 declare class FrComboboxLabel {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxLabel, "[frComboboxLabel], frame-combobox-label", never, {}, {}, never, never, true, never>;
 }
+/** Separator slot for combobox. */
 declare class FrComboboxSeparator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxSeparator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxSeparator, "[frComboboxSeparator], frame-combobox-separator", never, {}, {}, never, never, true, never>;
 }
+/** Collection host for combobox options. */
 declare class FrComboboxCollection {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxCollection, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxCollection, "[frComboboxCollection], frame-combobox-collection", never, {}, {}, never, never, true, never>;
 }
+/** Base API for combobox root lookup. */
 declare abstract class FrComboboxRootLookup {
     abstract visibleCount(): number;
 }
 
-declare class FrComboboxItem {
+/** Item slot for combobox. */
+declare class FrComboboxItem implements DoCheck {
     private readonly destroyRef;
     private readonly elementRef;
     private readonly root;
@@ -51,9 +61,11 @@ declare class FrComboboxItem {
     readonly itemLabel: i0.InputSignal<string | null>;
     readonly value: i0.InputSignal<unknown>;
     readonly resolvedLabel: i0.WritableSignal<string>;
+    private lastItemStateKey;
     readonly label: i0.Signal<string>;
     readonly visible: i0.Signal<boolean>;
     constructor();
+    ngDoCheck(): void;
     isVisible(): boolean;
     isSelected(): boolean;
     isHighlighted(): boolean;
@@ -65,6 +77,7 @@ declare class FrComboboxItem {
     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>;
 }
+/** Indicator slot for combobox item. */
 declare class FrComboboxItemIndicator {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxItemIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxItemIndicator, "[frComboboxItemIndicator]", never, {}, {}, never, never, true, never>;
@@ -72,12 +85,16 @@ declare class FrComboboxItemIndicator {
 
 type FrComboboxValue = unknown;
 type FrComboboxStringifier = (item: FrComboboxValue) => string;
-declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComboboxValue[] | null> {
+/** Combobox control with single and multi-value support. */
+declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComboboxValue[] | null> implements AfterViewInit, DoCheck {
     private readonly destroyRef;
     private readonly elementRef;
     private readonly items;
     private readonly itemsVersion;
     private readonly selectedLabels;
+    private lastAutoHighlight;
+    private lastItemsVersion;
+    private lastQuery;
     private resizeObserver;
     private readonly origin;
     readonly content: i0.Signal<FrComboboxContent | undefined>;
@@ -101,8 +118,11 @@ declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComb
     readonly displayValue: i0.Signal<string>;
     readonly hasValue: i0.Signal<boolean>;
     constructor();
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
     registerItem(item: FrComboboxItem): void;
     unregisterItem(item: FrComboboxItem): void;
+    refreshItems(): void;
     visibleItems(): FrComboboxItem[];
     visibleCount(): number;
     overlayMinWidth(): number;
@@ -129,6 +149,7 @@ declare class FrCombobox extends FrControlValueAccessor<FrComboboxValue | FrComb
     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>;
 }
 
+/** Search input for combobox filtering. */
 declare class FrComboboxInput {
     protected readonly root: FrCombobox;
     private readonly elementRef;
@@ -138,11 +159,13 @@ declare class FrComboboxInput {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxInput, "input[frComboboxInput]", never, {}, {}, never, never, true, never>;
 }
+/** Trigger control for combobox. */
 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>;
 }
+/** Clear control for combobox values. */
 declare class FrComboboxClear {
     protected readonly root: FrCombobox;
     protected hidden(): boolean;
@@ -150,17 +173,20 @@ declare class FrComboboxClear {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxClear, "button[frComboboxClear]", never, {}, {}, never, never, true, never>;
 }
 
+/** Chip list for multi-value combobox selections. */
 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>;
 }
+/** List slot for combobox value. */
 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>;
 }
+/** Selected value chip for combobox. */
 declare class FrComboboxChip {
     private readonly root;
     private readonly elementRef;
@@ -173,12 +199,14 @@ declare class FrComboboxChip {
     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>;
 }
+/** Remove control for a combobox chip. */
 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>;
 }
+/** Inline text input inside combobox chips. */
 declare class FrComboboxChipsInput {
     protected readonly root: FrCombobox;
     protected handleInput(event: Event): void;
@@ -186,6 +214,7 @@ declare class FrComboboxChipsInput {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxChipsInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxChipsInput, "input[frComboboxChipsInput]", never, {}, {}, never, never, true, never>;
 }
+/** Error slot for combobox. */
 declare class FrComboboxError {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrComboboxError, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrComboboxError, "[frComboboxError], frame-combobox-error", never, {}, {}, never, never, true, never>;

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

@@ -1,11 +1,12 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ViewContainerRef, Signal, WritableSignal } from '@angular/core';
+import { TemplateRef, ViewContainerRef, DoCheck, 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>>;
+/** Template configuration for a command dialog. */
 declare class FrCommandDialog {
     readonly templateRef: TemplateRef<any>;
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
@@ -29,6 +30,7 @@ declare class FrCommandDialog {
     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>;
 }
+/** Trigger control for command dialog. */
 declare class FrCommandDialogTrigger {
     private readonly commandDialog;
     private readonly destroyRef;
@@ -43,6 +45,7 @@ declare class FrCommandDialogTrigger {
     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>;
 }
+/** Service for opening command dialogs. */
 declare class FrCommandService {
     private readonly dialog;
     open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrCommandDialogConfig<Data, Result, Component>): FrCommandDialogRef<Result, Component>;
@@ -53,12 +56,14 @@ declare class FrCommandService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrCommandService>;
 }
 
+/** Footer slot for command. */
 declare class FrCommandFooter {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandFooter, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandFooter, "[frCommandFooter]", never, {}, {}, never, never, true, never>;
 }
 
-declare class FrCommandItem {
+/** Item slot for command. */
+declare class FrCommandItem implements DoCheck {
     private readonly destroyRef;
     private readonly elementRef;
     private readonly command;
@@ -74,7 +79,9 @@ declare class FrCommandItem {
     readonly keywords: _angular_core.Signal<string[]>;
     readonly value: _angular_core.Signal<{}>;
     readonly visible: _angular_core.Signal<boolean>;
+    private lastSearchKey;
     constructor();
+    ngDoCheck(): void;
     isVisible(): boolean;
     isHighlighted(): boolean;
     isSelected(): boolean;
@@ -87,15 +94,18 @@ declare class FrCommandItem {
     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>;
 }
+/** Icon slot for command item. */
 declare class FrCommandItemIcon {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandItemIcon, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandItemIcon, "[frCommandItemIcon]", never, {}, {}, never, never, true, never>;
 }
+/** Shortcut slot for command. */
 declare class FrCommandShortcut {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandShortcut, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandShortcut, "[frCommandShortcut]", never, {}, {}, never, never, true, never>;
 }
 
+/** Group slot for command. */
 declare class FrCommandGroup {
     private readonly items;
     private readonly itemsVersion;
@@ -108,6 +118,7 @@ declare class FrCommandGroup {
     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>;
 }
+/** Heading slot for a command group. */
 declare class FrCommandGroupHeading {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandGroupHeading, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandGroupHeading, "[frCommandGroupHeading]", never, {}, {}, never, never, true, never>;
@@ -123,6 +134,7 @@ interface FrCommandRootContext {
     isHighlighted(item: FrCommandItem): boolean;
     isItemSelected(value: unknown): boolean;
     moveHighlight(delta: number): void;
+    refreshItems(): void;
     registerItem(item: FrCommandItem): void;
     selectItem(item: FrCommandItem): void;
     setQuery(query: string): void;
@@ -131,6 +143,7 @@ interface FrCommandRootContext {
     visibleItems(): FrCommandItem[];
 }
 
+/** Command input component primitive. */
 declare class FrCommandInput {
     private readonly elementRef;
     protected readonly command: FrCommandRootContext;
@@ -140,10 +153,12 @@ declare class FrCommandInput {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandInput, "input[frCommandInput]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** List slot for command. */
 declare class FrCommandList {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandList, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandList, "[frCommandList]", never, {}, {}, never, never, true, never>;
 }
+/** Empty-state slot for command results. */
 declare class FrCommandEmpty {
     protected readonly command: FrCommandRootContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandEmpty, never>;
@@ -151,10 +166,15 @@ declare class FrCommandEmpty {
 }
 
 type FrCommandFilter = (query: string, label: string, keywords: readonly string[]) => boolean;
-declare class FrCommand {
+/** Command menu root that coordinates filtering and selection. */
+declare class FrCommand implements DoCheck {
     private readonly dialogRef;
     private readonly items;
     private readonly itemsVersion;
+    private lastFilter;
+    private lastHighlightedIndex;
+    private lastItemsVersion;
+    private lastQuery;
     readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly filter: _angular_core.InputSignal<FrCommandFilter>;
@@ -165,9 +185,10 @@ declare class FrCommand {
     readonly query: _angular_core.WritableSignal<string>;
     readonly highlightedIndex: _angular_core.WritableSignal<number>;
     readonly selectedValue: _angular_core.Signal<unknown>;
-    constructor();
+    ngDoCheck(): void;
     registerItem(item: FrCommandItem): void;
     unregisterItem(item: FrCommandItem): void;
+    refreshItems(): void;
     visibleItems(): FrCommandItem[];
     visibleCount(): number;
     filteredItemVisible(label: string, keywords: readonly string[]): boolean;
@@ -188,6 +209,7 @@ declare class FrCommand {
     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>;
 }
 
+/** Separator slot for command. */
 declare class FrCommandSeparator {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrCommandSeparator, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrCommandSeparator, "[frCommandSeparator]", never, {}, {}, never, never, true, never>;

package/types/frame-ui-ng-components-confirm-modal.d.ts

@@ -15,6 +15,7 @@ type FrConfirmModalConfig = Omit<FrModalConfig<FrConfirmModalData, FrConfirmModa
     description?: string;
     title?: string;
 };
+/** Service for opening confirmation dialogs. */
 declare class FrConfirmModalService {
     private readonly modal;
     open(config?: FrConfirmModalConfig): FrModalRef<unknown, FrConfirmModalResult>;
@@ -22,6 +23,7 @@ declare class FrConfirmModalService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrConfirmModalService>;
 }
 
+/** Trigger control for confirm modal. */
 declare class FrConfirmModalTrigger {
     private readonly confirmModal;
     readonly config: _angular_core.InputSignal<string | FrConfirmModalConfig>;

package/types/frame-ui-ng-components-confirm-popover.d.ts

@@ -0,0 +1,87 @@
+import * as _angular_core from '@angular/core';
+import { FrButtonSize, FrButtonAppearance } from '@frame-ui-ng/components/button';
+import { FrPopoverAlignment, FrPopoverSide } from '@frame-ui-ng/components/popover';
+
+type FrConfirmPopoverResult = 'cancel' | 'confirm';
+type FrConfirmPopoverConfig = {
+    align?: FrPopoverAlignment;
+    alignOffset?: number;
+    buttonSize?: FrButtonSize;
+    cancelAppearance?: FrButtonAppearance;
+    cancelLabel?: string;
+    confirmAppearance?: FrButtonAppearance;
+    confirmLabel?: string;
+    description?: string;
+    disabled?: boolean;
+    side?: FrPopoverSide;
+    sideOffset?: number;
+    title?: string;
+};
+/** Flexible confirmation popover trigger that can attach to any host element. */
+declare class FrConfirmPopover {
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly platformId;
+    readonly config: _angular_core.InputSignal<string | FrConfirmPopoverConfig>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | undefined>;
+    readonly alignOffset: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly buttonSize: _angular_core.InputSignal<"sm" | "md" | "lg" | undefined>;
+    readonly cancelAppearance: _angular_core.InputSignal<"ghost" | "outline" | "primary" | undefined>;
+    readonly cancelLabel: _angular_core.InputSignal<string | undefined>;
+    readonly confirmAppearance: _angular_core.InputSignal<"ghost" | "outline" | "primary" | undefined>;
+    readonly confirmLabel: _angular_core.InputSignal<string | undefined>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left" | undefined>;
+    readonly sideOffset: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly closed: _angular_core.OutputEmitterRef<FrConfirmPopoverResult | undefined>;
+    readonly cancelled: _angular_core.OutputEmitterRef<void>;
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private overlayRef;
+    private panelRef;
+    private currentSide;
+    constructor();
+    open(): void;
+    close(result?: FrConfirmPopoverResult): void;
+    toggle(): void;
+    protected handleClick(event: Event): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private createOverlay;
+    private handlePositionChange;
+    private updatePanelInputs;
+    private resolvedConfig;
+    private syncCustomPropertiesToOverlay;
+    private isNativeInteractiveElement;
+    private destroy;
+    private detachPanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmPopover, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrConfirmPopover, "    [frConfirmPopover],    [frConfirmPopoverAlign],    [frConfirmPopoverAlignOffset],    [frConfirmPopoverButtonSize],    [frConfirmPopoverCancelAppearance],    [frConfirmPopoverCancelLabel],    [frConfirmPopoverConfirmAppearance],    [frConfirmPopoverConfirmLabel],    [frConfirmPopoverDescription],    [frConfirmPopoverDisabled],    [frConfirmPopoverSide],    [frConfirmPopoverSideOffset],    [frConfirmPopoverTitle]  ", ["frConfirmPopover"], { "config": { "alias": "frConfirmPopover"; "required": false; "isSignal": true; }; "align": { "alias": "frConfirmPopoverAlign"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "frConfirmPopoverAlignOffset"; "required": false; "isSignal": true; }; "buttonSize": { "alias": "frConfirmPopoverButtonSize"; "required": false; "isSignal": true; }; "cancelAppearance": { "alias": "frConfirmPopoverCancelAppearance"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "frConfirmPopoverCancelLabel"; "required": false; "isSignal": true; }; "confirmAppearance": { "alias": "frConfirmPopoverConfirmAppearance"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "frConfirmPopoverConfirmLabel"; "required": false; "isSignal": true; }; "description": { "alias": "frConfirmPopoverDescription"; "required": false; "isSignal": true; }; "disabled": { "alias": "frConfirmPopoverDisabled"; "required": false; "isSignal": true; }; "side": { "alias": "frConfirmPopoverSide"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "frConfirmPopoverSideOffset"; "required": false; "isSignal": true; }; "title": { "alias": "frConfirmPopoverTitle"; "required": false; "isSignal": true; }; }, { "closed": "frConfirmPopoverClosed"; "cancelled": "frConfirmPopoverCancelled"; "confirmed": "frConfirmPopoverConfirmed"; }, never, never, true, never>;
+}
+declare class FrConfirmPopoverPanel {
+    readonly buttonSize: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    readonly cancelAppearance: _angular_core.InputSignal<"ghost" | "outline" | "primary">;
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    readonly confirmAppearance: _angular_core.InputSignal<"ghost" | "outline" | "primary">;
+    readonly confirmLabel: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    readonly descriptionId: _angular_core.InputSignal<string | null>;
+    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly titleId: _angular_core.InputSignal<string>;
+    readonly cancelled: _angular_core.OutputEmitterRef<void>;
+    readonly confirmed: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmPopoverPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrConfirmPopoverPanel, "frame-confirm-popover-panel", never, { "buttonSize": { "alias": "buttonSize"; "required": false; "isSignal": true; }; "cancelAppearance": { "alias": "cancelAppearance"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "confirmAppearance": { "alias": "confirmAppearance"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "descriptionId": { "alias": "descriptionId"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": true; "isSignal": true; }; }, { "cancelled": "cancelled"; "confirmed": "confirmed"; }, never, never, true, never>;
+}
+
+declare class FrConfirmPopoverModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrConfirmPopoverModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrConfirmPopoverModule, never, [typeof FrConfirmPopover], [typeof FrConfirmPopover]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrConfirmPopoverModule>;
+}
+
+export { FrConfirmPopover, FrConfirmPopoverModule, FrConfirmPopoverPanel };
+export type { FrConfirmPopoverConfig, FrConfirmPopoverResult };