@nmmty/lazycanvas 0.6.5 → 1.0.0-dev.10

package/dist/structures/helpers/readers/JSONReader.js

@@ -38,9 +38,11 @@ const types_1 = require("../../../types");
 const components_1 = require("../../components");
 const __1 = require("../");
 const LazyCanvas_1 = require("../../LazyCanvas");
-const fs = __importStar(require("fs"));
-const LazyUtil_1 = require("../../../utils/LazyUtil");
-const path = __importStar(require("path"));
+const fs = __importStar(require("node:fs"));
+const utils_1 = require("../../../utils");
+const path = __importStar(require("node:path"));
+const core_1 = require("../../../core");
+const managers_1 = require("../../managers");
 /**
  * Class responsible for reading and parsing JSON data into a LazyCanvas instance.
  */
@@ -55,22 +57,21 @@ class JSONReader {
      */
     static read(data, opts) {
         if (data.options.width <= 0 || data.options.height <= 0) {
-            throw new LazyUtil_1.LazyError("Invalid width or height");
+            throw new utils_1.LazyError("Invalid width or height");
         }
         if (data.options.exportType === undefined) {
-            throw new LazyUtil_1.LazyError("Invalid export type");
-        }
-        if (data.options.flag === undefined) {
-            throw new LazyUtil_1.LazyError("Invalid export flag");
+            throw new utils_1.LazyError("Invalid export type");
         }
         if (data.layers === undefined || data.layers.length === 0) {
-            throw new LazyUtil_1.LazyError("No layers found");
+            throw new utils_1.LazyError("No layers found");
         }
         if (opts?.debug)
-            LazyUtil_1.LazyLog.log("info", "Reading JSON...\nOptions:", data.options, "\nAnimation:", data.animation, "\nLayers Number:", data.layers.length, "\nLayers:", data.layers);
+            utils_1.LazyLog.log("info", "Reading JSON...\nOptions:", data.options, "\nLayers Number:", data.layers.length, "\nLayers:", data.layers);
         const layers = JSONReader.layersParse(data.layers, opts);
-        const canvas = new LazyCanvas_1.LazyCanvas({ settings: data, debug: opts?.debug })
-            .create(data.options.width, data.options.height);
+        const canvas = new LazyCanvas_1.LazyCanvas(managers_1.ClassicRenderPipeline, {
+            settings: data,
+            debug: opts?.debug,
+        }).create(data.options.width, data.options.height);
         canvas.manager.layers.add(...layers);
         return canvas;
     }
@@ -85,46 +86,40 @@ class JSONReader {
     static readFile(file, opts) {
         const filePath = path.resolve(file);
         if (!fs.existsSync(filePath))
-            throw new LazyUtil_1.LazyError("File not found");
+            throw new utils_1.LazyError("File not found");
         const json = fs.readFileSync(filePath, "utf-8");
         const data = JSON.parse(json);
         if (opts?.debug)
-            LazyUtil_1.LazyLog.log("info", "Reading JSON file...\nFile:", filePath, "\nData:", data);
+            utils_1.LazyLog.log("info", "Reading JSON file...\nFile:", filePath, "\nData:", data);
         return JSONReader.read(data, opts);
     }
     /**
      * Parses an array of JSON layers into an array of AnyLayer or Group instances.
-     * @param {Array<JSONLayer | Group>} [data] - The array of JSON layers to parse.
+     * @param {Array<JSONLayer | Div>} [data] - The array of JSON layers to parse.
      * @param {Object} [opts] - Optional settings.
      * @param {boolean} [opts.debug] - Whether to enable debug logging.
-     * @returns {Array<AnyLayer | Group>} The parsed layers.
+     * @returns {Array<AnyLayer | Div>} The parsed layers.
      */
     static layersParse(data, opts) {
         return data.map((layer) => {
             if (opts?.debug)
-                LazyUtil_1.LazyLog.log('info', `Parsing layer ${layer.id}...\nData:`, layer);
-            const misc = {
+                utils_1.LazyLog.log("info", `Parsing layer ${layer.id}...\nData:`, layer);
+            return this.layerParse(layer, {
                 id: layer.id,
                 zIndex: layer.zIndex,
                 visible: layer.visible,
-            };
-            if (layer.type === types_1.LayerType.Group) {
-                return new components_1.Group(misc).add(...layer.layers.map((l) => this.layerParse(l, { id: l.id, zIndex: l.zIndex, visible: l.visible })));
-            }
-            else {
-                return this.layerParse(layer, misc);
-            }
+            });
         });
     }
     /**
      * Parses a single JSON layer into an AnyLayer or Group instance.
-     * @param {JSONLayer | IGroup | Group} [layer] - The JSON layer to parse.
+     * @param {JSONLayer | IDiv | Div} [layer] - The JSON layer to parse.
      * @param {IBaseLayerMisc} [misc] - Miscellaneous options for the layer.
-     * @returns {AnyLayer | Group} The parsed layer.
+     * @returns {AnyLayer | Div} The parsed layer.
      */
     static layerParse(layer, misc) {
-        if (layer instanceof components_1.Group) {
-            return new components_1.Group(misc).add(...layer.layers.map((l) => this.layerParse(l)));
+        if (layer instanceof components_1.Div) {
+            return new components_1.Div({}, misc).add(...layer.layers.map((l) => this.layerParse(l)));
         }
         else {
             switch (layer.type) {
@@ -140,15 +135,12 @@ class JSONReader {
                     return new components_1.MorphLayer(layer.props, misc).setColor(this.fillParse(layer));
                 case types_1.LayerType.Line:
                     return new components_1.LineLayer(layer.props, misc).setColor(this.fillParse(layer));
-                case types_1.LayerType.Clear:
-                    return new components_1.ClearLayer(layer.props, misc);
                 case types_1.LayerType.Path:
                     return new components_1.Path2DLayer(layer.props, misc).setColor(this.fillParse(layer));
                 case types_1.LayerType.Polygon:
                     return new components_1.PolygonLayer(layer.props, misc).setColor(this.fillParse(layer));
                 case types_1.LayerType.Group:
-                    return new components_1.Group(misc)
-                        .add(...layer.layers.map((l) => this.layerParse(l)));
+                    return new components_1.Div({}, misc).add(...layer.layers.map((l) => this.layerParse(l)));
                 default:
                     return layer;
             }
@@ -160,24 +152,28 @@ class JSONReader {
      * @returns {string | Gradient | Pattern} The parsed fill style.
      */
     static fillParse(layer) {
-        if ('fillStyle' in layer.props && layer.props.fillStyle && typeof layer.props.fillStyle !== 'string') {
-            switch (layer.props.fillStyle?.fillType) {
-                case 'gradient':
-                    return new __1.Gradient({ props: layer.props.fillStyle });
-                case 'pattern':
-                    return new __1.Pattern()
-                        .setType(layer.props.fillStyle.type)
-                        .setSrc(typeof layer.props.fillStyle.src === 'string' ? layer.props.fillStyle.src : this.read(layer.props.fillStyle.src));
-                default:
-                    return layer.props.fillStyle;
+        if ("color" in layer.props) {
+            if ((0, core_1.isSignal)(layer.props.color)) {
+                throw new utils_1.LazyError("Signals are not supported in JSON fill styles");
             }
-        }
-        else if ('fillStyle' in layer.props) {
-            console.log(layer.type, layer);
-            return layer.props.fillStyle || '#000000';
+            if (typeof layer.props.color === "object") {
+                switch (layer.props.color?.fillType) {
+                    case "gradient":
+                        return new __1.Gradient({ props: layer.props.color });
+                    case "pattern":
+                        return new __1.Pattern()
+                            .setType(layer.props.color.type)
+                            .setSrc(typeof layer.props.color.src === "string"
+                            ? layer.props.color.src
+                            : this.read(layer.props.color.src));
+                    default:
+                        return layer.props.color;
+                }
+            }
+            return layer.props.color || "#000000";
         }
         else {
-            return '#000000';
+            return "#000000";
         }
     }
 }

package/dist/structures/helpers/readers/YAMLReader.js

@@ -36,9 +36,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.YAMLReader = void 0;
 const JSONReader_1 = require("./JSONReader");
 const _yaml = __importStar(require("js-yaml"));
-const fs = __importStar(require("fs"));
-const LazyUtil_1 = require("../../../utils/LazyUtil");
-const path = __importStar(require("path"));
+const fs = __importStar(require("node:fs"));
+const utils_1 = require("../../../utils");
+const path = __importStar(require("node:path"));
 class YAMLReader {
     /**
      * Reads a YAML string and converts it to a LazyCanvas object.
@@ -49,13 +49,13 @@ class YAMLReader {
     static read(data, opts) {
         const yamlContent = _yaml.load(data);
         if (opts?.debug) {
-            LazyUtil_1.LazyLog.log('info', 'YAML content loaded:', yamlContent);
+            utils_1.LazyLog.log("info", "YAML content loaded:", yamlContent);
         }
-        if (typeof yamlContent === 'object' && yamlContent !== null) {
+        if (typeof yamlContent === "object" && yamlContent !== null) {
             return JSONReader_1.JSONReader.read(yamlContent, opts);
         }
         else {
-            throw new LazyUtil_1.LazyError("Invalid YAML content: Expected an object.");
+            throw new utils_1.LazyError("Invalid YAML content: Expected an object.");
         }
     }
     /**
@@ -67,15 +67,15 @@ class YAMLReader {
      */
     static readFile(filePath, opts) {
         if (!fs.existsSync(filePath)) {
-            throw new LazyUtil_1.LazyError(`File not found: ${filePath}`);
+            throw new utils_1.LazyError(`File not found: ${filePath}`);
         }
         const ext = path.extname(filePath).toLowerCase();
-        if (ext !== '.yaml' && ext !== '.yml') {
-            throw new LazyUtil_1.LazyError(`Invalid file extension: ${ext}. Expected .yaml or .yml.`);
+        if (ext !== ".yaml" && ext !== ".yml") {
+            throw new utils_1.LazyError(`Invalid file extension: ${ext}. Expected .yaml or .yml.`);
         }
-        const data = fs.readFileSync(filePath, 'utf8');
+        const data = fs.readFileSync(filePath, "utf8");
         if (opts?.debug) {
-            LazyUtil_1.LazyLog.log('info', `Reading YAML file: ${filePath}`);
+            utils_1.LazyLog.log("info", `Reading YAML file: ${filePath}`);
         }
         return this.read(data, opts);
     }

package/dist/structures/managers/FontsManager.js

@@ -9,14 +9,6 @@ const canvas_1 = require("@napi-rs/canvas");
  * Class representing a manager for handling fonts.
  */
 class FontsManager {
-    /**
-     * A map storing fonts with their family and weight as the key.
-     */
-    map;
-    /**
-     * Whether debugging is enabled.
-     */
-    debug;
     /**
      * Constructs a new FontsManager instance.
      * @param {Object} [opts] - Optional settings for the FontsManager.
@@ -33,14 +25,13 @@ class FontsManager {
      * @returns {this} The current instance for chaining.
      */
     loadFonts(fontList) {
-        this.add(...Object.entries(fontList).map(([fontFamily, fontWeights]) => {
+        this.add(...Object.entries(fontList)
+            .map(([fontFamily, fontWeights]) => {
             return Object.entries(fontWeights).map(([weight, base64]) => {
-                return new helpers_1.Font()
-                    .setFamily(fontFamily)
-                    .setWeight(Number(weight))
-                    .setBase64(base64);
+                return new helpers_1.Font().setFamily(fontFamily).setWeight(Number(weight)).setBase64(base64);
             });
-        }).flat());
+        })
+            .flat());
         return this;
     }
     /**
@@ -53,10 +44,10 @@ class FontsManager {
      */
     add(...fonts) {
         if (this.debug)
-            LazyUtil_1.LazyLog.log('info', `Adding fonts...\nlength: ${fonts.length}`);
+            LazyUtil_1.LazyLog.log("info", `Adding fonts...\nlength: ${fonts.length}`);
         for (const font of fonts) {
             if (this.debug)
-                LazyUtil_1.LazyLog.log('none', `Data:`, font.toJSON());
+                LazyUtil_1.LazyLog.log("none", `Data:`, font.toJSON());
             if (!font.family)
                 throw new LazyUtil_1.LazyError("Family must be provided");
             if (!font.weight)
@@ -101,7 +92,7 @@ class FontsManager {
     get(family, weight) {
         if (weight)
             return this.map.get(`${family}_${weight}`);
-        return Array.from(this.map.values()).filter(font => font.family === family);
+        return Array.from(this.map.values()).filter((font) => font.family === family);
     }
     /**
      * Checks if a font exists in the manager.
@@ -112,7 +103,7 @@ class FontsManager {
     has(family, weight) {
         if (weight)
             return this.map.has(`${family}_${weight}`);
-        return Array.from(this.map.values()).some(font => font.family === family);
+        return Array.from(this.map.values()).some((font) => font.family === family);
     }
     /**
      * Retrieves the number of fonts in the manager.

package/dist/structures/managers/LayersManager.d.ts

@@ -1,18 +1,13 @@
 import { AnyLayer } from "../../types";
-import { Group } from "../components";
-import { LazyCanvas } from "../LazyCanvas";
+import { Div } from "../components";
 /**
  * Interface representing the LayersManager.
  */
 export interface ILayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas: LazyCanvas;
     /**
      * A map storing layers or groups with their IDs as keys.
      */
-    map: Map<string, AnyLayer | Group>;
+    map: Map<string, AnyLayer | Div>;
     /**
      * Whether debugging is enabled.
      */
@@ -22,34 +17,29 @@ export interface ILayersManager {
  * Class representing a manager for handling layers and groups.
  */
 export declare class LayersManager implements ILayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas: LazyCanvas;
     /**
      * A map storing layers or groups with their IDs as keys.
      */
-    map: Map<string, AnyLayer | Group>;
+    map: Map<string, AnyLayer | Div>;
     /**
      * Whether debugging is enabled.
      */
     debug: boolean;
     /**
      * Constructs a new LayersManager instance.
-     * @param {LazyCanvas} [lazyCanvas] - The LazyCanvas instance to associate with this manager.
      * @param {Object} [opts] - Optional settings for the LayersManager.
      * @param {boolean} [opts.debug] - Whether debugging is enabled.
      */
-    constructor(lazyCanvas: LazyCanvas, opts?: {
+    constructor(opts?: {
         debug?: boolean;
     });
     /**
      * Adds layers or groups to the map.
-     * @param {Array<AnyLayer | Group>} [layers] - The layers or groups to add to the map.
+     * @param {Array<AnyLayer | Div>} [layers] - The layers or groups to add to the map.
      * @returns {this} The current instance for chaining.
      * @throws {LazyError} If a layer with the same ID already exists.
      */
-    add(...layers: Array<AnyLayer | Group>): this;
+    add(...layers: Array<AnyLayer | Div>): this;
     /**
      * Removes layers or groups from the map by their IDs.
      * @param {string[]} [ids] - The IDs of the layers or groups to remove.
@@ -65,9 +55,9 @@ export declare class LayersManager implements ILayersManager {
      * Retrieves a layer or group from the map by its ID.
      * @param {string} [id] - The ID of the layer or group to retrieve.
      * @param {boolean} [cross] - Whether to search within groups for the ID.
-     * @returns {AnyLayer | Group | undefined} The retrieved layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The retrieved layer or group, or undefined if not found.
      */
-    get(id: string, cross?: boolean): AnyLayer | Group | undefined;
+    get(id: string, cross?: boolean): AnyLayer | Div | undefined;
     /**
      * Checks if a layer or group exists in the map by its ID.
      * @param {string} [id] - The ID of the layer or group to check.
@@ -81,9 +71,9 @@ export declare class LayersManager implements ILayersManager {
     size(): number;
     /**
      * Retrieves the values (layers and groups) from the map.
-     * @returns {IterableIterator<AnyLayer | Group>} An iterator for the map values.
+     * @returns {IterableIterator<AnyLayer | Div>} An iterator for the map values.
      */
-    values(): IterableIterator<AnyLayer | Group>;
+    values(): IterableIterator<AnyLayer | Div>;
     /**
      * Retrieves the keys (IDs) from the map.
      * @returns {IterableIterator<string>} An iterator for the map keys.
@@ -91,15 +81,15 @@ export declare class LayersManager implements ILayersManager {
     keys(): IterableIterator<string>;
     /**
      * Retrieves the entries (key-value pairs) from the map.
-     * @returns {IterableIterator<[string, AnyLayer | Group]>} An iterator for the map entries.
+     * @returns {IterableIterator<[string, AnyLayer | Div]>} An iterator for the map entries.
      */
-    entries(): IterableIterator<[string, AnyLayer | Group]>;
+    entries(): IterableIterator<[string, AnyLayer | Div]>;
     /**
      * Executes a callback function for each layer or group in the map.
      * @param {Function} [callbackfn] - The callback function to execute.
      * @returns {this} The current instance for chaining.
      */
-    forEach(callbackfn: (value: AnyLayer | Group, key: string, map: Map<string, AnyLayer | Group>) => void): this;
+    forEach(callbackfn: (value: AnyLayer | Div, key: string, map: Map<string, AnyLayer | Div>) => void): this;
     /**
      * Converts the map to a JSON object.
      * @returns {object} The JSON representation of the map.
@@ -113,15 +103,15 @@ export declare class LayersManager implements ILayersManager {
     fromJSON(json: object): this;
     /**
      * Converts the map to an array of layers and groups.
-     * @returns {Array<AnyLayer | Group>} An array of layers and groups.
+     * @returns {Array<AnyLayer | Div>} An array of layers and groups.
      */
-    toArray(): Array<AnyLayer | Group>;
+    toArray(): Array<AnyLayer | Div>;
     /**
      * Populates the map from an array of layers and groups.
-     * @param {Array<AnyLayer | Group>} [array] - The array of layers and groups to populate the map from.
+     * @param {Array<AnyLayer | Div>} [array] - The array of layers and groups to populate the map from.
      * @returns {this} The current instance for chaining.
      */
-    fromArray(array: Array<AnyLayer | Group>): this;
+    fromArray(array: Array<AnyLayer | Div>): this;
     /**
      * Sorts the layers and groups in the map by their zIndex property.
      * @returns {void}
@@ -130,7 +120,7 @@ export declare class LayersManager implements ILayersManager {
     /**
      * Searches for a layer or group by its ID, including within groups.
      * @param {string} [id] - The ID of the layer or group to search for.
-     * @returns {AnyLayer | Group | undefined} The found layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The found layer or group, or undefined if not found.
      */
     private crossSearch;
 }

package/dist/structures/managers/LayersManager.js

@@ -7,50 +7,32 @@ const LazyUtil_1 = require("../../utils/LazyUtil");
  * Class representing a manager for handling layers and groups.
  */
 class LayersManager {
-    /**
-     * The LazyCanvas instance associated with this manager.
-     */
-    lazyCanvas;
-    /**
-     * A map storing layers or groups with their IDs as keys.
-     */
-    map;
-    /**
-     * Whether debugging is enabled.
-     */
-    debug;
     /**
      * Constructs a new LayersManager instance.
-     * @param {LazyCanvas} [lazyCanvas] - The LazyCanvas instance to associate with this manager.
      * @param {Object} [opts] - Optional settings for the LayersManager.
      * @param {boolean} [opts.debug] - Whether debugging is enabled.
      */
-    constructor(lazyCanvas, opts) {
-        this.lazyCanvas = lazyCanvas;
+    constructor(opts) {
         this.map = new Map();
         this.debug = opts?.debug || false;
     }
     /**
      * Adds layers or groups to the map.
-     * @param {Array<AnyLayer | Group>} [layers] - The layers or groups to add to the map.
+     * @param {Array<AnyLayer | Div>} [layers] - The layers or groups to add to the map.
      * @returns {this} The current instance for chaining.
      * @throws {LazyError} If a layer with the same ID already exists.
      */
     add(...layers) {
         if (this.debug)
-            LazyUtil_1.LazyLog.log('info', `Adding layers...\nlength: ${layers.length}`);
+            LazyUtil_1.LazyLog.log("info", `Adding layers...\nlength: ${layers.length}`);
         let layersArray = layers.flat();
-        layersArray = layersArray.filter(l => l !== undefined);
+        layersArray = layersArray.filter((l) => l !== undefined);
         for (const layer of layersArray) {
             if (this.debug)
-                LazyUtil_1.LazyLog.log('none', `Data:`, 'toJSON' in layer ? layer.toJSON() : layer);
+                LazyUtil_1.LazyLog.log("none", `Data:`, "toJSON" in layer ? layer.toJSON() : layer);
             if (this.map.has(layer.id))
                 throw new LazyUtil_1.LazyError("Layer already exists");
             this.map.set(layer.id, layer);
-            // onLayerAdded hook
-            if (this.lazyCanvas && this.lazyCanvas.manager?.plugins) {
-                this.lazyCanvas.manager.plugins.executeHook('onLayerAdded', this.lazyCanvas, layer);
-            }
         }
         this.sort();
         return this;
@@ -64,10 +46,6 @@ class LayersManager {
         for (const id of ids) {
             const layer = this.map.get(id);
             this.map.delete(id);
-            // onLayerRemoved hook
-            if (this.lazyCanvas && this.lazyCanvas.manager?.plugins) {
-                this.lazyCanvas.manager.plugins.executeHook('onLayerRemoved', this.lazyCanvas, id);
-            }
         }
         return this;
     }
@@ -83,7 +61,7 @@ class LayersManager {
      * Retrieves a layer or group from the map by its ID.
      * @param {string} [id] - The ID of the layer or group to retrieve.
      * @param {boolean} [cross] - Whether to search within groups for the ID.
-     * @returns {AnyLayer | Group | undefined} The retrieved layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The retrieved layer or group, or undefined if not found.
      */
     get(id, cross = false) {
         if (cross)
@@ -108,7 +86,7 @@ class LayersManager {
     }
     /**
      * Retrieves the values (layers and groups) from the map.
-     * @returns {IterableIterator<AnyLayer | Group>} An iterator for the map values.
+     * @returns {IterableIterator<AnyLayer | Div>} An iterator for the map values.
      */
     values() {
         return this.map.values();
@@ -122,7 +100,7 @@ class LayersManager {
     }
     /**
      * Retrieves the entries (key-value pairs) from the map.
-     * @returns {IterableIterator<[string, AnyLayer | Group]>} An iterator for the map entries.
+     * @returns {IterableIterator<[string, AnyLayer | Div]>} An iterator for the map entries.
      */
     entries() {
         return this.map.entries();
@@ -154,18 +132,18 @@ class LayersManager {
     }
     /**
      * Converts the map to an array of layers and groups.
-     * @returns {Array<AnyLayer | Group>} An array of layers and groups.
+     * @returns {Array<AnyLayer | Div>} An array of layers and groups.
      */
     toArray() {
         return Array.from(this.map.values());
     }
     /**
      * Populates the map from an array of layers and groups.
-     * @param {Array<AnyLayer | Group>} [array] - The array of layers and groups to populate the map from.
+     * @param {Array<AnyLayer | Div>} [array] - The array of layers and groups to populate the map from.
      * @returns {this} The current instance for chaining.
      */
     fromArray(array) {
-        this.map = new Map(array.map(l => [l.id, l]));
+        this.map = new Map(array.map((l) => [l.id, l]));
         return this;
     }
     /**
@@ -178,14 +156,14 @@ class LayersManager {
     /**
      * Searches for a layer or group by its ID, including within groups.
      * @param {string} [id] - The ID of the layer or group to search for.
-     * @returns {AnyLayer | Group | undefined} The found layer or group, or undefined if not found.
+     * @returns {AnyLayer | Div | undefined} The found layer or group, or undefined if not found.
      */
     crossSearch(id) {
         for (const layer of Array.from(this.map.values())) {
             if (layer.id === id)
                 return layer;
-            if (layer instanceof components_1.Group) {
-                const result = layer.layers.find(l => l.id === id);
+            if (layer instanceof components_1.Div) {
+                const result = layer.layers.find((l) => l.id === id);
                 if (result)
                     return result;
             }

package/dist/structures/managers/LayoutManager.d.ts

@@ -0,0 +1,23 @@
+import { Div } from "../components";
+import { AnyLayer } from "../../types";
+import { SKRSContext2D, Canvas, SvgCanvas } from "@napi-rs/canvas";
+export declare class LayoutManager {
+    private yoga;
+    private debug;
+    ready: Promise<void>;
+    constructor(opts?: {
+        debug?: boolean;
+    });
+    private init;
+    calculateLayout(root: AnyLayer | Div, width: number, height: number, ctx?: SKRSContext2D, canvas?: Canvas | SvgCanvas): void;
+    private createNode;
+    private applyLayout;
+    private freeNode;
+    private getFlexDirection;
+    private getJustifyContent;
+    private getAlignItems;
+    private getPositionType;
+    private setDimension;
+    private setPadding;
+    private setMargin;
+}