@operato/scene-visualizer 9.2.2 → 10.0.0-beta.10

package/dist/banner.js

@@ -1,76 +0,0 @@
-import { __decorate } from "tslib";
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
-import { RealObject } from './threed/real-object.js';
-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 } from '@hatiolab/things-scene'\nimport { RealObject } from './threed/real-object.js'\nimport { RealObjectMesh } from './threed/real-object-mesh.js'\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)\n  }\n}\n"]}

package/dist/camera.d.ts

@@ -1,20 +0,0 @@
-import { ComponentNature, Shape } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
-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: 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 {};

package/dist/camera.js

@@ -1,108 +0,0 @@
-var Camera_1;
-import { __decorate } from "tslib";
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [
-        {
-            type: 'number',
-            label: 'near',
-            name: 'near'
-        },
-        {
-            type: 'number',
-            label: 'far',
-            name: 'far'
-        },
-        {
-            type: 'number',
-            label: 'fov',
-            name: 'fov'
-        },
-        {
-            type: 'number',
-            label: 'zoom',
-            name: 'zoom'
-        },
-        {
-            type: 'checkbox',
-            label: 'show-helper',
-            name: 'showHelper'
-        }
-    ],
-    help: 'scene/component/camera'
-};
-export class Camera3D extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Mesh();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom, showHelper } = this.component.state;
-        this.camera.far = far;
-        this.camera.fov = fov;
-        this.camera.near = near;
-        this.camera.zoom = zoom;
-        if (showHelper) {
-            if (!this.helper) {
-                this.helper = new THREE.CameraHelper(this.camera);
-                this.object3d.add(this.helper);
-            }
-        }
-        else if (this.helper) {
-            this.object3d.remove(this.helper);
-            delete this.helper;
-        }
-    }
-    build() {
-        super.build();
-        var { width = 0, height = 0, depth = 0, fillStyle = 'lightgray' } = this.component.state;
-        this.object3d.geometry = new THREE.BoxGeometry(width, depth, height);
-        this.object3d.material = new THREE.MeshStandardMaterial({ color: fillStyle, side: THREE.FrontSide });
-        this.camera = new THREE.PerspectiveCamera();
-        this.camera.position.set(0, 0, 0);
-        this.object3d.add(this.camera);
-        this.object3d.lookAt(0, 0, 0);
-        this.updateCamera();
-    }
-}
-let Camera = Camera_1 = class Camera extends RectPath(Shape) {
-    is3dish() {
-        return true;
-    }
-    static get image() {
-        if (!Camera_1._image) {
-            Camera_1._image = new Image();
-            Camera_1._image.src = new URL('../icons/camera-big.png', import.meta.url).href;
-        }
-        return Camera_1._image;
-    }
-    render(context) {
-        var { left, top, width, height } = this.bounds;
-        context.beginPath();
-        this.drawImage(context, Camera_1.image, left, top, width, height);
-    }
-    buildRealObject() {
-        return new Camera3D(this);
-    }
-    get nature() {
-        return NATURE;
-    }
-};
-Camera = Camera_1 = __decorate([
-    sceneComponent('camera')
-], Camera);
-export { Camera };
-//# sourceMappingURL=camera.js.map

package/dist/camera.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"camera.js","sourceRoot":"","sources":["../src/camera.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'near',\n      name: 'near'\n    },\n    {\n      type: 'number',\n      label: 'far',\n      name: 'far'\n    },\n    {\n      type: 'number',\n      label: 'fov',\n      name: 'fov'\n    },\n    {\n      type: 'number',\n      label: 'zoom',\n      name: 'zoom'\n    },\n    {\n      type: 'checkbox',\n      label: 'show-helper',\n      name: 'showHelper'\n    }\n  ],\n  help: 'scene/component/camera'\n}\n\nexport class Camera3D extends RealObject<THREE.Mesh> {\n  camera?: THREE.PerspectiveCamera\n  helper?: THREE.CameraHelper\n\n  protected getObject3dInstance() {\n    return new THREE.Mesh()\n  }\n\n  updateCamera() {\n    var {\n      near = DEFAULT.near,\n      far = DEFAULT.far,\n      fov = DEFAULT.fov,\n      zoom = DEFAULT.zoom,\n      showHelper\n    } = this.component.state\n\n    this.camera!.far = far\n    this.camera!.fov = fov\n    this.camera!.near = near\n    this.camera!.zoom = zoom\n\n    if (showHelper) {\n      if (!this.helper) {\n        this.helper = new THREE.CameraHelper(this.camera!)\n        this.object3d.add(this.helper)\n      }\n    } else if (this.helper) {\n      this.object3d.remove(this.helper)\n      delete this.helper\n    }\n  }\n\n  build() {\n    super.build()\n\n    var { width = 0, height = 0, depth = 0, fillStyle = 'lightgray' } = this.component.state\n\n    this.object3d.geometry = new THREE.BoxGeometry(width, depth, height)\n    this.object3d.material = new THREE.MeshStandardMaterial({ color: fillStyle, side: THREE.FrontSide })\n\n    this.camera = new THREE.PerspectiveCamera()\n    this.camera.position.set(0, 0, 0)\n\n    this.object3d.add(this.camera)\n    this.object3d.lookAt(0, 0, 0)\n\n    this.updateCamera()\n  }\n}\n\n@sceneComponent('camera')\nexport class Camera extends RectPath(Shape) {\n  static _image: HTMLImageElement\n\n  is3dish() {\n    return true\n  }\n\n  static get image() {\n    if (!Camera._image) {\n      Camera._image = new Image()\n      Camera._image.src = new URL('../icons/camera-big.png', import.meta.url).href\n    }\n\n    return Camera._image\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, Camera.image, left, top, width, height)\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Camera3D(this)\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n}\n"]}

package/dist/cube.d.ts

@@ -1,13 +0,0 @@
-import { ComponentNature, Shape } from '@hatiolab/things-scene';
-import { RealObject } from './threed/real-object.js';
-import { RealObjectMesh } from './threed/real-object-mesh.js';
-export declare class Cube3D extends RealObjectMesh {
-    buildGeometry(): void;
-}
-declare const Cube_base: typeof Shape;
-export declare class Cube extends Cube_base {
-    is3dish(): boolean;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-}
-export {};

package/dist/cube.js

@@ -1,38 +0,0 @@
-import { __decorate } from "tslib";
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import { RealObjectMesh } from './threed/real-object-mesh.js';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [],
-    help: 'scene/component/cube'
-};
-export class Cube3D extends RealObjectMesh {
-    buildGeometry() {
-        var { width = 0, height = 0, depth = 0 } = this.component.state;
-        let geometry = new THREE.BoxGeometry(1, 1, 1);
-        geometry.scale(width, depth, height);
-        this.object3d.geometry = geometry;
-    }
-}
-let Cube = class Cube extends RectPath(Shape) {
-    is3dish() {
-        return true;
-    }
-    buildRealObject() {
-        return new Cube3D(this);
-    }
-    get nature() {
-        return NATURE;
-    }
-};
-Cube = __decorate([
-    sceneComponent('cube')
-], Cube);
-export { Cube };
-//# sourceMappingURL=cube.js.map

package/dist/cube.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cube.js","sourceRoot":"","sources":["../src/cube.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA8B,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACpG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,sBAAsB;CAC7B,CAAA;AAED,MAAM,OAAO,MAAO,SAAQ,cAAc;IACxC,aAAa;QACX,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE/D,IAAI,QAAQ,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7C,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEpC,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAA;IACnC,CAAC;CACF;AAGM,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,QAAQ,CAAC,KAAK,CAAC;IACvC,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAZY,IAAI;IADhB,cAAc,CAAC,MAAM,CAAC;GACV,IAAI,CAYhB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object.js'\nimport { RealObjectMesh } from './threed/real-object-mesh.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [],\n  help: 'scene/component/cube'\n}\n\nexport class Cube3D extends RealObjectMesh {\n  buildGeometry() {\n    var { width = 0, height = 0, depth = 0 } = this.component.state\n\n    let geometry = new THREE.BoxGeometry(1, 1, 1)\n    geometry.scale(width, depth, height)\n\n    this.object3d.geometry = geometry\n  }\n}\n\n@sceneComponent('cube')\nexport class Cube extends RectPath(Shape) {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Cube3D(this)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/cylinder.d.ts

@@ -1,11 +0,0 @@
-import { ComponentNature, Ellipse } from '@hatiolab/things-scene';
-import { RealObject } from './threed/real-object.js';
-import { RealObjectMesh } from './threed/real-object-mesh.js';
-export declare class Cylinder3D extends RealObjectMesh {
-    buildGeometry(): void;
-}
-export declare class Cylinder extends Ellipse {
-    is3dish(): boolean;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-}

package/dist/cylinder.js

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

package/dist/cylinder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cylinder.js","sourceRoot":"","sources":["../src/cylinder.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA8B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,0BAA0B;CACjC,CAAA;AAED,MAAM,OAAO,UAAW,SAAQ,cAAc;IAC5C,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,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;QACtD,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,QAAQ,GAAd,MAAM,QAAS,SAAQ,OAAO;IACnC,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AAZY,QAAQ;IADpB,cAAc,CAAC,UAAU,CAAC;GACd,QAAQ,CAYpB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, Ellipse, sceneComponent } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object.js'\nimport { RealObjectMesh } from './threed/real-object-mesh.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [],\n  help: 'scene/component/cylinder'\n}\n\nexport class Cylinder3D extends RealObjectMesh {\n  buildGeometry() {\n    var { depth = 0, rx = 0, ry = 0 } = this.component.state\n\n    let geometry = new THREE.CylinderGeometry(1, 1, 1, 25)\n    geometry.scale(rx, depth, ry)\n\n    this.object3d.geometry = geometry\n  }\n}\n\n@sceneComponent('cylinder')\nexport class Cylinder extends Ellipse {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Cylinder3D(this)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/ellipse.d.ts

@@ -1,5 +0,0 @@
-import * as THREE from 'three';
-import { RealObjectExtrude } from './threed/real-object-extrude.js';
-export declare class EllipseExtrude extends RealObjectExtrude {
-    get shape(): THREE.Shape;
-}

package/dist/ellipse.js

@@ -1,22 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { Ellipse } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import { RealObjectExtrude } from './threed/real-object-extrude.js';
-export class EllipseExtrude extends RealObjectExtrude {
-    get shape() {
-        var { cx = 0, cy = 0, rx = 1, ry = 1, startAngle = 0, endAngle = 2 * Math.PI, anticlockwise = false } = this.component.state;
-        const curve = new THREE.EllipseCurve(cx, cy, // ax, aY
-        Math.abs(rx), Math.abs(ry), // xRadius, yRadius
-        startAngle, endAngle, // aStartAngle, aEndAngle
-        anticlockwise, // aClockwise
-        0 // aRotation
-        );
-        return new THREE.Shape(curve.getPoints(50));
-    }
-}
-Ellipse.prototype.buildRealObject = function () {
-    return new EllipseExtrude(this);
-};
-//# sourceMappingURL=ellipse.js.map

package/dist/ellipse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ellipse.js","sourceRoot":"","sources":["../src/ellipse.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,MAAM,OAAO,cAAe,SAAQ,iBAAiB;IACnD,IAAI,KAAK;QACP,IAAI,EACF,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,UAAU,GAAG,CAAC,EACd,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,EACtB,aAAa,GAAG,KAAK,EACtB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,YAAY,CAClC,EAAE,EACF,EAAE,EAAE,SAAS;QACb,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EACZ,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAmB;QACjC,UAAU,EACV,QAAQ,EAAE,yBAAyB;QACnC,aAAa,EAAE,aAAa;QAC5B,CAAC,CAAC,YAAY;SACf,CAAA;QAED,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7C,CAAC;CACF;AAED,OAAO,CAAC,SAAS,CAAC,eAAe,GAAG;IAClC,OAAO,IAAI,cAAc,CAAC,IAAI,CAAC,CAAA;AACjC,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Ellipse } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObjectExtrude } from './threed/real-object-extrude.js'\n\nexport class EllipseExtrude extends RealObjectExtrude {\n  get shape() {\n    var {\n      cx = 0,\n      cy = 0,\n      rx = 1,\n      ry = 1,\n      startAngle = 0,\n      endAngle = 2 * Math.PI,\n      anticlockwise = false\n    } = this.component.state\n\n    const curve = new THREE.EllipseCurve(\n      cx,\n      cy, // ax, aY\n      Math.abs(rx),\n      Math.abs(ry), // xRadius, yRadius\n      startAngle,\n      endAngle, // aStartAngle, aEndAngle\n      anticlockwise, // aClockwise\n      0 // aRotation\n    )\n\n    return new THREE.Shape(curve.getPoints(50))\n  }\n}\n\nEllipse.prototype.buildRealObject = function () {\n  return new EllipseExtrude(this)\n}\n"]}

package/dist/gltf-object.d.ts

@@ -1,20 +0,0 @@
-import { ComponentNature, Control, Shape } from '@hatiolab/things-scene';
-import { RealObject } from './threed/real-object.js';
-declare const GLTFObject_base: typeof Shape;
-export declare class GLTFObject extends GLTFObject_base {
-    static _image: HTMLImageElement;
-    is3dish(): boolean;
-    static get image(): HTMLImageElement;
-    get controls(): Array<Control> | undefined;
-    render(context: CanvasRenderingContext2D): void;
-    buildRealObject(): RealObject | undefined;
-    get nature(): ComponentNature;
-    get source(): any;
-    set source(source: any);
-    set dimension(dimension: {
-        width: number;
-        height: number;
-        depth: number;
-    });
-}
-export {};

package/dist/gltf-object.js

@@ -1,104 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-var GLTFObject_1;
-import { __decorate } from "tslib";
-import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
-import { RealObjectGLTF } from './threed/real-object-gltf.js';
-const BASE_URL_ALIAS = '$base_url';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [
-        {
-            type: 'gltf-selector',
-            label: 'url',
-            name: 'src',
-            property: {
-                displayField: 'id',
-                displayFullUrl: true,
-                baseUrlAlias: BASE_URL_ALIAS,
-                defaultStorage: '3d-model',
-                storageFilters: {
-                    type: Array,
-                    value: [
-                        {
-                            name: 'category',
-                            value: 'image'
-                        }
-                    ]
-                },
-                useUpload: true,
-                category: 'application'
-            },
-            observe: function (src) {
-                const info = this.parentNode.querySelector('[name=gltfInfo]');
-                info.src = src;
-            }
-        },
-        {
-            type: 'gltf-info',
-            label: '',
-            name: 'gltfInfo',
-            readonly: true,
-            property: {
-                action: (component, options) => {
-                    component.set(options);
-                }
-            },
-            editor: {
-                fullwidth: true
-            }
-        }
-    ],
-    'value-property': 'source',
-    help: 'scene/component/gltf-object'
-};
-let GLTFObject = GLTFObject_1 = class GLTFObject extends RectPath(Shape) {
-    is3dish() {
-        return true;
-    }
-    static get image() {
-        if (!GLTFObject_1._image) {
-            GLTFObject_1._image = new Image();
-            GLTFObject_1._image.src = new URL('../icons/canvasicon-gltf.png', import.meta.url).href;
-        }
-        return GLTFObject_1._image;
-    }
-    get controls() {
-        return [];
-    }
-    render(context) {
-        var { left, top, width, height } = this.bounds;
-        context.beginPath();
-        this.drawImage(context, GLTFObject_1.image, left, top, width, height);
-    }
-    buildRealObject() {
-        return new RealObjectGLTF(this);
-    }
-    get nature() {
-        return NATURE;
-    }
-    get source() {
-        return this.getState('src');
-    }
-    set source(source) {
-        this.setState('src', source);
-    }
-    set dimension(dimension) {
-        var _a;
-        const { width = 1, height = 1, depth = 1 } = dimension;
-        this.setState({
-            width,
-            height,
-            depth
-        });
-        (_a = this.realObject) === null || _a === void 0 ? void 0 : _a.updateDimension();
-    }
-};
-GLTFObject = GLTFObject_1 = __decorate([
-    sceneComponent('gltf-object')
-], GLTFObject);
-export { GLTFObject };
-//# sourceMappingURL=gltf-object.js.map

package/dist/gltf-object.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gltf-object.js","sourceRoot":"","sources":["../src/gltf-object.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Control, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport { RealObject } from './threed/real-object.js'\n\nimport { RealObjectGLTF } from './threed/real-object-gltf.js'\n\nconst BASE_URL_ALIAS = '$base_url'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'gltf-selector',\n      label: 'url',\n      name: 'src',\n      property: {\n        displayField: 'id',\n        displayFullUrl: true,\n        baseUrlAlias: BASE_URL_ALIAS,\n        defaultStorage: '3d-model',\n        storageFilters: {\n          type: Array,\n          value: [\n            {\n              name: 'category',\n              value: 'image'\n            }\n          ]\n        },\n        useUpload: true,\n        category: 'application'\n      },\n      observe: function (this: HTMLElement, src: string) {\n        const info: any = this.parentNode!.querySelector('[name=gltfInfo]')\n        info.src = src\n      }\n    },\n    {\n      type: 'gltf-info',\n      label: '',\n      name: 'gltfInfo',\n      readonly: true,\n      property: {\n        action: (component: GLTFObject, options: any) => {\n          component.set(options)\n        }\n      },\n      editor: {\n        fullwidth: true\n      }\n    }\n  ],\n  'value-property': 'source',\n  help: 'scene/component/gltf-object'\n}\n\n@sceneComponent('gltf-object')\nexport class GLTFObject extends RectPath(Shape) {\n  static _image: HTMLImageElement\n\n  is3dish() {\n    return true\n  }\n\n  static get image() {\n    if (!GLTFObject._image) {\n      GLTFObject._image = new Image()\n      GLTFObject._image.src = new URL('../icons/canvasicon-gltf.png', import.meta.url).href\n    }\n\n    return GLTFObject._image\n  }\n\n  get controls(): Array<Control> | undefined {\n    return []\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, GLTFObject.image, left, top, width, height)\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new RealObjectGLTF(this)\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get source() {\n    return this.getState('src')\n  }\n\n  set source(source) {\n    this.setState('src', source)\n  }\n\n  set dimension(dimension: { width: number; height: number; depth: number }) {\n    const { width = 1, height = 1, depth = 1 } = dimension\n    this.setState({\n      width,\n      height,\n      depth\n    })\n\n    this.realObject?.updateDimension()\n  }\n}\n"]}

package/dist/html-overlay-element.d.ts

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

package/dist/html-overlay-element.js

@@ -1,12 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { HTMLOverlayContainer, HTMLOverlayElement } from '@hatiolab/things-scene';
-import { RealObjectDomElement } from './threed/real-object-dom-element.js';
-HTMLOverlayElement.prototype.buildRealObject = function () {
-    return new RealObjectDomElement(this);
-};
-HTMLOverlayContainer.prototype.buildRealObject = function () {
-    return new RealObjectDomElement(this);
-};
-//# sourceMappingURL=html-overlay-element.js.map

package/dist/html-overlay-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-overlay-element.js","sourceRoot":"","sources":["../src/html-overlay-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAE1E,kBAAkB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC7C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA;AAED,oBAAoB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC/C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { HTMLOverlayContainer, HTMLOverlayElement } from '@hatiolab/things-scene'\nimport { RealObjectDomElement } from './threed/real-object-dom-element.js'\n\nHTMLOverlayElement.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n\nHTMLOverlayContainer.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n"]}

package/dist/light.d.ts

@@ -1,15 +0,0 @@
-import { Anchor, ComponentNature, Ellipse } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
-export declare class LightObject extends RealObject<THREE.Light> {
-    helper?: THREE.CameraHelper;
-    updatePointLight(): void;
-    protected getObject3dInstance(): THREE.Light;
-    update(): void;
-}
-export declare class PointLight extends Ellipse {
-    is3dish(): boolean;
-    buildRealObject(): RealObject | undefined;
-    get anchors(): Array<Anchor>;
-    get nature(): ComponentNature;
-}