@operato/scene-visualizer 10.0.0-beta.1 → 10.0.0-beta.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-visualizer",
   "description": "visualizer component for operato-scene",
   "author": "heartyoh",
-  "version": "10.0.0-beta.1",
+  "version": "10.0.0-beta.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -63,5 +63,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "bb127dd516b9e962fb2d0a24bc2d8c5e108f06fb"
+  "gitHead": "350ece104754d007967cf8e3f54d0d157465e94a"
 }

package/dist/banner.d.ts

@@ -1,244 +0,0 @@
-import * as THREE from 'three';
-import { Component, ComponentNature, Shape, RealObject } from '@hatiolab/things-scene';
-export declare class Banner3D extends RealObject {
-    build(): void;
-    createCube(w: number, h: number, d: number): THREE.Mesh<THREE.BoxGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
-    createTextureBoard(w: number, h: number): THREE.Mesh<THREE.PlaneGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
-}
-declare const Banner_base: (new (...args: any[]) => {
-    contains(x: any, y: any): boolean;
-    get path(): {
-        x: any;
-        y: any;
-    }[];
-    set path(path: {
-        x: any;
-        y: any;
-    }[]): any;
-    get anchors(): {
-        name: string;
-        position: {
-            x: any;
-            y: any;
-        };
-    }[];
-    get bounds(): any;
-    set bounds(bounds: any): any;
-    render(ctx: any): void;
-    _app: any;
-    _model: any;
-    _state: any;
-    _delta: any;
-    _animation: any;
-    _animate: any;
-    _parent: any;
-    _disposed: any;
-    _textHidden: any;
-    _text_substitutor: any;
-    _value_substitutor: any;
-    _mappings: any;
-    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
-    _cachedState: any;
-    updatedAt: any;
-    fontSize: any;
-    __cache__: any;
-    created(): void;
-    added(parent: any): void;
-    removed(parent: any): void;
-    ready(): Promise<void>;
-    touch(): void;
-    clearCache(...attrs: any[]): void;
-    removeSelf(completely: any): void;
-    resetAnimation(): void;
-    dispose(): void;
-    get nature(): import("@hatiolab/things-scene").ComponentNature;
-    get disposed(): boolean;
-    isLayer(): boolean;
-    isGroup(): boolean;
-    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component").Container;
-    isLine(): boolean;
-    isRoot(): boolean;
-    isRootModel(): boolean;
-    is3dish(): boolean;
-    isIn3DSpace(): boolean;
-    isTemplate(): boolean;
-    isHTMLElement(): boolean;
-    isConnectable(): boolean;
-    isIdentifiable(): boolean;
-    isPositionable(): boolean;
-    replaceRefids(replaceMap: any): void;
-    get(property: any): any;
-    set(props: any, propval?: any): any;
-    getState(property: any): any;
-    setState(props: any, propval?: any): any;
-    get model(): any;
-    get state(): any;
-    get hierarchy(): any;
-    get volatile(): never[];
-    _applyProps(target: any, props: any, options: any): any;
-    move(offset: {
-        x: number;
-        y: number;
-    }, ...args: boolean[]): void;
-    symmetryX(x?: number): void;
-    symmetryY(y: number): void;
-    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): any;
-    adjustRotation(rotation: number, step: boolean): any;
-    outline(progress: number): any;
-    get center(): import("@hatiolab/things-scene").POINT;
-    set center(p: import("@hatiolab/things-scene").POINT): any;
-    get location(): import("@hatiolab/things-scene").POINT;
-    set location(l: import("@hatiolab/things-scene").POINT): any;
-    get rotate(): import("@hatiolab/things-scene").POINT;
-    set rotate(r: import("@hatiolab/things-scene").POINT): any;
-    get dimension(): import("@hatiolab/things-scene").DIMENSION;
-    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
-    get drawPath(): import("@hatiolab/things-scene").POINT[];
-    get rotatePoint(): import("@hatiolab/things-scene").POINT;
-    get mutable(): boolean;
-    get resizable(): boolean;
-    get rotatable(): boolean;
-    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
-    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
-    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
-    prepareIf(condition: boolean): void;
-    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
-    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
-    get strokeStyle(): any;
-    set strokeStyle(v: any): any;
-    get fillStyle(): any;
-    set fillStyle(v: any): any;
-    get fontColor(): string;
-    set fontColor(v: string): any;
-    get rotation(): number;
-    set rotation(v: number): any;
-    get decorators(): string[];
-    get decotag(): string;
-    get hidden(): boolean;
-    set hidden(v: boolean): any;
-    get tag(): string;
-    set tag(v: string): any;
-    get appendum(): any;
-    set appendum(v: any): any;
-    defaultTextSubstitutor(): any;
-    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any;
-    get font(): string;
-    get lineHeight(): number;
-    get textSubstitutor(): () => string;
-    get text(): string;
-    set text(v: string): any;
-    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
-    get textRotation(): number;
-    get textHidden(): boolean;
-    set textHidden(v: boolean): any;
-    get hasTextProperty(): boolean;
-    animate(opts: import("@hatiolab/things-scene/dist-types/animation/interfaces").AnimationConfig): any;
-    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): any;
-    serialize(...others: any[]): any;
-    trim(): void;
-    closeScene(data: any): void;
-    delta(attr?: string | object, value?: any): any;
-    invalidate(): void;
-    get value(): any;
-    set value(v: any): any;
-    get data(): any;
-    set data(v: any): any;
-    set tap(v: any): any;
-    get mappings(): any[];
-    get retention(): number;
-    get animation(): import("@hatiolab/things-scene/dist-types/animation/interfaces").AnimationController | undefined;
-    get started(): boolean;
-    set started(v: boolean): any;
-    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
-    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): any;
-    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any;
-    capture(x: number, y: number, except?: (c: Component) => boolean): any;
-    findAnchor(name: string): any;
-    isDescendible(container: Component): any;
-    getContext(component?: unknown): any;
-    get root(): Component;
-    get rootModel(): Component;
-    get parent(): Component;
-    set parent(v: Component): any;
-    get scalable(): boolean;
-    get stuck(): boolean;
-    get capturable(): boolean;
-    get position(): string;
-    get origin(): string;
-    get offset(): import("@hatiolab/things-scene").POINT;
-    get app(): import("@hatiolab/things-scene").ApplicationContext;
-    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prepareFill(resolve: Function, reject: Function): void;
-    prepareFillIf(condition: boolean): void;
-    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
-    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
-    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
-    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
-    access(accessor: string, data: any): any;
-    substitute(template: string, data: any): any;
-    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
-    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
-    buildMappings(): void;
-    executeMappings(force?: boolean): void;
-    disposeMappings(): void;
-    ondropfile(transfered: FileList, files: string[]): void;
-    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
-    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
-    on(name: string | object, callback: Function, context?: any): any;
-    off(name?: string | object, callback?: Function, context?: any): any;
-    once(name: string | object, callback: Function, context?: any): any;
-    trigger(name: string, ...args: any[]): any;
-    delegate_on(delegator: any): any;
-    delegate_off(delegator: any): any;
-    onchange(after: Record<string, any>, before: Record<string, any>): void;
-    calculateBounds?(): void;
-    oncreate_element?(element: HTMLElement): void;
-    removeComponent(component: Component, ghost?: boolean): void;
-    addComponent(component: Component, ghost?: boolean): void;
-    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
-    getOverlay(component: Component): HTMLElement | undefined;
-    findById(id: string): Component | undefined;
-    findByRefid(ref: string | number): Component | undefined;
-    findAllById(id: string): Component[];
-    resize(): void;
-    fit(type?: string): void;
-    get components(): Component[] | undefined;
-    get layout(): any;
-    get auxOverlay(): HTMLElement | undefined;
-    get isReady(): boolean;
-    get unitScale(): number;
-    get selected(): Component[];
-    set selected(_v: Component[]): any;
-    get focused(): Component | null;
-    set focused(_v: Component | null): any;
-    get hasSameParentForAllSelected(): boolean;
-    set hasSameParentForAllSelected(_v: boolean): any;
-    get fitMode(): string | undefined;
-    set fitMode(_v: string | undefined): any;
-    get element(): HTMLElement | null;
-    set element(_v: HTMLElement | null): any;
-}) & typeof Shape;
-export declare class Banner extends Banner_base {
-    is3dish(): boolean;
-    get nature(): ComponentNature;
-    buildRealObject(): RealObject | undefined;
-}
-export {};

package/dist/banner.js

@@ -1,75 +0,0 @@
-import { __decorate } from "tslib";
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RectPath, Shape, sceneComponent, RealObject } from '@hatiolab/things-scene';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [
-        {
-            type: 'color',
-            label: 'box-color',
-            name: 'boxColor',
-            property: 'boxColor'
-        }
-    ],
-    help: 'scene/component/banner'
-};
-export class Banner3D extends RealObject {
-    build() {
-        super.build();
-        var { width = 1, height = 1, depth = 1 } = this.component.state;
-        this.object3d.add(this.createCube(width, height, depth));
-        let textureBoard = this.createTextureBoard(width, depth);
-        textureBoard.position.set(0, 0, 0.5 * height + 1);
-        this.object3d.add(textureBoard);
-    }
-    createCube(w, h, d) {
-        var { boxColor = '#ccaa76' } = this.component.state;
-        var geometry = new THREE.BoxGeometry(w, d, h);
-        var material = new THREE.MeshStandardMaterial({
-            color: boxColor,
-            side: THREE.FrontSide
-        });
-        var cube = new THREE.Mesh(geometry, material);
-        cube.castShadow = true;
-        return cube;
-    }
-    createTextureBoard(w, h) {
-        var boardMaterial;
-        let { fillStyle = '#ccaa76' } = this.component.state;
-        const texture = RealObject.buildFillStyleTexture(this.component);
-        if (texture) {
-            boardMaterial = new THREE.MeshStandardMaterial({ map: texture });
-        }
-        else {
-            boardMaterial = new THREE.MeshStandardMaterial({
-                color: fillStyle || '#ccaa76',
-                side: THREE.FrontSide
-            });
-        }
-        var boardGeometry = new THREE.PlaneGeometry(w, h, 1, 1);
-        var boardMesh = new THREE.Mesh(boardGeometry, boardMaterial);
-        boardMesh.castShadow = true;
-        return boardMesh;
-    }
-}
-let Banner = class Banner extends RectPath(Shape) {
-    is3dish() {
-        return true;
-    }
-    get nature() {
-        return NATURE;
-    }
-    buildRealObject() {
-        return new Banner3D(this);
-    }
-};
-Banner = __decorate([
-    sceneComponent('banner')
-], Banner);
-export { Banner };
-//# sourceMappingURL=banner.js.map

package/dist/banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../src/banner.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport * as THREE from 'three'\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent, RealObject, RealObjectMesh } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'color',\n      label: 'box-color',\n      name: 'boxColor',\n      property: 'boxColor'\n    }\n  ],\n  help: 'scene/component/banner'\n}\n\nexport class Banner3D extends RealObject {\n  build() {\n    super.build()\n\n    var { width = 1, height = 1, depth = 1 } = this.component.state\n\n    this.object3d.add(this.createCube(width, height, depth))\n\n    let textureBoard = this.createTextureBoard(width, depth)\n    textureBoard.position.set(0, 0, 0.5 * height + 1)\n    this.object3d.add(textureBoard)\n  }\n\n  createCube(w: number, h: number, d: number) {\n    var { boxColor = '#ccaa76' } = this.component.state\n\n    var geometry = new THREE.BoxGeometry(w, d, h)\n    var material = new THREE.MeshStandardMaterial({\n      color: boxColor,\n      side: THREE.FrontSide\n    })\n\n    var cube = new THREE.Mesh(geometry, material)\n    cube.castShadow = true\n\n    return cube\n  }\n\n  createTextureBoard(w: number, h: number) {\n    var boardMaterial\n\n    let { fillStyle = '#ccaa76' } = this.component.state\n    const texture = RealObject.buildFillStyleTexture(this.component)\n\n    if (texture) {\n      boardMaterial = new THREE.MeshStandardMaterial({ map: texture })\n    } else {\n      boardMaterial = new THREE.MeshStandardMaterial({\n        color: fillStyle || '#ccaa76',\n        side: THREE.FrontSide\n      })\n    }\n\n    var boardGeometry = new THREE.PlaneGeometry(w, h, 1, 1)\n    var boardMesh = new THREE.Mesh(boardGeometry, boardMaterial)\n    boardMesh.castShadow = true\n\n    return boardMesh\n  }\n}\n\n@sceneComponent('banner')\nexport class Banner extends RectPath(Shape) {\n  is3dish() {\n    return true\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Banner3D(this as any)\n  }\n}\n"]}

package/dist/camera.d.ts

@@ -1,249 +0,0 @@
-import { Component, ComponentNature, Shape, RealObject } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-export declare class Camera3D extends RealObject<THREE.Mesh> {
-    camera?: THREE.PerspectiveCamera;
-    helper?: THREE.CameraHelper;
-    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    updateCamera(): void;
-    build(): void;
-}
-declare const Camera_base: (new (...args: any[]) => {
-    contains(x: any, y: any): boolean;
-    get path(): {
-        x: any;
-        y: any;
-    }[];
-    set path(path: {
-        x: any;
-        y: any;
-    }[]): any;
-    get anchors(): {
-        name: string;
-        position: {
-            x: any;
-            y: any;
-        };
-    }[];
-    get bounds(): any;
-    set bounds(bounds: any): any;
-    render(ctx: any): void;
-    _app: any;
-    _model: any;
-    _state: any;
-    _delta: any;
-    _animation: any;
-    _animate: any;
-    _parent: any;
-    _disposed: any;
-    _textHidden: any;
-    _text_substitutor: any;
-    _value_substitutor: any;
-    _mappings: any;
-    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
-    _cachedState: any;
-    updatedAt: any;
-    fontSize: any;
-    __cache__: any;
-    created(): void;
-    added(parent: any): void;
-    removed(parent: any): void;
-    ready(): Promise<void>;
-    touch(): void;
-    clearCache(...attrs: any[]): void;
-    removeSelf(completely: any): void;
-    resetAnimation(): void;
-    dispose(): void;
-    get nature(): import("@hatiolab/things-scene").ComponentNature;
-    get disposed(): boolean;
-    isLayer(): boolean;
-    isGroup(): boolean;
-    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component").Container;
-    isLine(): boolean;
-    isRoot(): boolean;
-    isRootModel(): boolean;
-    is3dish(): boolean;
-    isIn3DSpace(): boolean;
-    isTemplate(): boolean;
-    isHTMLElement(): boolean;
-    isConnectable(): boolean;
-    isIdentifiable(): boolean;
-    isPositionable(): boolean;
-    replaceRefids(replaceMap: any): void;
-    get(property: any): any;
-    set(props: any, propval?: any): any;
-    getState(property: any): any;
-    setState(props: any, propval?: any): any;
-    get model(): any;
-    get state(): any;
-    get hierarchy(): any;
-    get volatile(): never[];
-    _applyProps(target: any, props: any, options: any): any;
-    move(offset: {
-        x: number;
-        y: number;
-    }, ...args: boolean[]): void;
-    symmetryX(x?: number): void;
-    symmetryY(y: number): void;
-    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): any;
-    adjustRotation(rotation: number, step: boolean): any;
-    outline(progress: number): any;
-    get center(): import("@hatiolab/things-scene").POINT;
-    set center(p: import("@hatiolab/things-scene").POINT): any;
-    get location(): import("@hatiolab/things-scene").POINT;
-    set location(l: import("@hatiolab/things-scene").POINT): any;
-    get rotate(): import("@hatiolab/things-scene").POINT;
-    set rotate(r: import("@hatiolab/things-scene").POINT): any;
-    get dimension(): import("@hatiolab/things-scene").DIMENSION;
-    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
-    get drawPath(): import("@hatiolab/things-scene").POINT[];
-    get rotatePoint(): import("@hatiolab/things-scene").POINT;
-    get mutable(): boolean;
-    get resizable(): boolean;
-    get rotatable(): boolean;
-    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
-    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
-    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
-    prepareIf(condition: boolean): void;
-    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
-    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
-    get strokeStyle(): any;
-    set strokeStyle(v: any): any;
-    get fillStyle(): any;
-    set fillStyle(v: any): any;
-    get fontColor(): string;
-    set fontColor(v: string): any;
-    get rotation(): number;
-    set rotation(v: number): any;
-    get decorators(): string[];
-    get decotag(): string;
-    get hidden(): boolean;
-    set hidden(v: boolean): any;
-    get tag(): string;
-    set tag(v: string): any;
-    get appendum(): any;
-    set appendum(v: any): any;
-    defaultTextSubstitutor(): any;
-    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any;
-    get font(): string;
-    get lineHeight(): number;
-    get textSubstitutor(): () => string;
-    get text(): string;
-    set text(v: string): any;
-    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
-    get textRotation(): number;
-    get textHidden(): boolean;
-    set textHidden(v: boolean): any;
-    get hasTextProperty(): boolean;
-    animate(opts: import("@hatiolab/things-scene/dist-types/animation/interfaces").AnimationConfig): any;
-    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): any;
-    serialize(...others: any[]): any;
-    trim(): void;
-    closeScene(data: any): void;
-    delta(attr?: string | object, value?: any): any;
-    invalidate(): void;
-    get value(): any;
-    set value(v: any): any;
-    get data(): any;
-    set data(v: any): any;
-    set tap(v: any): any;
-    get mappings(): any[];
-    get retention(): number;
-    get animation(): import("@hatiolab/things-scene/dist-types/animation/interfaces").AnimationController | undefined;
-    get started(): boolean;
-    set started(v: boolean): any;
-    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
-    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): any;
-    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any;
-    capture(x: number, y: number, except?: (c: Component) => boolean): any;
-    findAnchor(name: string): any;
-    isDescendible(container: Component): any;
-    getContext(component?: unknown): any;
-    get root(): Component;
-    get rootModel(): Component;
-    get parent(): Component;
-    set parent(v: Component): any;
-    get scalable(): boolean;
-    get stuck(): boolean;
-    get capturable(): boolean;
-    get position(): string;
-    get origin(): string;
-    get offset(): import("@hatiolab/things-scene").POINT;
-    get app(): import("@hatiolab/things-scene").ApplicationContext;
-    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
-    prepareFill(resolve: Function, reject: Function): void;
-    prepareFillIf(condition: boolean): void;
-    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
-    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
-    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
-    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
-    access(accessor: string, data: any): any;
-    substitute(template: string, data: any): any;
-    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
-    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
-    buildMappings(): void;
-    executeMappings(force?: boolean): void;
-    disposeMappings(): void;
-    ondropfile(transfered: FileList, files: string[]): void;
-    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
-    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
-    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
-    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
-    on(name: string | object, callback: Function, context?: any): any;
-    off(name?: string | object, callback?: Function, context?: any): any;
-    once(name: string | object, callback: Function, context?: any): any;
-    trigger(name: string, ...args: any[]): any;
-    delegate_on(delegator: any): any;
-    delegate_off(delegator: any): any;
-    onchange(after: Record<string, any>, before: Record<string, any>): void;
-    calculateBounds?(): void;
-    oncreate_element?(element: HTMLElement): void;
-    removeComponent(component: Component, ghost?: boolean): void;
-    addComponent(component: Component, ghost?: boolean): void;
-    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
-    getOverlay(component: Component): HTMLElement | undefined;
-    findById(id: string): Component | undefined;
-    findByRefid(ref: string | number): Component | undefined;
-    findAllById(id: string): Component[];
-    resize(): void;
-    fit(type?: string): void;
-    get components(): Component[] | undefined;
-    get layout(): any;
-    get auxOverlay(): HTMLElement | undefined;
-    get isReady(): boolean;
-    get unitScale(): number;
-    get selected(): Component[];
-    set selected(_v: Component[]): any;
-    get focused(): Component | null;
-    set focused(_v: Component | null): any;
-    get hasSameParentForAllSelected(): boolean;
-    set hasSameParentForAllSelected(_v: boolean): any;
-    get fitMode(): string | undefined;
-    set fitMode(_v: string | undefined): any;
-    get element(): HTMLElement | null;
-    set element(_v: HTMLElement | null): any;
-}) & typeof Shape;
-export declare class Camera extends Camera_base {
-    static _image: HTMLImageElement;
-    is3dish(): boolean;
-    static get image(): HTMLImageElement;
-    render(context: CanvasRenderingContext2D): void;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-}
-export {};