@ngutil/graphics 0.0.21 → 0.0.27

package/cover.service.d.ts

@@ -0,0 +1,33 @@
+import { Observable } from "rxjs";
+import { ElementInput } from "@ngutil/common";
+import { Rect } from "@ngutil/style";
+import * as i0 from "@angular/core";
+export interface CoverOptions {
+    container: ElementInput;
+    color: "transparent" | string;
+}
+export interface SolidCoverOptions extends CoverOptions {
+}
+export interface CropCoverOptions extends CoverOptions {
+    /**
+     * Element that will be interactive while the cover is visible
+     */
+    crop: ElementInput | Observable<Rect>;
+}
+export interface RevealCoverOptions extends CoverOptions {
+    /**
+     * Left and right coordinates inside the container
+     */
+    origin: {
+        left: number;
+        top: number;
+    };
+}
+export declare class CoverService {
+    #private;
+    solid(options: SolidCoverOptions): Observable<void>;
+    crop(options: CropCoverOptions): Observable<void>;
+    reveal(options: RevealCoverOptions): Observable<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CoverService>;
+}

package/esm2022/cover.service.mjs

@@ -0,0 +1,42 @@
+import { Injectable } from "@angular/core";
+import { Observable, of } from "rxjs";
+import { coerceElement } from "@ngutil/common";
+import * as i0 from "@angular/core";
+export class CoverService {
+    solid(options) {
+        return new Observable((dest) => {
+            const container = coerceElement(options.container);
+            const cover = this.#createElement(options);
+            container.appendChild(cover);
+            dest.next();
+            return () => {
+                cover.parentElement?.removeChild(cover);
+            };
+        });
+    }
+    crop(options) {
+        return of();
+    }
+    reveal(options) {
+        return of();
+    }
+    #createElement(options) {
+        const el = document.createElement("div");
+        el.style.position = "absolute";
+        el.style.top = el.style.right = el.style.bottom = el.style.left = "0px";
+        if (options.color === "transparent") {
+            el.style.backgroundColor = "rgba(255, 255, 255, 0.0001)";
+        }
+        else {
+            el.style.backgroundColor = options.color;
+        }
+        return el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY292ZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2dyYXBoaWNzL3NyYy9jb3Zlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQWMsTUFBTSxNQUFNLENBQUE7QUFFakQsT0FBTyxFQUFFLGFBQWEsRUFBZ0IsTUFBTSxnQkFBZ0IsQ0FBQTs7QUF5QjVELE1BQU0sT0FBTyxZQUFZO0lBQ3JCLEtBQUssQ0FBQyxPQUEwQjtRQUM1QixPQUFPLElBQUksVUFBVSxDQUFDLENBQUMsSUFBc0IsRUFBRSxFQUFFO1lBQzdDLE1BQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDbEQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQTtZQUMxQyxTQUFTLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQzVCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtZQUVYLE9BQU8sR0FBRyxFQUFFO2dCQUNSLEtBQUssQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQzNDLENBQUMsQ0FBQTtRQUNMLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELElBQUksQ0FBQyxPQUF5QjtRQUMxQixPQUFPLEVBQUUsRUFBRSxDQUFBO0lBQ2YsQ0FBQztJQUVELE1BQU0sQ0FBQyxPQUEyQjtRQUM5QixPQUFPLEVBQUUsRUFBRSxDQUFBO0lBQ2YsQ0FBQztJQUVELGNBQWMsQ0FBQyxPQUFxQjtRQUNoQyxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3hDLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQTtRQUM5QixFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUE7UUFFdkUsSUFBSSxPQUFPLENBQUMsS0FBSyxLQUFLLGFBQWEsRUFBRSxDQUFDO1lBQ2xDLEVBQUUsQ0FBQyxLQUFLLENBQUMsZUFBZSxHQUFHLDZCQUE2QixDQUFBO1FBQzVELENBQUM7YUFBTSxDQUFDO1lBQ0osRUFBRSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQTtRQUM1QyxDQUFDO1FBRUQsT0FBTyxFQUFFLENBQUE7SUFDYixDQUFDOzhHQWxDUSxZQUFZO2tIQUFaLFlBQVksY0FEQyxNQUFNOzsyRkFDbkIsWUFBWTtrQkFEeEIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiwgU3Vic2NyaWJlciB9IGZyb20gXCJyeGpzXCJcblxuaW1wb3J0IHsgY29lcmNlRWxlbWVudCwgRWxlbWVudElucHV0IH0gZnJvbSBcIkBuZ3V0aWwvY29tbW9uXCJcbmltcG9ydCB7IFJlY3QgfSBmcm9tIFwiQG5ndXRpbC9zdHlsZVwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgQ292ZXJPcHRpb25zIHtcbiAgICBjb250YWluZXI6IEVsZW1lbnRJbnB1dFxuICAgIGNvbG9yOiBcInRyYW5zcGFyZW50XCIgfCBzdHJpbmdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTb2xpZENvdmVyT3B0aW9ucyBleHRlbmRzIENvdmVyT3B0aW9ucyB7fVxuXG5leHBvcnQgaW50ZXJmYWNlIENyb3BDb3Zlck9wdGlvbnMgZXh0ZW5kcyBDb3Zlck9wdGlvbnMge1xuICAgIC8qKlxuICAgICAqIEVsZW1lbnQgdGhhdCB3aWxsIGJlIGludGVyYWN0aXZlIHdoaWxlIHRoZSBjb3ZlciBpcyB2aXNpYmxlXG4gICAgICovXG4gICAgY3JvcDogRWxlbWVudElucHV0IHwgT2JzZXJ2YWJsZTxSZWN0PlxufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJldmVhbENvdmVyT3B0aW9ucyBleHRlbmRzIENvdmVyT3B0aW9ucyB7XG4gICAgLyoqXG4gICAgICogTGVmdCBhbmQgcmlnaHQgY29vcmRpbmF0ZXMgaW5zaWRlIHRoZSBjb250YWluZXJcbiAgICAgKi9cbiAgICBvcmlnaW46IHsgbGVmdDogbnVtYmVyOyB0b3A6IG51bWJlciB9XG59XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogXCJyb290XCIgfSlcbmV4cG9ydCBjbGFzcyBDb3ZlclNlcnZpY2Uge1xuICAgIHNvbGlkKG9wdGlvbnM6IFNvbGlkQ292ZXJPcHRpb25zKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZSgoZGVzdDogU3Vic2NyaWJlcjx2b2lkPikgPT4ge1xuICAgICAgICAgICAgY29uc3QgY29udGFpbmVyID0gY29lcmNlRWxlbWVudChvcHRpb25zLmNvbnRhaW5lcilcbiAgICAgICAgICAgIGNvbnN0IGNvdmVyID0gdGhpcy4jY3JlYXRlRWxlbWVudChvcHRpb25zKVxuICAgICAgICAgICAgY29udGFpbmVyLmFwcGVuZENoaWxkKGNvdmVyKVxuICAgICAgICAgICAgZGVzdC5uZXh0KClcblxuICAgICAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgICAgICBjb3Zlci5wYXJlbnRFbGVtZW50Py5yZW1vdmVDaGlsZChjb3ZlcilcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICB9XG5cbiAgICBjcm9wKG9wdGlvbnM6IENyb3BDb3Zlck9wdGlvbnMpOiBPYnNlcnZhYmxlPHZvaWQ+IHtcbiAgICAgICAgcmV0dXJuIG9mKClcbiAgICB9XG5cbiAgICByZXZlYWwob3B0aW9uczogUmV2ZWFsQ292ZXJPcHRpb25zKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgICAgIHJldHVybiBvZigpXG4gICAgfVxuXG4gICAgI2NyZWF0ZUVsZW1lbnQob3B0aW9uczogQ292ZXJPcHRpb25zKSB7XG4gICAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKVxuICAgICAgICBlbC5zdHlsZS5wb3NpdGlvbiA9IFwiYWJzb2x1dGVcIlxuICAgICAgICBlbC5zdHlsZS50b3AgPSBlbC5zdHlsZS5yaWdodCA9IGVsLnN0eWxlLmJvdHRvbSA9IGVsLnN0eWxlLmxlZnQgPSBcIjBweFwiXG5cbiAgICAgICAgaWYgKG9wdGlvbnMuY29sb3IgPT09IFwidHJhbnNwYXJlbnRcIikge1xuICAgICAgICAgICAgZWwuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gXCJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMDAwMSlcIlxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZWwuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gb3B0aW9ucy5jb2xvclxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGVsXG4gICAgfVxufVxuIl19

package/esm2022/index.mjs

@@ -1,2 +1,4 @@
 export * from "./ripple/ripple.directive";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmFwaGljcy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL3JpcHBsZS9yaXBwbGUuZGlyZWN0aXZlXCJcbiJdfQ==
+export { CoverService } from "./cover.service";
+export * from "./util/animation-observable";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmFwaGljcy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUF5RSxNQUFNLGlCQUFpQixDQUFBO0FBQ3JILGNBQWMsNkJBQTZCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9yaXBwbGUvcmlwcGxlLmRpcmVjdGl2ZVwiXG5leHBvcnQgeyBDb3ZlclNlcnZpY2UsIENvdmVyT3B0aW9ucywgU29saWRDb3Zlck9wdGlvbnMsIENyb3BDb3Zlck9wdGlvbnMsIFJldmVhbENvdmVyT3B0aW9ucyB9IGZyb20gXCIuL2NvdmVyLnNlcnZpY2VcIlxuZXhwb3J0ICogZnJvbSBcIi4vdXRpbC9hbmltYXRpb24tb2JzZXJ2YWJsZVwiXG4iXX0=

package/esm2022/util/animation-observable.mjs

@@ -0,0 +1,19 @@
+import { Observable } from "rxjs";
+import { coerceElement } from "@ngutil/common";
+export function animationObservable({ builder, animation, element, options }) {
+    return new Observable((dst) => {
+        const factory = builder.build(animation);
+        const player = factory.create(coerceElement(element), options);
+        player.onDestroy(() => {
+            dst.complete();
+        });
+        player.onDone(() => {
+            dst.complete();
+        });
+        player.play();
+        return () => {
+            player.destroy();
+        };
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLW9ic2VydmFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9ncmFwaGljcy9zcmMvdXRpbC9hbmltYXRpb24tb2JzZXJ2YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsVUFBVSxFQUFjLE1BQU0sTUFBTSxDQUFBO0FBRTdDLE9BQU8sRUFBRSxhQUFhLEVBQWdCLE1BQU0sZ0JBQWdCLENBQUE7QUFTNUQsTUFBTSxVQUFVLG1CQUFtQixDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUE2QjtJQUNuRyxPQUFPLElBQUksVUFBVSxDQUFDLENBQUMsR0FBcUIsRUFBRSxFQUFFO1FBQzVDLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUE7UUFDeEMsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUE7UUFFOUQsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbEIsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFBO1FBQ2xCLENBQUMsQ0FBQyxDQUFBO1FBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDZixHQUFHLENBQUMsUUFBUSxFQUFFLENBQUE7UUFDbEIsQ0FBQyxDQUFDLENBQUE7UUFDRixNQUFNLENBQUMsSUFBSSxFQUFFLENBQUE7UUFFYixPQUFPLEdBQUcsRUFBRTtZQUNSLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQTtRQUNwQixDQUFDLENBQUE7SUFDTCxDQUFDLENBQUMsQ0FBQTtBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25CdWlsZGVyLCBBbmltYXRpb25NZXRhZGF0YSwgQW5pbWF0aW9uT3B0aW9ucyB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCJcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3Vic2NyaWJlciB9IGZyb20gXCJyeGpzXCJcblxuaW1wb3J0IHsgY29lcmNlRWxlbWVudCwgRWxlbWVudElucHV0IH0gZnJvbSBcIkBuZ3V0aWwvY29tbW9uXCJcblxuZXhwb3J0IGludGVyZmFjZSBBbmltYXRpb25PYnNlcnZhYmxlUGFyYW1zIHtcbiAgICBidWlsZGVyOiBBbmltYXRpb25CdWlsZGVyXG4gICAgYW5pbWF0aW9uOiBBbmltYXRpb25NZXRhZGF0YSB8IEFuaW1hdGlvbk1ldGFkYXRhW11cbiAgICBlbGVtZW50OiBFbGVtZW50SW5wdXRcbiAgICBvcHRpb25zPzogQW5pbWF0aW9uT3B0aW9uc1xufVxuXG5leHBvcnQgZnVuY3Rpb24gYW5pbWF0aW9uT2JzZXJ2YWJsZSh7IGJ1aWxkZXIsIGFuaW1hdGlvbiwgZWxlbWVudCwgb3B0aW9ucyB9OiBBbmltYXRpb25PYnNlcnZhYmxlUGFyYW1zKSB7XG4gICAgcmV0dXJuIG5ldyBPYnNlcnZhYmxlKChkc3Q6IFN1YnNjcmliZXI8dm9pZD4pID0+IHtcbiAgICAgICAgY29uc3QgZmFjdG9yeSA9IGJ1aWxkZXIuYnVpbGQoYW5pbWF0aW9uKVxuICAgICAgICBjb25zdCBwbGF5ZXIgPSBmYWN0b3J5LmNyZWF0ZShjb2VyY2VFbGVtZW50KGVsZW1lbnQpLCBvcHRpb25zKVxuXG4gICAgICAgIHBsYXllci5vbkRlc3Ryb3koKCkgPT4ge1xuICAgICAgICAgICAgZHN0LmNvbXBsZXRlKClcbiAgICAgICAgfSlcbiAgICAgICAgcGxheWVyLm9uRG9uZSgoKSA9PiB7XG4gICAgICAgICAgICBkc3QuY29tcGxldGUoKVxuICAgICAgICB9KVxuICAgICAgICBwbGF5ZXIucGxheSgpXG5cbiAgICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgICAgIHBsYXllci5kZXN0cm95KClcbiAgICAgICAgfVxuICAgIH0pXG59XG4iXX0=

package/fesm2022/ngutil-graphics.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { Directive } from '@angular/core';
-import { Destructible } from '@ngutil/common';
+import { Directive, Injectable } from '@angular/core';
+import { Destructible, coerceElement } from '@ngutil/common';
+import { Observable, of } from 'rxjs';
 
 class RippleDirective extends Destructible {
     #current;
@@ -156,9 +157,64 @@ function maxPossibleRadius(x, y, w, h) {
     return Math.sqrt(distX * distX + distY * distY);
 }
 
+class CoverService {
+    solid(options) {
+        return new Observable((dest) => {
+            const container = coerceElement(options.container);
+            const cover = this.#createElement(options);
+            container.appendChild(cover);
+            dest.next();
+            return () => {
+                cover.parentElement?.removeChild(cover);
+            };
+        });
+    }
+    crop(options) {
+        return of();
+    }
+    reveal(options) {
+        return of();
+    }
+    #createElement(options) {
+        const el = document.createElement("div");
+        el.style.position = "absolute";
+        el.style.top = el.style.right = el.style.bottom = el.style.left = "0px";
+        if (options.color === "transparent") {
+            el.style.backgroundColor = "rgba(255, 255, 255, 0.0001)";
+        }
+        else {
+            el.style.backgroundColor = options.color;
+        }
+        return el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImport: i0, type: CoverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }] });
+
+function animationObservable({ builder, animation, element, options }) {
+    return new Observable((dst) => {
+        const factory = builder.build(animation);
+        const player = factory.create(coerceElement(element), options);
+        player.onDestroy(() => {
+            dst.complete();
+        });
+        player.onDone(() => {
+            dst.complete();
+        });
+        player.play();
+        return () => {
+            player.destroy();
+        };
+    });
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Ripple, RippleDirective };
+export { CoverService, Ripple, RippleDirective, animationObservable };
 //# sourceMappingURL=ngutil-graphics.mjs.map

package/fesm2022/ngutil-graphics.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngutil-graphics.mjs","sources":["../../../../packages/graphics/src/ripple/ripple.directive.ts","../../../../packages/graphics/src/ngutil-graphics.ts"],"sourcesContent":["import { Directive, ElementRef, NgZone, TemplateRef } from \"@angular/core\"\n\nimport { Destructible, IDisposable } from \"@ngutil/common\"\n\n@Directive({\n    standalone: true,\n    selector: \"ng-template[nuRipple]\",\n    exportAs: \"nuRipple\"\n})\nexport class RippleDirective extends Destructible {\n    #current?: Ripple\n\n    constructor(\n        private readonly tplRef: TemplateRef<any>,\n        private readonly zone: NgZone,\n        private readonly el: ElementRef<Node>\n    ) {\n        super()\n        zone.runOutsideAngular(() => {\n            const target = el.nativeElement.parentElement\n            if (target) {\n                target.addEventListener(\"mousedown\", this.#onMouseDown)\n                this.d.any(() => target.removeEventListener(\"mousedown\", this.#onMouseDown))\n            }\n        })\n    }\n\n    begin(event: MouseEvent) {\n        this.#current?.autoDestroy()\n        const cfg = this.#createRippleConfig(event)\n        const ripple = this.#createRipple(cfg)\n        this.#current = ripple\n\n        const refEl = this.tplRef.elementRef.nativeElement as HTMLElement\n        refEl.parentNode?.insertBefore(ripple.el, refEl)\n        ripple.start()\n    }\n\n    end() {\n        this.#current?.autoDestroy()\n    }\n\n    #createRipple(config: RippleConfig) {\n        const ripple = new Ripple(config, this.zone, () => {\n            if (this.#current === ripple) {\n                this.#current = undefined\n            }\n        })\n        this.d.disposable(ripple)\n        return ripple\n    }\n\n    #createRippleConfig(event: MouseEvent): RippleConfig {\n        const container = event.currentTarget as HTMLElement\n        const bounds = container.getBoundingClientRect()\n        const w = bounds.width\n        const h = bounds.height\n        const x = event.clientX - bounds.left\n        const y = event.clientY - bounds.top\n        const r = maxPossibleRadius(x, y, w, h) + Math.min(w, h)\n        return { x, y, w, h, r, d: 600 }\n    }\n\n    #onMouseDown = (event: MouseEvent) => {\n        this.begin(event)\n    }\n}\n\ntype RippleConfig = { x: number; y: number; w: number; h: number; r: number; d: number }\n\nexport class Ripple implements IDisposable {\n    public readonly el: HTMLDivElement\n    public readonly isRunning: boolean = false\n\n    #autoDestroy = false\n    #hiding = false\n\n    constructor(\n        config: RippleConfig,\n        zone: NgZone,\n        public readonly onDestroy: () => void\n    ) {\n        const el = document.createElement(\"div\")\n        el.style.position = \"absolute\"\n        el.style.top = `${config.y - config.r}px`\n        el.style.left = `${config.x - config.r}px`\n        el.style.width = `${config.r * 2}px`\n        el.style.height = `${config.r * 2}px`\n        el.style.pointerEvents = \"none\"\n        el.style.backgroundColor = \"var(--ripple-color)\"\n        el.style.borderRadius = \"50%\"\n        el.style.transition = `opacity ${config.d / 2}ms ease-out, transform ${config.d}ms ease-out`\n        el.style.opacity = \"0\"\n        el.style.transformOrigin = \"center\"\n        el.style.transform = \"scale(0)\"\n        this.el = el\n\n        zone.runOutsideAngular(() => {\n            el.addEventListener(\"transitionstart\", this.#transBegin)\n            el.addEventListener(\"transitionend\", this.#transEnd)\n            document.addEventListener(\"mouseup\", this.autoDestroy, { capture: true, passive: true })\n            document.addEventListener(\"dragend\", this.autoDestroy, { capture: true, passive: true })\n        })\n    }\n\n    start() {\n        // eslint-disable-next-line no-extra-semi\n        ;(this as { isRunning: boolean }).isRunning = true\n        // XXX: force style apply\n        const opacity = typeof window !== \"undefined\" ? Number(window.getComputedStyle(this.el).opacity) : 1\n        this.el.style.opacity = opacity ? \"0.3\" : \"0.3\"\n        this.el.style.transform = \"scale(1)\"\n    }\n\n    autoDestroy = () => {\n        if (this.isRunning) {\n            this.#autoDestroy = true\n        } else {\n            this.#fadeOut()\n        }\n    }\n\n    dispose(): void {\n        this.el.removeEventListener(\"transitionstart\", this.#transBegin)\n        this.el.removeEventListener(\"transitionend\", this.#transEnd)\n        document.removeEventListener(\"mouseup\", this.autoDestroy, { capture: true })\n        this.el.parentNode?.removeChild(this.el)\n        this.onDestroy()\n    }\n\n    #transBegin = () => {\n        // eslint-disable-next-line no-extra-semi\n        ;(this as { isRunning: boolean }).isRunning = true\n    }\n\n    #transEnd = (event: TransitionEvent) => {\n        if (event.propertyName === \"opacity\") {\n            if (this.#hiding) {\n                this.dispose()\n            } else {\n                if (this.#autoDestroy) {\n                    this.#fadeOut()\n                }\n            }\n        } else if (event.propertyName === \"transform\") {\n            // eslint-disable-next-line no-extra-semi\n            ;(this as { isRunning: boolean }).isRunning = false\n            if (this.#autoDestroy) {\n                this.dispose()\n            }\n        }\n    }\n\n    #fadeOut() {\n        if (this.#hiding) {\n            return\n        }\n        this.#hiding = true\n        this.el.style.opacity = \"0\"\n    }\n}\n\nfunction maxPossibleRadius(x: number, y: number, w: number, h: number) {\n    const distX = Math.max(x, Math.abs(w - x))\n    const distY = Math.max(y, Math.abs(h - y))\n    return Math.sqrt(distX * distX + distY * distY)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngutil-graphics.mjs","sources":["../../../../packages/graphics/src/ripple/ripple.directive.ts","../../../../packages/graphics/src/cover.service.ts","../../../../packages/graphics/src/util/animation-observable.ts","../../../../packages/graphics/src/ngutil-graphics.ts"],"sourcesContent":["import { Directive, ElementRef, NgZone, TemplateRef } from \"@angular/core\"\n\nimport { Destructible, IDisposable } from \"@ngutil/common\"\n\n@Directive({\n    standalone: true,\n    selector: \"ng-template[nuRipple]\",\n    exportAs: \"nuRipple\"\n})\nexport class RippleDirective extends Destructible {\n    #current?: Ripple\n\n    constructor(\n        private readonly tplRef: TemplateRef<any>,\n        private readonly zone: NgZone,\n        private readonly el: ElementRef<Node>\n    ) {\n        super()\n        zone.runOutsideAngular(() => {\n            const target = el.nativeElement.parentElement\n            if (target) {\n                target.addEventListener(\"mousedown\", this.#onMouseDown)\n                this.d.any(() => target.removeEventListener(\"mousedown\", this.#onMouseDown))\n            }\n        })\n    }\n\n    begin(event: MouseEvent) {\n        this.#current?.autoDestroy()\n        const cfg = this.#createRippleConfig(event)\n        const ripple = this.#createRipple(cfg)\n        this.#current = ripple\n\n        const refEl = this.tplRef.elementRef.nativeElement as HTMLElement\n        refEl.parentNode?.insertBefore(ripple.el, refEl)\n        ripple.start()\n    }\n\n    end() {\n        this.#current?.autoDestroy()\n    }\n\n    #createRipple(config: RippleConfig) {\n        const ripple = new Ripple(config, this.zone, () => {\n            if (this.#current === ripple) {\n                this.#current = undefined\n            }\n        })\n        this.d.disposable(ripple)\n        return ripple\n    }\n\n    #createRippleConfig(event: MouseEvent): RippleConfig {\n        const container = event.currentTarget as HTMLElement\n        const bounds = container.getBoundingClientRect()\n        const w = bounds.width\n        const h = bounds.height\n        const x = event.clientX - bounds.left\n        const y = event.clientY - bounds.top\n        const r = maxPossibleRadius(x, y, w, h) + Math.min(w, h)\n        return { x, y, w, h, r, d: 600 }\n    }\n\n    #onMouseDown = (event: MouseEvent) => {\n        this.begin(event)\n    }\n}\n\ntype RippleConfig = { x: number; y: number; w: number; h: number; r: number; d: number }\n\nexport class Ripple implements IDisposable {\n    public readonly el: HTMLDivElement\n    public readonly isRunning: boolean = false\n\n    #autoDestroy = false\n    #hiding = false\n\n    constructor(\n        config: RippleConfig,\n        zone: NgZone,\n        public readonly onDestroy: () => void\n    ) {\n        const el = document.createElement(\"div\")\n        el.style.position = \"absolute\"\n        el.style.top = `${config.y - config.r}px`\n        el.style.left = `${config.x - config.r}px`\n        el.style.width = `${config.r * 2}px`\n        el.style.height = `${config.r * 2}px`\n        el.style.pointerEvents = \"none\"\n        el.style.backgroundColor = \"var(--ripple-color)\"\n        el.style.borderRadius = \"50%\"\n        el.style.transition = `opacity ${config.d / 2}ms ease-out, transform ${config.d}ms ease-out`\n        el.style.opacity = \"0\"\n        el.style.transformOrigin = \"center\"\n        el.style.transform = \"scale(0)\"\n        this.el = el\n\n        zone.runOutsideAngular(() => {\n            el.addEventListener(\"transitionstart\", this.#transBegin)\n            el.addEventListener(\"transitionend\", this.#transEnd)\n            document.addEventListener(\"mouseup\", this.autoDestroy, { capture: true, passive: true })\n            document.addEventListener(\"dragend\", this.autoDestroy, { capture: true, passive: true })\n        })\n    }\n\n    start() {\n        // eslint-disable-next-line no-extra-semi\n        ;(this as { isRunning: boolean }).isRunning = true\n        // XXX: force style apply\n        const opacity = typeof window !== \"undefined\" ? Number(window.getComputedStyle(this.el).opacity) : 1\n        this.el.style.opacity = opacity ? \"0.3\" : \"0.3\"\n        this.el.style.transform = \"scale(1)\"\n    }\n\n    autoDestroy = () => {\n        if (this.isRunning) {\n            this.#autoDestroy = true\n        } else {\n            this.#fadeOut()\n        }\n    }\n\n    dispose(): void {\n        this.el.removeEventListener(\"transitionstart\", this.#transBegin)\n        this.el.removeEventListener(\"transitionend\", this.#transEnd)\n        document.removeEventListener(\"mouseup\", this.autoDestroy, { capture: true })\n        this.el.parentNode?.removeChild(this.el)\n        this.onDestroy()\n    }\n\n    #transBegin = () => {\n        // eslint-disable-next-line no-extra-semi\n        ;(this as { isRunning: boolean }).isRunning = true\n    }\n\n    #transEnd = (event: TransitionEvent) => {\n        if (event.propertyName === \"opacity\") {\n            if (this.#hiding) {\n                this.dispose()\n            } else {\n                if (this.#autoDestroy) {\n                    this.#fadeOut()\n                }\n            }\n        } else if (event.propertyName === \"transform\") {\n            // eslint-disable-next-line no-extra-semi\n            ;(this as { isRunning: boolean }).isRunning = false\n            if (this.#autoDestroy) {\n                this.dispose()\n            }\n        }\n    }\n\n    #fadeOut() {\n        if (this.#hiding) {\n            return\n        }\n        this.#hiding = true\n        this.el.style.opacity = \"0\"\n    }\n}\n\nfunction maxPossibleRadius(x: number, y: number, w: number, h: number) {\n    const distX = Math.max(x, Math.abs(w - x))\n    const distY = Math.max(y, Math.abs(h - y))\n    return Math.sqrt(distX * distX + distY * distY)\n}\n","import { Injectable } from \"@angular/core\"\n\nimport { Observable, of, Subscriber } from \"rxjs\"\n\nimport { coerceElement, ElementInput } from \"@ngutil/common\"\nimport { Rect } from \"@ngutil/style\"\n\nexport interface CoverOptions {\n    container: ElementInput\n    color: \"transparent\" | string\n}\n\nexport interface SolidCoverOptions extends CoverOptions {}\n\nexport interface CropCoverOptions extends CoverOptions {\n    /**\n     * Element that will be interactive while the cover is visible\n     */\n    crop: ElementInput | Observable<Rect>\n}\n\nexport interface RevealCoverOptions extends CoverOptions {\n    /**\n     * Left and right coordinates inside the container\n     */\n    origin: { left: number; top: number }\n}\n\n@Injectable({ providedIn: \"root\" })\nexport class CoverService {\n    solid(options: SolidCoverOptions): Observable<void> {\n        return new Observable((dest: Subscriber<void>) => {\n            const container = coerceElement(options.container)\n            const cover = this.#createElement(options)\n            container.appendChild(cover)\n            dest.next()\n\n            return () => {\n                cover.parentElement?.removeChild(cover)\n            }\n        })\n    }\n\n    crop(options: CropCoverOptions): Observable<void> {\n        return of()\n    }\n\n    reveal(options: RevealCoverOptions): Observable<void> {\n        return of()\n    }\n\n    #createElement(options: CoverOptions) {\n        const el = document.createElement(\"div\")\n        el.style.position = \"absolute\"\n        el.style.top = el.style.right = el.style.bottom = el.style.left = \"0px\"\n\n        if (options.color === \"transparent\") {\n            el.style.backgroundColor = \"rgba(255, 255, 255, 0.0001)\"\n        } else {\n            el.style.backgroundColor = options.color\n        }\n\n        return el\n    }\n}\n","import { AnimationBuilder, AnimationMetadata, AnimationOptions } from \"@angular/animations\"\n\nimport { Observable, Subscriber } from \"rxjs\"\n\nimport { coerceElement, ElementInput } from \"@ngutil/common\"\n\nexport interface AnimationObservableParams {\n    builder: AnimationBuilder\n    animation: AnimationMetadata | AnimationMetadata[]\n    element: ElementInput\n    options?: AnimationOptions\n}\n\nexport function animationObservable({ builder, animation, element, options }: AnimationObservableParams) {\n    return new Observable((dst: Subscriber<void>) => {\n        const factory = builder.build(animation)\n        const player = factory.create(coerceElement(element), options)\n\n        player.onDestroy(() => {\n            dst.complete()\n        })\n        player.onDone(() => {\n            dst.complete()\n        })\n        player.play()\n\n        return () => {\n            player.destroy()\n        }\n    })\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1 +1,3 @@
 export * from "./ripple/ripple.directive";
+export { CoverService, CoverOptions, SolidCoverOptions, CropCoverOptions, RevealCoverOptions } from "./cover.service";
+export * from "./util/animation-observable";

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@ngutil/graphics",
-  "version": "0.0.21",
+  "version": "0.0.27",
   "peerDependencies": {
+    "@angular/animations": "^17.3.6",
     "@angular/common": "^17.3.6",
     "@angular/core": "^17.3.6",
-    "@ngutil/common": "0.0.21"
+    "rxjs": "^7.8.1",
+    "@ngutil/style": "0.0.27",
+    "@ngutil/common": "0.0.27"
   },
   "publishConfig": {
     "access": "public",

package/util/animation-observable.d.ts

@@ -0,0 +1,10 @@
+import { AnimationBuilder, AnimationMetadata, AnimationOptions } from "@angular/animations";
+import { Observable } from "rxjs";
+import { ElementInput } from "@ngutil/common";
+export interface AnimationObservableParams {
+    builder: AnimationBuilder;
+    animation: AnimationMetadata | AnimationMetadata[];
+    element: ElementInput;
+    options?: AnimationOptions;
+}
+export declare function animationObservable({ builder, animation, element, options }: AnimationObservableParams): Observable<void>;