@tolokoban/tgd 2.0.0 → 2.0.3

package/lib/dist/painter/background/background.d.ts

@@ -1,24 +1,27 @@
-import { TdgTexture2D } from "@/types";
-import { TgdContext } from "@/context";
-import { TgdPainter } from "@/painter";
+import { TgdTexture2D } from "../../types";
+import { TgdContext } from "../../context";
+import { TgdPainter } from "../painter";
 export interface TgdPainterBackgroundOptions {
     zoom: number;
     x: number;
     y: number;
     z: number;
 }
-export declare class TgdPainterBackground implements TgdPainter {
+export declare class TgdPainterBackground extends TgdPainter {
     private readonly context;
-    texture: TdgTexture2D;
+    texture: TgdTexture2D;
     private readonly program;
     private readonly vao;
+    /**
+     * With a zoom of **1**, the image will have the smaller size to cover
+     * the whole scene.
+     */
     zoom: number;
     x: number;
     y: number;
     z: number;
-    constructor(context: TgdContext, texture: TdgTexture2D, { x, y, z, zoom, }?: Partial<TgdPainterBackgroundOptions>);
+    constructor(context: TgdContext, texture: TgdTexture2D, { x, y, z, zoom, }?: Partial<TgdPainterBackgroundOptions>);
     delete(): void;
-    paint(time: number, delay: number): void;
-    update(time: number, delay: number): void;
+    paint(): void;
 }
 //# sourceMappingURL=background.d.ts.map

package/lib/dist/painter/background/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/painter/background/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAOtC,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,qBAAa,oBAAqB,YAAW,UAAU;IAgB/C,OAAO,CAAC,QAAQ,CAAC,OAAO;IAfrB,OAAO,EAAE,YAAY,CAAA;IAE5B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IAM7B,IAAI,SAAI;IACR,CAAC,SAAI;IACL,CAAC,SAAI;IACL,CAAC,SAAI;gBAGS,OAAO,EAAE,UAAU,EACpC,OAAO,EAAE,YAAY,EACrB,EACI,CAAK,EACL,CAAK,EACL,CAAK,EACL,IAAQ,GACX,GAAE,OAAO,CAAC,2BAA2B,CAAM;IAuBhD,MAAM,IAAI,IAAI;IAKd,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAqBxC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAC5C"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/painter/background/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAOvC,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,qBAAa,oBAAqB,SAAQ,UAAU;IAgB5C,OAAO,CAAC,QAAQ,CAAC,OAAO;IAfrB,OAAO,EAAE,YAAY,CAAA;IAE5B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IAEpC;;;OAGG;IACI,IAAI,SAAI;IACR,CAAC,SAAI;IACL,CAAC,SAAI;IACL,CAAC,SAAI;gBAGS,OAAO,EAAE,UAAU,EACpC,OAAO,EAAE,YAAY,EACrB,EACI,CAAK,EACL,CAAK,EACL,CAAK,EACL,IAAQ,GACX,GAAE,OAAO,CAAC,2BAA2B,CAAM;IAwBhD,MAAM,IAAI,IAAI;IAKd,KAAK,IAAI,IAAI;CAoBhB"}

package/lib/dist/painter/background/background.frag

@@ -0,0 +1,11 @@
+#version 300 es
+
+precision mediump float;
+
+uniform sampler2D uniTexture;
+in vec2 varUV;
+out vec4 FragColor;
+
+void main() {
+    FragColor = texture(uniTexture, varUV);
+}

package/lib/dist/painter/background/background.js

@@ -0,0 +1,63 @@
+import { TgdPainter } from "../painter.js";
+import { TgdDataset } from "./../../dataset/dataset.js";
+import VERT from "./background.vert";
+import FRAG from "./background.frag";
+export class TgdPainterBackground extends TgdPainter {
+    context;
+    texture;
+    program;
+    vao;
+    /**
+     * With a zoom of **1**, the image will have the smaller size to cover
+     * the whole scene.
+     */
+    zoom = 1;
+    x = 0;
+    y = 0;
+    z = 1;
+    constructor(context, texture, { x = 0, y = 0, z = 1, zoom = 1, } = {}) {
+        super();
+        this.context = context;
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        this.zoom = zoom;
+        this.texture = texture;
+        this.program = context.programs.create({
+            vert: VERT,
+            frag: FRAG,
+        });
+        const dataset = new TgdDataset({
+            attPoint: "vec2",
+            attUV: "vec2",
+        });
+        dataset.set("attPoint", new Float32Array([-1, -1, +1, -1, -1, +1, +1, +1]));
+        dataset.set("attUV", new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]));
+        this.vao = context.createVAO(this.program, [dataset]);
+    }
+    delete() {
+        const { vao } = this;
+        vao.delete();
+    }
+    paint() {
+        const { gl } = this.context;
+        const { vao, program, texture, zoom, x, y, z } = this;
+        program.use();
+        const { width, height } = this.context;
+        const horizontal = texture.width * height > texture.height * width;
+        const scaleX = horizontal
+            ? (texture.width * height) / (width * texture.height)
+            : 1;
+        const scaleY = horizontal
+            ? 1
+            : (texture.height * width) / (height * texture.width);
+        program.uniform2f("uniScale", scaleX, scaleY);
+        program.uniform2f("uniScroll", x, y);
+        program.uniform1f("uniZoom", 1 / zoom);
+        program.uniform1f("uniZ", z);
+        texture.activate(program, "uniTexture");
+        vao.bind();
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWludGVyL2JhY2tncm91bmQvYmFja2dyb3VuZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRCxPQUFPLElBQUksTUFBTSxtQkFBbUIsQ0FBQTtBQUNwQyxPQUFPLElBQUksTUFBTSxtQkFBbUIsQ0FBQTtBQVNwQyxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsVUFBVTtJQWdCM0I7SUFmZCxPQUFPLENBQWM7SUFFWCxPQUFPLENBQVk7SUFDbkIsR0FBRyxDQUFnQjtJQUVwQzs7O09BR0c7SUFDSSxJQUFJLEdBQUcsQ0FBQyxDQUFBO0lBQ1IsQ0FBQyxHQUFHLENBQUMsQ0FBQTtJQUNMLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDTCxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBRVosWUFDcUIsT0FBbUIsRUFDcEMsT0FBcUIsRUFDckIsRUFDSSxDQUFDLEdBQUcsQ0FBQyxFQUNMLENBQUMsR0FBRyxDQUFDLEVBQ0wsQ0FBQyxHQUFHLENBQUMsRUFDTCxJQUFJLEdBQUcsQ0FBQyxNQUM4QixFQUFFO1FBRTVDLEtBQUssRUFBRSxDQUFBO1FBVFUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQVVwQyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUNWLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFBO1FBQ1YsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUE7UUFDVixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQTtRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ25DLElBQUks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

package/lib/dist/painter/background/background.vert

@@ -0,0 +1,16 @@
+#version 300 es
+
+uniform float uniZoom;
+uniform vec2 uniScale;
+uniform vec2 uniScroll;
+uniform float uniZ;
+in vec2 attPoint;
+in vec2 attUV;
+out vec2 varUV;
+
+void main() {
+    varUV = (attUV + uniScroll) * uniZoom;
+    float x = uniScale.x * attPoint.x;
+    float y = uniScale.y * attPoint.y;
+    gl_Position = vec4(x, y, uniZ, 1.0);
+}

package/lib/dist/painter/background/index.js

@@ -0,0 +1,2 @@
+export * from "./background.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFpbnRlci9iYWNrZ3JvdW5kL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFBIn0=

package/lib/dist/painter/clear.d.ts

@@ -1,20 +1,25 @@
-import { TgdPainter } from ".";
-import { TgdContext } from "@/context";
-export interface PainterClearOptions {
-    color: [red: number, green: number, blue: number, alpha: number];
+import { TgdVec4 } from "../math";
+import { TgdPainter } from "./painter";
+import { TgdContextInterface } from "../types";
+export interface TgdPainterClearOptions {
+    color: [red: number, green: number, blue: number, alpha: number] | TgdVec4;
     depth: number;
 }
-export declare class TgdPainterClear implements TgdPainter {
-    readonly context: TgdContext;
-    private clearMask;
+/**
+ * @see {@link TgdPainterClearOptions}
+ */
+export declare class TgdPainterClear extends TgdPainter {
+    readonly context: TgdContextInterface;
+    private readonly options;
+    private readonly clearMask;
     red: number;
     green: number;
     blue: number;
     alpha: number;
     depth: number;
-    constructor(context: TgdContext, options?: Partial<PainterClearOptions>);
+    constructor(context: TgdContextInterface, options?: Partial<TgdPainterClearOptions>);
+    /** Nothing to destroy. */
     delete(): void;
-    paint(_time: number, _delay: number): void;
-    update(_time: number, _delay: number): void;
+    paint(): void;
 }
 //# sourceMappingURL=clear.d.ts.map

package/lib/dist/painter/clear.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../src/painter/clear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAChE,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,eAAgB,YAAW,UAAU;aAU1B,OAAO,EAAE,UAAU;IATvC,OAAO,CAAC,SAAS,CAAI;IAEd,GAAG,SAAI;IACP,KAAK,SAAM;IACX,IAAI,SAAI;IACR,KAAK,SAAI;IACT,KAAK,SAAI;gBAGI,OAAO,EAAE,UAAU,EACnC,OAAO,GAAE,OAAO,CAAC,mBAAmB,CAAM;IAyB9C,MAAM,IAAI,IAAI;IAEd,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ1C,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAC9C"}
+{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../src/painter/clear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhD,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA;IAC1E,KAAK,EAAE,MAAM,CAAA;CAChB;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,UAAU;aAUvB,OAAO,EAAE,mBAAmB;IAC5C,OAAO,CAAC,QAAQ,CAAC,OAAO;IAV5B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAA;IAEnB,GAAG,SAAI;IACP,KAAK,SAAM;IACX,IAAI,SAAI;IACR,KAAK,SAAI;IACT,KAAK,SAAI;gBAGI,OAAO,EAAE,mBAAmB,EAC3B,OAAO,GAAE,OAAO,CAAC,sBAAsB,CAAM;IA0BlE,0BAA0B;IAC1B,MAAM,IAAI,IAAI;IAEd,KAAK,IAAI,IAAI;CAQhB"}

package/lib/dist/painter/clear.js

@@ -0,0 +1,51 @@
+import { TgdPainter } from "./painter.js";
+/**
+ * @see {@link TgdPainterClearOptions}
+ */
+export class TgdPainterClear extends TgdPainter {
+    context;
+    options;
+    clearMask;
+    red = 1;
+    green = 0.7;
+    blue = 0;
+    alpha = 1;
+    depth = 1;
+    constructor(context, options = {}) {
+        super();
+        this.context = context;
+        this.options = options;
+        const { gl } = context;
+        const color = options.color ?? [0, 0, 0, 1];
+        const depth = options.depth ?? 1;
+        this.clearMask = 0;
+        let hasAnyOption = false;
+        if (options.color) {
+            this.clearMask |= gl.COLOR_BUFFER_BIT;
+            hasAnyOption = true;
+        }
+        if (typeof options.depth === "number") {
+            this.clearMask |= gl.DEPTH_BUFFER_BIT;
+            hasAnyOption = true;
+        }
+        if (!hasAnyOption) {
+            throw Error("[TgdPainterClear] You must give at least a color or a depth in the constructor!");
+        }
+        // eslint-disable-next-line no-extra-semi
+        ;
+        [this.red, this.green, this.blue, this.alpha] = color;
+        this.depth = depth;
+    }
+    /** Nothing to destroy. */
+    delete() { }
+    paint() {
+        const { clearMask, context, red, green, blue, alpha, depth, options } = this;
+        const { gl } = context;
+        if (options.color)
+            gl.clearColor(red, green, blue, alpha);
+        if (typeof options.depth === "number")
+            gl.clearDepth(depth);
+        gl.clear(clearMask);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcGFpbnRlci9jbGVhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBUXRDOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGVBQWdCLFNBQVEsVUFBVTtJQVV2QjtJQUNDO0lBVkosU0FBUyxDQUFBO0lBRW5CLEdBQUcsR0FBRyxDQUFDLENBQUE7SUFDUCxLQUFLLEdBQUcsR0FBRyxDQUFBO0lBQ1gsSUFBSSxHQUFHLENBQUMsQ0FBQTtJQUNSLEtBQUssR0FBRyxDQUFDLENBQUE7SUFDVCxLQUFLLEdBQUcsQ0FBQyxDQUFBO0lBRWhCLFlBQ29CLE9BQTRCLEVBQzNCLFVBQTJDLEVBQUU7UUFFOUQsS0FBSyxFQUFFLENBQUE7UUFIUyxZQUFPLEdBQVAsT0FBTyxDQUFxQjtRQUMzQixZQUFPLEdBQVAsT0FBTyxDQUFzQztRQUc5RCxNQUFNLEVBQUUsRUFBRSxFQUFFLEdBQUcsT0FBTyxDQUFBO1FBQ3RCLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQTtRQUMzQyxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQTtRQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNsQixJQUFJLFlBQVksR0FBRyxLQUFLLENBQUE7UUFDeEIsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUE7WUFDckMsWUFBWSxHQUFHLElBQUksQ0FBQTtRQUN2QixDQUFDO1FBQ0QsSUFBSSxPQUFPLE9BQU8sQ0FBQyxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDcEMsSUFBSSxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUE7WUFDckMsWUFBWSxHQUFHLElBQUksQ0FBQTtRQUN2QixDQUFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ2hCLE1BQU0sS0FBSyxDQUNQLGlGQUFpRixDQUNwRixDQUFBO1FBQ0wsQ0FBQztRQUNELHlDQUF5QztRQUN6QyxDQUFDO1FBQUEsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFBO1FBQ3RELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFBO0lBQ3RCLENBQUM7SUFFRCwwQkFBMEI7SUFDMUIsTUFBTSxLQUFVLENBQUM7SUFFakIsS0FBSztRQUNELE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQ2pFLElBQUksQ0FBQTtRQUNSLE1BQU0sRUFBRSxFQUFFLEVBQUUsR0FBRyxPQUFPLENBQUE7UUFDdEIsSUFBSSxPQUFPLENBQUMsS0FBSztZQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUE7UUFDekQsSUFBSSxPQUFPLE9BQU8sQ0FBQyxLQUFLLEtBQUssUUFBUTtZQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDM0QsRUFBRSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUN2QixDQUFDO0NBQ0oifQ==

package/lib/dist/painter/depth.d.ts

@@ -0,0 +1,22 @@
+import { TgdContextInterface, WebglDepthFunc } from "..";
+import { TgdPainter } from "./painter";
+export type TgdPainterDepthOptions = {
+    enabled: boolean;
+    func: WebglDepthFunc;
+    mask: boolean;
+    rangeMin: number;
+    rangeMax: number;
+};
+export declare class TgdPainterDepth extends TgdPainter {
+    private readonly context;
+    enabled: boolean;
+    func: WebglDepthFunc;
+    mask: boolean;
+    rangeMin: number;
+    rangeMax: number;
+    constructor(context: TgdContextInterface, { enabled, func, mask, rangeMin, rangeMax, }?: Partial<TgdPainterDepthOptions>);
+    delete(): void;
+    paint(): void;
+    update(): void;
+}
+//# sourceMappingURL=depth.d.ts.map

package/lib/dist/painter/depth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../src/painter/depth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,IAAI,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,MAAM,MAAM,sBAAsB,GAAG;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,qBAAa,eAAgB,SAAQ,UAAU;IAQvC,OAAO,CAAC,QAAQ,CAAC,OAAO;IAPrB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;gBAGF,OAAO,EAAE,mBAAmB,EAC7C,EACI,OAAc,EACd,IAAa,EACb,IAAW,EACX,QAAY,EACZ,QAAY,GACf,GAAE,OAAO,CAAC,sBAAsB,CAAM;IAU3C,MAAM,IAAI,IAAI;IAEd,KAAK,IAAI,IAAI;IAeb,MAAM,IAAI,IAAI;CACjB"}

package/lib/dist/painter/depth.js

@@ -0,0 +1,34 @@
+import { TgdPainter } from "./painter.js";
+export class TgdPainterDepth extends TgdPainter {
+    context;
+    enabled;
+    func;
+    mask;
+    rangeMin;
+    rangeMax;
+    constructor(context, { enabled = true, func = "LESS", mask = true, rangeMin = 0, rangeMax = 1, } = {}) {
+        super();
+        this.context = context;
+        this.enabled = enabled;
+        this.func = func;
+        this.mask = mask;
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+    }
+    delete() { }
+    paint() {
+        const { gl } = this.context;
+        const { enabled } = this;
+        if (!enabled) {
+            gl.disable(gl.DEPTH_TEST);
+            return;
+        }
+        const { func, mask, rangeMin, rangeMax } = this;
+        gl.enable(gl.DEPTH_TEST);
+        gl.depthFunc(gl[func]);
+        gl.depthMask(mask);
+        gl.depthRange(rangeMin, rangeMax);
+    }
+    update() { }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVwdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcGFpbnRlci9kZXB0aC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBVXRDLE1BQU0sT0FBTyxlQUFnQixTQUFRLFVBQVU7SUFRdEI7SUFQZCxPQUFPLENBQVM7SUFDaEIsSUFBSSxDQUFnQjtJQUNwQixJQUFJLENBQVM7SUFDYixRQUFRLENBQVE7SUFDaEIsUUFBUSxDQUFRO0lBRXZCLFlBQ3FCLE9BQTRCLEVBQzdDLEVBQ0ksT0FBTyxHQUFHLElBQUksRUFDZCxJQUFJLEdBQUcsTUFBTSxFQUNiLElBQUksR0FBRyxJQUFJLEVBQ1gsUUFBUSxHQUFHLENBQUMsRUFDWixRQUFRLEdBQUcsQ0FBQyxNQUNxQixFQUFFO1FBRXZDLEtBQUssRUFBRSxDQUFBO1FBVFUsWUFBTyxHQUFQLE9BQU8sQ0FBcUI7UUFVN0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUE7UUFDdEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUE7UUFDaEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUE7UUFDaEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUE7UUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUE7SUFDNUIsQ0FBQztJQUVELE1BQU0sS0FBVSxDQUFDO0lBRWpCLEtBQUs7UUFDRCxNQUFNLEVBQUUsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQTtRQUMzQixNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsSUFBSSxDQUFBO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNYLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1lBQ3pCLE9BQU07UUFDVixDQUFDO1FBRUQsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQTtRQUMvQyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUN4QixFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFBO1FBQ3RCLEVBQUUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDbEIsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFDckMsQ0FBQztJQUVELE1BQU0sS0FBVSxDQUFDO0NBQ3BCIn0=

package/lib/dist/painter/filter/filter.d.ts

@@ -0,0 +1,23 @@
+import { TgdTexture2D } from "../../types";
+import { TgdContext } from "../../context";
+import { TgdPainter } from "../painter";
+import { TgdFilter } from "../../filter";
+export interface TgdPainterFilterOptions {
+    filters: TgdFilter[];
+    texture: TgdTexture2D;
+    z?: number;
+}
+export declare class TgdPainterFilter extends TgdPainter {
+    private readonly context;
+    texture: TgdTexture2D;
+    z: number;
+    private readonly programs;
+    private readonly filters;
+    private readonly program;
+    private readonly filter;
+    private readonly vao;
+    constructor(context: TgdContext, options: TgdPainterFilterOptions);
+    delete(): void;
+    paint(time: number): void;
+}
+//# sourceMappingURL=filter.d.ts.map

package/lib/dist/painter/filter/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/painter/filter/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIvC,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;IACrB,CAAC,CAAC,EAAE,MAAM,CAAA;CACb;AAED,qBAAa,gBAAiB,SAAQ,UAAU;IAWxC,OAAO,CAAC,QAAQ,CAAC,OAAO;IAVrB,OAAO,EAAE,YAAY,CAAA;IACrB,CAAC,SAAI;IAEZ,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAc;IACvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAW;IAClC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;gBAGf,OAAO,EAAE,UAAU,EACpC,OAAO,EAAE,uBAAuB;IAsDpC,MAAM,IAAI,IAAI;IAKd,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAU5B"}

package/lib/dist/painter/filter/filter.frag

@@ -0,0 +1,15 @@
+#version 300 es
+
+precision mediump float;
+
+uniform sampler2D uniTexture;
+in vec2 varUV;
+out vec4 FragColor;
+
+vec4 getColor();
+
+void main() {
+    FragColor = getColor();// texture(uniTexture, varUV);
+}
+
+vec4 getColor() {

package/lib/dist/painter/filter/filter.js

@@ -0,0 +1,76 @@
+import { TgdPainter } from "./../painter.js";
+import { TgdDataset } from "./../../dataset/dataset.js";
+import { TgdShaderVertex } from "./../../shader/vertex.js";
+import { TgdShaderFragment } from "./../../shader/fragment.js";
+export class TgdPainterFilter extends TgdPainter {
+    context;
+    texture;
+    z = 0;
+    programs;
+    filters;
+    program;
+    filter;
+    vao;
+    constructor(context, options) {
+        super();
+        this.context = context;
+        this.z = options.z ?? 0.9999;
+        this.texture = options.texture;
+        this.filters = options.filters;
+        if (this.filters.length < 1) {
+            throw Error(`[TgdPainterFilter] filters is expected to have at least one element!`);
+        }
+        this.programs = options.filters.map(filter => {
+            const vert = new TgdShaderVertex({
+                attributes: {
+                    attPoint: "vec2",
+                    attUV: "vec2",
+                },
+                varying: {
+                    varUV: "vec2",
+                },
+                uniforms: {
+                    uniZ: "float",
+                },
+                mainCode: [
+                    "varUV = attUV;",
+                    "gl_Position = vec4(",
+                    ["attPoint,", "uniZ,", "1.0"],
+                    ")",
+                ],
+            }).code;
+            const frag = new TgdShaderFragment({
+                uniforms: {
+                    uniWidth: "float",
+                    uniHeight: "float",
+                    ...filter.uniforms,
+                },
+            }).code;
+            return context.programs.create({ vert, frag });
+        });
+        this.filter = this.filters.pop();
+        this.program = this.programs.pop();
+        const dataset = new TgdDataset({
+            attPoint: "vec2",
+            attUV: "vec2",
+        });
+        dataset.set("attPoint", new Float32Array([-1, +1, +1, +1, -1, -1, +1, -1]));
+        dataset.set("attUV", new Float32Array([0, 0, 1, 0, 0, 1, 1, 1]));
+        this.vao = context.createVAO(this.program, [dataset]);
+    }
+    delete() {
+        const { vao } = this;
+        vao.delete();
+    }
+    paint(time) {
+        const { context, vao, program, filter, texture, z } = this;
+        const { gl } = context;
+        program.use();
+        program.uniform1f("uniZ", z);
+        filter.setUniforms(program, time);
+        texture.activate(program, "uniTexture");
+        vao.bind();
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhaW50ZXIvZmlsdGVyL2ZpbHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBSWpELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQVF4RCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsVUFBVTtJQVd2QjtJQVZkLE9BQU8sQ0FBYztJQUNyQixDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBRUssUUFBUSxDQUFjO0lBQ3RCLE9BQU8sQ0FBYTtJQUNwQixPQUFPLENBQVk7SUFDbkIsTUFBTSxDQUFXO0lBQ2pCLEdBQUcsQ0FBZ0I7SUFFcEMsWUFDcUIsT0FBbUIsRUFDcEMsT0FBZ0M7UUFFaEMsS0FBSyxFQUFFLENBQUE7UUFIVSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBSXBDLElBQUksQ0FBQyxDQUFDLEdBQUcsT0FBTyxDQUFDLENBQUMsSUFBSSxNQUFNLENBQUE7UUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFBO1FBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQTtRQUM5QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzFCLE1BQU0sS0FBSyxDQUNQLHNFQUFzRSxDQUN6RSxDQUFBO1FBQ0wsQ0FBQztRQUVELElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDekMsTUFBTSxJQUFJLEdBQUcsSUFBSSxlQUFlLENBQUM7Z0JBQzdCLFVB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

package/lib/dist/painter/filter/filter.vert

@@ -0,0 +1,11 @@
+#version 300 es
+
+uniform float uniZ;
+in vec2 attPoint;
+in vec2 attUV;
+out vec2 varUV;
+
+void main() {
+    varUV = attUV;
+    gl_Position = vec4(attPoint.xy, uniZ, 1.0);
+}

package/lib/dist/painter/filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./filter";
+//# sourceMappingURL=index.d.ts.map

package/lib/dist/painter/filter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/painter/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/lib/dist/painter/filter/index.js

@@ -0,0 +1,2 @@
+export * from "./filter.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFpbnRlci9maWx0ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUEifQ==

package/lib/dist/painter/framebuffer.d.ts

@@ -0,0 +1,38 @@
+import { TgdContext } from "../context";
+import { TgdTexture2D, TgdTexture2DOptions } from "../types";
+import { TgdPainterGroup } from "./group";
+export interface TgdPainterFramebufferOptions extends TgdTexture2DOptions {
+    /**
+     * Do we need a depth buffer?
+     */
+    depthBuffer: boolean;
+    /**
+     * If defined, the framebuffer will automatically match the
+     * current viewport size multiplied by `viewportMatchingScale`.
+     *
+     * for instance, if `viewportMatchingScale === 0.5` and the viewport
+     * id (640, 480), then the framebuffer will have a size of
+     * (320, 240).
+     */
+    viewportMatchingScale?: number;
+}
+export declare class TgdPainterFramebuffer extends TgdPainterGroup {
+    private readonly context;
+    private readonly options;
+    private dirty;
+    private _width;
+    private _height;
+    private _texture;
+    private _framebuffer;
+    private _depthBuffer;
+    constructor(context: TgdContext, options: Partial<TgdPainterFramebufferOptions>);
+    get texture(): TgdTexture2D;
+    get width(): number;
+    set width(v: number);
+    get height(): number;
+    set height(v: number);
+    private createFramebufferIfNeeded;
+    paint(time: number, delay: number): void;
+    delete(): void;
+}
+//# sourceMappingURL=framebuffer.d.ts.map

package/lib/dist/painter/framebuffer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"framebuffer.d.ts","sourceRoot":"","sources":["../../src/painter/framebuffer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACrE;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;CACjC;AAED,qBAAa,qBAAsB,SAAQ,eAAe;IASlD,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAT5B,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,MAAM,CAAI;IAClB,OAAO,CAAC,OAAO,CAAI;IACnB,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,YAAY,CAAiC;gBAGhC,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,OAAO,CAAC,4BAA4B,CAAC;IAOnE,IAAI,OAAO,IAAI,YAAY,CAK1B;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,EAKlB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM,EAKnB;IAED,OAAO,CAAC,yBAAyB;IA+CjC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAcxC,MAAM;CAgBT"}

package/lib/dist/painter/framebuffer.js

@@ -0,0 +1,102 @@
+import { TgdPainterGroup } from "./group.js";
+export class TgdPainterFramebuffer extends TgdPainterGroup {
+    context;
+    options;
+    dirty = true;
+    _width = 0;
+    _height = 0;
+    _texture = null;
+    _framebuffer = null;
+    _depthBuffer = null;
+    constructor(context, options) {
+        super();
+        this.context = context;
+        this.options = options;
+        this._width = options.width ?? 0;
+        this._height = options.height ?? 0;
+    }
+    get texture() {
+        if (!this._texture) {
+            this._texture = this.context.textures2D.getDefaultEmpty();
+        }
+        return this._texture;
+    }
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        if (this._width === v)
+            return;
+        this._width = v;
+        this.dirty = true;
+    }
+    get height() {
+        return this._height;
+    }
+    set height(v) {
+        if (this._height === v)
+            return;
+        this._height = v;
+        this.dirty = true;
+    }
+    createFramebufferIfNeeded() {
+        if (!this.dirty)
+            return;
+        const { context, width, height } = this;
+        const { gl } = context;
+        this.delete();
+        this._texture = context.textures2D.create({
+            width: Math.max(width, 1),
+            height: Math.max(height, 1),
+            internalFormat: "RGB",
+            generateMipMap: true,
+        });
+        this._framebuffer = context.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this._framebuffer);
+        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, this._texture.glTexture, 0);
+        if (this.options.depthBuffer === true) {
+            // Create a Depth Buffer, because the default
+            // framebuffer has none.
+            const depthBuffer = gl.createRenderbuffer();
+            if (!depthBuffer)
+                throw Error("Unable to create WebGLRenderBuffer!");
+            this._depthBuffer = depthBuffer;
+            gl.bindRenderbuffer(gl.RENDERBUFFER, depthBuffer);
+            gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, width, height);
+            gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthBuffer);
+        }
+        // const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER)
+        // console.log("Framebuffer status:", context.lookupWebglConstant(status))
+        this.dirty = false;
+    }
+    paint(time, delay) {
+        const { context, options } = this;
+        const { gl } = context;
+        const { viewportMatchingScale } = options;
+        if (typeof viewportMatchingScale === "number") {
+            this.width = Math.round(context.width * viewportMatchingScale);
+            this.height = Math.round(context.height * viewportMatchingScale);
+        }
+        this.createFramebufferIfNeeded();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this._framebuffer);
+        super.paint(time, delay);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    }
+    delete() {
+        const { context, _texture, _framebuffer, _depthBuffer } = this;
+        const { gl } = context;
+        if (_texture) {
+            gl.deleteTexture(_texture.glTexture);
+            this._texture = null;
+        }
+        if (_framebuffer) {
+            gl.deleteFramebuffer(_framebuffer);
+            this._framebuffer = null;
+        }
+        if (_depthBuffer) {
+            gl.deleteRenderbuffer(_depthBuffer);
+            this._depthBuffer = null;
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVidWZmZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcGFpbnRlci9mcmFtZWJ1ZmZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBa0J6QyxNQUFNLE9BQU8scUJBQXNCLFNBQVEsZUFBZTtJQVNqQztJQUNBO0lBVGIsS0FBSyxHQUFHLElBQUksQ0FBQTtJQUNaLE1BQU0sR0FBRyxDQUFDLENBQUE7SUFDVixPQUFPLEdBQUcsQ0FBQyxDQUFBO0lBQ1gsUUFBUSxHQUF3QixJQUFJLENBQUE7SUFDcEMsWUFBWSxHQUE0QixJQUFJLENBQUE7SUFDNUMsWUFBWSxHQUE2QixJQUFJLENBQUE7SUFFckQsWUFDcUIsT0FBbUIsRUFDbkIsT0FBOEM7UUFFL0QsS0FBSyxFQUFFLENBQUE7UUFIVSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQXVDO1FBRy9ELElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUE7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQTtJQUN0QyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1AsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQzdELENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDeEIsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQTtJQUN0QixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsQ0FBUztRQUNmLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDO1lBQUUsT0FBTTtRQUU3QixJ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

package/lib/dist/painter/group.d.ts

@@ -1,12 +1,24 @@
+import { TgdPainterFunction } from "../types/painter";
 import { TgdPainter } from "./painter";
-export declare class TgdPainterGroup implements TgdPainter {
-    enabled: boolean;
+export type TgdPainterGroupOptions = {
+    onEnter?(time: number, delay: number): void;
+    onExit?(time: number, delay: number): void;
+};
+/**
+ * Group several painters together.
+ */
+export declare class TgdPainterGroup extends TgdPainter {
+    active: boolean;
+    onEnter: TgdPainterFunction | undefined;
+    onExit: TgdPainterFunction | undefined;
     private readonly painters;
-    constructor(painters?: TgdPainter[]);
+    constructor(painters?: TgdPainter[], { onEnter, onExit }?: TgdPainterGroupOptions);
+    forEachChild(callback: (child: TgdPainter, index: number) => void): void;
+    has(painter: TgdPainter): boolean;
     add(...painters: TgdPainter[]): void;
     remove(...painters: TgdPainter[]): void;
+    removeAll(): void;
     delete(): void;
     paint(time: number, delay: number): void;
-    update(time: number, delay: number): void;
 }
 //# sourceMappingURL=group.d.ts.map