excalibur 0.25.2 → 0.25.3

package/build/dist/Graphics/Context/ExcaliburGraphicsContextWebGL.js

@@ -0,0 +1,331 @@
+import { Matrix } from '../../Math/matrix';
+import { TransformStack } from './transform-stack';
+import { vec } from '../../Math/vector';
+import { Color } from '../../Color';
+import { StateStack } from './state-stack';
+import { Logger } from '../../Util/Log';
+import { Canvas } from '../Canvas';
+import { DebugText } from './debug-text';
+import { RenderTarget } from './render-target';
+import { ExcaliburWebGLContextAccessor } from './webgl-adapter';
+import { TextureLoader } from './texture-loader';
+// renderers
+import { LineRenderer } from './line-renderer/line-renderer';
+import { PointRenderer } from './point-renderer/point-renderer';
+import { ScreenPassPainter } from './screen-pass-painter/screen-pass-painter';
+import { ImageRenderer } from './image-renderer/image-renderer';
+import { RectangleRenderer } from './rectangle-renderer/rectangle-renderer';
+import { CircleRenderer } from './circle-renderer/circle-renderer';
+class ExcaliburGraphicsContextWebGLDebug {
+    constructor(_webglCtx) {
+        this._webglCtx = _webglCtx;
+        this._debugText = new DebugText();
+    }
+    /**
+     * Draw a debugging rectangle to the context
+     * @param x
+     * @param y
+     * @param width
+     * @param height
+     */
+    drawRect(x, y, width, height, rectOptions = { color: Color.Black }) {
+        this.drawLine(vec(x, y), vec(x + width, y), { ...rectOptions });
+        this.drawLine(vec(x + width, y), vec(x + width, y + height), { ...rectOptions });
+        this.drawLine(vec(x + width, y + height), vec(x, y + height), { ...rectOptions });
+        this.drawLine(vec(x, y + height), vec(x, y), { ...rectOptions });
+    }
+    /**
+     * Draw a debugging line to the context
+     * @param start
+     * @param end
+     * @param lineOptions
+     */
+    drawLine(start, end, lineOptions = { color: Color.Black }) {
+        this._webglCtx.draw('ex.line', start, end, lineOptions.color);
+    }
+    /**
+     * Draw a debugging point to the context
+     * @param point
+     * @param pointOptions
+     */
+    drawPoint(point, pointOptions = { color: Color.Black, size: 5 }) {
+        this._webglCtx.draw('ex.point', point, pointOptions.color, pointOptions.size);
+    }
+    drawText(text, pos) {
+        this._debugText.write(this._webglCtx, text, pos);
+    }
+}
+export class ExcaliburGraphicsContextWebGL {
+    constructor(options) {
+        this._logger = Logger.getInstance();
+        this._renderers = new Map();
+        this._isDrawLifecycle = false;
+        // Postprocessing is a tuple with 2 render targets, these are flip-flopped during the postprocessing process
+        this._postProcessTargets = [];
+        this._postprocessors = [];
+        this._transform = new TransformStack();
+        this._state = new StateStack();
+        /**
+         * Meant for internal use only. Access the internal context at your own risk and no guarantees this will exist in the future.
+         * @internal
+         */
+        // public __imageRenderer: ImageRenderer;
+        this.snapToPixel = true;
+        this.smoothing = false;
+        this.backgroundColor = Color.ExcaliburBlue;
+        this._alreadyWarnedDrawLifecycle = false;
+        this.debug = new ExcaliburGraphicsContextWebGLDebug(this);
+        const { canvasElement, enableTransparency, smoothing, snapToPixel, backgroundColor } = options;
+        this.__gl = canvasElement.getContext('webgl', {
+            antialias: smoothing !== null && smoothing !== void 0 ? smoothing : this.smoothing,
+            premultipliedAlpha: false,
+            alpha: enableTransparency !== null && enableTransparency !== void 0 ? enableTransparency : true,
+            depth: true,
+            powerPreference: 'high-performance'
+        });
+        ExcaliburWebGLContextAccessor.register(this.__gl);
+        TextureLoader.register(this.__gl);
+        this.snapToPixel = snapToPixel !== null && snapToPixel !== void 0 ? snapToPixel : this.snapToPixel;
+        this.smoothing = smoothing !== null && smoothing !== void 0 ? smoothing : this.smoothing;
+        this.backgroundColor = backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : this.backgroundColor;
+        this._init();
+    }
+    get opacity() {
+        return this._state.current.opacity;
+    }
+    set opacity(value) {
+        this._state.current.opacity = value;
+    }
+    get width() {
+        return this.__gl.canvas.width;
+    }
+    get height() {
+        return this.__gl.canvas.height;
+    }
+    get ortho() {
+        return this._ortho;
+    }
+    /**
+     * Checks the underlying webgl implementation if the requested internal resolution is supported
+     * @param dim
+     */
+    checkIfResolutionSupported(dim) {
+        // Slight hack based on this thread https://groups.google.com/g/webgl-dev-list/c/AHONvz3oQTo
+        let supported = true;
+        if (dim.width > 4096 || dim.height > 4096) {
+            supported = false;
+        }
+        return supported;
+    }
+    _init() {
+        const gl = this.__gl;
+        // Setup viewport and view matrix
+        this._ortho = Matrix.ortho(0, gl.canvas.width, gl.canvas.height, 0, 400, -400);
+        gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
+        // Clear background
+        gl.clearColor(this.backgroundColor.r / 255, this.backgroundColor.g / 255, this.backgroundColor.b / 255, this.backgroundColor.a);
+        gl.clear(gl.COLOR_BUFFER_BIT);
+        // Enable alpha blending
+        // https://www.realtimerendering.com/blog/gpus-prefer-premultiplication/
+        gl.enable(gl.BLEND);
+        gl.blendEquation(gl.FUNC_ADD);
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+        gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD);
+        gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+        // Setup builtin renderers
+        this.register(new ImageRenderer());
+        this.register(new RectangleRenderer());
+        this.register(new CircleRenderer());
+        this.register(new PointRenderer());
+        this.register(new LineRenderer());
+        this._screenRenderer = new ScreenPassPainter(gl);
+        this._renderTarget = new RenderTarget({
+            gl,
+            width: gl.canvas.width,
+            height: gl.canvas.height
+        });
+        this._postProcessTargets = [
+            new RenderTarget({
+                gl,
+                width: gl.canvas.width,
+                height: gl.canvas.height
+            }),
+            new RenderTarget({
+                gl,
+                width: gl.canvas.width,
+                height: gl.canvas.height
+            })
+        ];
+        // 2D ctx shim
+        this._canvas = new Canvas({
+            width: gl.canvas.width,
+            height: gl.canvas.height
+        });
+        this.__ctx = this._canvas.ctx;
+    }
+    register(renderer) {
+        this._renderers.set(renderer.type, renderer);
+        renderer.initialize(this.__gl, this);
+    }
+    get(rendererName) {
+        return this._renderers.get(rendererName);
+    }
+    _isCurrentRenderer(renderer) {
+        if (!this._currentRenderer || this._currentRenderer === renderer) {
+            return true;
+        }
+        return false;
+    }
+    beginDrawLifecycle() {
+        this._isDrawLifecycle = true;
+    }
+    endDrawLifecycle() {
+        this._isDrawLifecycle = false;
+    }
+    draw(rendererName, ...args) {
+        if (!this._isDrawLifecycle && !this._alreadyWarnedDrawLifecycle) {
+            this._logger.warn(`Attempting to draw outside the the drawing lifecycle (preDraw/postDraw) is not supported and is a source of bugs/errors.\n` +
+                `If you want to do custom drawing, use Actor.graphics, or any onPreDraw or onPostDraw handler.`);
+            this._alreadyWarnedDrawLifecycle = true;
+        }
+        // TODO does not handle priority yet...
+        //  in order to do this draw commands need to be captured and fed in priority order
+        const renderer = this._renderers.get(rendererName);
+        if (renderer) {
+            // Set the current renderer if not defined
+            if (!this._currentRenderer) {
+                this._currentRenderer = renderer;
+            }
+            if (!this._isCurrentRenderer(renderer)) {
+                // switching graphics means we must flush the previous
+                this._currentRenderer.flush();
+            }
+            // If we are still using the same renderer we can add to the current batch
+            renderer.draw(...args);
+            this._currentRenderer = renderer;
+        }
+        else {
+            throw Error(`No renderer with name ${rendererName} has been registered`);
+        }
+    }
+    resetTransform() {
+        this._transform.current = Matrix.identity();
+    }
+    updateViewport(resolution) {
+        const gl = this.__gl;
+        this._ortho = this._ortho = Matrix.ortho(0, resolution.width, resolution.height, 0, 400, -400);
+        this._renderTarget.setResolution(gl.canvas.width, gl.canvas.height);
+        this._postProcessTargets[0].setResolution(gl.canvas.width, gl.canvas.height);
+        this._postProcessTargets[1].setResolution(gl.canvas.width, gl.canvas.height);
+        // 2D ctx shim
+        this._canvas.width = gl.canvas.width;
+        this._canvas.height = gl.canvas.height;
+    }
+    drawImage(image, sx, sy, swidth, sheight, dx, dy, dwidth, dheight) {
+        if (swidth === 0 || sheight === 0) {
+            return; // zero dimension dest exit early
+        }
+        else if (dwidth === 0 || dheight === 0) {
+            return; // zero dimension dest exit early
+        }
+        else if (image.width === 0 || image.height === 0) {
+            return; // zero dimension source exit early
+        }
+        if (!image) {
+            Logger.getInstance().warn('Cannot draw a null or undefined image');
+            // tslint:disable-next-line: no-console
+            if (console.trace) {
+                // tslint:disable-next-line: no-console
+                console.trace();
+            }
+            return;
+        }
+        this.draw('ex.image', image, sx, sy, swidth, sheight, dx, dy, dwidth, dheight);
+    }
+    drawLine(start, end, color, thickness = 1) {
+        const rectangleRenderer = this._renderers.get('ex.rectangle');
+        rectangleRenderer.drawLine(start, end, color, thickness);
+    }
+    drawRectangle(pos, width, height, color, stroke, strokeThickness) {
+        this.draw('ex.rectangle', pos, width, height, color, stroke, strokeThickness);
+    }
+    drawCircle(pos, radius, color, stroke, thickness) {
+        this.draw('ex.circle', pos, radius, color, stroke, thickness);
+    }
+    save() {
+        this._transform.save();
+        this._state.save();
+    }
+    restore() {
+        this._transform.restore();
+        this._state.restore();
+    }
+    translate(x, y) {
+        this._transform.translate(this.snapToPixel ? ~~x : x, this.snapToPixel ? ~~y : y);
+    }
+    rotate(angle) {
+        this._transform.rotate(angle);
+    }
+    scale(x, y) {
+        this._transform.scale(x, y);
+    }
+    transform(matrix) {
+        this._transform.current = matrix;
+    }
+    getTransform() {
+        return this._transform.current;
+    }
+    multiply(m) {
+        this._transform.current = this._transform.current.multm(m);
+    }
+    addPostProcessor(postprocessor) {
+        this._postprocessors.push(postprocessor);
+        postprocessor.initialize(this.__gl);
+    }
+    removePostProcessor(postprocessor) {
+        const index = this._postprocessors.indexOf(postprocessor);
+        if (index !== -1) {
+            this._postprocessors.splice(index, 1);
+        }
+    }
+    clearPostProcessors() {
+        this._postprocessors.length = 0;
+    }
+    clear() {
+        const gl = this.__gl;
+        this._renderTarget.use();
+        gl.clearColor(this.backgroundColor.r / 255, this.backgroundColor.g / 255, this.backgroundColor.b / 255, this.backgroundColor.a);
+        // Clear the context with the newly set color. This is
+        // the function call that actually does the drawing.
+        gl.clear(gl.COLOR_BUFFER_BIT);
+    }
+    /**
+     * Flushes all batched rendering to the screen
+     */
+    flush() {
+        const gl = this.__gl;
+        // render target captures all draws and redirects to the render target
+        this._renderTarget.use();
+        // This is the final flush at the moment to draw any leftover pending draw
+        // TODO sort by priority and flush in order
+        for (const renderer of this._renderers.values()) {
+            if (renderer.hasPendingDraws()) {
+                renderer.flush();
+            }
+        }
+        this._renderTarget.disable();
+        // post process step
+        const source = this._renderTarget.toRenderSource();
+        source.use();
+        // flip flop render targets
+        for (let i = 0; i < this._postprocessors.length; i++) {
+            this._postProcessTargets[i % 2].use();
+            this._screenRenderer.renderWithPostProcessor(this._postprocessors[i]);
+            this._postProcessTargets[i % 2].toRenderSource().use();
+        }
+        // passing null switches rendering back to the canvas
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        this._screenRenderer.renderToScreen();
+    }
+}
+//# sourceMappingURL=ExcaliburGraphicsContextWebGL.js.map

package/build/dist/Graphics/Context/ExcaliburGraphicsContextWebGL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcaliburGraphicsContextWebGL.js","sourceRoot":"","sources":["../../../../src/engine/Graphics/Context/ExcaliburGraphicsContextWebGL.ts"],"names":[],"mappings":"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"}

package/build/dist/Graphics/Context/circle-renderer/circle-renderer.js

@@ -0,0 +1,160 @@
+import { Color } from '../../../Color';
+import { vec } from '../../../Math/vector';
+import { GraphicsDiagnostics } from '../../GraphicsDiagnostics';
+import { QuadIndexBuffer } from '../quad-index-buffer';
+import { Shader } from '../shader';
+import { VertexBuffer } from '../vertex-buffer';
+import { VertexLayout } from '../vertex-layout';
+import frag from './circle-renderer.frag.glsl';
+import vert from './circle-renderer.vert.glsl';
+export class CircleRenderer {
+    constructor() {
+        this.type = 'ex.circle';
+        this.priority = 0;
+        this._maxCircles = 10922; // max(uint16) / 6 verts
+        this._circleCount = 0;
+        this._vertexIndex = 0;
+    }
+    initialize(gl, context) {
+        this._gl = gl;
+        this._context = context;
+        gl.getExtension('OES_standard_derivatives');
+        this._shader = new Shader({
+            fragmentSource: frag,
+            vertexSource: vert
+        });
+        this._shader.compile();
+        // setup uniforms
+        this._shader.use();
+        this._shader.setUniformMatrix('u_matrix', context.ortho);
+        this._buffer = new VertexBuffer({
+            size: 14 * 4 * this._maxCircles,
+            type: 'dynamic'
+        });
+        this._layout = new VertexLayout({
+            shader: this._shader,
+            vertexBuffer: this._buffer,
+            attributes: [
+                ['a_position', 2],
+                ['a_uv', 2],
+                ['a_opacity', 1],
+                ['a_color', 4],
+                ['a_strokeColor', 4],
+                ['a_strokeThickness', 1]
+            ]
+        });
+        this._quads = new QuadIndexBuffer(this._maxCircles, true);
+    }
+    _isFull() {
+        if (this._circleCount >= this._maxCircles) {
+            return true;
+        }
+        return false;
+    }
+    draw(pos, radius, color, stroke = Color.Transparent, strokeThickness = 0) {
+        if (this._isFull()) {
+            this.flush();
+        }
+        this._circleCount++;
+        // transform based on current context
+        const transform = this._context.getTransform();
+        const opacity = this._context.opacity;
+        const topLeft = transform.multv(pos.add(vec(-radius, -radius)));
+        const topRight = transform.multv(pos.add(vec(radius, -radius)));
+        const bottomRight = transform.multv(pos.add(vec(radius, radius)));
+        const bottomLeft = transform.multv(pos.add(vec(-radius, radius)));
+        // TODO UV could be static vertex buffer
+        const uvx0 = 0;
+        const uvy0 = 0;
+        const uvx1 = 1;
+        const uvy1 = 1;
+        // update data
+        const vertexBuffer = this._layout.vertexBuffer.bufferData;
+        // (0, 0) - 0
+        vertexBuffer[this._vertexIndex++] = topLeft.x;
+        vertexBuffer[this._vertexIndex++] = topLeft.y;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (0, 1) - 1
+        vertexBuffer[this._vertexIndex++] = bottomLeft.x;
+        vertexBuffer[this._vertexIndex++] = bottomLeft.y;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (1, 0) - 2
+        vertexBuffer[this._vertexIndex++] = topRight.x;
+        vertexBuffer[this._vertexIndex++] = topRight.y;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (1, 1) - 3
+        vertexBuffer[this._vertexIndex++] = bottomRight.x;
+        vertexBuffer[this._vertexIndex++] = bottomRight.y;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+    }
+    hasPendingDraws() {
+        return this._circleCount !== 0;
+    }
+    flush() {
+        // nothing to draw early exit
+        if (this._circleCount === 0) {
+            return;
+        }
+        const gl = this._gl;
+        // Bind the shader
+        this._shader.use();
+        // Bind the memory layout and upload data
+        this._layout.use(true);
+        // Update ortho matrix uniform
+        this._shader.setUniformMatrix('u_matrix', this._context.ortho);
+        // Bind index buffer
+        this._quads.bind();
+        // Draw all the quads
+        gl.drawElements(gl.TRIANGLES, this._circleCount * 6, this._quads.bufferGlType, 0);
+        GraphicsDiagnostics.DrawnImagesCount += this._circleCount;
+        GraphicsDiagnostics.DrawCallCount++;
+        // Reset
+        this._circleCount = 0;
+        this._vertexIndex = 0;
+    }
+}
+//# sourceMappingURL=circle-renderer.js.map

package/build/dist/Graphics/Context/circle-renderer/circle-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-renderer.js","sourceRoot":"","sources":["../../../../../src/engine/Graphics/Context/circle-renderer/circle-renderer.ts"],"names":[],"mappings":"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"}

package/build/dist/Graphics/Context/debug-text.js

@@ -0,0 +1,47 @@
+import { ImageSource, SpriteFont, SpriteSheet } from '..';
+import debugFont from './debug-font.png';
+/**
+ * Internal debugtext helper
+ */
+export class DebugText {
+    constructor() {
+        /**
+         * base64 font
+         */
+        this.fontSheet = debugFont;
+        this.size = 16;
+        this.load();
+    }
+    load() {
+        this._imageSource = new ImageSource(this.fontSheet);
+        return this._imageSource.load().then(() => {
+            this._spriteSheet = SpriteSheet.fromImageSource({
+                image: this._imageSource,
+                grid: {
+                    rows: 3,
+                    columns: 16,
+                    spriteWidth: 16,
+                    spriteHeight: 16
+                }
+            });
+            this._spriteFont = new SpriteFont({
+                alphabet: '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ,!\'&."?-()+ ',
+                caseInsensitive: true,
+                spriteSheet: this._spriteSheet,
+                spacing: -6
+            });
+        });
+    }
+    /**
+     * Writes debug text using the built in sprint font
+     * @param ctx
+     * @param text
+     * @param pos
+     */
+    write(ctx, text, pos) {
+        if (this._imageSource.isLoaded()) {
+            this._spriteFont.render(ctx, text, null, pos.x, pos.y);
+        }
+    }
+}
+//# sourceMappingURL=debug-text.js.map

package/build/dist/Graphics/Context/debug-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-text.js","sourceRoot":"","sources":["../../../../src/engine/Graphics/Context/debug-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEpF,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,SAAS;IACpB;QAIA;;WAEG;QACa,cAAS,GAAG,SAAS,CAAC;QAC/B,SAAI,GAAW,EAAE,CAAC;QAPvB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAUM,IAAI;QACT,IAAI,CAAC,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC;gBAC9C,KAAK,EAAE,IAAI,CAAC,YAAY;gBACxB,IAAI,EAAE;oBACJ,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,EAAE;oBACX,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;iBACjB;aACF,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,GAAG,IAAI,UAAU,CAAC;gBAChC,QAAQ,EAAE,mDAAmD;gBAC7D,eAAe,EAAE,IAAI;gBACrB,WAAW,EAAE,IAAI,CAAC,YAAY;gBAC9B,OAAO,EAAE,CAAC,CAAC;aACZ,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,KAAK,CAAC,GAA6B,EAAE,IAAY,EAAE,GAAW;QACnE,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE;YAChC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;SACxD;IACH,CAAC;CACF"}