@frame-ui-ng/components 0.5.0-beta.0 → 0.6.0-beta.0

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

@@ -7,6 +7,7 @@ import { FrButtonAppearance } from '@frame-ui-ng/components/button';
 
 declare const FR_SHEET_SIDES: readonly ["top", "right", "bottom", "left"];
 type FrSheetSide = (typeof FR_SHEET_SIDES)[number];
+declare function coerceSheetSide(value: unknown): FrSheetSide;
 /** Close control for sheet. */
 declare class FrSheetClose {
     private readonly dialogRef;
@@ -95,10 +96,12 @@ type FrSheetConfig<Data = unknown, Result = unknown, Component = unknown> = Dial
 /** Service for opening sheet dialogs. */
 declare class FrSheetService {
     private readonly dialog;
+    private readonly overlay;
     open<Result = unknown, Data = unknown, Component = unknown>(content: ComponentType<Component>, config?: FrSheetConfig<Data, Result, Component>): FrSheetRef<Result, Component>;
     open<Result = unknown, Data = unknown, Context = unknown>(content: TemplateRef<Context>, config?: FrSheetConfig<Data, Result, Context>): FrSheetRef<Result, Context>;
     closeAll(): void;
     private withDefaultClasses;
+    private getSheetPositionStrategy;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FrSheetService>;
 }
@@ -122,10 +125,11 @@ declare class FrSheetContent {
     readonly minWidth: _angular_core.InputSignal<string | null>;
     readonly panelClass: _angular_core.InputSignal<string | string[] | null>;
     readonly role: _angular_core.InputSignal<"dialog" | "alertdialog">;
+    readonly side: _angular_core.InputSignalWithTransform<"top" | "right" | "bottom" | "left", unknown>;
     readonly width: _angular_core.InputSignal<string | null>;
     buildConfig(viewContainerRef: ViewContainerRef): FrSheetConfig;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FrSheetContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetContent, "ng-template[frSheetContent]", ["frSheetContent"], { "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>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FrSheetContent, "ng-template[frSheetContent]", ["frSheetContent"], { "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; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const FR_SHEET_DATA: _angular_core.InjectionToken<any>;
@@ -155,5 +159,5 @@ declare class FrSheetModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FrSheetModule>;
 }
 
-export { FR_SHEET_DATA, FR_SHEET_SIDES, FrSheetBody, FrSheetClose, FrSheetContent, FrSheetDescription, FrSheetFooter, FrSheetHeader, FrSheetModule, FrSheetPanel, FrSheetService, FrSheetShell, FrSheetTitle, FrSheetTrigger };
+export { FR_SHEET_DATA, FR_SHEET_SIDES, FrSheetBody, FrSheetClose, FrSheetContent, FrSheetDescription, FrSheetFooter, FrSheetHeader, FrSheetModule, FrSheetPanel, FrSheetService, FrSheetShell, FrSheetTitle, FrSheetTrigger, coerceSheetSide };
 export type { FrSheetConfig, FrSheetFooterAction, FrSheetRef, FrSheetShellOptions, FrSheetSide };