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

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

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { Type, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Direction } from '@angular/cdk/bidi';
 import { ComponentType } from '@angular/cdk/portal';
-import { DialogConfig, DialogRef } from '@angular/cdk/dialog';
+import { DialogRef, DialogConfig } from '@angular/cdk/dialog';
 import { FrButtonAppearance } from '@frame-ui-ng/components/button';
 
 type FrModalFooterAction = {
@@ -35,13 +35,22 @@ declare class FrModalShell {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrModalShell, "frame-modal-shell", never, {}, {}, never, never, true, never>;
 }
 
-type FrModalRef<Result = unknown, Component = unknown> = DialogRef<Result, Component>;
+declare abstract class FrModalRef<Component = unknown, Result = unknown> extends DialogRef<Result, Component> {
+}
+
 type FrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 type FrModalConfig<Data = unknown, Result = unknown, Component = unknown> = DialogConfig<Data, DialogRef<Result, Component>> & {
+    /**
+     * @deprecated Use `data` or the second `open()` argument instead.
+     */
     bodyData?: unknown;
+    /**
+     * @deprecated Use `inputs` instead.
+     */
     bodyInputs?: Record<string, unknown>;
     description?: string;
     footerActions?: FrModalFooterAction[];
+    inputs?: Record<string, unknown>;
     scrollable?: boolean;
     showCloseButton?: boolean;
     size?: FrModalSize;
@@ -50,8 +59,9 @@ type FrModalConfig<Data = unknown, Result = unknown, Component = unknown> = Dial
 };
 declare class FrModalService {
     private readonly dialog;
-    open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrModalConfig<Data, Result, Component>): FrModalRef<Result, Component>;
-    open<Result = unknown, Data = unknown, Context = unknown>(content: TemplateRef<Context>, config?: FrModalConfig<Data, Result, Context>): FrModalRef<Result, Context>;
+    open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrModalConfig<Data, Result, Component>): FrModalRef<Component, Result>;
+    open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, data: Data, config?: Omit<FrModalConfig<Data, Result, Component>, 'data'>): FrModalRef<Component, Result>;
+    open<Result = unknown, Data = unknown, Context = unknown>(content: TemplateRef<Context>, config?: FrModalConfig<Data, Result, Context>): FrModalRef<Context, Result>;
     closeAll(): void;
     private withDefaultClasses;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrModalService, never>;
@@ -119,6 +129,7 @@ declare class FrModalDescription {
 }
 
 declare const FR_MODAL_DATA: _angular_core.InjectionToken<any>;
+declare const FR_MODAL_REF: typeof FrModalRef;
 
 declare class FrModalTrigger {
     private static readonly CUSTOM_PROPERTY_PREFIX;
@@ -129,7 +140,7 @@ declare class FrModalTrigger {
     private modalRef;
     readonly content: _angular_core.InputSignal<FrModalContent | TemplateRef<unknown> | null>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly opened: _angular_core.OutputEmitterRef<FrModalRef>;
+    readonly opened: _angular_core.OutputEmitterRef<FrModalRef<unknown, unknown>>;
     readonly closed: _angular_core.OutputEmitterRef<unknown>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     open(): void;
@@ -144,5 +155,5 @@ declare class FrModalModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrModalModule>;
 }
 
-export { FR_MODAL_DATA, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalModule, FrModalPanel, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger };
-export type { FrModalConfig, FrModalFooterAction, FrModalRef, FrModalShellOptions, FrModalSize };
+export { FR_MODAL_DATA, FR_MODAL_REF, FrModalBody, FrModalClose, FrModalContent, FrModalDescription, FrModalFooter, FrModalHeader, FrModalModule, FrModalPanel, FrModalRef, FrModalService, FrModalShell, FrModalTitle, FrModalTrigger };
+export type { FrModalConfig, FrModalFooterAction, FrModalShellOptions, FrModalSize };

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

@@ -56,6 +56,8 @@ declare class FrSelectPanel {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectPanel, "[frSelectPanel], frame-select-panel", never, {}, {}, never, never, true, [{ directive: typeof i1.FrDropdownMenuPanel; inputs: {}; outputs: {}; }]>;
 }
 
+declare const FR_SELECT_ICON_POSITIONS: readonly ["leading", "trailing"];
+type FrSelectIconPosition = (typeof FR_SELECT_ICON_POSITIONS)[number];
 declare class FrSelectValue {
     private readonly select;
     readonly placeholder: i0.InputSignal<string>;
@@ -69,8 +71,9 @@ declare class FrSelectItemIndicator {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectItemIndicator, "[frSelectItemIndicator], frame-select-item-indicator", never, {}, {}, never, never, true, never>;
 }
 declare class FrSelectIcon {
+    readonly position: i0.InputSignal<"leading" | "trailing">;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectIcon, "[frSelectIcon], frame-select-icon", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSelectIcon, "[frSelectIcon], frame-select-icon", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrSelectError {
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSelectError, never>;
@@ -110,5 +113,5 @@ declare class FrSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<FrSelectModule>;
 }
 
-export { FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectModule, FrSelectPanel, FrSelectSeparator, FrSelectValue };
-export type { FrSelectIndicatorPosition, FrSelectPosition };
+export { FR_SELECT_ICON_POSITIONS, FR_SELECT_INDICATOR_POSITIONS, FR_SELECT_POSITIONS, FrSelect, FrSelectContent, FrSelectError, FrSelectGroup, FrSelectIcon, FrSelectItem, FrSelectItemIndicator, FrSelectLabel, FrSelectModule, FrSelectPanel, FrSelectSeparator, FrSelectValue };
+export type { FrSelectIconPosition, FrSelectIndicatorPosition, FrSelectPosition };

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

@@ -15,9 +15,11 @@ declare class FrSheetClose {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetClose, "[frSheetClose]", never, { "result": { "alias": "frSheetClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrSheetPanel {
+    private readonly dialogRef;
     readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly side: _angular_core.InputSignalWithTransform<"top" | "right" | "bottom" | "left", unknown>;
+    close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetPanel, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrSheetPanel, "[frSheetPanel], frame-sheet-panel", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -45,8 +45,11 @@ declare class FrSidebar {
     readonly side: i0.InputSignalWithTransform<"left" | "right", unknown>;
     readonly variant: i0.InputSignalWithTransform<"sidebar" | "floating" | "inset", unknown>;
     readonly collapsible: i0.InputSignalWithTransform<"offcanvas" | "icon" | "none", unknown>;
+    readonly minSize: i0.InputSignalWithTransform<number | null, unknown>;
+    readonly maxSize: i0.InputSignalWithTransform<number | null, unknown>;
+    readonly resizable: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebar, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebar, "[frSidebar], frame-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FrSidebarTrigger {
     readonly provider: FrSidebarProvider | null;
@@ -64,11 +67,15 @@ declare class FrSidebarRail {
     private suppressClick;
     private frameId;
     private pendingWidth;
+    private resizeMinSize;
+    private resizeMaxSize;
     readonly provider: FrSidebarProvider | null;
     toggle(): void;
     startResize(event: PointerEvent): void;
     private resize;
     private flushResize;
+    private captureResizeBounds;
+    private measureContentMinSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrSidebarRail, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FrSidebarRail, "[frSidebarRail], frame-sidebar-rail", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,87 +1,62 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
-import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { AfterViewInit, TemplateRef } from '@angular/core';
 
-type FrTooltipController = {
-    isOpen(): boolean;
-    overlaySide(): string;
-    registerTrigger(trigger: HTMLElement): void;
-    setContent(content: unknown | null): void;
-    openWithDelay(): void;
-    closeWithDelay(): void;
-    open(): void;
-    close(): void;
-};
-
-declare class FrTooltipContent {
-    readonly templateRef: TemplateRef<any>;
-    readonly id: string;
+declare class FrTooltipDirective implements AfterViewInit {
+    private readonly destroyRef;
+    private readonly document;
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly platformId;
+    readonly content: _angular_core.InputSignal<string | TemplateRef<unknown> | null>;
     readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
     readonly alignOffset: _angular_core.InputSignal<number>;
     readonly arrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly debugVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly closeDelay: _angular_core.InputSignal<number>;
+    readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
     readonly sideOffset: _angular_core.InputSignal<number>;
-    getPositions(): ConnectedPosition[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipContent, "ng-template[frTooltipContent]", ["frTooltipContent"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "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 FrTooltipPanel {
-    protected readonly content: FrTooltipContent;
-    protected readonly root: FrTooltipController;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipPanel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipPanel, "[frTooltipPanel]", never, {}, {}, never, never, true, never>;
-}
-declare class FrTooltipShortcut {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipShortcut, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipShortcut, "[frTooltipShortcut]", never, {}, {}, never, never, true, never>;
-}
-
-declare class FrTooltipRoot {
-    private readonly elementRef;
-    readonly openDelay: _angular_core.InputSignal<number>;
-    readonly closeDelay: _angular_core.InputSignal<number>;
-    readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly debugVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    readonly content: _angular_core.WritableSignal<FrTooltipContent | null>;
-    readonly overlaySide: _angular_core.WritableSignal<string>;
-    private openTimer;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly tooltipId: string;
     private closeTimer;
+    private disabledObserver;
+    private openTimer;
+    private overlayRef;
+    private panelRef;
+    private arrowFrameId;
+    private currentSide;
+    private pendingArrowSide;
     private triggerElement;
-    readonly positions: _angular_core.Signal<ConnectedPosition[]>;
+    private wrapped;
+    private wrapper;
+    private teardownListeners;
     constructor();
-    registerTrigger(trigger: HTMLElement): void;
-    setContent(content: unknown | null): void;
-    openWithDelay(): void;
-    closeWithDelay(): void;
-    open(): void;
-    close(): void;
-    handleOverlayKeydown(event: KeyboardEvent): void;
-    handlePositionChange(event: ConnectedOverlayPositionChange): void;
-    overlayPanelClasses(): string[];
-    private cancelOpen;
-    private cancelClose;
+    ngAfterViewInit(): void;
+    private bindTriggerEvents;
+    private ensureDisabledHostWrapper;
+    private observeDisabledState;
+    private openWithDelay;
+    private closeWithDelay;
+    private open;
+    private close;
+    private createOverlay;
+    private positions;
+    private handlePositionChange;
+    private updatePanelInputs;
     private syncCustomPropertiesToOverlay;
-    private scheduleCustomPropertySync;
     private copyCustomProperties;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipRoot, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FrTooltipRoot, "frame-tooltip", ["frTooltip"], { "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "debugVisible": { "alias": "debugVisible"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+    private scheduleArrowPosition;
+    private syncArrowPosition;
+    private listen;
+    private cancelOpen;
+    private cancelClose;
+    private destroy;
+    private teardownTriggerListeners;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipDirective, "[frTooltip]", never, { "content": { "alias": "frTooltip"; "required": false; "isSignal": true; }; "align": { "alias": "frTooltipAlign"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "frTooltipAlignOffset"; "required": false; "isSignal": true; }; "arrow": { "alias": "frTooltipArrow"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "frTooltipCloseDelay"; "required": false; "isSignal": true; }; "openDelay": { "alias": "frTooltipOpenDelay"; "required": false; "isSignal": true; }; "side": { "alias": "frTooltipSide"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "frTooltipSideOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-
-declare class FrTooltipTrigger {
-    readonly content: _angular_core.InputSignal<FrTooltipContent | null>;
-    protected readonly root: FrTooltipController;
-    private readonly elementRef;
-    constructor();
-    protected handleMouseEnter(): void;
-    protected handleMouseLeave(): void;
-    protected handleFocusIn(): void;
-    protected handleFocusOut(): void;
-    protected handleKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipTrigger, "[frTooltipTrigger]", never, { "content": { "alias": "frTooltipTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+declare class FrTooltipShortcut {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipShortcut, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrTooltipShortcut, "[frTooltipShortcut]", never, {}, {}, never, never, true, never>;
 }
 
 declare const FR_TOOLTIP_SIDES: readonly ["top", "right", "bottom", "left"];
@@ -91,9 +66,9 @@ type FrTooltipAlignment = (typeof FR_TOOLTIP_ALIGNMENTS)[number];
 
 declare class FrTooltipModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrTooltipModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTooltipModule, never, [typeof FrTooltipRoot, typeof FrTooltipTrigger, typeof FrTooltipContent, typeof FrTooltipPanel, typeof FrTooltipShortcut], [typeof FrTooltipRoot, typeof FrTooltipTrigger, typeof FrTooltipContent, typeof FrTooltipPanel, typeof FrTooltipShortcut]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FrTooltipModule, never, [typeof FrTooltipDirective, typeof FrTooltipShortcut], [typeof FrTooltipDirective, typeof FrTooltipShortcut]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrTooltipModule>;
 }
 
-export { FR_TOOLTIP_ALIGNMENTS, FR_TOOLTIP_SIDES, FrTooltipRoot as FrTooltip, FrTooltipContent, FrTooltipModule, FrTooltipPanel, FrTooltipShortcut, FrTooltipTrigger };
+export { FR_TOOLTIP_ALIGNMENTS, FR_TOOLTIP_SIDES, FrTooltipDirective, FrTooltipModule, FrTooltipShortcut };
 export type { FrTooltipAlignment, FrTooltipSide };

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

@@ -0,0 +1,5 @@
+declare function clampNumber(value: number, min: number, max: number): number;
+declare function coerceNumber(value: unknown, fallback: number): number;
+declare function parseCssPixelValue(value: string, fallback: number): number;
+
+export { clampNumber, coerceNumber, parseCssPixelValue };