@aibee/owlly 1.0.25

package/lib/src/owlly/element/index.d.ts

@@ -0,0 +1,20 @@
+export * from './map-kit';
+export * from './element';
+export * from './placeable-2d';
+export * from './mesh-line-2d';
+export * from './ring-element';
+export * from './bottom-nav-element';
+export * from './floor-model';
+export * from './panorama';
+export * from './panorama-group';
+export * from './svg-floor-model';
+export * from './svg-floors';
+export * from './camera';
+export * from './path';
+export * from './path-group';
+export * from './gltf-mesh-element';
+export * from './mesh-element';
+export * from './polygon-mesh';
+export * from './sphere-mesh';
+export * from './dom-label-2d';
+export * from './video-element';

package/lib/src/owlly/element/index.js

@@ -0,0 +1,25 @@
+export * from './map-kit';
+export * from './element';
+export * from './placeable-2d';
+export * from './mesh-line-2d';
+export * from './ring-element';
+export * from './bottom-nav-element';
+// #if WEB_ONLY
+export * from './floor-model';
+export * from './panorama';
+export * from './panorama-group';
+export * from './svg-floor-model';
+export * from './svg-floors';
+export * from './camera';
+export * from './path';
+export * from './path-group';
+export * from './gltf-mesh-element';
+export * from './mesh-element';
+export * from './polygon-mesh';
+export * from './sphere-mesh';
+// export * from './dom-3d-element';
+// export * from './dom-2d-element';
+export * from './dom-label-2d';
+export * from './video-element';
+// #endif
+//# sourceMappingURL=index.js.map

package/lib/src/owlly/element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/owlly/element/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,eAAe;AACf,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,oCAAoC;AACpC,oCAAoC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,SAAS"}

package/lib/src/owlly/element/map-kit/area.d.ts

@@ -0,0 +1,24 @@
+import { Element, ElementFrameContext } from '../element';
+import { ModelSvgMapping } from '../../view/svg-map-view';
+/**
+ * SVG楼层模型, 暂时弃用, 仅为ICBC项目设计
+ * @deprecated
+ * @noInheritDoc
+ */
+declare class Area extends Element {
+    private initialized;
+    private loaded;
+    private opacity;
+    private mapping;
+    private groundMeshes;
+    private areas;
+    constructor(url: string, mapping: ModelSvgMapping, opacity?: number);
+    private static getShapeDefs;
+    load(url: string): Promise<void>;
+    setOpacity(value: number): void;
+    setShadowEnabled(value: boolean): void;
+    setAreasVisible(value: boolean): void;
+    update(): ElementFrameContext;
+    dispose(): void;
+}
+export { Area };

package/lib/src/owlly/element/map-kit/area.js

@@ -0,0 +1,218 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { parse } from 'svgson';
+import Color from 'color';
+import { Externals } from '../../stage/externals';
+import { Element, ElementFrameContext } from '../element';
+import { SvgUtils } from '../../utils/svgutils';
+import { BasicTools } from '../../utils/basic-tools';
+/**
+ * SVG楼层模型, 暂时弃用, 仅为ICBC项目设计
+ * @deprecated
+ * @noInheritDoc
+ */
+class Area extends Element {
+    constructor(url, mapping, opacity = 1) {
+        super();
+        this.initialized = false;
+        this.loaded = false;
+        this.mapping = mapping;
+        this.groundMeshes = [];
+        this.areas = [];
+        this.opacity = opacity;
+        if (url)
+            this.load(url);
+    }
+    static getShapeDefs(canvasObject) {
+        const result = [];
+        const { THREE } = Externals.getInstance();
+        if (canvasObject.commands && canvasObject.commands.length) {
+            const shape = new THREE.Shape();
+            const holes = [];
+            let hole = null;
+            let shapeCount = 0;
+            canvasObject.commands.forEach(({ command, args }) => {
+                if (hole && shapeCount > 1) {
+                    if (command === 'M') {
+                        if (hole)
+                            holes.push(hole);
+                        hole = new THREE.Path();
+                        hole.moveTo(args[0], args[1]);
+                    }
+                    if (command === 'C')
+                        hole.bezierCurveTo(args[0], args[1], args[2], args[3], args[4], args[5]);
+                    if (command === 'L')
+                        hole.lineTo(args[0], args[1]);
+                }
+                else {
+                    if (command === 'M') {
+                        shapeCount += 1;
+                        if (shapeCount === 2) {
+                            hole = new THREE.Path();
+                            hole.moveTo(args[0], args[1]);
+                        }
+                        else {
+                            shape.moveTo(args[0], args[1]);
+                        }
+                    }
+                    if (command === 'C')
+                        shape.bezierCurveTo(args[0], args[1], args[2], args[3], args[4], args[5]);
+                    if (command === 'L')
+                        shape.lineTo(args[0], args[1]);
+                }
+            });
+            if (hole)
+                holes.push(hole);
+            shape.holes = holes;
+            const shapeDef = { shape };
+            if (canvasObject.fill) {
+                Object.assign(shapeDef, { color: parseInt(canvasObject.fill.substr(1), 16) });
+            }
+            if (canvasObject.tag) {
+                Object.assign(shapeDef, { tag: canvasObject.tag });
+            }
+            if (shapeDef.tag === 'ground' || shapeDef.tag === 'area')
+                result.push(shapeDef); // eslint-disable-line
+        }
+        if (canvasObject.children && canvasObject.children.length) {
+            canvasObject.children.forEach((child) => {
+                result.push(...Area.getShapeDefs(child));
+            });
+        }
+        return result;
+    }
+    load(url) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.initialized = false;
+            this.loaded = false;
+            const { THREE } = Externals.getInstance();
+            // Avoid using axios. Use FileLoader instead.
+            const svg = yield new Promise((resolve) => {
+                const fileLoader = new THREE.FileLoader();
+                fileLoader.load(url, (data) => {
+                    resolve(data);
+                });
+            });
+            const svgObject = yield parse(svg);
+            const canvasObject = SvgUtils.svg2canvas(svgObject, this.mapping);
+            if (canvasObject !== null) {
+                const shapeDefs = Area.getShapeDefs(canvasObject);
+                const group = new THREE.Group();
+                shapeDefs.forEach(({ shape, color, tag }) => {
+                    const geometry = new THREE.ShapeBufferGeometry(shape);
+                    const material = new THREE.MeshBasicMaterial({
+                        color,
+                        transparent: true,
+                        opacity: this.opacity,
+                        side: THREE.DoubleSide,
+                    });
+                    const wallColor = Color(`#${color.toString(16)}`).lighten(0.5).desaturate(0.5).rotate(5)
+                        .hex();
+                    const wallMaterial = new THREE.MeshBasicMaterial({
+                        color: wallColor,
+                        transparent: true,
+                        opacity: this.opacity * 0.7,
+                        side: THREE.DoubleSide,
+                        depthWrite: false,
+                    });
+                    const mesh = new THREE.Mesh(geometry, material);
+                    group.add(mesh);
+                    let offsetZ = 0;
+                    if (tag === 'ground') {
+                        mesh.position.set(0, 0, -0.5);
+                        offsetZ = 0.5;
+                    }
+                    // walls
+                    const shapePoints = shape.getPoints();
+                    shapePoints.reduce((v0, v1) => {
+                        const { x: x0, y: y0 } = v0;
+                        const { x: x1, y: y1 } = v1;
+                        const bufferGeometry = new THREE.BufferGeometry();
+                        const vertices = new Float32Array([
+                            x0, y0, 0.0 - offsetZ,
+                            x0, y0, 5.0 + offsetZ,
+                            x1, y1, 0.0 - offsetZ,
+                            x0, y0, 5.0 + offsetZ,
+                            x1, y1, 0.0 - offsetZ,
+                            x1, y1, 5.0 + offsetZ,
+                        ]);
+                        bufferGeometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
+                        const wallMesh = new THREE.Mesh(bufferGeometry, wallMaterial);
+                        group.add(wallMesh);
+                        if (tag === 'area') {
+                            this.areas.push(wallMesh);
+                        }
+                        return v1;
+                    });
+                    const { x: x0, y: y0 } = shapePoints[shapePoints.length - 1];
+                    const { x: x1, y: y1 } = shapePoints[0];
+                    const bufferGeometry = new THREE.BufferGeometry();
+                    const vertices = new Float32Array([
+                        x0, y0, 0.0 - offsetZ,
+                        x0, y0, 5.0 + offsetZ,
+                        x1, y1, 0.0 - offsetZ,
+                        x0, y0, 5.0 + offsetZ,
+                        x1, y1, 0.0 - offsetZ,
+                        x1, y1, 5.0 + offsetZ,
+                    ]);
+                    bufferGeometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
+                    const wallMesh = new THREE.Mesh(bufferGeometry, wallMaterial);
+                    group.add(wallMesh);
+                    if (tag === 'area') {
+                        this.areas.push(wallMesh);
+                        this.areas.push(mesh);
+                    }
+                    // walls end
+                });
+                this.add(group);
+                this.loaded = true;
+            }
+        });
+    }
+    setOpacity(value) {
+        const { THREE } = Externals.getInstance();
+        this.traverse((o) => {
+            const m = o;
+            if (m.isMesh && m.material instanceof THREE.Material) {
+                m.material.opacity = value;
+            }
+        });
+    }
+    setShadowEnabled(value) {
+        this.groundMeshes.forEach((m) => {
+            // eslint-disable-next-line
+            m.receiveShadow = value;
+        });
+    }
+    setAreasVisible(value) {
+        this.areas.forEach((m) => {
+            m.visible = value;
+        });
+    }
+    update() {
+        const frameContext = new ElementFrameContext(this);
+        if (!this.initialized && this.loaded) {
+            this.initialized = true;
+            frameContext.needUpdate = true;
+        }
+        if (this.initialized && !this.parent) {
+            frameContext.shouldPlaceElement = true;
+        }
+        return frameContext;
+    }
+    dispose() {
+        super.dispose();
+        this.groundMeshes = [];
+        this.areas = [];
+        BasicTools.dispose(this, true);
+    }
+}
+export { Area };
+//# sourceMappingURL=area.js.map

package/lib/src/owlly/element/map-kit/area.js.map

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

package/lib/src/owlly/element/map-kit/block-set.d.ts

@@ -0,0 +1,39 @@
+import { Element, ElementFrameContext } from '../element';
+import { Shape } from './shape';
+import { Block } from './block';
+/**
+ * 块状模型组
+ * @noInheritDoc
+ */
+declare class BlockSet extends Element {
+    private initialized;
+    private loaded;
+    private lowPerformance;
+    blocks: Block[];
+    private viewWidth;
+    private viewHeight;
+    private tag;
+    private renderStroke;
+    /**
+     * 块状模型组通用类
+     * @param shapes 块状模型基础图形组
+     * @example
+     * ```typescript
+     * // 以使用svg生成Shape对象为例, 首先将svg解析为Shape对象
+     * const shapes = await SvgUtils.parseSVG(
+     *   <svg url>,
+     *   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1], // 对齐矩阵
+     * );
+     * // 用每个shape生成对应的block
+     * const blocks = new Block(shapes);
+     * // 绑定block
+     * stage.bindElement(blocks);
+     * ```
+     */
+    constructor(shapes: Shape[], lowPerformance?: boolean, tag?: string, renderStroke?: boolean);
+    load(shapes: Shape[], lowPerformance?: boolean, renderStroke?: boolean): Promise<void>;
+    update(): ElementFrameContext;
+    dispose(): void;
+    resize(width: number, height: number): void;
+}
+export { BlockSet };

package/lib/src/owlly/element/map-kit/block-set.js

@@ -0,0 +1,91 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Element, ElementFrameContext } from '../element';
+import { BasicTools } from '../../utils/basic-tools';
+import { Block } from './block';
+import { Events } from '../../utils/events';
+/**
+ * 块状模型组
+ * @noInheritDoc
+ */
+class BlockSet extends Element {
+    /**
+     * 块状模型组通用类
+     * @param shapes 块状模型基础图形组
+     * @example
+     * ```typescript
+     * // 以使用svg生成Shape对象为例, 首先将svg解析为Shape对象
+     * const shapes = await SvgUtils.parseSVG(
+     *   <svg url>,
+     *   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1], // 对齐矩阵
+     * );
+     * // 用每个shape生成对应的block
+     * const blocks = new Block(shapes);
+     * // 绑定block
+     * stage.bindElement(blocks);
+     * ```
+     */
+    constructor(shapes, lowPerformance = false, tag = '', renderStroke = true) {
+        super();
+        this.initialized = false;
+        this.loaded = false;
+        this.blocks = [];
+        this.lowPerformance = lowPerformance;
+        this.tag = tag;
+        this.renderStroke = renderStroke;
+        if (shapes)
+            this.load(shapes, this.lowPerformance, this.renderStroke);
+    }
+    load(shapes, lowPerformance = false, renderStroke = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.initialized = false;
+            this.loaded = false;
+            this.lowPerformance = lowPerformance;
+            this.renderStroke = renderStroke;
+            shapes.forEach((shape) => {
+                const block = new Block(shape, this.lowPerformance, this.tag, renderStroke);
+                this.blocks.push(block);
+                this.add(block);
+            });
+            this.loaded = true;
+        });
+    }
+    update() {
+        const frameContext = new ElementFrameContext(this);
+        if (!this.initialized && this.loaded) {
+            this.initialized = true;
+            frameContext.needUpdate = true;
+        }
+        if (this.initialized && !this.parent) {
+            frameContext.shouldPlaceElement = true;
+            this.emit(Events.ELEMENT_LOADED, this);
+        }
+        return frameContext;
+    }
+    dispose() {
+        super.dispose();
+        this.blocks.forEach((block) => {
+            this.remove(block);
+            block.dispose();
+        });
+        BasicTools.dispose(this, true);
+    }
+    resize(width, height) {
+        if (this.viewWidth === width && this.viewHeight === height)
+            return;
+        this.blocks.forEach((block) => {
+            block.resize(width, height);
+        });
+        this.viewWidth = width;
+        this.viewHeight = height;
+    }
+}
+export { BlockSet };
+//# sourceMappingURL=block-set.js.map

package/lib/src/owlly/element/map-kit/block-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-set.js","sourceRoot":"","sources":["../../../../../src/owlly/element/map-kit/block-set.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;GAGG;AACH,MAAM,QAAS,SAAQ,OAAO;IAiB5B;;;;;;;;;;;;;;;OAeG;IACH,YAAY,MAAe,EAAE,cAAc,GAAG,KAAK,EAAE,GAAG,GAAG,EAAE,EAAE,YAAY,GAAG,IAAI;QAChF,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,MAAM;YAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACxE,CAAC;IAEY,IAAI,CAAC,MAAe,EAAE,cAAc,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI;;YAC5E,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;YAEjC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;gBAC5E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,CAAC;KAAA;IAEM,MAAM;QACX,MAAM,YAAY,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,EAAE;YACpC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC;SAChC;QACD,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACpC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;SACxC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;IAEM,OAAO;QACZ,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC;IAEM,MAAM,CAAC,KAAa,EAAE,MAAc;QACzC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM;YAAE,OAAO;QACnE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;IAC3B,CAAC;CACF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/src/owlly/element/map-kit/block.d.ts

@@ -0,0 +1,77 @@
+import { NS_THREE } from '../../stage/externals';
+import { Element, ElementFrameContext } from '../element';
+import { Shape } from './shape';
+interface BlockBorderOptions {
+    surface: NS_THREE.Shape;
+    closed: boolean;
+    color?: number | string;
+    splitPoints?: NS_THREE.Vector2[];
+    splitWidth?: number | number[];
+    opacity?: number;
+}
+declare enum StrokeType {
+    all = 0,
+    up = 1,
+    down = 2
+}
+/**
+ * 块状模型
+ * @noInheritDoc
+ */
+declare class Block extends Element {
+    static SharedResourceMap: Map<string, {
+        count: number;
+        material?: NS_THREE.Material;
+        mesh?: NS_THREE.Mesh;
+    }>;
+    static StrokeType: StrokeType;
+    private initialized;
+    private loaded;
+    shape: Shape;
+    private line;
+    private viewWidth;
+    private viewHeight;
+    private lowPerformance;
+    private tag;
+    private renderStroke;
+    private borderOptions;
+    private shapeMesh;
+    private borderMesh?;
+    private needUpdate;
+    /**
+     * 块状模型通用类
+     * @param shape 块状模型基础图形
+     * @example
+     * ```typescript
+     * // 以使用svg生成Shape对象为例, 首先将svg解析为Shape对象
+     * const shapes = await SvgUtils.parseSVG(
+     *   <svg url>,
+     *   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1], // 对齐矩阵
+     * );
+     * // 用每个shape生成对应的block
+     * const blocks = shapes.map((s) => new Block(s));
+     * // 绑定block
+     * blocks.forEach((b) => { stage.bindElement(b); });
+     * ```
+     */
+    constructor(shape: Shape, lowPerformance?: boolean, tag?: string, renderStroke?: boolean, borderOptions?: BlockBorderOptions);
+    load(shape: Shape, lowPerformance?: boolean, renderStroke?: boolean, borderOptions?: BlockBorderOptions): void;
+    updateShape(shape: Shape, lowPerformance?: boolean, renderStroke?: boolean, borderOptions?: BlockBorderOptions): void;
+    updateBorderOptions(borderOptions?: BlockBorderOptions, threeShape?: NS_THREE.Shape): void;
+    resize(width: number, height: number): void;
+    updateColor(options: {
+        fill?: number | string;
+        fillOpacity?: number;
+        stroke?: number | string;
+        strokeWidth?: number;
+        strokeOpacity?: number;
+        borderColor?: number | string;
+        sideColor?: number | string;
+        sideOpacity?: number;
+    }): void;
+    setVisible(visible: boolean): void;
+    update(): ElementFrameContext;
+    disposeChildren(): void;
+    dispose(): void;
+}
+export { Block, BlockBorderOptions, StrokeType };