melonjs 20.2.0 → 20.3.0

package/build/system/event.d.ts

@@ -288,7 +288,7 @@ export declare const VIEWPORT_ONCHANGE = "viewport.onchange";
 export declare const ONCONTEXT_LOST = "renderer.contextlost";
 /**
  * Event for when the current context is restored <br>
- * Data passed : {me.Renderer} the current renderer instance`
+ * Data passed : {me.Renderer} the current renderer instance
  * @see event.on
  */
 export declare const ONCONTEXT_RESTORED = "renderer.contextrestored";

package/build/system/platform.d.ts

@@ -8,6 +8,7 @@
  * android2 `true` if the device is an Android 2.x platform (deprecated)
  * linux `true` if the device is a Linux platform
  * chromeOS `true` if the device is running on ChromeOS.
+ * appleVendor `true` if the browser reports an Apple vendor (Safari)
  * wp `true` if the device is a Windows Phone platform (deprecated)
  * BlackBerry `true` if the device is a BlackBerry platform (deprecated)
  * Kindle `true` if the device is a Kindle platform (deprecated)
@@ -19,6 +20,13 @@
  */
 export declare const ua: string;
 export declare const iOS: boolean;
+/**
+ * `true` when the browser reports an Apple vendor string — Safari on
+ * macOS or iOS. Distinct from {@link iOS}: a Mac running Safari is
+ * `appleVendor` but not `iOS`, and Chrome on iOS is `iOS` but not
+ * `appleVendor`.
+ */
+export declare const appleVendor: boolean;
 export declare const android: boolean;
 /**
  * @deprecated since 19.7.0 — Android 2.x predates 2012. Will be removed in 20.x.
@@ -35,7 +43,19 @@ export declare const wp: boolean;
  */
 export declare const BlackBerry: boolean;
 /**
- * @deprecated since 19.7.0 — Kindle has a negligible market share and behaves like Android. Will be removed in 20.x.
+ * `true` on Amazon devices — Fire tablets (which report the Silk browser) and
+ * legacy Kindle e-readers.
+ *
+ * The previous pattern required `Silk` followed by `Mobile Safari`, which no
+ * current Fire tablet sends: Chromium-based Silk ends its user agent with
+ * `Safari/537.36`, so every modern Fire tablet went undetected. Silk is
+ * Amazon-only, so matching the `Silk/` token directly is both narrower and
+ * correct.
+ *
+ * Note these devices are ordinary Android: {@link android} is `true` for all of
+ * them, and nothing in the engine branches on this constant.
+ * @deprecated since 19.7.0 — Kindle behaves like Android and {@link android}
+ *   already covers it. Will be removed in a future release.
  */
 export declare const Kindle: boolean;
 export declare const ejecta: boolean;

package/build/system/platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/system/platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,EAAE,QAGT,CAAC;AAuCP,eAAO,MAAM,GAAG,SAAsD,CAAC;AACvE,eAAO,MAAM,OAAO,SAAsB,CAAC;AAC3C;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAwB,CAAC;AAC9C,eAAO,MAAM,KAAK,SAAoB,CAAC;AACvC,eAAO,MAAM,QAAQ,SAAkB,CAAC;AACxC;;GAEG;AACH,eAAO,MAAM,EAAE,SAA4B,CAAC;AAC5C;;GAEG;AACH,eAAO,MAAM,UAAU,SAAyB,CAAC;AACjD;;GAEG;AACH,eAAO,MAAM,MAAM,SAAyC,CAAC;AAC7D,eAAO,MAAM,MAAM,SAAyB,CAAC;AAC7C,eAAO,MAAM,QAAQ,SAA6B,CAAC;AAOnD,eAAO,MAAM,MAAM,SAGW,CAAC;AAO/B,eAAO,MAAM,QAAQ,SAAqC,CAAC;AAC3D,eAAO,MAAM,MAAM,SAK2C,CAAC"}
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/system/platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,eAAO,MAAM,EAAE,QAGT,CAAC;AA0DP,eAAO,MAAM,GAAG,SAAsD,CAAC;AACvE;;;;;GAKG;AACH,eAAO,MAAM,WAAW,SAAyB,CAAC;AAClD,eAAO,MAAM,OAAO,SAAsB,CAAC;AAC3C;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAwB,CAAC;AAC9C,eAAO,MAAM,KAAK,SAAoB,CAAC;AACvC,eAAO,MAAM,QAAQ,SAAkB,CAAC;AACxC;;GAEG;AACH,eAAO,MAAM,EAAE,SAA4B,CAAC;AAC5C;;GAEG;AACH,eAAO,MAAM,UAAU,SAAyB,CAAC;AACjD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,SAA4B,CAAC;AAChD,eAAO,MAAM,MAAM,SAAyB,CAAC;AAC7C,eAAO,MAAM,QAAQ,SAA6B,CAAC;AAOnD,eAAO,MAAM,MAAM,SAGW,CAAC;AAO/B,eAAO,MAAM,QAAQ,SAAqC,CAAC;AAC3D,eAAO,MAAM,MAAM,SAK2C,CAAC"}

package/build/utils/fetchdata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchdata.d.ts","sourceRoot":"","sources":["../../src/utils/fetchdata.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,oCALW,MAAM,aACN,MAAM,GACJ,OAAO,CAKnB;AA2DD;;;;;;;;;;;;;;;GAeG;AACH,+BAdW,MAAM,gBACN,MAAM,aACN,MAAM,gBAkDhB"}

package/build/video/blendmodes.d.ts

@@ -17,7 +17,7 @@ export function advancedBlendModeIndex(mode: string): number;
  * `lighter` are spellings of `additive`, and anything unrecognized collapses
  * to `normal`.
  *
- * The six advanced modes normalize to `"normal"` on purpose — that is their
+ * The advanced modes normalize to `"normal"` on purpose — that is their
  * PIPELINE state, since the geometry really does rasterize under ordinary
  * source-over before the shader composites it. Use {@link isAdvancedBlendMode}
  * to ask the other question, and {@link reportedBlendMode} for what

package/build/video/canvas/canvas_renderer.d.ts

@@ -27,7 +27,7 @@ export default class CanvasRenderer extends Renderer {
     setProjection(matrix: Matrix3d): void;
     /**
      * set the current blend mode for this renderer. <br>
-     * Every renderer supports the full set: <br>
+     * This renderer supports every mode below except `"none"`: <br>
      * - "normal" : draws new content on top of the existing content <br>
      * <img src="../images/normal-blendmode.png" width="180"/> <br>
      * - "add", "additive", or "lighter" : color values are added together <br>
@@ -55,7 +55,10 @@ export default class CanvasRenderer extends Renderer {
      * - "exclusion" : like difference, but lower in contrast <br>
      * <img src="../images/exclusion-blendmode.png" width="180"/> <br>
      * - "none" : blending disabled — the source replaces the destination
-     * outright, alpha included <br>
+     * outright, alpha included. **GPU backends only**: there is no
+     * `globalCompositeOperation` that disables blending for the drawn area
+     * alone (`"copy"` clears the rest of the surface), so this renderer falls
+     * back to "normal" and reports it <br>
      * A few draw types cannot honour every mode — 3D meshes, and fills using
      * a {@link Gradient} — and fall back to "normal" with a one-time console
      * warning. `setBlendMode` returns what it actually applied, so comparing

package/build/video/canvas/canvas_renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas_renderer.d.ts","sourceRoot":"","sources":["../../../src/video/canvas/canvas_renderer.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"canvas_renderer.d.ts","sourceRoot":"","sources":["../../../src/video/canvas/canvas_renderer.js"],"names":[],"mappings":"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"}

package/build/video/effects/blur.d.ts

@@ -3,19 +3,19 @@
  * Commonly used for background defocus, depth-of-field simulation,
  * or UI backdrop blur.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // moderate blur
- * mySprite.shader = new BlurEffect(renderer, { strength: 2.0 });
+ * mySprite.addPostEffect(new BlurEffect(renderer, { strength: 2.0 }));
  */
 export default class BlurEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.strength=1.0] - blur strength in texels
      * @param {number[]} [options.textureSize=[256, 256]] - texture dimensions [width, height]
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         strength?: number | undefined;
         textureSize?: number[] | undefined;
     });

package/build/video/effects/blur.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../src/video/effects/blur.js"],"names":[],"mappings":"AA4BA;;;;;;;;;GASG;AACH;IACC;;;;;OAKG;IACH,qCAHG;QAAyB,QAAQ;QACN,WAAW;KACxC,EA8BA;IALA,iBAAuC;IAOxC;;;OAGG;IACH,sBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA7FwB,mBAAmB"}
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../../src/video/effects/blur.js"],"names":[],"mappings":"AA4BA;;;;;;;;;GASG;AACH;IACC;;;;;OAKG;IACH,sBALW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,QAAQ;QACN,WAAW;KACxC,EA8BA;IALA,iBAAuC;IAOxC;;;OAGG;IACH,sBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA7FwB,mBAAmB"}

package/build/video/effects/chromaticAberration.d.ts

@@ -3,22 +3,22 @@
  * chromatic aberration (color fringe) effect. Commonly used for
  * impact feedback, glitch effects, or damage indicators.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // subtle chromatic aberration
- * mySprite.shader = new ChromaticAberrationEffect(renderer, { offset: 2.0 });
+ * mySprite.addPostEffect(new ChromaticAberrationEffect(renderer, { offset: 2.0 }));
  * @example
  * // strong glitch effect
- * mySprite.shader = new ChromaticAberrationEffect(renderer, { offset: 5.0 });
+ * mySprite.addPostEffect(new ChromaticAberrationEffect(renderer, { offset: 5.0 }));
  */
 export default class ChromaticAberrationEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.offset=3.0] - channel offset in texels
      * @param {number[]} [options.textureSize=[256, 256]] - texture dimensions [width, height]
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         offset?: number | undefined;
         textureSize?: number[] | undefined;
     });

package/build/video/effects/chromaticAberration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chromaticAberration.d.ts","sourceRoot":"","sources":["../../../src/video/effects/chromaticAberration.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;OAKG;IACH,qCAHG;QAAyB,MAAM;QACJ,WAAW;KACxC,EAuBA;IALA,eAAmC;IAOpC;;;OAGG;IACH,kBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAlFwB,mBAAmB"}
+{"version":3,"file":"chromaticAberration.d.ts","sourceRoot":"","sources":["../../../src/video/effects/chromaticAberration.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;OAKG;IACH,sBALW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,MAAM;QACJ,WAAW;KACxC,EAuBA;IALA,eAAmC;IAOpC;;;OAGG;IACH,kBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAlFwB,mBAAmB"}

package/build/video/effects/colorMatrix.d.ts

@@ -2,24 +2,24 @@
  * A shader effect that applies a 4x4 color transformation matrix.
  * Provides chainable color adjustment methods that automatically update the GPU uniform.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // desaturate a sprite
- * mySprite.shader = new ColorMatrixEffect(renderer).saturate(0.0);
+ * mySprite.addPostEffect(new ColorMatrixEffect(renderer).saturate(0.0));
  * @example
  * // combine brightness + contrast on a camera
- * camera.shader = new ColorMatrixEffect(renderer).brightness(1.3).contrast(1.5);
+ * camera.addPostEffect(new ColorMatrixEffect(renderer).brightness(1.3).contrast(1.5));
  * @example
  * // update dynamically
  * effect.reset().brightness(1.5).saturate(0.5);
  */
 export default class ColorMatrixEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {ColorMatrix} [options.matrix] - an initial color matrix. Defaults to identity.
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         matrix?: ColorMatrix | undefined;
     });
     /**

package/build/video/effects/colorMatrix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorMatrix.d.ts","sourceRoot":"","sources":["../../../src/video/effects/colorMatrix.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;OAIG;IACH,qCAFG;QAA8B,MAAM;KACtC,EAkBA;IANA;;;OAGG;IACH,qBAAkD;IAInD;;;OAGG;IACH,qBAEC;IAED;;;OAGG;IACH,SAFa,IAAI,CAMhB;IAED;;;;OAIG;IACH,mBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,WAAW,GACT,IAAI,CAMhB;IAED;;;;;OAKG;IACH,mBAHc,MAAM,EAAA,GACP,IAAI,CAMhB;CACD;yBAjKwB,mBAAmB;4BADhB,4BAA4B"}
+{"version":3,"file":"colorMatrix.d.ts","sourceRoot":"","sources":["../../../src/video/effects/colorMatrix.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;OAIG;IACH,sBAJW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAA8B,MAAM;KACtC,EAkBA;IANA;;;OAGG;IACH,qBAAkD;IAInD;;;OAGG;IACH,qBAEC;IAED;;;OAGG;IACH,SAFa,IAAI,CAMhB;IAED;;;;OAIG;IACH,mBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,eAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,GACJ,IAAI,CAMhB;IAED;;;;OAIG;IACH,iBAHW,WAAW,GACT,IAAI,CAMhB;IAED;;;;;OAKG;IACH,mBAHc,MAAM,EAAA,GACP,IAAI,CAMhB;CACD;yBAjKwB,mBAAmB;4BADhB,4BAA4B"}

package/build/video/effects/desaturate.d.ts

@@ -2,21 +2,21 @@
  * A shader effect that desaturates (grayscales) the sprite.
  * Commonly used for disabled states, death effects, or petrification.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // full grayscale
- * mySprite.shader = new DesaturateEffect(renderer);
+ * mySprite.addPostEffect(new DesaturateEffect(renderer));
  * @example
  * // partial desaturation (50%)
- * mySprite.shader = new DesaturateEffect(renderer, { intensity: 0.5 });
+ * mySprite.addPostEffect(new DesaturateEffect(renderer, { intensity: 0.5 }));
  */
 export default class DesaturateEffect extends ColorMatrixEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.intensity=1.0] - desaturation intensity (0.0 = full color, 1.0 = grayscale)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         intensity?: number | undefined;
     });
     intensity: number;

package/build/video/effects/desaturate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"desaturate.d.ts","sourceRoot":"","sources":["../../../src/video/effects/desaturate.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IACC;;;;OAIG;IACH,qCAFG;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAnC6B,kBAAkB"}
+{"version":3,"file":"desaturate.d.ts","sourceRoot":"","sources":["../../../src/video/effects/desaturate.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH;IACC;;;;OAIG;IACH,sBAJW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAnC6B,kBAAkB"}

package/build/video/effects/dissolve.d.ts

@@ -4,24 +4,24 @@
  * `progress` value increases from 0 to 1.
  * Commonly used for death, spawn, or teleport effects.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // create a dissolve effect
  * const dissolve = new DissolveEffect(renderer);
- * mySprite.shader = dissolve;
+ * mySprite.addPostEffect(dissolve);
  *
  * // animate the dissolve (0 = fully visible, 1 = fully dissolved)
  * dissolve.setProgress(0.5);
  */
 export default class DissolveEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.progress=0.0] - dissolve progress (0.0 = visible, 1.0 = dissolved)
      * @param {number[]} [options.edgeColor=[1.0, 0.5, 0.0]] - color of the dissolve edge
      * @param {number} [options.edgeWidth=0.1] - width of the colored edge (0.0–1.0)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         progress?: number | undefined;
         edgeColor?: number[] | undefined;
         edgeWidth?: number | undefined;

package/build/video/effects/dissolve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dissolve.d.ts","sourceRoot":"","sources":["../../../src/video/effects/dissolve.js"],"names":[],"mappings":"AA8DA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;;;OAMG;IACH,qCAJG;QAAyB,QAAQ;QACN,SAAS;QACX,SAAS;KACpC,EA0DA;IAPA,iBAAuC;IASxC;;;OAGG;IACH,mBAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,oBAFW,MAAM,EAAE,QAIlB;CACD;yBAhKwB,mBAAmB"}
+{"version":3,"file":"dissolve.d.ts","sourceRoot":"","sources":["../../../src/video/effects/dissolve.js"],"names":[],"mappings":"AA8DA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;;;OAMG;IACH,sBANW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,QAAQ;QACN,SAAS;QACX,SAAS;KACpC,EA0DA;IAPA,iBAAuC;IASxC;;;OAGG;IACH,mBAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,oBAFW,MAAM,EAAE,QAIlB;CACD;yBAhKwB,mBAAmB"}

package/build/video/effects/dropShadow.d.ts

@@ -3,19 +3,19 @@
  * Works by sampling the texture at an offset — if the offset position
  * has an opaque pixel but the current position doesn't, the shadow is drawn.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // dark shadow offset to the bottom-right
- * mySprite.shader = new DropShadowEffect(renderer, {
+ * mySprite.addPostEffect(new DropShadowEffect(renderer, {
  *     offsetX: 3.0,
  *     offsetY: 3.0,
  *     color: [0.0, 0.0, 0.0],
  *     opacity: 0.5,
- * });
+ * }));
  */
 export default class DropShadowEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.offsetX=2.0] - shadow x offset in texels
      * @param {number} [options.offsetY=2.0] - shadow y offset in texels
@@ -23,7 +23,7 @@ export default class DropShadowEffect extends ShaderEffect {
      * @param {number} [options.opacity=0.5] - shadow opacity (0.0–1.0)
      * @param {number[]} [options.textureSize=[256, 256]] - texture dimensions [width, height]
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         offsetX?: number | undefined;
         offsetY?: number | undefined;
         color?: number[] | undefined;

package/build/video/effects/dropShadow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropShadow.d.ts","sourceRoot":"","sources":["../../../src/video/effects/dropShadow.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;;;;;OAQG;IACH,qCANG;QAAyB,OAAO;QACP,OAAO;QACL,KAAK;QACP,OAAO;QACL,WAAW;KACxC,EA0CA;IAED;;;;OAIG;IACH,aAHW,MAAM,KACN,MAAM,QAIhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAvHwB,mBAAmB"}
+{"version":3,"file":"dropShadow.d.ts","sourceRoot":"","sources":["../../../src/video/effects/dropShadow.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;GAcG;AACH;IACC;;;;;;;;OAQG;IACH,sBARW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,OAAO;QACP,OAAO;QACL,KAAK;QACP,OAAO;QACL,WAAW;KACxC,EA0CA;IAED;;;;OAIG;IACH,aAHW,MAAM,KACN,MAAM,QAIhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAvHwB,mBAAmB"}

package/build/video/effects/flash.d.ts

@@ -4,11 +4,11 @@
  * The `intensity` uniform controls how much of the flash color is mixed in
  * (0.0 = original sprite, 1.0 = fully colored).
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // create a white flash effect
  * const flash = new FlashEffect(renderer);
- * mySprite.shader = flash;
+ * mySprite.addPostEffect(flash);
  *
  * // trigger the flash (e.g. on hit)
  * flash.setIntensity(1.0);
@@ -21,12 +21,12 @@
  */
 export default class FlashEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number[]} [options.color=[1.0, 1.0, 1.0]] - flash color as [r, g, b] (0.0–1.0)
      * @param {number} [options.intensity=0.0] - initial flash intensity (0.0–1.0)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         color?: number[] | undefined;
         intensity?: number | undefined;
     });

package/build/video/effects/flash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flash.d.ts","sourceRoot":"","sources":["../../../src/video/effects/flash.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;IACC;;;;;OAKG;IACH,qCAHG;QAA2B,KAAK;QACP,SAAS;KACpC,EAkBA;IAJA,kBAAyC;IAM1C;;;OAGG;IACH,oBAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;CACD;yBA/EwB,mBAAmB"}
+{"version":3,"file":"flash.d.ts","sourceRoot":"","sources":["../../../src/video/effects/flash.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;IACC;;;;;OAKG;IACH,sBALW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAA2B,KAAK;QACP,SAAS;KACpC,EAkBA;IAJA,kBAAyC;IAM1C;;;OAGG;IACH,oBAFW,MAAM,QAKhB;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;CACD;yBA/EwB,mBAAmB"}

package/build/video/effects/glow.d.ts

@@ -3,24 +3,24 @@
  * Similar to OutlineEffect but with a soft, blurred edge instead of a hard line.
  * Commonly used for power-ups, magic items, or selection highlights.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // blue glow for a magic item
- * mySprite.shader = new GlowEffect(renderer, {
+ * mySprite.addPostEffect(new GlowEffect(renderer, {
  *     color: [0.2, 0.5, 1.0],
  *     intensity: 1.5,
- * });
+ * }));
  */
 export default class GlowEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number[]} [options.color=[1.0, 1.0, 1.0]] - glow color as [r, g, b] (0.0–1.0)
      * @param {number} [options.width=3.0] - glow spread in pixels
      * @param {number} [options.intensity=1.0] - glow brightness multiplier
      * @param {number[]} [options.textureSize=[256, 256]] - texture dimensions [width, height]
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         color?: number[] | undefined;
         width?: number | undefined;
         intensity?: number | undefined;

package/build/video/effects/glow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glow.d.ts","sourceRoot":"","sources":["../../../src/video/effects/glow.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;;;OAOG;IACH,qCALG;QAA2B,KAAK;QACP,KAAK;QACL,SAAS;QACP,WAAW;KACxC,EAsCA;IANA,kBAAyC;IAQ1C;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;IAED;;;OAGG;IACH,oBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAtHwB,mBAAmB"}
+{"version":3,"file":"glow.d.ts","sourceRoot":"","sources":["../../../src/video/effects/glow.js"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;;;OAOG;IACH,sBAPW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAA2B,KAAK;QACP,KAAK;QACL,SAAS;QACP,WAAW;KACxC,EAsCA;IANA,kBAAyC;IAQ1C;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;IAED;;;OAGG;IACH,oBAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBAtHwB,mBAAmB"}

package/build/video/effects/hologram.d.ts

@@ -4,21 +4,21 @@
  * Commonly used for sci-fi UI, ghost/spirit characters, or tech displays.
  * The `time` uniform should be updated each frame for animation.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * const holo = new HologramEffect(renderer);
- * mySprite.shader = holo;
+ * mySprite.addPostEffect(holo);
  * // update each frame
  * holo.setTime(performance.now() / 1000);
  */
 export default class HologramEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number[]} [options.color=[0.1, 0.7, 1.0]] - hologram tint color [r, g, b]
      * @param {number} [options.intensity=0.5] - effect intensity (0.0–1.0)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         color?: number[] | undefined;
         intensity?: number | undefined;
     });

package/build/video/effects/hologram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hologram.d.ts","sourceRoot":"","sources":["../../../src/video/effects/hologram.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;OAKG;IACH,qCAHG;QAA2B,KAAK;QACP,SAAS;KACpC,EAyBA;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;CACD;yBA7EwB,mBAAmB"}
+{"version":3,"file":"hologram.d.ts","sourceRoot":"","sources":["../../../src/video/effects/hologram.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;GAYG;AACH;IACC;;;;;OAKG;IACH,sBALW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAA2B,KAAK;QACP,SAAS;KACpC,EAyBA;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;CACD;yBA7EwB,mBAAmB"}

package/build/video/effects/invert.d.ts

@@ -2,20 +2,20 @@
  * A shader effect that inverts the colors of the sprite.
  * Commonly used for damage feedback, negative image, or X-ray effects.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
- * mySprite.shader = new InvertEffect(renderer);
+ * mySprite.addPostEffect(new InvertEffect(renderer));
  * @example
  * // partial inversion
- * mySprite.shader = new InvertEffect(renderer, { intensity: 0.5 });
+ * mySprite.addPostEffect(new InvertEffect(renderer, { intensity: 0.5 }));
  */
 export default class InvertEffect extends ColorMatrixEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.intensity=1.0] - inversion intensity (0.0 = original, 1.0 = fully inverted)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         intensity?: number | undefined;
     });
     intensity: number;

package/build/video/effects/invert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"invert.d.ts","sourceRoot":"","sources":["../../../src/video/effects/invert.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH;IACC;;;;OAIG;IACH,qCAFG;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAlC6B,kBAAkB"}
+{"version":3,"file":"invert.d.ts","sourceRoot":"","sources":["../../../src/video/effects/invert.js"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH;IACC;;;;OAIG;IACH,sBAJW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAlC6B,kBAAkB"}

package/build/video/effects/outline.d.ts

@@ -4,26 +4,26 @@
  * current pixel is transparent, it draws the outline color.
  * Commonly used for selection highlights, hover states, or collectible glow.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // yellow outline for selection
- * mySprite.shader = new OutlineEffect(renderer, {
+ * mySprite.addPostEffect(new OutlineEffect(renderer, {
  *     color: [1.0, 1.0, 0.0],
  *     width: 2.0,
- * });
+ * }));
  * @example
  * // remove the effect
- * mySprite.shader = undefined;
+ * mySprite.removePostEffect(outline);
  */
 export default class OutlineEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number[]} [options.color=[1.0, 1.0, 1.0]] - outline color as [r, g, b] (0.0–1.0)
      * @param {number} [options.width=1.0] - outline width in pixels
      * @param {number[]} [options.textureSize] - texture dimensions [width, height] (defaults to renderer size)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         color?: number[] | undefined;
         width?: number | undefined;
         textureSize?: number[] | undefined;

package/build/video/effects/outline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../../src/video/effects/outline.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;;;GAgBG;AACH;IACC;;;;;;OAMG;IACH,qCAJG;QAA2B,KAAK;QACP,KAAK;QACH,WAAW;KACxC,EAsCA;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;IAED;;;OAGG;IACH,gBAFW,MAAM,QAIhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA1HwB,mBAAmB"}
+{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../../src/video/effects/outline.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;;;GAgBG;AACH;IACC;;;;;;OAMG;IACH,sBANW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAA2B,KAAK;QACP,KAAK;QACH,WAAW;KACxC,EAsCA;IAED;;;OAGG;IACH,gBAFW,MAAM,EAAE,QAIlB;IAED;;;OAGG;IACH,gBAFW,MAAM,QAIhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA1HwB,mBAAmB"}

package/build/video/effects/pixelate.d.ts

@@ -2,22 +2,22 @@
  * A shader effect that pixelates the sprite by snapping UV coordinates
  * to a grid. Commonly used for teleport effects, transitions, or retro styling.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // moderate pixelation
- * mySprite.shader = new PixelateEffect(renderer, { size: 8.0 });
+ * mySprite.addPostEffect(new PixelateEffect(renderer, { size: 8.0 }));
  * @example
  * // animate the pixelation (e.g. for teleport)
  * pixelate.setSize(pixelate.size + dt / 50);
  */
 export default class PixelateEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.size=4.0] - pixel size in texels (higher = more pixelated)
      * @param {number[]} [options.textureSize=[256, 256]] - texture dimensions [width, height]
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         size?: number | undefined;
         textureSize?: number[] | undefined;
     });

package/build/video/effects/pixelate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pixelate.d.ts","sourceRoot":"","sources":["../../../src/video/effects/pixelate.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;GAWG;AACH;IACC;;;;;OAKG;IACH,qCAHG;QAAyB,IAAI;QACF,WAAW;KACxC,EAoBA;IALA,aAA+B;IAOhC;;;OAGG;IACH,cAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA3EwB,mBAAmB"}
+{"version":3,"file":"pixelate.d.ts","sourceRoot":"","sources":["../../../src/video/effects/pixelate.js"],"names":[],"mappings":"AAkBA;;;;;;;;;;;GAWG;AACH;IACC;;;;;OAKG;IACH,sBALW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,IAAI;QACF,WAAW;KACxC,EAoBA;IALA,aAA+B;IAOhC;;;OAGG;IACH,cAFW,MAAM,QAKhB;IAED;;;;OAIG;IACH,sBAHW,MAAM,UACN,MAAM,QAIhB;CACD;yBA3EwB,mBAAmB"}

package/build/video/effects/radialGradient.d.ts

@@ -52,10 +52,10 @@
  * // Pickup highlight — attach to any Renderable so it renders inside
  * // the renderable's bounding rect (anchorPoint applies). Combine with
  * // `blendMode = "lighter"` for the additive glow look.
- * pickup.shader = new RadialGradientEffect(renderer, {
+ * pickup.addPostEffect(new RadialGradientEffect(renderer, {
  *     color: new Color(120, 255, 200), // mint green
  *     intensity: 0.8,
- * });
+ * }));
  * pickup.blendMode = "lighter";
  * @example
  * // Damage / impact indicator — short-lived elliptical flash on hit.

package/build/video/effects/scanline.d.ts

@@ -2,27 +2,27 @@
  * A shader effect that overlays horizontal scanlines on the sprite.
  * Can optionally add barrel distortion and vignette for a full CRT monitor look.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
  * // simple scanlines
- * mySprite.shader = new ScanlineEffect(renderer, { opacity: 0.3 });
+ * mySprite.addPostEffect(new ScanlineEffect(renderer, { opacity: 0.3 }));
  * @example
  * // full CRT look with curvature and vignette
- * mySprite.shader = new ScanlineEffect(renderer, {
+ * mySprite.addPostEffect(new ScanlineEffect(renderer, {
  *     opacity: 0.3,
  *     curvature: 0.02,
  *     vignetteStrength: 0.3,
- * });
+ * }));
  */
 export default class ScanlineEffect extends ShaderEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.opacity=0.25] - scanline darkness (0.0 = invisible, 1.0 = fully black lines)
      * @param {number} [options.curvature=0.0] - barrel distortion strength (0.0 = flat, 0.02 = subtle CRT curve)
      * @param {number} [options.vignetteStrength=0.0] - edge darkening strength (0.0 = none, 0.3 = subtle)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         opacity?: number | undefined;
         curvature?: number | undefined;
         vignetteStrength?: number | undefined;

package/build/video/effects/scanline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scanline.d.ts","sourceRoot":"","sources":["../../../src/video/effects/scanline.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;;;;GAeG;AACH;IACC;;;;;;OAMG;IACH,qCAJG;QAAyB,OAAO;QACP,SAAS;QACT,gBAAgB;KAC3C,EAyCA;IAED;;;OAGG;IACH,oBAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,wBAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,8BAFW,MAAM,QAIhB;CACD;yBAnIwB,mBAAmB"}
+{"version":3,"file":"scanline.d.ts","sourceRoot":"","sources":["../../../src/video/effects/scanline.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;;;;GAeG;AACH;IACC;;;;;;OAMG;IACH,sBANW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,OAAO;QACP,SAAS;QACT,gBAAgB;KAC3C,EAyCA;IAED;;;OAGG;IACH,oBAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,wBAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,8BAFW,MAAM,QAIhB;CACD;yBAnIwB,mBAAmB"}

package/build/video/effects/sepia.d.ts

@@ -1,20 +1,20 @@
 /**
  * A shader effect that applies a warm sepia (vintage photo) tone to the sprite.
  * @category Effects
- * @see {@link Renderable.shader} for usage
+ * @see {@link Renderable#addPostEffect} for usage
  * @example
- * mySprite.shader = new SepiaEffect(renderer);
+ * mySprite.addPostEffect(new SepiaEffect(renderer));
  * @example
  * // partial sepia
- * mySprite.shader = new SepiaEffect(renderer, { intensity: 0.5 });
+ * mySprite.addPostEffect(new SepiaEffect(renderer, { intensity: 0.5 }));
  */
 export default class SepiaEffect extends ColorMatrixEffect {
     /**
-     * @param {import("../webgl_renderer.js").default} renderer - the current renderer instance
+     * @param {WebGLRenderer|WebGPURenderer|CanvasRenderer} renderer - the current renderer instance
      * @param {object} [options] - effect options
      * @param {number} [options.intensity=1.0] - sepia intensity (0.0 = original, 1.0 = full sepia)
      */
-    constructor(renderer: any, options?: {
+    constructor(renderer: WebGLRenderer | WebGPURenderer | CanvasRenderer, options?: {
         intensity?: number | undefined;
     });
     intensity: number;

package/build/video/effects/sepia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sepia.d.ts","sourceRoot":"","sources":["../../../src/video/effects/sepia.js"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH;IACC;;;;OAIG;IACH,qCAFG;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAjC6B,kBAAkB"}
+{"version":3,"file":"sepia.d.ts","sourceRoot":"","sources":["../../../src/video/effects/sepia.js"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH;IACC;;;;OAIG;IACH,sBAJW,aAAa,GAAC,cAAc,GAAC,cAAc,YAEnD;QAAyB,SAAS;KACpC,EAMA;IAHA,kBACgE;IAIjE;;;OAGG;IACH,oBAFW,MAAM,QAKhB;CACD;8BAjC6B,kBAAkB"}