@opendaw/studio-core 0.0.113 → 0.0.114

package/dist/ui/canvas/capturing.d.ts

@@ -0,0 +1,17 @@
+import { Nullable } from "@opendaw/lib-std";
+export interface Capturing<T> {
+    capture(localX: number, localY: number): Nullable<T>;
+}
+export declare class ElementCapturing<T> {
+    #private;
+    constructor(element: Element, capturing: Capturing<T>);
+    get element(): Element;
+    get capturing(): Capturing<T>;
+    captureEvent(event: {
+        clientX: number;
+        clientY: number;
+    }): Nullable<T>;
+    capturePoint(clientX: number, clientY: number): Nullable<T>;
+    captureLocalPoint(x: number, y: number): Nullable<T>;
+}
+//# sourceMappingURL=capturing.d.ts.map

package/dist/ui/canvas/capturing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capturing.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/capturing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEzC,MAAM,WAAW,SAAS,CAAC,CAAC;IAAG,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;CAAC;AAEpF,qBAAa,gBAAgB,CAAC,CAAC;;gBAIf,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAKrD,IAAI,OAAO,IAAI,OAAO,CAAuB;IAC7C,IAAI,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAyB;IAEtD,YAAY,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;IAItE,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC;IAK3D,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC;CACvD"}

package/dist/ui/canvas/capturing.js

@@ -0,0 +1,18 @@
+export class ElementCapturing {
+    #element;
+    #capturing;
+    constructor(element, capturing) {
+        this.#element = element;
+        this.#capturing = capturing;
+    }
+    get element() { return this.#element; }
+    get capturing() { return this.#capturing; }
+    captureEvent(event) {
+        return this.capturePoint(event.clientX, event.clientY);
+    }
+    capturePoint(clientX, clientY) {
+        const { left, top } = this.#element.getBoundingClientRect();
+        return this.captureLocalPoint(clientX - left, clientY - top);
+    }
+    captureLocalPoint(x, y) { return this.#capturing.capture(x, y); }
+}

package/dist/ui/canvas/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./capturing";
+export * from "./painter";
+export * from "./scale";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}

package/dist/ui/canvas/index.js

@@ -0,0 +1,3 @@
+export * from "./capturing";
+export * from "./painter";
+export * from "./scale";

package/dist/ui/canvas/painter.d.ts

@@ -0,0 +1,32 @@
+import { Procedure, Terminable } from "@opendaw/lib-std";
+import { Scale } from "./scale";
+export declare class CanvasPainter implements Terminable {
+    #private;
+    constructor(canvas: HTMLCanvasElement, render: Procedure<CanvasPainter>);
+    readonly requestUpdate: () => void;
+    get isResized(): boolean;
+    get devicePixelRatio(): number;
+    get width(): number;
+    get height(): number;
+    get actualWidth(): number;
+    get actualHeight(): number;
+    get context(): CanvasRenderingContext2D;
+    terminate(): void;
+}
+export declare class CanvasUnitPainter implements Terminable {
+    #private;
+    constructor(canvas: HTMLCanvasElement, xAxis: Scale, yAxis: Scale, render: Procedure<CanvasUnitPainter>);
+    readonly requestUpdate: () => void;
+    xToUnit(x: number): number;
+    unitToX(value: number): number;
+    yToUnit(y: number): number;
+    unitToY(value: number): number;
+    get context(): CanvasRenderingContext2D;
+    get isResized(): boolean;
+    get width(): number;
+    get height(): number;
+    get actualWidth(): number;
+    get actualHeight(): number;
+    terminate(): void;
+}
+//# sourceMappingURL=painter.d.ts.map

package/dist/ui/canvas/painter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/painter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAEnF,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,qBAAa,aAAc,YAAW,UAAU;;gBAGhC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC;IAIvE,QAAQ,CAAC,aAAa,QAAO,IAAI,CAAqC;IAEtE,IAAI,SAAS,IAAI,OAAO,CAAmC;IAC3D,IAAI,gBAAgB,IAAI,MAAM,CAA0C;IACxE,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,MAAM,IAAI,MAAM,CAAgC;IACpD,IAAI,WAAW,IAAI,MAAM,CAAqC;IAC9D,IAAI,YAAY,IAAI,MAAM,CAAsC;IAChE,IAAI,OAAO,IAAI,wBAAwB,CAAiC;IACxE,SAAS,IAAI,IAAI;CACpB;AAED,qBAAa,iBAAkB,YAAW,UAAU;;gBAMpC,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,SAAS,CAAC,iBAAiB,CAAC;IAMhD,QAAQ,CAAC,aAAa,QAAO,IAAI,CAAqC;IAEtE,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAC1B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAC9B,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAC1B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAC9B,IAAI,OAAO,IAAI,wBAAwB,CAAiC;IACxE,IAAI,SAAS,IAAI,OAAO,CAAmC;IAC3D,IAAI,KAAK,IAAI,MAAM,CAA+B;IAClD,IAAI,MAAM,IAAI,MAAM,CAAgC;IACpD,IAAI,WAAW,IAAI,MAAM,CAAqC;IAC9D,IAAI,YAAY,IAAI,MAAM,CAAsC;IAChE,SAAS,IAAI,IAAI;CACpB"}

package/dist/ui/canvas/painter.js

@@ -0,0 +1,81 @@
+import { asDefined, Terminator } from "@opendaw/lib-std";
+import { AnimationFrame, Html } from "@opendaw/lib-dom";
+export class CanvasPainter {
+    #rendering;
+    constructor(canvas, render) {
+        this.#rendering = new CanvasRenderer(canvas, () => render(this));
+    }
+    requestUpdate = () => { this.#rendering.requestUpdate(); };
+    get isResized() { return this.#rendering.isResized; }
+    get devicePixelRatio() { return this.#rendering.devicePixelRatio; }
+    get width() { return this.#rendering.width; }
+    get height() { return this.#rendering.height; }
+    get actualWidth() { return this.#rendering.actualWidth; }
+    get actualHeight() { return this.#rendering.actualHeight; }
+    get context() { return this.#rendering.context; }
+    terminate() { this.#rendering.terminate(); }
+}
+export class CanvasUnitPainter {
+    #rendering;
+    #xAxis;
+    #yAxis;
+    constructor(canvas, xAxis, yAxis, render) {
+        this.#rendering = new CanvasRenderer(canvas, () => render(this));
+        this.#xAxis = xAxis;
+        this.#yAxis = yAxis;
+    }
+    requestUpdate = () => { this.#rendering.requestUpdate(); };
+    xToUnit(x) { return this.#xAxis.normToUnit(x / this.#rendering.actualWidth); }
+    unitToX(value) { return this.#xAxis.unitToNorm(value) * this.#rendering.actualWidth; }
+    yToUnit(y) { return this.#yAxis.normToUnit(1.0 - y / this.#rendering.actualHeight); }
+    unitToY(value) { return (1.0 - this.#yAxis.unitToNorm(value)) * this.#rendering.actualHeight; }
+    get context() { return this.#rendering.context; }
+    get isResized() { return this.#rendering.isResized; }
+    get width() { return this.#rendering.width; }
+    get height() { return this.#rendering.height; }
+    get actualWidth() { return this.#rendering.actualWidth; }
+    get actualHeight() { return this.#rendering.actualHeight; }
+    terminate() { this.#rendering.terminate(); }
+}
+class CanvasRenderer {
+    #lifecycle = new Terminator();
+    #context;
+    #update;
+    #width = 0;
+    #height = 0;
+    #devicePixelRatio = 1;
+    #isResized = true;
+    #needsUpdate = true;
+    constructor(canvas, update) {
+        this.#context = asDefined(canvas.getContext("2d"));
+        this.#update = update;
+        this.#lifecycle.ownAll(Html.watchResize(canvas, () => {
+            this.#isResized = true;
+            this.#needsUpdate = true;
+        }), this.#lifecycle.own(AnimationFrame.add(() => {
+            const width = canvas.clientWidth;
+            const height = canvas.clientHeight;
+            if (!this.#needsUpdate || width === 0 || height === 0) {
+                return;
+            }
+            this.#isResized = width !== this.#width || height !== this.#height || devicePixelRatio !== this.#devicePixelRatio;
+            this.#width = width;
+            this.#height = height;
+            this.#devicePixelRatio = devicePixelRatio;
+            canvas.width = width * devicePixelRatio;
+            canvas.height = height * devicePixelRatio;
+            this.#update();
+            this.#isResized = false;
+            this.#needsUpdate = false;
+        })));
+    }
+    get isResized() { return this.#isResized; }
+    get devicePixelRatio() { return this.#devicePixelRatio; }
+    get width() { return this.#width; }
+    get height() { return this.#height; }
+    get actualWidth() { return this.#width * this.#devicePixelRatio; }
+    get actualHeight() { return this.#height * this.#devicePixelRatio; }
+    get context() { return this.#context; }
+    requestUpdate() { this.#needsUpdate = true; }
+    terminate() { this.#lifecycle.terminate(); }
+}

package/dist/ui/canvas/scale.d.ts

@@ -0,0 +1,22 @@
+import { unitValue } from "@opendaw/lib-std";
+export interface Scale {
+    unitToNorm(unit: number): unitValue;
+    normToUnit(norm: unitValue): number;
+}
+export declare class LinearScale implements Scale {
+    #private;
+    constructor(min: number, max: number);
+    get min(): number;
+    get max(): number;
+    normToUnit(norm: number): number;
+    unitToNorm(unit: number): number;
+}
+export declare class LogScale implements Scale {
+    #private;
+    constructor(min: number, max: number);
+    get min(): number;
+    get max(): number;
+    normToUnit(norm: unitValue): number;
+    unitToNorm(unit: number): unitValue;
+}
+//# sourceMappingURL=scale.d.ts.map

package/dist/ui/canvas/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/ui/canvas/scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAA;AAE1C,MAAM,WAAW,KAAK;IAClB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAA;CACtC;AAED,qBAAa,WAAY,YAAW,KAAK;;gBAMzB,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAOpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IACpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IAEpC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAChC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CACnC;AAED,qBAAa,QAAS,YAAW,KAAK;;gBAOtB,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAQpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IACpC,IAAI,GAAG,IAAI,MAAM,CAAmB;IAEpC,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM;IACnC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS;CACtC"}

package/dist/ui/canvas/scale.js

@@ -0,0 +1,34 @@
+export class LinearScale {
+    #min;
+    #max;
+    #range;
+    #rangeInv;
+    constructor(min, max) {
+        this.#min = min;
+        this.#max = max;
+        this.#range = max - min;
+        this.#rangeInv = 1.0 / this.#range;
+    }
+    get min() { return this.#min; }
+    get max() { return this.#max; }
+    normToUnit(norm) { return this.#min + norm * this.#range; }
+    unitToNorm(unit) { return (unit - this.#min) * this.#rangeInv; }
+}
+export class LogScale {
+    #min;
+    #max;
+    #range;
+    #logMin;
+    #logRangeInv;
+    constructor(min, max) {
+        this.#min = min;
+        this.#max = max;
+        this.#range = Math.log(max / min);
+        this.#logMin = Math.log(min);
+        this.#logRangeInv = 1.0 / (Math.log(max) - this.#logMin);
+    }
+    get min() { return this.#min; }
+    get max() { return this.#max; }
+    normToUnit(norm) { return this.#min * Math.exp(norm * this.#range); }
+    unitToNorm(unit) { return (Math.log(unit) - this.#logMin) * this.#logRangeInv; }
+}

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./canvas";
 export * from "./clipboard/ClipboardManager";
 export * from "./clipboard/ClipboardUtils";
 export * from "./clipboard/ContextMenu";

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8CAA8C,CAAA;AAC5D,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,0CAA0C,CAAA;AACxD,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AACrD,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8CAA8C,CAAA;AAC5D,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,2CAA2C,CAAA;AACzD,cAAc,0CAA0C,CAAA;AACxD,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AACrD,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/ui/index.js

@@ -1,3 +1,4 @@
+export * from "./canvas";
 export * from "./clipboard/ClipboardManager";
 export * from "./clipboard/ClipboardUtils";
 export * from "./clipboard/ContextMenu";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendaw/studio-core",
-  "version": "0.0.113",
+  "version": "0.0.114",
   "license": "LGPL-3.0-or-later",
   "publishConfig": {
     "access": "public"
@@ -62,5 +62,5 @@
     "@opendaw/studio-forge-boxes": "^0.0.78",
     "@opendaw/typescript-config": "^0.0.29"
   },
-  "gitHead": "db95b5ad62412ee3f079fc8cc0767d24e6426320"
+  "gitHead": "4781e65b5b6bc29077d2e32da950b8a6a352dfce"
 }