@rasamjs/tools 0.1.0 → 0.2.0

package/dist/editor/draw-tool.js

@@ -0,0 +1,174 @@
+import { beginChangeGroup } from '@rasamjs/core/changes';
+import { assertPoint } from '../snapping/options.js';
+import { Surface, svg } from './surface.js';
+import { PointerDrag } from './pointer.js';
+export class DrawTool {
+    drawing;
+    options;
+    surface;
+    hit;
+    enabledState = true;
+    active = null;
+    constructor(drawing, options) {
+        this.drawing = drawing;
+        this.options = options;
+        if (!options?.snapper || typeof options.snapper.begin !== 'function')
+            throw new TypeError('Drawing needs a point snapper');
+        if (!['rect', 'ellipse', 'line', 'path'].includes(options.kind ?? 'rect'))
+            throw new TypeError('Unknown drawing tool');
+        if (options.onCreate !== undefined && typeof options.onCreate !== 'function')
+            throw new TypeError('onCreate must be a function');
+        this.options = { ...options, paint: { ...options.paint } };
+        this.surface = new Surface(drawing, 'rasam-draw-tool', () => this.render());
+        this.surface.element.style.zIndex = '10';
+        this.hit = svg(drawing.el.ownerDocument, 'rect', {
+            width: '100%',
+            height: '100%',
+            fill: 'transparent',
+        });
+        this.hit.style.pointerEvents = 'all';
+        this.hit.style.cursor = 'crosshair';
+        this.surface.element.append(this.hit);
+        new PointerDrag(this.surface, {
+            start: (event) => {
+                if (!this.enabled)
+                    return false;
+                this.begin({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey);
+                return true;
+            },
+            move: (event) => this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey),
+            end: (cancelled, event) => {
+                if (event && !cancelled)
+                    this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey);
+                this.end(cancelled);
+            },
+        });
+        this.surface.cleanup(() => this.end(true));
+    }
+    get enabled() {
+        return this.enabledState;
+    }
+    get isDestroyed() {
+        return this.surface.isDestroyed;
+    }
+    set enabled(value) {
+        if (typeof value !== 'boolean')
+            throw new TypeError('enabled must be boolean');
+        this.enabledState = value;
+        if (!value)
+            this.end(true);
+        this.render();
+    }
+    begin(client, ignore = false) {
+        if (this.isDestroyed)
+            throw new Error('Drawing tool is destroyed');
+        this.end(true);
+        assertPoint(client);
+        const session = this.options.snapper.begin({ kind: 'point', client });
+        let start;
+        try {
+            start = this.drawing.fromClient(session?.snap(client, { ignore }) ?? client);
+            if (!start)
+                throw new Error('Drawing mapping is unavailable');
+        }
+        catch (error) {
+            session?.end();
+            throw error;
+        }
+        const kind = this.options.kind ?? 'rect';
+        const preview = svg(this.drawing.el.ownerDocument, kind);
+        preview.style.pointerEvents = 'none';
+        this.surface.element.append(preview);
+        this.active = { start, session, preview, attributes: {} };
+        this.move(client, ignore);
+    }
+    move(client, ignore = false) {
+        assertPoint(client);
+        const active = this.active;
+        if (!active)
+            return;
+        try {
+            const end = this.drawing.fromClient(active.session?.snap(client, { ignore }) ?? client);
+            if (!end)
+                return;
+            const { start } = active, x = Math.min(start.x, end.x), y = Math.min(start.y, end.y);
+            const width = Math.abs(end.x - start.x), height = Math.abs(end.y - start.y);
+            const paint = { fill: '#8bbbf4', stroke: '#2563a6', ...(this.options.paint ?? {}) };
+            const kind = this.options.kind ?? 'rect';
+            active.attributes =
+                kind === 'ellipse'
+                    ? { ...paint, cx: x + width / 2, cy: y + height / 2, rx: width / 2, ry: height / 2 }
+                    : kind === 'line'
+                        ? { ...paint, x1: start.x, y1: start.y, x2: end.x, y2: end.y }
+                        : kind === 'path'
+                            ? { ...paint, d: `M${start.x} ${start.y} L${end.x} ${end.y}` }
+                            : { ...paint, x, y, width, height };
+            for (const [key, value] of Object.entries(active.attributes))
+                active.preview.setAttribute(key, String(value));
+            this.update();
+        }
+        catch (error) {
+            this.end(true);
+            throw error;
+        }
+    }
+    end(cancelled = false) {
+        const active = this.active;
+        this.active = null;
+        if (!active)
+            return null;
+        try {
+            active.preview.remove();
+            if (cancelled)
+                return null;
+            const group = beginChangeGroup(this.drawing, { source: 'drawing-tool' });
+            let node;
+            try {
+                node = group.run(() => {
+                    switch (this.options.kind ?? 'rect') {
+                        case 'ellipse':
+                            return this.drawing.ellipse({
+                                ...active.attributes,
+                                rx: Number(active.attributes.rx),
+                                ry: Number(active.attributes.ry),
+                            });
+                        case 'line':
+                            return this.drawing.line({
+                                ...active.attributes,
+                                x2: Number(active.attributes.x2),
+                                y2: Number(active.attributes.y2),
+                            });
+                        case 'path':
+                            return this.drawing.path({ ...active.attributes, d: String(active.attributes.d) });
+                        default:
+                            return this.drawing.rect(active.attributes);
+                    }
+                });
+            }
+            finally {
+                group.end();
+            }
+            this.options.onCreate?.(node);
+            return node;
+        }
+        finally {
+            active.session?.end();
+        }
+    }
+    update() {
+        this.surface.update();
+        return this;
+    }
+    destroy() {
+        this.surface.destroy();
+    }
+    render() {
+        this.surface.element.style.display = this.enabled ? '' : 'none';
+        if (!this.active)
+            return;
+        const origin = this.surface.fromRoot({ x: 0, y: 0 }), u = this.surface.fromRoot({ x: 1, y: 0 }), v = this.surface.fromRoot({ x: 0, y: 1 });
+        if (origin && u && v)
+            this.active.preview.setAttribute('transform', `matrix(${u.x - origin.x} ${u.y - origin.y} ${v.x - origin.x} ${v.y - origin.y} ${origin.x} ${origin.y})`);
+    }
+}
+//# sourceMappingURL=draw-tool.js.map

package/dist/editor/draw-tool.js.map

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

package/dist/editor/path-editor.d.ts

@@ -0,0 +1,34 @@
+import { Path } from '@rasamjs/core';
+import type { Point, Polygon, Polyline, Svg } from '@rasamjs/core';
+import type { PointSnapper } from './draw-tool.js';
+export type EditablePath = Path | Polyline | Polygon;
+export interface PathHandle {
+    readonly point: Point;
+    readonly command: number;
+    readonly coordinate: number;
+    readonly control: boolean;
+}
+export interface PathEditorOptions {
+    readonly snapper: PointSnapper;
+    readonly stroke?: string;
+}
+export declare class PathEditor {
+    private readonly drawing;
+    private readonly options;
+    private readonly surface;
+    private node;
+    private observe;
+    private stopNode;
+    private active;
+    constructor(drawing: Svg, options: PathEditorOptions);
+    attach(node: EditablePath | null): this;
+    get handles(): readonly PathHandle[];
+    begin(index: number): void;
+    move(client: Point, ignore?: boolean): void;
+    end(cancelled?: boolean): void;
+    update(): this;
+    get isDestroyed(): boolean;
+    destroy(): void;
+    private render;
+}
+//# sourceMappingURL=path-editor.d.ts.map

package/dist/editor/path-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"path-editor.d.ts","sourceRoot":"","sources":["../../src/editor/path-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAe,MAAM,eAAe,CAAC;AAIhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AACD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AACD,qBAAa,UAAU;IAanB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAb1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAU;IAClC,OAAO,CAAC,IAAI,CAA6B;IACzC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,MAAM,CAME;IAChB,YACmB,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,iBAAiB,EAgC5C;IACD,MAAM,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,IAAI,CAyBtC;IACD,IAAI,OAAO,IAAI,SAAS,UAAU,EAAE,CA8BnC;IACD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAgBzB;IACD,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,UAAQ,GAAG,IAAI,CAyBxC;IACD,GAAG,CAAC,SAAS,UAAQ,GAAG,IAAI,CAmB3B;IACD,MAAM,IAAI,IAAI,CAGb;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,OAAO,IAAI,IAAI,CAEd;IACD,OAAO,CAAC,MAAM;CA0Bf"}

package/dist/editor/path-editor.js

@@ -0,0 +1,208 @@
+import { Path, PathArray, PointArray } from '@rasamjs/core';
+import { beginChangeGroup } from '@rasamjs/core/changes';
+import { assertPoint } from '../snapping/options.js';
+import { Surface, svg } from './surface.js';
+import { PointerDrag } from './pointer.js';
+export class PathEditor {
+    drawing;
+    options;
+    surface;
+    node = null;
+    observe = null;
+    stopNode = null;
+    active = null;
+    constructor(drawing, options) {
+        this.drawing = drawing;
+        this.options = options;
+        if (!options?.snapper || typeof options.snapper.begin !== 'function')
+            throw new TypeError('Path editing needs a point snapper');
+        if (options.stroke !== undefined &&
+            (typeof options.stroke !== 'string' || !options.stroke.trim()))
+            throw new TypeError('Path stroke must be nonempty');
+        this.options = { ...options };
+        this.surface = new Surface(drawing, 'rasam-path-editor', () => this.render());
+        this.surface.element.style.zIndex = '20';
+        new PointerDrag(this.surface, {
+            start: (event) => {
+                const handle = event.target.closest('[data-path-handle]');
+                if (!handle)
+                    return false;
+                this.begin(Number(handle.getAttribute('data-path-handle')));
+                return true;
+            },
+            move: (event) => this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey),
+            end: (cancelled, event) => {
+                if (event && !cancelled)
+                    this.move({ x: event.clientX, y: event.clientY }, event.ctrlKey || event.metaKey);
+                this.end(cancelled);
+            },
+        });
+        this.surface.cleanup(() => {
+            this.end(true);
+            this.observe?.disconnect();
+            this.stopNode?.();
+        });
+    }
+    attach(node) {
+        if (node && this.surface.isDestroyed)
+            throw new Error('Path editor is destroyed');
+        this.end(true);
+        this.observe?.disconnect();
+        this.stopNode?.();
+        this.stopNode = null;
+        if (node &&
+            (node.isDestroyed ||
+                node.context !== this.drawing.context ||
+                !this.drawing.el.contains(node.el) ||
+                !['path', 'polyline', 'polygon'].includes(node.el.localName)))
+            throw new TypeError('Expected a live path in this drawing');
+        this.node = node;
+        if (node) {
+            this.observe = new this.surface.view.MutationObserver(this.surface.schedule);
+            this.observe.observe(this.drawing.el, {
+                attributes: true,
+                childList: true,
+                subtree: true,
+            });
+            this.stopNode = node.onDispose(() => this.attach(null));
+        }
+        return this.update();
+    }
+    get handles() {
+        if (!this.node || this.node.isDestroyed)
+            return [];
+        if (!(this.node instanceof Path))
+            return this.node
+                .array()
+                .toArray()
+                .map((point, command) => ({ point, command, coordinate: 0, control: false }));
+        return this.node
+            .array()
+            .toArray()
+            .flatMap((command, index) => {
+            const offsets = command[0] === 'Z'
+                ? []
+                : command[0] === 'A'
+                    ? [6]
+                    : command[0] === 'C'
+                        ? [1, 3, 5]
+                        : command[0] === 'Q'
+                            ? [1, 3]
+                            : [1];
+            return offsets.map((coordinate) => ({
+                command: index,
+                coordinate,
+                point: { x: command[coordinate], y: command[coordinate + 1] },
+                control: coordinate !==
+                    (command[0] === 'C' ? 5 : command[0] === 'Q' ? 3 : command[0] === 'A' ? 6 : 1),
+            }));
+        });
+    }
+    begin(index) {
+        if (this.surface.isDestroyed)
+            throw new Error('Path editor is destroyed');
+        this.end(true);
+        const node = this.node, handle = this.handles[index];
+        if (!node || !handle)
+            throw new RangeError('Unknown path handle');
+        const client = node.toClient(handle.point);
+        if (!client)
+            throw new Error('Path mapping is unavailable');
+        const session = this.options.snapper.begin({ kind: 'point', client, nodes: [node] });
+        this.active = {
+            handle,
+            before: node.array().toArray(),
+            serialized: node instanceof Path ? String(node.d) : String(node.attr('points')),
+            session,
+            group: beginChangeGroup(node, { source: 'path-editor' }),
+        };
+    }
+    move(client, ignore = false) {
+        assertPoint(client);
+        const active = this.active, node = this.node;
+        if (!active || !node)
+            return;
+        try {
+            const point = node.fromClient(active.session?.snap(client, { ignore }) ?? client);
+            if (!point)
+                return;
+            active.group.run(() => {
+                if (node instanceof Path) {
+                    const commands = active.before.map((command) => [...command]);
+                    commands[active.handle.command][active.handle.coordinate] = point.x;
+                    commands[active.handle.command][active.handle.coordinate + 1] = point.y;
+                    node.plot(new PathArray(commands));
+                }
+                else {
+                    const points = active.before.map((point) => ({ ...point }));
+                    points[active.handle.command] = point;
+                    node.plot(new PointArray(points));
+                }
+            });
+            this.update();
+        }
+        catch (error) {
+            this.end(true);
+            throw error;
+        }
+    }
+    end(cancelled = false) {
+        const active = this.active;
+        this.active = null;
+        if (!active)
+            return;
+        try {
+            const node = this.node;
+            if (cancelled && node && !node.isDestroyed)
+                active.group.run(() => {
+                    if (node instanceof Path)
+                        node.attr('d', active.serialized);
+                    else
+                        node.attr('points', active.serialized);
+                });
+        }
+        finally {
+            try {
+                active.group.end(cancelled);
+            }
+            finally {
+                active.session?.end();
+            }
+        }
+        this.update();
+    }
+    update() {
+        this.surface.update();
+        return this;
+    }
+    get isDestroyed() {
+        return this.surface.isDestroyed;
+    }
+    destroy() {
+        this.surface.destroy();
+    }
+    render() {
+        const node = this.node, document = this.drawing.el.ownerDocument;
+        this.surface.element.replaceChildren(...this.handles.flatMap((handle, index) => {
+            const client = node?.toClient(handle.point), point = client && this.surface.fromClient(client);
+            if (!point)
+                return [];
+            const circle = svg(document, 'circle', {
+                cx: point.x,
+                cy: point.y,
+                r: handle.control ? 4 : 5,
+                fill: handle.control ? '#fff' : '#3f82df',
+                stroke: this.options.stroke ?? '#215eb3',
+                'vector-effect': 'non-scaling-stroke',
+                'data-path-handle': index,
+                tabindex: 0,
+                role: 'button',
+                'aria-label': `${handle.control ? 'Control' : 'Anchor'} point ${index + 1}`,
+            });
+            circle.style.pointerEvents = 'all';
+            circle.style.cursor = 'move';
+            return [circle];
+        }));
+    }
+}
+//# sourceMappingURL=path-editor.js.map

package/dist/editor/path-editor.js.map

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

package/dist/editor/pointer.d.ts

@@ -0,0 +1,21 @@
+import type { Surface } from './surface.js';
+interface Callbacks {
+    start(event: PointerEvent): boolean;
+    move(event: PointerEvent): void;
+    end(cancelled: boolean, event?: PointerEvent): void;
+}
+/** Capture and cancellation are shared by drawing, path handles and ruler drags. */
+export declare class PointerDrag {
+    private readonly surface;
+    private readonly callbacks;
+    private pointer;
+    constructor(surface: Surface, callbacks: Callbacks);
+    private readonly down;
+    private readonly move;
+    private readonly up;
+    private readonly lost;
+    cancel(): void;
+    private finish;
+}
+export {};
+//# sourceMappingURL=pointer.d.ts.map

package/dist/editor/pointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer.d.ts","sourceRoot":"","sources":["../../src/editor/pointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,SAAS;IACjB,KAAK,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACrD;AACD,oFAAoF;AACpF,qBAAa,WAAW;IAGpB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAH5B,OAAO,CAAC,OAAO,CAAuB;IACtC,YACmB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EAsBtC;IACD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAkBnB;IACF,OAAO,CAAC,QAAQ,CAAC,IAAI,CAQnB;IACF,OAAO,CAAC,QAAQ,CAAC,EAAE,CAGjB;IACF,OAAO,CAAC,QAAQ,CAAC,IAAI,CAEnB;IACF,MAAM,IAAI,IAAI,CAEb;IACD,OAAO,CAAC,MAAM;CAWf"}

package/dist/editor/pointer.js

@@ -0,0 +1,86 @@
+/** Capture and cancellation are shared by drawing, path handles and ruler drags. */
+export class PointerDrag {
+    surface;
+    callbacks;
+    pointer = null;
+    constructor(surface, callbacks) {
+        this.surface = surface;
+        this.callbacks = callbacks;
+        surface.element.style.touchAction = 'none';
+        surface.listen(surface.element, 'pointerdown', this.down);
+        surface.listen(surface.view, 'pointermove', this.move);
+        surface.listen(surface.view, 'pointerup', this.up);
+        surface.listen(surface.view, 'pointercancel', this.lost);
+        surface.listen(surface.element, 'lostpointercapture', this.lost);
+        surface.listen(surface.view, 'blur', () => this.cancel());
+        surface.listen(surface.view, 'keydown', ((event) => {
+            if (this.pointer !== null && event.key === 'Escape') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.cancel();
+            }
+        }), true);
+        surface.cleanup(() => this.cancel());
+    }
+    down = (event) => {
+        if (event.defaultPrevented || this.pointer !== null || event.button !== 0 || !event.isPrimary)
+            return;
+        try {
+            if (!this.callbacks.start(event))
+                return;
+            this.pointer = event.pointerId;
+            this.surface.element.setPointerCapture(event.pointerId);
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        catch (error) {
+            try {
+                if (this.pointer === null)
+                    this.callbacks.end(true);
+                else
+                    this.cancel();
+            }
+            catch (cleanup) {
+                throw new AggregateError([error, cleanup], 'Pointer acquisition and recovery failed');
+            }
+            throw error;
+        }
+    };
+    move = (event) => {
+        if (event.pointerId !== this.pointer)
+            return;
+        try {
+            this.callbacks.move(event);
+        }
+        catch (error) {
+            this.cancel();
+            throw error;
+        }
+    };
+    up = (event) => {
+        if (event.pointerId !== this.pointer)
+            return;
+        this.finish(false, event);
+    };
+    lost = (event) => {
+        if (event.pointerId === this.pointer)
+            this.cancel();
+    };
+    cancel() {
+        this.finish(true);
+    }
+    finish(cancelled, event) {
+        const pointer = this.pointer;
+        if (pointer === null)
+            return;
+        this.pointer = null;
+        try {
+            this.callbacks.end(cancelled, event);
+        }
+        finally {
+            if (this.surface.element.hasPointerCapture?.(pointer))
+                this.surface.element.releasePointerCapture(pointer);
+        }
+    }
+}
+//# sourceMappingURL=pointer.js.map

package/dist/editor/pointer.js.map

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

package/dist/editor/surface.d.ts

@@ -0,0 +1,31 @@
+import { Matrix } from '@rasamjs/core';
+import type { Point, Svg } from '@rasamjs/core';
+export declare function svg<Tag extends keyof SVGElementTagNameMap>(document: Document, tag: Tag, attributes?: Record<string, string | number>): SVGElementTagNameMap[Tag];
+/** Owns an editor-only SVG and every observer/listener registered by its tool. */
+export declare class Surface {
+    readonly drawing: Svg;
+    private readonly render;
+    readonly element: SVGSVGElement;
+    readonly view: Window & typeof globalThis;
+    private readonly cleanups;
+    private pending;
+    private disposed;
+    constructor(drawing: Svg, name: string, render: () => void);
+    cleanup(callback: () => void): void;
+    get isDestroyed(): boolean;
+    listen(target: EventTarget, type: string, listener: EventListener, capture?: boolean): void;
+    readonly schedule: () => void;
+    update(): this;
+    screenMatrix(): Matrix | null;
+    fromClient(point: Point): Point | null;
+    fromRoot(point: Point): Point | null;
+    extent(): Point;
+    rootBounds(): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    } | null;
+    destroy(): void;
+}
+//# sourceMappingURL=surface.d.ts.map

package/dist/editor/surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/editor/surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAGhD,wBAAgB,GAAG,CAAC,GAAG,SAAS,MAAM,oBAAoB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,GAC/C,oBAAoB,CAAC,GAAG,CAAC,CAI3B;AAED,kFAAkF;AAClF,qBAAa,OAAO;IAOhB,QAAQ,CAAC,OAAO,EAAE,GAAG;IAErB,OAAO,CAAC,QAAQ,CAAC,MAAM;IARzB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,UAAU,CAAC;IAC1C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsB;IAC/C,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,QAAQ,CAAS;IACzB,YACW,OAAO,EAAE,GAAG,EACrB,IAAI,EAAE,MAAM,EACK,MAAM,EAAE,MAAM,IAAI,EA0CpC;IACD,OAAO,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAElC;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,UAAQ,GAAG,IAAI,CAGxF;IACD,QAAQ,CAAC,QAAQ,QAAO,IAAI,CAM1B;IACF,MAAM,IAAI,IAAI,CAKb;IACD,YAAY,IAAI,MAAM,GAAG,IAAI,CAG5B;IACD,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAErC;IACD,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,IAAI,CAGnC;IACD,MAAM,IAAI,KAAK,CAMd;IACD,UAAU,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAiBhF;IACD,OAAO,IAAI,IAAI,CAad;CACF"}