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

package/dist/rect.js

@@ -1,34 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObjectExtrude } from './threed/real-object-extrude.js';
-import { registerRealObjectFactory } from './threed/real-object-registry.js';
-export class RectExtrude extends RealObjectExtrude {
-    get shape() {
-        var { width, height, round } = this.component.state;
-        var shape = new THREE.Shape();
-        if (round > 0) {
-            var radius = (round / 100) * (width / 2);
-            shape.moveTo(radius, 0);
-            shape.lineTo(width - radius, 0);
-            shape.quadraticCurveTo(width, 0, width, radius);
-            shape.lineTo(width, height - radius);
-            shape.quadraticCurveTo(width, height, width - radius, height);
-            shape.lineTo(radius, height);
-            shape.quadraticCurveTo(0, height, 0, height - radius);
-            shape.lineTo(0, radius);
-            shape.quadraticCurveTo(0, 0, radius, 0);
-        }
-        else {
-            shape.moveTo(0, 0);
-            shape.lineTo(width, 0);
-            shape.lineTo(width, height);
-            shape.lineTo(0, height);
-            shape.lineTo(0, 0);
-        }
-        return shape;
-    }
-}
-registerRealObjectFactory('rect', (component) => new RectExtrude(component));
-//# sourceMappingURL=rect.js.map

package/dist/rect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rect.js","sourceRoot":"","sources":["../src/rect.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAE5E,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAChD,IAAI,KAAK;QACP,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACnD,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;QAE7B,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,IAAI,MAAM,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;YAExC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;YACvB,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,CAAC,CAAC,CAAA;YAC/B,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;YAC/C,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;YACpC,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,CAAC,CAAA;YAC7D,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAC5B,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;YACrD,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACvB,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;QACzC,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAClB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YACtB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAC3B,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YACvB,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACpB,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,yBAAyB,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport * as THREE from 'three'\nimport { RealObjectExtrude } from './threed/real-object-extrude.js'\nimport { registerRealObjectFactory } from './threed/real-object-registry.js'\n\nexport class RectExtrude extends RealObjectExtrude {\n  get shape() {\n    var { width, height, round } = this.component.state\n    var shape = new THREE.Shape()\n\n    if (round > 0) {\n      var radius = (round / 100) * (width / 2)\n\n      shape.moveTo(radius, 0)\n      shape.lineTo(width - radius, 0)\n      shape.quadraticCurveTo(width, 0, width, radius)\n      shape.lineTo(width, height - radius)\n      shape.quadraticCurveTo(width, height, width - radius, height)\n      shape.lineTo(radius, height)\n      shape.quadraticCurveTo(0, height, 0, height - radius)\n      shape.lineTo(0, radius)\n      shape.quadraticCurveTo(0, 0, radius, 0)\n    } else {\n      shape.moveTo(0, 0)\n      shape.lineTo(width, 0)\n      shape.lineTo(width, height)\n      shape.lineTo(0, height)\n      shape.lineTo(0, 0)\n    }\n\n    return shape\n  }\n}\n\nregisterRealObjectFactory('rect', (component) => new RectExtrude(component))\n"]}

package/dist/scene/component.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/scene/component.js

@@ -1,29 +0,0 @@
-import { Component } from '@hatiolab/things-scene';
-import { RealObjectSprite2D } from '../threed/real-object-sprite-2d.js';
-Component.prototype.buildRealObject = function () {
-    return new RealObjectSprite2D(this);
-};
-Component.prototype.is3dish = function () {
-    return true;
-};
-Object.defineProperty(Component.prototype, 'realObject', {
-    get: function () {
-        if (!this.disposed && !this._realObject) {
-            this._realObject = this.buildRealObject();
-            if (!this._realObject) {
-                return;
-            }
-            this._realObject.update();
-            this._realObject.updateTransform();
-        }
-        return this._realObject;
-    },
-    enumerable: false,
-    configurable: false
-});
-var oldDispose = Component.prototype.dispose;
-Component.prototype.dispose = function () {
-    oldDispose.call(this);
-    this.realObject && this.realObject.dispose();
-};
-//# sourceMappingURL=component.js.map

package/dist/scene/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/scene/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,SAAS,CAAC,SAAS,CAAC,eAAe,GAAG;IACpC,OAAO,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAA;AACrC,CAAC,CAAA;AAED,SAAS,CAAC,SAAS,CAAC,OAAO,GAAG;IAC5B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE;IACvD,GAAG,EAAE;QACH,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;YAEzC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,OAAM;YACR,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAA;YACzB,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,CAAA;QACpC,CAAC;QAED,OAAO,IAAI,CAAC,WAAW,CAAA;IACzB,CAAC;IACD,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;CACpB,CAAC,CAAA;AAEF,IAAI,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,CAAA;AAE5C,SAAS,CAAC,SAAS,CAAC,OAAO,GAAG;IAC5B,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAErB,IAAI,CAAC,UAAU,IAAK,IAAI,CAAC,UAAkB,CAAC,OAAO,EAAE,CAAA;AACvD,CAAC,CAAA","sourcesContent":["import { Component } from '@hatiolab/things-scene'\nimport { RealObject } from '../threed/real-object.js'\nimport { RealObjectSprite2D } from '../threed/real-object-sprite-2d.js'\n\nComponent.prototype.buildRealObject = function (this: Component): RealObject | undefined {\n  return new RealObjectSprite2D(this)\n}\n\nComponent.prototype.is3dish = function (this: Component): boolean {\n  return true\n}\n\nObject.defineProperty(Component.prototype, 'realObject', {\n  get: function (this: Component): RealObject | undefined {\n    if (!this.disposed && !this._realObject) {\n      this._realObject = this.buildRealObject()\n\n      if (!this._realObject) {\n        return\n      }\n\n      this._realObject.update()\n      this._realObject.updateTransform()\n    }\n\n    return this._realObject\n  },\n  enumerable: false,\n  configurable: false\n})\n\nvar oldDispose = Component.prototype.dispose\n\nComponent.prototype.dispose = function () {\n  oldDispose.call(this)\n\n  this.realObject && (this.realObject as any).dispose()\n}\n"]}

package/dist/sphere.d.ts

@@ -1,9 +0,0 @@
-import { ComponentNature, Ellipse, RealObject, RealObjectMesh } from '@hatiolab/things-scene';
-export declare class Sphere3D extends RealObjectMesh {
-    buildGeometry(): void;
-}
-export declare class Sphere extends Ellipse {
-    is3dish(): boolean;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-}

package/dist/sphere.js

@@ -1,37 +0,0 @@
-import { __decorate } from "tslib";
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { Ellipse, sceneComponent, RealObjectMesh } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [],
-    help: 'scene/component/sphere'
-};
-export class Sphere3D extends RealObjectMesh {
-    buildGeometry() {
-        var { depth = 0, rx = 0, ry = 0 } = this.component.state;
-        let geometry = new THREE.SphereGeometry(1, 32, 16);
-        geometry.scale(rx, depth, ry);
-        this.object3d.geometry = geometry;
-    }
-}
-let Sphere = class Sphere extends Ellipse {
-    is3dish() {
-        return true;
-    }
-    buildRealObject() {
-        return new Sphere3D(this);
-    }
-    get nature() {
-        return NATURE;
-    }
-};
-Sphere = __decorate([
-    sceneComponent('sphere')
-], Sphere);
-export { Sphere };
-//# sourceMappingURL=sphere.js.map

package/dist/sphere.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sphere.js","sourceRoot":"","sources":["../src/sphere.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA8B,OAAO,EAAE,cAAc,EAAc,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACxH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,wBAAwB;CAC/B,CAAA;AAED,MAAM,OAAO,QAAS,SAAQ,cAAc;IAC1C,aAAa;QACX,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExD,IAAI,QAAQ,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QAE7B,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAA;IACnC,CAAC;CACF;AAGM,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,OAAO;IACjC,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,QAAQ,CAAC,IAAW,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAZY,MAAM;IADlB,cAAc,CAAC,QAAQ,CAAC;GACZ,MAAM,CAYlB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, Ellipse, sceneComponent, RealObject, RealObjectMesh } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [],\n  help: 'scene/component/sphere'\n}\n\nexport class Sphere3D extends RealObjectMesh {\n  buildGeometry() {\n    var { depth = 0, rx = 0, ry = 0 } = this.component.state\n\n    let geometry = new THREE.SphereGeometry(1, 32, 16)\n    geometry.scale(rx, depth, ry)\n\n    this.object3d.geometry = geometry\n  }\n}\n\n@sceneComponent('sphere')\nexport class Sphere extends Ellipse {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Sphere3D(this as any)\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n}\n"]}

package/dist/sprite.d.ts

@@ -1,238 +0,0 @@
-import { Component, ComponentNature, Shape, RealObject } from '@hatiolab/things-scene';
-declare const Sprite_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 Sprite extends Sprite_base {
-    is3dish(): boolean;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-}
-export {};

package/dist/sprite.js

@@ -1,27 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import { RectPath, Shape, sceneComponent, RealObjectSprite2D } from '@hatiolab/things-scene';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: []
-};
-let Sprite = class Sprite extends RectPath(Shape) {
-    is3dish() {
-        return true;
-    }
-    buildRealObject() {
-        return new RealObjectSprite2D(this);
-    }
-    get nature() {
-        return NATURE;
-    }
-};
-Sprite = __decorate([
-    sceneComponent('sprite')
-], Sprite);
-export { Sprite };
-//# sourceMappingURL=sprite.js.map

package/dist/sprite.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sprite.js","sourceRoot":"","sources":["../src/sprite.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAA8B,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAc,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEpI,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;CACf,CAAA;AAGM,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,QAAQ,CAAC,KAAK,CAAC;IACzC,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,kBAAkB,CAAC,IAAW,CAAC,CAAA;IAC5C,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAZY,MAAM;IADlB,cAAc,CAAC,QAAQ,CAAC;GACZ,MAAM,CAYlB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent, RealObject, RealObjectSprite2D } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: []\n}\n\n@sceneComponent('sprite')\nexport class Sprite extends RectPath(Shape) {\n  is3dish(): boolean {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new RealObjectSprite2D(this as any)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/text.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/text.js

@@ -1,7 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { registerRealObjectFactory } from './threed/real-object-registry.js';
-import { RealObjectText } from './threed/real-object-text.js';
-registerRealObjectFactory('text', (component) => new RealObjectText(component));
-//# sourceMappingURL=text.js.map

package/dist/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../src/text.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,yBAAyB,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { registerRealObjectFactory } from './threed/real-object-registry.js'\nimport { RealObjectText } from './threed/real-object-text.js'\n\nregisterRealObjectFactory('text', (component) => new RealObjectText(component))\n"]}

package/dist/three-container-editor.d.ts

@@ -1,22 +0,0 @@
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
-export declare class ThreeContainerEditor {
-    private ortho;
-    private persp;
-    private scene;
-    private camera;
-    private renderer;
-    private orbit?;
-    private transform?;
-    constructor(scene: THREE.Scene, ortho: THREE.OrthographicCamera, persp: THREE.PerspectiveCamera, camera: THREE.Camera, renderer: THREE.Renderer);
-    dispose(): void;
-    get orbitControls(): OrbitControls;
-    get transformControls(): TransformControls;
-    attach(target: THREE.Object3D): void;
-    detach(): void;
-    onKeyDown(e: KeyboardEvent): void;
-    onKeyUp(e: KeyboardEvent): void;
-    onWindowResize(): void;
-    render(): void;
-}

package/dist/three-container-editor.js

@@ -1,132 +0,0 @@
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
-export class ThreeContainerEditor {
-    constructor(scene, ortho, persp, camera, renderer) {
-        this.ortho = ortho;
-        this.persp = persp;
-        this.scene = scene;
-        this.camera = camera;
-        this.renderer = renderer;
-    }
-    dispose() {
-        var _a, _b;
-        (_a = this.orbit) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.transform) === null || _b === void 0 ? void 0 : _b.dispose();
-    }
-    get orbitControls() {
-        if (!this.orbit) {
-            this.orbit = new OrbitControls(this.camera, this.renderer.domElement);
-            this.orbit.update();
-            this.orbit.addEventListener('change', this.render);
-        }
-        return this.orbit;
-    }
-    get transformControls() {
-        if (!this.transform) {
-            this.transform = new TransformControls(this.camera, this.renderer.domElement);
-            this.transform.addEventListener('change', this.render);
-            this.transform.addEventListener('dragging-changed', event => {
-                this.orbitControls.enabled = !event.value;
-            });
-        }
-        return this.transform;
-    }
-    attach(target) {
-        var _a;
-        (_a = this.transform) === null || _a === void 0 ? void 0 : _a.attach(target);
-        this.scene.add(this.transformControls);
-    }
-    detach() {
-        this.scene.remove(this.transformControls);
-    }
-    onKeyDown(e) {
-        switch (e.code) {
-            case 'KeyQ':
-                this.transformControls.setSpace(this.transformControls.space === 'local' ? 'world' : 'local');
-                break;
-            case 'ShiftLeft':
-            case 'ShiftRight':
-                this.transformControls.setTranslationSnap(100);
-                this.transformControls.setRotationSnap(THREE.MathUtils.degToRad(15));
-                this.transformControls.setScaleSnap(0.25);
-                break;
-            case 'KeyW':
-                this.transformControls.setMode('translate');
-                break;
-            case 'KeyE':
-                this.transformControls.setMode('rotate');
-                break;
-            case 'KeyR':
-                this.transformControls.setMode('scale');
-                break;
-            case 'KeyC':
-                const position = this.camera.position.clone();
-                this.camera = this.camera.isPerspectiveCamera ? this.ortho : this.persp;
-                this.camera.position.copy(position);
-                this.orbitControls.object = this.camera;
-                this.transformControls.camera = this.camera;
-                this.camera.lookAt(this.orbitControls.target.x, this.orbitControls.target.y, this.orbitControls.target.z);
-                this.onWindowResize();
-                break;
-            case 'KeyV':
-                const randomFoV = Math.random() + 0.1;
-                const randomZoom = Math.random() + 0.1;
-                this.persp.fov = randomFoV * 160;
-                this.ortho.bottom = -randomFoV * 500;
-                this.ortho.top = randomFoV * 500;
-                this.persp.zoom = randomZoom * 5;
-                this.ortho.zoom = randomZoom * 5;
-                this.onWindowResize();
-                break;
-            case 'Equal':
-            case 'NumpadAdd':
-            case 'NumpadEqual':
-                this.transformControls.setSize(this.transformControls.size + 0.1);
-                break;
-            case 'Minus': // -
-            case 'IntlRo': // _
-            case 'NumpadSubtract': // num-
-                this.transformControls.setSize(Math.max(this.transformControls.size - 0.1, 0.1));
-                break;
-            case 'KeyX':
-                this.transformControls.showX = !this.transformControls.showX;
-                break;
-            case 'KeyY':
-                this.transformControls.showY = !this.transformControls.showY;
-                break;
-            case 'KeyZ':
-                this.transformControls.showZ = !this.transformControls.showZ;
-                break;
-            case 'Space':
-                this.transformControls.enabled = !this.transformControls.enabled;
-                break;
-            case 'Esc':
-                this.transformControls.reset();
-                break;
-        }
-    }
-    onKeyUp(e) {
-        switch (e.code) {
-            case 'Shift':
-                this.transformControls.setTranslationSnap(null);
-                this.transformControls.setRotationSnap(null);
-                this.transformControls.setScaleSnap(null);
-                break;
-        }
-    }
-    onWindowResize() {
-        const aspect = window.innerWidth / window.innerHeight;
-        this.persp.aspect = aspect;
-        this.persp.updateProjectionMatrix();
-        this.ortho.left = this.ortho.bottom * aspect;
-        this.ortho.right = this.ortho.top * aspect;
-        this.ortho.updateProjectionMatrix();
-        this.renderer.setSize(window.innerWidth, window.innerHeight);
-        this.render();
-    }
-    render() {
-        this.renderer.render(this.scene, this.camera);
-    }
-}
-//# sourceMappingURL=three-container-editor.js.map

package/dist/three-container-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"three-container-editor.js","sourceRoot":"","sources":["../src/three-container-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\n\nimport { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'\nimport { TransformControls } from 'three/examples/jsm/controls/TransformControls.js'\n\nexport class ThreeContainerEditor {\n  private ortho: THREE.OrthographicCamera\n  private persp: THREE.PerspectiveCamera\n\n  private scene: THREE.Scene\n  private camera: THREE.Camera\n  private renderer: THREE.Renderer\n\n  private orbit?: OrbitControls\n  private transform?: TransformControls\n\n  constructor(\n    scene: THREE.Scene,\n    ortho: THREE.OrthographicCamera,\n    persp: THREE.PerspectiveCamera,\n    camera: THREE.Camera,\n    renderer: THREE.Renderer\n  ) {\n    this.ortho = ortho\n    this.persp = persp\n\n    this.scene = scene\n    this.camera = camera\n    this.renderer = renderer\n  }\n\n  dispose() {\n    this.orbit?.dispose()\n    this.transform?.dispose()\n  }\n\n  get orbitControls(): OrbitControls {\n    if (!this.orbit) {\n      this.orbit = new OrbitControls(this.camera!, this.renderer.domElement)\n      this.orbit.update()\n\n      this.orbit.addEventListener('change', this.render)\n    }\n\n    return this.orbit\n  }\n\n  get transformControls(): TransformControls {\n    if (!this.transform) {\n      this.transform = new TransformControls(this.camera!, this.renderer.domElement)\n      this.transform.addEventListener('change', this.render)\n\n      this.transform.addEventListener('dragging-changed', event => {\n        this.orbitControls.enabled = !event.value\n      })\n    }\n\n    return this.transform\n  }\n\n  attach(target: THREE.Object3D) {\n    this.transform?.attach(target)\n    this.scene.add(this.transformControls)\n  }\n\n  detach() {\n    this.scene.remove(this.transformControls)\n  }\n\n  onKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'KeyQ':\n        this.transformControls.setSpace(this.transformControls.space === 'local' ? 'world' : 'local')\n        break\n\n      case 'ShiftLeft':\n      case 'ShiftRight':\n        this.transformControls.setTranslationSnap(100)\n        this.transformControls.setRotationSnap(THREE.MathUtils.degToRad(15))\n        this.transformControls.setScaleSnap(0.25)\n        break\n\n      case 'KeyW':\n        this.transformControls.setMode('translate')\n        break\n\n      case 'KeyE':\n        this.transformControls.setMode('rotate')\n        break\n\n      case 'KeyR':\n        this.transformControls.setMode('scale')\n        break\n\n      case 'KeyC':\n        const position = this.camera.position.clone()\n\n        this.camera = (this.camera as THREE.PerspectiveCamera).isPerspectiveCamera ? this.ortho : this.persp\n        this.camera.position.copy(position)\n\n        this.orbitControls.object = this.camera\n        this.transformControls.camera = this.camera\n\n        this.camera.lookAt(this.orbitControls.target.x, this.orbitControls.target.y, this.orbitControls.target.z)\n\n        this.onWindowResize()\n\n        break\n\n      case 'KeyV':\n        const randomFoV = Math.random() + 0.1\n        const randomZoom = Math.random() + 0.1\n\n        this.persp.fov = randomFoV * 160\n        this.ortho.bottom = -randomFoV * 500\n        this.ortho.top = randomFoV * 500\n\n        this.persp.zoom = randomZoom * 5\n        this.ortho.zoom = randomZoom * 5\n\n        this.onWindowResize()\n\n        break\n\n      case 'Equal':\n      case 'NumpadAdd':\n      case 'NumpadEqual':\n        this.transformControls.setSize(this.transformControls.size + 0.1)\n        break\n\n      case 'Minus': // -\n      case 'IntlRo': // _\n      case 'NumpadSubtract': // num-\n        this.transformControls.setSize(Math.max(this.transformControls.size - 0.1, 0.1))\n        break\n\n      case 'KeyX':\n        this.transformControls.showX = !this.transformControls.showX\n        break\n\n      case 'KeyY':\n        this.transformControls.showY = !this.transformControls.showY\n        break\n\n      case 'KeyZ':\n        this.transformControls.showZ = !this.transformControls.showZ\n        break\n\n      case 'Space':\n        this.transformControls.enabled = !this.transformControls.enabled\n        break\n\n      case 'Esc':\n        this.transformControls.reset()\n        break\n    }\n  }\n\n  onKeyUp(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'Shift':\n        this.transformControls.setTranslationSnap(null)\n        this.transformControls.setRotationSnap(null)\n        this.transformControls.setScaleSnap(null)\n        break\n    }\n  }\n\n  onWindowResize() {\n    const aspect = window.innerWidth / window.innerHeight\n\n    this.persp.aspect = aspect\n    this.persp.updateProjectionMatrix()\n\n    this.ortho.left = this.ortho.bottom * aspect\n    this.ortho.right = this.ortho.top * aspect\n    this.ortho.updateProjectionMatrix()\n\n    this.renderer.setSize(window.innerWidth, window.innerHeight)\n\n    this.render()\n  }\n\n  render() {\n    this.renderer.render(this.scene, this.camera)\n  }\n}\n"]}