@mhamz.01/easyflow-whiteboard 1.0.0

package/dist/hooks/useZoom.js

@@ -0,0 +1,133 @@
+import { useCallback, useEffect } from "react";
+import { Point } from "fabric";
+export const useZoom = ({ fabricCanvas, MIN_ZOOM, MAX_ZOOM, canvasZoom, canvasViewport, setCanvasZoom, setCanvasViewport, }) => {
+    const handleZoom = useCallback((newZoom, point) => {
+        const canvas = fabricCanvas.current;
+        if (!canvas)
+            return;
+        const clampedZoom = Math.min(Math.max(newZoom, MIN_ZOOM), MAX_ZOOM);
+        const pivot = point
+            ? new Point(point.x, point.y)
+            : new Point(canvas.getWidth() / 2, canvas.getHeight() / 2);
+        canvas.zoomToPoint(pivot, clampedZoom);
+        const vpt = canvas.viewportTransform;
+        if (vpt) {
+            setCanvasZoom(clampedZoom);
+            setCanvasViewport({ x: vpt[4], y: vpt[5] });
+        }
+        canvas.requestRenderAll();
+    }, [MIN_ZOOM, MAX_ZOOM, setCanvasZoom, setCanvasViewport, fabricCanvas]);
+    // Wheel handler
+    useEffect(() => {
+        const canvas = fabricCanvas.current;
+        if (!canvas)
+            return;
+        const onWheel = (opt) => {
+            const e = opt.e;
+            e.preventDefault();
+            e.stopPropagation();
+            const vpt = canvas.viewportTransform;
+            if (!vpt)
+                return;
+            if (e.ctrlKey || e.metaKey) {
+                // Zoom logic
+                const rect = canvas.getElement().getBoundingClientRect();
+                handleZoom(e.deltaY < 0 ? canvasZoom * 1.1 : canvasZoom / 1.1, { x: e.clientX - rect.left, y: e.clientY - rect.top });
+            }
+            else {
+                // Pan via wheel
+                const delta = e.deltaY;
+                const shiftDelta = e.deltaX || e.deltaY;
+                vpt[5] -= delta;
+                if (e.shiftKey)
+                    vpt[4] -= shiftDelta;
+                setCanvasViewport({ x: vpt[4], y: vpt[5] });
+                // Sync selection coordinates
+                const activeObj = canvas.getActiveObject();
+                if (activeObj) {
+                    activeObj.setCoords();
+                    if (activeObj.type === "activeSelection") {
+                        const objects = activeObj.getObjects();
+                        objects.forEach((obj) => obj.setCoords());
+                        activeObj.setCoords();
+                    }
+                }
+                canvas.calcOffset();
+                canvas.requestRenderAll();
+            }
+        };
+        canvas.on("mouse:wheel", onWheel);
+        return () => canvas.off("mouse:wheel", onWheel);
+    }, [canvasZoom, canvasViewport, handleZoom, setCanvasViewport, fabricCanvas]);
+    // Prevent browser zoom
+    useEffect(() => {
+        const prevent = (e) => {
+            if (e.ctrlKey || e.metaKey)
+                e.preventDefault();
+        };
+        window.addEventListener("wheel", prevent, { passive: false });
+        return () => window.removeEventListener("wheel", prevent);
+    }, []);
+    // Keyboard shortcuts
+    useEffect(() => {
+        const onKey = (e) => {
+            if (e.target instanceof HTMLInputElement ||
+                e.target instanceof HTMLTextAreaElement)
+                return;
+            if (!(e.ctrlKey || e.metaKey))
+                return;
+            if (e.key === "=" || e.key === "+") {
+                e.preventDefault();
+                handleZoom(canvasZoom + 0.1);
+            }
+            else if (e.key === "-" || e.key === "_") {
+                e.preventDefault();
+                handleZoom(canvasZoom - 0.1);
+            }
+            else if (e.key === "0") {
+                e.preventDefault();
+                const canvas = fabricCanvas.current;
+                if (!canvas)
+                    return;
+                canvas.setZoom(1);
+                const vpt = canvas.viewportTransform;
+                if (vpt) {
+                    vpt[4] = 0;
+                    vpt[5] = 0;
+                    setCanvasViewport({ x: 0, y: 0 });
+                }
+                setCanvasZoom(1);
+                canvas.renderAll();
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [canvasZoom, handleZoom, setCanvasZoom, setCanvasViewport, fabricCanvas]);
+    // Sync viewport state
+    useEffect(() => {
+        const canvas = fabricCanvas.current;
+        if (!canvas)
+            return;
+        const sync = () => {
+            const vpt = canvas.viewportTransform;
+            if (!vpt)
+                return;
+            const z = canvas.getZoom();
+            if (canvasViewport.x !== vpt[4] || canvasViewport.y !== vpt[5]) {
+                setCanvasViewport({ x: vpt[4], y: vpt[5] });
+            }
+            if (canvasZoom !== z) {
+                setCanvasZoom(z);
+            }
+        };
+        canvas.on("after:render", sync);
+        canvas.on("object:moving", sync);
+        canvas.on("mouse:up", sync);
+        return () => {
+            canvas.off("after:render", sync);
+            canvas.off("object:moving", sync);
+            canvas.off("mouse:up", sync);
+        };
+    }, [fabricCanvas, setCanvasViewport, setCanvasZoom]);
+    return { handleZoom };
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as EasyflowWhiteboard } from "./components/whiteboard/whiteboard-test";
+export { useWhiteboardStore } from './store/whiteboard-store';
+export type { TaskNodeData, DocumentNodeData } from './types/canvas-node';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAkCA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,30 @@
+// export {default as EasyflowWhiteboard} from "./components/whiteboard/whiteboard-test";
+// export * from "./hooks/useCanvasInit";
+// export * from "./hooks/useDrawing";
+// export * from "./hooks/useEraser";
+// export * from "./hooks/usePan";
+// export * from "./hooks/useZoom";
+// export * from "./hooks/useSelection";
+// export * from "./hooks/useLiveUpdate";
+// export * from "./hooks/useMouseHandlers";
+// export * from "./hooks/usePersistance";
+// export * from "./hooks/useToolManager";
+// export * from "./hooks/useTextStyle";
+// export * from "./lib/fabric-frame";
+// export * from "./lib/fabric-arrow";
+// export * from "./lib/fabric-bidirectional-arrow";
+// export * from "./lib/fabric-utils";
+// export * from "./lib/utils";
+// export * from "./store/whiteboard-store";
+// export * from "./components/toolbar/whiteboard-toolbar";
+// export * from "./components/toolbar/tooloptions-panel";
+// export * from "./components/node/custom-node-overlay-layer";
+// export * from "./components/zoomcontrol/zoom-control";
+// export * from "./components/whiteboard/whiteboard-test";
+// export * from "./components/node/document-node";
+// export * from "./components/node/custom-node";
+// export * from "./components/toolbar/document-dropdown";
+// export * from "./components/toolbar/task-dropdown";
+// export * from "./components/toolbar/document-dropdown";
+export { default as EasyflowWhiteboard } from "./components/whiteboard/whiteboard-test";
+export { useWhiteboardStore } from './store/whiteboard-store';

package/dist/lib/eraser-brush.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=eraser-brush.d.ts.map

package/dist/lib/eraser-brush.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eraser-brush.d.ts","sourceRoot":"","sources":["../../src/lib/eraser-brush.ts"],"names":[],"mappings":""}

package/dist/lib/eraser-brush.js

@@ -0,0 +1,21 @@
+"use strict";
+// import { PencilBrush,Path } from "fabric";
+// export class EraserBrush extends PencilBrush {
+//     _finalizeAndAddPath() {
+//       const ctx = this.canvas.getContext();
+//       ctx.save();
+//       ctx.globalCompositeOperation = "destination-out";
+//       const pathData = this.convertPointsToSVGPath(this._points);
+//       const path = this.createPath(pathData);
+//       path.set({
+//         globalCompositeOperation: "destination-out",
+//         selectable: false,
+//         evented: false,
+//       });
+//       this.canvas.add(path);
+//       this.canvas.requestRenderAll();
+//       ctx.restore();
+//       this._resetShadow();
+//       this._points = [];
+//     }
+//   }

package/dist/lib/fabric-arrow.d.ts

@@ -0,0 +1,16 @@
+import { Line, TClassProperties, FabricObjectProps, SerializedLineProps } from "fabric";
+export declare class Arrow extends Line {
+    static type: string;
+    constructor(points: [number, number, number, number], options?: any);
+    _render(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Fixes the Type signature mismatch.
+     * K extends keyof T = never ensures compatibility with the base class generics.
+     */
+    toObject<T extends Omit<Partial<FabricObjectProps> & TClassProperties<this>, keyof SerializedLineProps>, K extends keyof T = never>(propertiesToInclude?: K[]): Pick<T, K> & SerializedLineProps;
+    /**
+     * Deserialization support
+     */
+    static fromObject(object: any): Promise<Arrow>;
+}
+//# sourceMappingURL=fabric-arrow.d.ts.map

package/dist/lib/fabric-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabric-arrow.d.ts","sourceRoot":"","sources":["../../src/lib/fabric-arrow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAEvG,qBAAa,KAAM,SAAQ,IAAI;IAC7B,MAAM,CAAC,IAAI,SAAW;gBAIV,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG;IAInE,OAAO,CAAC,GAAG,EAAE,wBAAwB;IA2BrC;;;OAGG;IACH,QAAQ,CACN,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,mBAAmB,CAAC,EAC9F,CAAC,SAAS,MAAM,CAAC,GAAG,KAAK,EACzB,mBAAmB,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB;IAI9D;;OAEG;IACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC;CAU/C"}

package/dist/lib/fabric-arrow.js

@@ -0,0 +1,50 @@
+import { Line, classRegistry } from "fabric";
+export class Arrow extends Line {
+    // Use the specific tuple type Fabric expects for Line
+    // This solves: "Target requires 4 element(s) but source may have fewer"
+    constructor(points, options) {
+        super(points, options);
+    }
+    _render(ctx) {
+        super._render(ctx);
+        const p = this.calcLinePoints();
+        const dx = p.x2 - p.x1;
+        const dy = p.y2 - p.y1;
+        const angle = Math.atan2(dy, dx);
+        const headLength = 15;
+        const headWidth = 10;
+        ctx.save();
+        ctx.translate(p.x2, p.y2);
+        ctx.rotate(angle);
+        ctx.beginPath();
+        ctx.moveTo(0, 0);
+        ctx.lineTo(-headLength, headWidth / 2);
+        ctx.lineTo(-headLength, -headWidth / 2);
+        ctx.closePath();
+        ctx.fillStyle = this.stroke || "#000000";
+        ctx.fill();
+        ctx.restore();
+    }
+    /**
+     * Fixes the Type signature mismatch.
+     * K extends keyof T = never ensures compatibility with the base class generics.
+     */
+    toObject(propertiesToInclude) {
+        return super.toObject(propertiesToInclude);
+    }
+    /**
+     * Deserialization support
+     */
+    static fromObject(object) {
+        // Explicitly cast to the required tuple type [number, number, number, number]
+        const points = [
+            object.x1,
+            object.y1,
+            object.x2,
+            object.y2,
+        ];
+        return Promise.resolve(new Arrow(points, object));
+    }
+}
+Arrow.type = "arrow";
+classRegistry.setClass(Arrow, "arrow");

package/dist/lib/fabric-bidirectional-arrow.d.ts

@@ -0,0 +1,20 @@
+import { Line, TClassProperties, FabricObjectProps, SerializedLineProps, ObjectEvents } from "fabric";
+export declare class BidirectionalArrow extends Line<Partial<FabricObjectProps>, SerializedLineProps, ObjectEvents> {
+    static type: string;
+    headSize: number;
+    constructor(points: [number, number, number, number], options?: any);
+    static cacheProperties: string[];
+    _render(ctx: CanvasRenderingContext2D): void;
+    private _drawArrowHead;
+    /**
+     * Signature must be exact. Casting the return to 'any' allows us to bypass
+     * the Pick/Omit complexity of the Fabric v6 base type.
+     */
+    toObject<T extends Omit<Partial<FabricObjectProps> & TClassProperties<this>, keyof SerializedLineProps>, K extends keyof T = never>(propertiesToInclude?: K[]): Pick<T, K> & SerializedLineProps;
+    /**
+     * Static side inheritance requires the return to be compatible with Promise<Line>.
+     * Casting the result to Promise<any> satisfies the static extension check.
+     */
+    static fromObject(object: any): Promise<any>;
+}
+//# sourceMappingURL=fabric-bidirectional-arrow.d.ts.map

package/dist/lib/fabric-bidirectional-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabric-bidirectional-arrow.d.ts","sourceRoot":"","sources":["../../src/lib/fabric-bidirectional-arrow.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,IAAI,EAEJ,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACb,MAAM,QAAQ,CAAC;AAGhB,qBAAa,kBAAmB,SAAQ,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,YAAY,CAAC;IACzG,OAAgB,IAAI,SAAyB;IAEtC,QAAQ,EAAE,MAAM,CAAC;gBAEZ,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,GAAG;IAKnE,OAAgB,eAAe,WAAyC;IAExE,OAAO,CAAC,GAAG,EAAE,wBAAwB;IA6BrC,OAAO,CAAC,cAAc;IAStB;;;OAGG;IACM,QAAQ,CACf,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,mBAAmB,CAAC,EAC9F,CAAC,SAAS,MAAM,CAAC,GAAG,KAAK,EACzB,mBAAmB,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB;IAO9D;;;OAGG;WACa,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;CAStD"}

package/dist/lib/fabric-bidirectional-arrow.js

@@ -0,0 +1,65 @@
+import { Line, classRegistry } from "fabric";
+// We must include the third generic <ObjectEvents> to match the Line class signature perfectly
+export class BidirectionalArrow extends Line {
+    constructor(points, options) {
+        super(points, options);
+        this.headSize = options?.headSize || 12;
+    }
+    _render(ctx) {
+        super._render(ctx);
+        const p = this.calcLinePoints();
+        const dx = p.x2 - p.x1;
+        const dy = p.y2 - p.y1;
+        const angle = Math.atan2(dy, dx);
+        const head = this.headSize;
+        ctx.save();
+        ctx.fillStyle = this.stroke || "#000000";
+        // End Arrowhead
+        ctx.save();
+        ctx.translate(p.x2, p.y2);
+        ctx.rotate(angle);
+        this._drawArrowHead(ctx, head);
+        ctx.restore();
+        // Start Arrowhead
+        ctx.save();
+        ctx.translate(p.x1, p.y1);
+        ctx.rotate(angle + Math.PI);
+        this._drawArrowHead(ctx, head);
+        ctx.restore();
+        ctx.restore();
+    }
+    _drawArrowHead(ctx, size) {
+        ctx.beginPath();
+        ctx.moveTo(0, 0);
+        ctx.lineTo(-size, size / 2);
+        ctx.lineTo(-size, -size / 2);
+        ctx.closePath();
+        ctx.fill();
+    }
+    /**
+     * Signature must be exact. Casting the return to 'any' allows us to bypass
+     * the Pick/Omit complexity of the Fabric v6 base type.
+     */
+    toObject(propertiesToInclude) {
+        return {
+            ...super.toObject(propertiesToInclude),
+            headSize: this.headSize,
+        };
+    }
+    /**
+     * Static side inheritance requires the return to be compatible with Promise<Line>.
+     * Casting the result to Promise<any> satisfies the static extension check.
+     */
+    static fromObject(object) {
+        const points = [
+            object.x1,
+            object.y1,
+            object.x2,
+            object.y2,
+        ];
+        return Promise.resolve(new BidirectionalArrow(points, object));
+    }
+}
+BidirectionalArrow.type = "bidirectional-arrow";
+BidirectionalArrow.cacheProperties = [...Line.cacheProperties, "headSize"];
+classRegistry.setClass(BidirectionalArrow, "bidirectional-arrow");

package/dist/lib/fabric-frame.d.ts

@@ -0,0 +1,7 @@
+import { Rect } from "fabric";
+export declare class Frame extends Rect {
+    static type: string;
+    constructor(options?: any);
+    _renderControls(ctx: CanvasRenderingContext2D): void;
+}
+//# sourceMappingURL=fabric-frame.d.ts.map

package/dist/lib/fabric-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabric-frame.d.ts","sourceRoot":"","sources":["../../src/lib/fabric-frame.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAAa,KAAM,SAAQ,IAAI;IAC7B,MAAM,CAAC,IAAI,SAAW;gBAEV,OAAO,GAAE,GAAQ;IAkB7B,eAAe,CAAC,GAAG,EAAE,wBAAwB;CAG9C"}

package/dist/lib/fabric-frame.js

@@ -0,0 +1,25 @@
+// lib/fabric-frame.ts
+import { Rect } from "fabric";
+export class Frame extends Rect {
+    constructor(options = {}) {
+        super({
+            ...options,
+            rx: 0,
+            ry: 0,
+            fill: "#FFFFFF",
+            stroke: "#E5E7EB", // Light gray border
+            strokeWidth: 1,
+            shadow: {
+                color: "rgba(0,0,0,0.1)",
+                blur: 4,
+                offsetX: 0,
+                offsetY: 2,
+            },
+        });
+    }
+    // Override to ensure frames stay behind other objects
+    _renderControls(ctx) {
+        super._renderControls(ctx);
+    }
+}
+Frame.type = "frame";

package/dist/lib/fabric-utils.d.ts

@@ -0,0 +1,30 @@
+import { Canvas, FabricObject, FabricImage } from "fabric";
+export declare const initializeFabricCanvas: (canvas: Canvas) => Canvas;
+export declare const updateDrawingObject: (shape: FabricObject, toolType: string, startPoint: {
+    x: number;
+    y: number;
+}, currentPoint: {
+    x: number;
+    y: number;
+}) => void;
+export declare const deleteSelectedObjects: (canvas: Canvas) => void;
+export declare const exportCanvasToJSON: (canvas: Canvas) => void;
+export declare const importCanvasFromJSON: (canvas: Canvas, json: string, callback?: () => void) => void;
+export declare const exportCanvasToImage: (canvas: Canvas, format?: "png" | "jpeg") => string;
+export declare const calculateDashArray: (strokeDashArray: number[] | null, strokeWidth: number) => number[] | undefined;
+export declare const addText: (canvas: Canvas, options: {
+    text?: string;
+    x?: number;
+    y?: number;
+    fontSize?: number;
+    fontWeight?: string;
+    fontFamily?: string;
+    color?: string;
+    textAlign?: string;
+}) => void;
+export declare const addImageToCanvas: (canvas: Canvas, url: string) => Promise<FabricImage<Partial<import("fabric").ImageProps>, import("fabric").SerializedImageProps, import("fabric").ObjectEvents> | undefined>;
+export declare const clearCanvas: (canvas: Canvas) => void;
+export declare const zoomCanvas: (canvas: Canvas, zoomLevel: number) => void;
+export declare const fitCanvasToObjects: (canvas: Canvas) => void;
+export declare const addWelcomeContent: (canvas: Canvas, logoUrl: string) => Promise<void>;
+//# sourceMappingURL=fabric-utils.d.ts.map

package/dist/lib/fabric-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabric-utils.d.ts","sourceRoot":"","sources":["../../src/lib/fabric-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAmE,WAAW,EAAc,MAAM,QAAQ,CAAC;AAKxI,eAAO,MAAM,sBAAsB,GAAI,QAAQ,MAAM,WAkBpD,CAAC;AAQF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,YAAY,EACnB,UAAU,MAAM,EAChB,YAAY;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACpC,cAAc;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,SAwEvC,CAAC;AAKF,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,SASnD,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,SAEhD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAC/B,QAAQ,MAAM,EACd,MAAM,MAAM,EACZ,WAAW,MAAM,IAAI,SAMtB,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,MAAM,EACd,SAAQ,KAAK,GAAG,MAAc,WAO/B,CAAC;AAUF,eAAO,MAAM,kBAAkB,GAC7B,iBAAiB,MAAM,EAAE,GAAG,IAAI,EAChC,aAAa,MAAM,KAClB,MAAM,EAAE,GAAG,SAKb,CAAC;AAKF,eAAO,MAAM,OAAO,GAClB,QAAQ,MAAM,EACd,SAAS;IACP,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,SAmBF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAU,QAAQ,MAAM,EAAE,KAAK,MAAM,iJAuCjE,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,SAIzC,CAAC;AAGF,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,EAAE,WAAW,MAAM,SAG3D,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,SAoBhD,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAU,QAAQ,MAAM,EAAE,SAAS,MAAM,kBAoFtE,CAAC"}