@kabel-project/kabel 1.0.7 → 1.0.8

package/dist/renderers/renderer.d.ts

@@ -0,0 +1,470 @@
+import RendererConstants from "./constants";
+import WorkspaceSvg from '../src/workspace-svg';
+import NodeSvg from '../src/nodesvg';
+import { G, Path as SvgPath, Svg, Rect } from "@svgdotjs/svg.js";
+import { ColorStyle } from "../src/visual-types";
+import { AnyField, FieldRawBoxData } from "../src/field";
+import Connection, { Connectable } from "../src/connection";
+import CommentRenderer from "../comment-renderer/renderer";
+import type Representer from "./representer";
+export interface ConnectorToFrom {
+    to: Connection;
+    from: Connection;
+    fromCircle?: SvgPath;
+    toCircle?: SvgPath;
+    originConn: Connection;
+    originCircle: SvgPath;
+}
+export interface DrawState {
+    id: string;
+    shadow?: SvgPath;
+    topbar?: SvgPath | null;
+    bg?: SvgPath | null;
+    group?: G | null;
+    fieldCol?: G | null;
+    fieldPosY?: number | null;
+    xButton?: G;
+    pendingConnections: ConnectorToFrom[];
+}
+export interface NodeMeasurements {
+    width: number;
+    height: number;
+    fields: {
+        width: number;
+        height: number;
+    }[];
+}
+declare class Renderer {
+    /**
+     * Set of constants the renderer uses for drawing nodes.
+     */
+    _constants: RendererConstants;
+    /**
+     * The current node being rendered.
+     */
+    _currentNode: NodeSvg | null;
+    /**
+     * The SVG group element for the current node.
+     */
+    _nodeGroup: G | null;
+    /**
+     * The current drawing state for the node.
+     */
+    _nodeDraw: DrawState | null;
+    /**
+     * The workspace this renderer is associated with.
+     */
+    _ws: WorkspaceSvg;
+    /**
+     * Array of stored draw states for rendered nodes.
+     */
+    _drawStates: DrawState[];
+    /**
+     * Comment renderer instance used for rendering comments.
+     */
+    _commentDrawer: CommentRenderer;
+    /**
+     * Representer instance used for building node representations.
+     */
+    representer: Representer;
+    /**
+     * Constant overrides provided during renderer instantiation.
+     */
+    constantOverrides: Partial<RendererConstants>;
+    /**
+     * Tag used for node group elements in the SVG.
+     */
+    static get NODE_G_TAG(): string;
+    /**
+     * Tag used for renderer elements in the SVG.
+     */
+    static get ELEMENT_TAG(): string;
+    /**
+     * Tag used for connection line elements in the SVG.
+     */
+    static get CONN_LINE_TAG(): string;
+    /**
+     * Tag used for connector elements in the SVG.
+     */
+    static get CONNECTOR_TAG(): string;
+    /**
+     * Tag used for line X mark elements in the SVG.
+     */
+    static get LINE_X_MARK_TAG(): string;
+    /**
+     * Tag used for background pattern elements in the SVG. This is constant, do not modify it in subclasses.
+     */
+    static get BACKGROUND_PATTERN(): string;
+    /**
+     * Name of the renderer.
+     */
+    static get NAME(): string;
+    /**
+     * Constructor for the Renderer class.
+     * @param workspace - The workspace associated with the renderer.
+     * @param overrides - Optional constant overrides for the renderer.
+     */
+    constructor(workspace: WorkspaceSvg, overrides?: Partial<RendererConstants>);
+    /**
+     * Initializes the renderer by setting up the comment renderer, representer, and constants.
+     */
+    init(): void;
+    /**
+     * Initializes the renderer constants with any provided overrides.
+     */
+    initConstants(): void;
+    /**
+     * Initializes the representer for the renderer.
+     */
+    initRepresenter(): void;
+    /**
+     * Initializes the comment renderer for the workspace.
+     */
+    initCommentRenderer(): void;
+    /**
+     * Sets the connection to be processed.
+     * @param c - The connection to set.
+     */
+    setConnect(c: ConnectorToFrom): void;
+    /**
+     * Sets the renderer constants.
+     * @param c - Partial constants to override.
+     * @returns The updated constants.
+     */
+    setConstants(c?: Partial<RendererConstants>): RendererConstants & Partial<RendererConstants>;
+    /**
+     * Gets the renderer constants, merging with node style if applicable.
+     */
+    get constants(): RendererConstants;
+    /**
+     * Sets the renderer constants.
+     */
+    set constants(c: Partial<RendererConstants>);
+    /**
+     * Gets the current node being rendered.
+     */
+    get node(): NodeSvg | null;
+    /**
+     * Gets the SVG.js instance from the workspace.
+     */
+    get svg(): Svg;
+    /**
+     * Gets the current drawing state.
+     */
+    get state(): null | undefined | DrawState;
+    /**
+     * Gets the workspace associated with the renderer.
+     * @returns The workspace instance.
+     */
+    getWs(): WorkspaceSvg;
+    /**
+     * Gets the base measurements for a node.
+     * @returns The base width and height of the node.
+     */
+    getNodeBaseMeasurements(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the width of the given text.
+     * @param text - The text to measure.
+     * @param fontSize - The font size to use.
+     * @param fontFamily - The font family to use.
+     * @returns The width of the text.
+     */
+    measureTextWidth(text: string, fontSize?: number, fontFamily?: string): number;
+    /**
+     * Measures the height of the given text.
+     * @param text - The text to measure.
+     * @param fontSize - The font size to use.
+     * @param fontFamily - The font family to use.
+     * @returns The height of the text.
+     */
+    measureTextHeight(text: string, fontSize?: number, fontFamily?: string): number;
+    /**
+     * Measures the dimensions of a raw input field.
+     * @param text - The text content of the raw field.
+     * @returns The width and height of the raw field.
+     */
+    measureRawField(text?: string): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the label of a field.
+     * @param field - The field to measure the label for.
+     * @returns The width and height of the label.
+     */
+    measureLabel(field: AnyField): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the raw input of a field.
+     * @param field - The field to measure the raw input for.
+     * @returns The width and height of the raw input.
+     */
+    measureRaw(field: AnyField): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the custom editor of a field.
+     * @param field - The field to measure the custom editor for.
+     * @returns The width and height of the custom editor.
+     */
+    measureCustom(field: AnyField): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Gets the padding to apply when measuring a field.
+     * @returns The width and height padding for the field.
+     */
+    getFieldMeasurementPadding(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the overall dimensions of a field.
+     * @param field - The field to measure.
+     * @returns The width and height of the field.
+     */
+    measureField(field: AnyField): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Measures the overall dimensions of the current node.
+     * @returns The measurements of the node including width, height, and field dimensions.
+     */
+    measureNodeDimensions(): NodeMeasurements | void | null;
+    /**
+     * Measures all fields of the current node.
+     * @param startY The starting Y position for the fields.
+     * @param startWidth The starting width of the node.
+     * @param startHeight The starting height of the node.
+     * @returns The width, height, and field dimensions.
+     */
+    measureFields(startY: number, startWidth: number, startHeight: number): {
+        width: number;
+        height: number;
+        fields: {
+            width: number;
+            height: number;
+        }[];
+    };
+    /**
+     * Measures the base dimensions of the current node including label.
+     * @returns The width and height of the node base and label.
+     */
+    private measureBaseAndLabel;
+    /**
+     * Renders the specified node by drawing it and building its representation.
+     * @param nodeIdOrNode The node or node ID to render.
+     * @returns Void.
+     */
+    renderNode(nodeIdOrNode: NodeSvg | string): void;
+    /**
+     * Starts rendering the specified node.
+     * @param nodeIdOrNode The node or node ID to start rendering.
+     */
+    startNode(nodeIdOrNode: NodeSvg | string): void;
+    /**
+     * Build a draw state for the given node group and ID.
+     * @param nodeGroup - The SVG group element for the node.
+     * @param id  - The ID of the node.
+     * @returns - The constructed DrawState object.
+     */
+    drawState(nodeGroup: G, id: string): DrawState;
+    /**
+     * Stores the current draw state.
+     */
+    storeState(): void;
+    /**
+     * Draws a raw input field.
+     * @param fieldGroup - The SVG group element for the field.
+     * @param field - The field to draw.
+     * @param startX - The starting X position for the field.
+     * @returns The rectangle and text elements of the raw field.
+     */
+    drawFieldRaw(fieldGroup: G, field: AnyField, startX?: number): {
+        rect: Rect;
+        txt: import("@svgdotjs/svg.js", { with: { "resolution-mode": "import" } }).Text;
+        rawBox: FieldRawBoxData;
+    };
+    /**
+     * Draws the label of a field.
+     * @param fieldGroup - The SVG group element for the field.
+     * @param field - The field to draw the label for.
+     * @param startX - The starting X position for the label.
+     * @returns The width used by the label including spacing.
+     */
+    drawFieldLabel(fieldGroup: G, field: AnyField, startX?: number): number;
+    /**
+     * Draws the X button on the node's top bar.
+     * @returns Void.
+     */
+    drawNodeXButton(): void;
+    /**
+     * Draws a connector on the specified side of the node.
+     * @param nodeGroup - The SVG group element for the node.
+     * @param nodeBg - The background SVG path of the node.
+     * @param y - The Y position for the connector.
+     * @param side - The side to draw the connector on ('left' or 'right').
+     * @param color - The color of the connector.
+     * @returns The SVG path of the connector or null if not drawn.
+     */
+    drawConnector(nodeGroup: G, nodeBg: SvgPath, y: number, side: 'left' | 'right', color: string): SvgPath | void | undefined | null;
+    /**
+     * Draws the label on the node's top bar.
+     * @param nodeGroup - The SVG group element for the node.
+     * @returns Void.
+     */
+    drawNodeLabel(nodeGroup: G): void;
+    /**
+     * Draws the current node.
+     * @returns Void.
+     */
+    drawNode(): void;
+    /**
+     * Creates the SVG group for the given node.
+     * @param node - The node to create the group for.
+     * @returns The created SVG group element.
+     */
+    createNodeGroup(node: NodeSvg): G;
+    /**
+     * Draws the base and shadow of the node.
+     * @param state - The current drawing state.
+     * @param measurements - The measurements of the node.
+     */
+    drawNodeBase(state: DrawState, measurements: NodeMeasurements | null): void;
+    /**
+     * Draw the node's topbar
+     * @param state - The draw state
+     * @param colors - The colors of the node.
+     * @param measurements - The measurement data of the node.
+     */
+    drawNodeTopbar(state: DrawState, colors: ColorStyle, measurements: NodeMeasurements | null): void;
+    /**
+     * Make a node draggable.
+     * @param nodeGroup - The node group to make draggable
+     * @param dragHandle - The drag handle
+     * @param node - The nodesvg
+     */
+    makeNodeDraggable(nodeGroup: G, dragHandle: SvgPath, node: NodeSvg): void;
+    /** Create the field group for the node */
+    createFieldGroup(state: DrawState): void;
+    /**
+     * Draw a field on a node.
+     * @param field - The field to draw
+     * @param measurements - The node's measurements
+     * @param idx - Index of the field in the fieldColumn list
+     * @param y - the y position of the field
+     * @returns
+     */
+    drawFieldForNode(field: AnyField, measurements: NodeMeasurements, idx: number, y: number): void;
+    /**
+     * Draw all fields on a node
+     * @param nodeMeasurements - The node's measurements
+     * @returns The final Y position.
+     */
+    drawAllFieldsForNode(nodeMeasurements?: NodeMeasurements | null): number | undefined;
+    /**
+     * Draw the previous and next connections of a node.
+     * @param state - The draw-state
+     * @param node - The node-svg
+     * @param nodeGroup - the node's group
+     * @param measurements - the node's measurements
+     * @returns Void
+     */
+    drawPreviousNextConnections(state: DrawState, node: NodeSvg, nodeGroup: G, measurements?: {
+        width: number;
+        height: number;
+    } | null): void;
+    /**
+     * Refreshes the comment transforms.
+     * @returns Void.
+     */
+    refreshComments(): void;
+    /**
+     * Clears all comments from the workspace.
+     * @returns Void.
+     */
+    clearComments(): void;
+    /**
+     * Draws all comments in the workspace.
+     * @returns Void.
+     */
+    drawComments(): void;
+    /**
+     * Gets the current zoom level of the workspace.
+     * @returns The zoom level.
+     */
+    getZoom(): number;
+    /**
+     * Applies the current zoom level to the specified node group.
+     * @param nodeG - The SVG group element of the node.
+     * @param node - The node to apply zoom to.
+     */
+    applyZoomToNode(nodeG: G, node: NodeSvg): void;
+    /**
+     * Refreshes the transforms of all nodes in the workspace.
+     * @returns Void.
+     */
+    refreshNodeTransforms(): void;
+    /**
+     * Refreshes all connection lines in the workspace.
+     * @returns Void.
+     */
+    refreshConnectionLines(): void;
+    /**
+     * Gets the colors for the current node.
+     * @returns The color style of the node.
+     */
+    getNodeColors(): ColorStyle;
+    /**
+     * Fill every node's connector bubble data with the corresponding bubble its connected to on a sibling node.
+     */
+    fillAllNodeConnectorBubbles(): void;
+    /**
+     * Resolves the connectable to the appropriate connection based on the originating connection.
+     * @param connectable - The connectable entity (NodeSvg or Field).
+     * @param fromConn - The originating connection.
+     * @returns
+     */
+    resolveConnectable(connectable: Connectable, fromConn: Connection): Connection | null | undefined;
+    /**
+     * Fills in the connector circle for other nodes based on the given connection.
+     * @param conn - The connection to match.
+     * @param circle - The SVG path of the connector circle.
+     * @param isPrevious - Whether the connection is a previous connection.
+     */
+    _fillOtherNodeConnectorCircle(conn: Connection, circle: SvgPath, isPrevious: boolean): void;
+    /**
+     * Draw the connection lines between node's connector bubbles.
+     */
+    drawLinesForAllNodes(): void;
+    /**
+     * Clear connection lines and their X marks.
+     */
+    clearLines(): void;
+    /**
+     * Clear the entire screen.
+     */
+    clearScreen(): void;
+    /**
+     * Remove pending connections for a specific connection
+     * @param conn - The connection
+     */
+    undoPendingConnsFor(conn: ConnectorToFrom): void;
+    /**
+     * Called whenever a node must be visually rendered or rerendered.
+     * Implementations must be idempotent.
+     * @param node - The node to render/rerender
+     * @returns SVG group of the node.
+     */
+    rerenderNode(node: NodeSvg): G | null | undefined;
+}
+export default Renderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderers/renderer.d.ts.map

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

package/dist/renderers/representer-node.d.ts

@@ -0,0 +1,27 @@
+import NodeSvg from '../src/nodesvg';
+import Renderer, { DrawState } from './renderer';
+import RendererConstants from './constants';
+export declare class RepresenterNode {
+    node: NodeSvg;
+    state: DrawState;
+    renderer: Renderer;
+    constructor(node: NodeSvg, svgState: DrawState, renderer: Renderer);
+    getConstant(name: keyof RendererConstants): string | number | boolean | import("../src/visual-types").RGBObject | import("../src/visual-types").RGBTuple | {
+        [key: string]: {
+            PathMain: string;
+            Width: number;
+            Height: number;
+        };
+    };
+    /** Move node visually without changing its relativeCoords */
+    moveTo(x: number, y: number): void;
+    /** Scale node visually */
+    setScale(scale: number): void;
+    /** Apply raw transform string */
+    applyTransform(transform: string): void;
+    /** Access the raw SVG group */
+    getRaw(): import("@svgdotjs/svg.js", { with: { "resolution-mode": "import" } }).G | null | undefined;
+    /** Optional: highlight node */
+    highlight(color?: string): void;
+}
+//# sourceMappingURL=representer-node.d.ts.map

package/dist/renderers/representer-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"representer-node.d.ts","sourceRoot":"","sources":["../../renderers/representer-node.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAI5C,qBAAa,eAAe;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;gBACV,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;IAQ/D,WAAW,CAAC,IAAI,EAAE,MAAM,iBAAiB;;;;;;;IAG5C,6DAA6D;IAC7D,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAI3B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,iCAAiC;IACjC,cAAc,CAAC,SAAS,EAAE,MAAM;IAIhC,+BAA+B;IAC/B,MAAM;IAIN,+BAA+B;IAC/B,SAAS,CAAC,KAAK,SAAS;CAOxB"}

package/dist/renderers/representer.d.ts

@@ -0,0 +1,13 @@
+import NodeSvg from '../src/nodesvg';
+import Renderer, { DrawState } from './renderer';
+import { RepresenterNode } from './representer-node';
+export default class Representer {
+    nodes: Map<string, RepresenterNode>;
+    /** Build a representer node for a drawn node */
+    build(node: NodeSvg, renderer: Renderer, state: DrawState): RepresenterNode | undefined;
+    /** Get a representer node by node id */
+    get(nodeId: string): RepresenterNode | undefined;
+    /** Remove a node from the representer */
+    remove(nodeId: string): void;
+}
+//# sourceMappingURL=representer.d.ts.map

package/dist/renderers/representer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"representer.d.ts","sourceRoot":"","sources":["../../renderers/representer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAa;IAEhD,gDAAgD;IAChD,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS;IAOzD,wCAAwC;IACxC,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAIhD,yCAAyC;IACzC,MAAM,CAAC,MAAM,EAAE,MAAM;CAGrB"}

package/dist/src/category.d.ts

@@ -0,0 +1,48 @@
+import { TblxCategoryStruct, TblxNodeStruct } from "./inject";
+import Toolbox from "./toolbox";
+import { Color } from "./visual-types";
+/**
+ * Represents a category in the toolbox, containing nodes and a label.
+ */
+declare class Category {
+    /** Display label for the category */
+    label: string;
+    /** Category color */
+    color: Color;
+    /** Nodes contained in this category */
+    contents: TblxNodeStruct[];
+    /** HTML button element representing this category row */
+    _rowDiv: HTMLButtonElement;
+    /** Reference to parent toolbox */
+    _toolbox: Toolbox;
+    /**
+     * @param toolbox The parent Toolbox instance
+     * @param cData Category data (label, color, nodes)
+     */
+    constructor(toolbox: Toolbox, cData: TblxCategoryStruct);
+    /** Creates the category button in the UI and attaches click events */
+    _makeDiv(): void;
+    /**
+     * Refreshes the category UI with new data
+     * @param cData Partial data to update (name, color, contents)
+     */
+    refresh(cData: Partial<TblxCategoryStruct>): void;
+    /** Remove category row from the toolbox */
+    destroy(): void;
+    /** Hide this category from the UI */
+    hide(): void;
+    /** Show this category in the UI */
+    show(): void;
+    /**
+     * Enable or disable interaction with this category
+     * @param disabled True to disable, false to enable
+     */
+    setDisabled(disabled: boolean): void;
+    /**
+     * Returns a plain object representation of this category
+     * @returns JSON-compatible category object
+     */
+    toJSON(): TblxCategoryStruct;
+}
+export default Category;
+//# sourceMappingURL=category.d.ts.map

package/dist/src/category.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category.d.ts","sourceRoot":"","sources":["../../src/category.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC;;GAEG;AACH,cAAM,QAAQ;IACb,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,yDAAyD;IACzD,OAAO,EAAG,iBAAiB,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAElB;;;OAGG;gBACS,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB;IAQvD,sEAAsE;IACtE,QAAQ;IAkBR;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAc1C,2CAA2C;IAC3C,OAAO;IAKP,qCAAqC;IACrC,IAAI;IAIJ,mCAAmC;IACnC,IAAI;IAIJ;;;OAGG;IACH,WAAW,CAAC,QAAQ,EAAE,OAAO;IAI7B;;;OAGG;IACH,MAAM,IAAI,kBAAkB;CAO5B;AAED,eAAe,QAAQ,CAAC"}

package/{src/colors.ts → dist/src/colors.d.ts}

@@ -1,20 +1,21 @@
-import { Color, ColorStyle } from "./visual-types";
-
-/**
- * Stores color styles for node categories.
- * 
- * Each key is a category name, and the value is a ColorStyle object
- * containing colors like primary, secondary, and tertiary.
- * 
- * Example:
- * ```ts
- * CategoryColors["logic"] = {
- *   primary: "#FF0000",
- *   secondary: "#00FF00",
- *   tertiary: "#0000FF"
- * };
- * ```
- */
-const CategoryColors: { [key: string]: ColorStyle } = {};
-
-export default CategoryColors;
+import { ColorStyle } from "./visual-types";
+/**
+ * Stores color styles for node categories.
+ *
+ * Each key is a category name, and the value is a ColorStyle object
+ * containing colors like primary, secondary, and tertiary.
+ *
+ * Example:
+ * ```ts
+ * CategoryColors["logic"] = {
+ *   primary: "#FF0000",
+ *   secondary: "#00FF00",
+ *   tertiary: "#0000FF"
+ * };
+ * ```
+ */
+declare const CategoryColors: {
+    [key: string]: ColorStyle;
+};
+export default CategoryColors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/src/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;CAAO,CAAC;AAEzD,eAAe,cAAc,CAAC"}