@ngutil/floating 0.0.51 → 0.0.53

package/layer/backdrop-ref.d.ts

@@ -1,30 +1,15 @@
-import { Injector } from "@angular/core";
-import { CoverService } from "@ngutil/graphics";
-import { CoverOptions, CropCoverOptions } from "@ngutil/graphics";
+import { CoverRef } from "@ngutil/graphics";
+import { CoverOptions } from "@ngutil/graphics";
 import { ChildRef } from "./child-ref";
-export interface BasicBackdropOptions {
-    under: ChildRef;
-    color: CoverOptions["color"];
-    style?: Partial<CSSStyleDeclaration>;
-}
-export interface SolidBackdropOptions extends BasicBackdropOptions {
-    type: "solid";
-}
-export interface CropBackdropOptions extends BasicBackdropOptions {
-    type: "crop";
-    crop: CropCoverOptions["crop"];
-}
-export type BackdropOptions = SolidBackdropOptions | CropBackdropOptions;
+export type BackdropOptions = CoverOptions;
 export declare class BackdropRef extends ChildRef {
     #private;
-    readonly coverSvc: CoverService;
-    readonly injector: Injector;
-    readonly options: BackdropOptions;
-    static from(cover: CoverService, injector: Injector, options: BackdropOptions): BackdropRef;
+    readonly coverRef: CoverRef<any>;
     readonly under: ChildRef;
-    readonly group?: string;
+    readonly options: CoverOptions;
+    readonly group: string;
     set visible(visible: boolean);
     get visible(): boolean;
-    constructor(nativeElement: HTMLElement, coverSvc: CoverService, injector: Injector, options: BackdropOptions);
+    constructor(coverRef: CoverRef<any>, under: ChildRef, options: CoverOptions);
     show(): import("rxjs").Observable<void>;
 }

package/layer/layer.service.d.ts

@@ -13,7 +13,7 @@ export declare abstract class LayerService {
     newComponentPortal<T>(component: ComponentType<T>, options: ComponentPortalOptions<T>): ComponentPortalRef<T>;
     newTemplatePortal<T>(tpl: TemplateRef<T>, options: TemplatePortalOptions<T>): TemplatePortalRef<T>;
     newContainer(options: ContainerOptions): ContainerRef;
-    newBackdrop(options: BackdropOptions): BackdropRef;
+    newBackdrop(under: ChildRef, options: BackdropOptions): BackdropRef;
     append<T extends ChildRef>(ref: T): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayerService, [{ optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LayerService, never, never, {}, {}, never, never, false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngutil/floating",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "dependencies": {
     "tslib": "^2.6.2"
   },
@@ -8,9 +8,9 @@
     "@angular/cdk": "^17.3.6",
     "@angular/common": "^17.3.6",
     "@angular/core": "^17.3.6",
-    "@ngutil/aria": "0.0.51",
-    "@ngutil/common": "0.0.51",
-    "@ngutil/style": "0.0.51"
+    "@ngutil/aria": "0.0.53",
+    "@ngutil/style": "0.0.53",
+    "@ngutil/common": "0.0.53"
   },
   "publishConfig": {
     "access": "public",

package/esm2022/floating/traits/keystroke.mjs

@@ -1,17 +0,0 @@
-import { exhaustMap } from "rxjs";
-import { KeystrokeService } from "@ngutil/aria";
-export class KeystrokeTrait {
-    constructor() {
-        this.name = "keystroke";
-    }
-    connect(floatingRef) {
-        const ks = floatingRef.container.injector.get(KeystrokeService);
-        return ks
-            .watch(floatingRef.container.nativeElement, { key: "Escape", state: "up" })
-            .pipe(exhaustMap(() => floatingRef.close()));
-    }
-}
-export function keystroke() {
-    return new KeystrokeTrait();
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5c3Ryb2tlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZmxvYXRpbmcvc3JjL2Zsb2F0aW5nL3RyYWl0cy9rZXlzdHJva2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBYyxNQUFNLE1BQU0sQ0FBQTtBQUU3QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFLL0MsTUFBTSxPQUFPLGNBQWM7SUFBM0I7UUFDSSxTQUFJLEdBQUcsV0FBVyxDQUFBO0lBUXRCLENBQUM7SUFORyxPQUFPLENBQUMsV0FBd0I7UUFDNUIsTUFBTSxFQUFFLEdBQUcsV0FBVyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUE7UUFDL0QsT0FBTyxFQUFFO2FBQ0osS0FBSyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUM7YUFDMUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBQ3BELENBQUM7Q0FDSjtBQUVELE1BQU0sVUFBVSxTQUFTO0lBQ3JCLE9BQU8sSUFBSSxjQUFjLEVBQUUsQ0FBQTtBQUMvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZXhoYXVzdE1hcCwgT2JzZXJ2YWJsZSB9IGZyb20gXCJyeGpzXCJcblxuaW1wb3J0IHsgS2V5c3Ryb2tlU2VydmljZSB9IGZyb20gXCJAbmd1dGlsL2FyaWFcIlxuXG5pbXBvcnQgeyBGbG9hdGluZ1JlZiB9IGZyb20gXCIuLi9mbG9hdGluZy1yZWZcIlxuaW1wb3J0IHsgRmxvYXRpbmdUcmFpdCB9IGZyb20gXCIuL19iYXNlXCJcblxuZXhwb3J0IGNsYXNzIEtleXN0cm9rZVRyYWl0IGltcGxlbWVudHMgRmxvYXRpbmdUcmFpdDx1bmtub3duPiB7XG4gICAgbmFtZSA9IFwia2V5c3Ryb2tlXCJcblxuICAgIGNvbm5lY3QoZmxvYXRpbmdSZWY6IEZsb2F0aW5nUmVmKTogT2JzZXJ2YWJsZTx1bmtub3duPiB7XG4gICAgICAgIGNvbnN0IGtzID0gZmxvYXRpbmdSZWYuY29udGFpbmVyLmluamVjdG9yLmdldChLZXlzdHJva2VTZXJ2aWNlKVxuICAgICAgICByZXR1cm4ga3NcbiAgICAgICAgICAgIC53YXRjaChmbG9hdGluZ1JlZi5jb250YWluZXIubmF0aXZlRWxlbWVudCwgeyBrZXk6IFwiRXNjYXBlXCIsIHN0YXRlOiBcInVwXCIgfSlcbiAgICAgICAgICAgIC5waXBlKGV4aGF1c3RNYXAoKCkgPT4gZmxvYXRpbmdSZWYuY2xvc2UoKSkpXG4gICAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24ga2V5c3Ryb2tlKCkge1xuICAgIHJldHVybiBuZXcgS2V5c3Ryb2tlVHJhaXQoKVxufVxuIl19

package/floating/traits/keystroke.d.ts

@@ -1,8 +0,0 @@
-import { Observable } from "rxjs";
-import { FloatingRef } from "../floating-ref";
-import { FloatingTrait } from "./_base";
-export declare class KeystrokeTrait implements FloatingTrait<unknown> {
-    name: string;
-    connect(floatingRef: FloatingRef): Observable<unknown>;
-}
-export declare function keystroke(): KeystrokeTrait;