@operato/scene-visualizer 1.2.36 → 1.2.39

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.39](https://github.com/things-scene/operato-scene/compare/v1.2.38...v1.2.39) (2023-05-25)
+
+
+### :bug: Bug Fix
+
+* add light component into 3d module ([110b312](https://github.com/things-scene/operato-scene/commit/110b3121a0ee6e65bd1cbcffb8254e16c0592460))
+
+
+
+## [1.2.37](https://github.com/things-scene/operato-scene/compare/v1.2.36...v1.2.37) (2023-05-21)
+
+
+### :bug: Bug Fix
+
+* add div element into form templates ([2f2ecdc](https://github.com/things-scene/operato-scene/commit/2f2ecdc0461265b5e5c666af9b3ded3242ae5689))
+
+
+
 ## [1.2.36](https://github.com/things-scene/operato-scene/compare/v1.2.35...v1.2.36) (2023-05-13)
 
 

package/dist/camera copy.d.ts

@@ -0,0 +1,20 @@
+import { ComponentNature, Shape } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { RealObject } from './threed/real-object';
+export declare class Camera3D extends RealObject<THREE.Mesh> {
+    camera?: THREE.PerspectiveCamera;
+    helper?: THREE.CameraHelper;
+    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>;
+    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 copy.js

@@ -0,0 +1,103 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { RealObject } from './threed/real-object';
+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();
+    }
+}
+export class Camera extends RectPath(Shape) {
+    is3dish() {
+        return true;
+    }
+    static get image() {
+        if (!Camera._image) {
+            Camera._image = new Image();
+            Camera._image.src = new URL('../icons/camera-big.png', import.meta.url).href;
+        }
+        return Camera._image;
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, Camera.image, left, top, width, height);
+    }
+    buildRealObject() {
+        return new Camera3D(this);
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('camera', Camera);
+//# sourceMappingURL=camera%20copy.js.map

package/dist/camera copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera copy.js","sourceRoot":"","sources":["../src/camera copy.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nconst NATURE = {\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\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\nComponent.register('camera', Camera)\n"]}

package/dist/camera.d.ts

@@ -4,7 +4,7 @@ import { RealObject } from './threed/real-object';
 export declare class Camera3D extends RealObject<THREE.Mesh> {
     camera?: THREE.PerspectiveCamera;
     helper?: THREE.CameraHelper;
-    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>;
+    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[]>;
     updateCamera(): void;
     build(): void;
 }

package/dist/index.d.ts

@@ -19,3 +19,4 @@ export * from './sphere';
 export * from './visualizer';
 export * from './three-container';
 export * from './wall';
+export * from './light';

package/dist/index.js

@@ -22,4 +22,5 @@ export * from './sphere';
 export * from './visualizer';
 export * from './three-container';
 export * from './wall';
+export * from './light';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,mBAAmB,CAAA;AAE1B,OAAO,QAAQ,CAAA;AACf,OAAO,wBAAwB,CAAA;AAE/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAE7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './scene/component'\n\nimport './text'\nimport './html-overlay-element'\n\nexport * from './threed'\nexport * from './gltf-object'\n\nexport * from './camera'\nexport * from './banner'\nexport * from './sprite'\nexport * from './cube'\nexport * from './cylinder'\nexport * from './desk'\nexport * from './ellipse'\nexport * from './polygon'\nexport * from './rack'\nexport * from './rack-table'\nexport * from './rack-table-cell'\nexport * from './rect'\nexport * from './sphere'\nexport * from './visualizer'\nexport * from './three-container'\nexport * from './wall'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,mBAAmB,CAAA;AAE1B,OAAO,QAAQ,CAAA;AACf,OAAO,wBAAwB,CAAA;AAE/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAE7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './scene/component'\n\nimport './text'\nimport './html-overlay-element'\n\nexport * from './threed'\nexport * from './gltf-object'\n\nexport * from './camera'\nexport * from './banner'\nexport * from './sprite'\nexport * from './cube'\nexport * from './cylinder'\nexport * from './desk'\nexport * from './ellipse'\nexport * from './polygon'\nexport * from './rack'\nexport * from './rack-table'\nexport * from './rack-table-cell'\nexport * from './rect'\nexport * from './sphere'\nexport * from './visualizer'\nexport * from './three-container'\nexport * from './wall'\nexport * from './light'\n"]}

package/dist/light.d.ts

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

package/dist/light.js

@@ -0,0 +1,131 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Ellipse } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { RealObject } from './threed/real-object';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'light-type',
+            name: 'lightType',
+            property: {
+                options: ['', 'point', 'directional']
+            }
+        },
+        {
+            type: 'number',
+            label: 'intensity',
+            name: 'intensity'
+        },
+        {
+            type: 'number',
+            label: 'distance',
+            name: 'distance'
+        },
+        {
+            type: 'number',
+            label: 'decay',
+            name: 'decay'
+        },
+        {
+            type: 'checkbox',
+            label: 'cast-shadow',
+            name: 'castShadow'
+        },
+        {
+            type: 'number',
+            label: 'near',
+            name: 'near',
+            placeholder: '0.5'
+        },
+        {
+            type: 'number',
+            label: 'far',
+            name: 'far',
+            placeholder: '1000'
+        },
+        {
+            type: 'number',
+            label: 'fov',
+            name: 'fov',
+            placeholder: '90'
+        },
+        {
+            type: 'number',
+            label: 'zoom',
+            name: 'zoom',
+            placeholder: '1'
+        },
+        {
+            type: 'checkbox',
+            label: 'show-helper',
+            name: 'showHelper'
+        }
+    ],
+    help: 'scene/component/light'
+};
+export class LightObject extends RealObject {
+    updatePointLight() {
+        var _a, _b;
+        var { lightType = 'point', distance = 0, // unlimited
+        intensity = 10, decay = 1, fillStyle: color = 'white', castShadow, near = 0.5, far = 1000, fov = 90, zoom = 1, showHelper } = this.component.state;
+        this.object3d.color = new THREE.Color(color);
+        if (lightType == 'point') {
+            ;
+            this.object3d.distance = distance;
+            this.object3d.decay = decay;
+        }
+        this.object3d.intensity = intensity;
+        this.object3d.castShadow = castShadow;
+        if (castShadow) {
+            const camera = (_a = this.object3d.shadow) === null || _a === void 0 ? void 0 : _a.camera;
+            camera.far = far;
+            camera.near = near;
+            camera.fov = fov;
+            camera.zoom = zoom;
+        }
+        if (showHelper) {
+            const camera = (_b = this.object3d.shadow) === null || _b === void 0 ? void 0 : _b.camera;
+            if (!this.helper) {
+                this.helper = new THREE.CameraHelper(camera);
+                this.object3d.add(this.helper);
+            }
+        }
+        else if (this.helper) {
+            this.object3d.remove(this.helper);
+            delete this.helper;
+        }
+    }
+    getObject3dInstance() {
+        var { lightType = 'point' } = this.component.state;
+        return lightType == 'point' ? new THREE.PointLight() : new THREE.DirectionalLight();
+    }
+    update() {
+        this.clear();
+        this.build();
+        this.updateDimension();
+        this.updateHidden();
+        this.updatePointLight();
+    }
+}
+export class PointLight extends Ellipse {
+    is3dish() {
+        return true;
+    }
+    buildRealObject() {
+        return new LightObject(this);
+    }
+    get anchors() {
+        return [];
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('light', PointLight);
+//# sourceMappingURL=light.js.map

package/dist/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sourceRoot":"","sources":["../src/light.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Anchor, Component, ComponentNature, Ellipse } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'light-type',\n      name: 'lightType',\n      property: {\n        options: ['', 'point', 'directional']\n      }\n    },\n    {\n      type: 'number',\n      label: 'intensity',\n      name: 'intensity'\n    },\n    {\n      type: 'number',\n      label: 'distance',\n      name: 'distance'\n    },\n    {\n      type: 'number',\n      label: 'decay',\n      name: 'decay'\n    },\n    {\n      type: 'checkbox',\n      label: 'cast-shadow',\n      name: 'castShadow'\n    },\n    {\n      type: 'number',\n      label: 'near',\n      name: 'near',\n      placeholder: '0.5'\n    },\n    {\n      type: 'number',\n      label: 'far',\n      name: 'far',\n      placeholder: '1000'\n    },\n    {\n      type: 'number',\n      label: 'fov',\n      name: 'fov',\n      placeholder: '90'\n    },\n    {\n      type: 'number',\n      label: 'zoom',\n      name: 'zoom',\n      placeholder: '1'\n    },\n    {\n      type: 'checkbox',\n      label: 'show-helper',\n      name: 'showHelper'\n    }\n  ],\n  help: 'scene/component/light'\n}\n\nexport class LightObject extends RealObject<THREE.Light> {\n  helper?: THREE.CameraHelper\n\n  updatePointLight() {\n    var {\n      lightType = 'point',\n      distance = 0, // unlimited\n      intensity = 10,\n      decay = 1,\n      fillStyle: color = 'white',\n      castShadow,\n      near = 0.5,\n      far = 1000,\n      fov = 90,\n      zoom = 1,\n      showHelper\n    } = this.component.state\n\n    this.object3d!.color = new THREE.Color(color)\n    if (lightType == 'point') {\n      ;(this.object3d as THREE.PointLight)!.distance = distance\n      ;(this.object3d as THREE.PointLight)!.decay = decay\n    }\n    this.object3d!.intensity = intensity\n    this.object3d!.castShadow = castShadow\n    if (castShadow) {\n      const camera = this.object3d!.shadow?.camera as THREE.PerspectiveCamera\n      camera.far = far\n      camera.near = near\n      camera.fov = fov\n      camera.zoom = zoom\n    }\n\n    if (showHelper) {\n      const camera = this.object3d!.shadow?.camera as THREE.PerspectiveCamera\n\n      if (!this.helper) {\n        this.helper = new THREE.CameraHelper(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  protected getObject3dInstance(): THREE.Light {\n    var { lightType = 'point' } = this.component.state\n\n    return lightType == 'point' ? new THREE.PointLight() : new THREE.DirectionalLight()\n  }\n\n  update() {\n    this.clear()\n    this.build()\n\n    this.updateDimension()\n    this.updateHidden()\n\n    this.updatePointLight()\n  }\n}\n\nexport class PointLight extends Ellipse {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new LightObject(this)\n  }\n\n  get anchors(): Array<Anchor> {\n    return []\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n}\n\nComponent.register('light', PointLight)\n"]}

package/dist/point-light.d.ts

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

package/dist/point-light.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Ellipse } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { RealObject } from './threed/real-object';
+const DEFAULT = {
+    color: '0xffffff',
+    intensity: 100000,
+    distance: 0,
+    decay: 1,
+    castShadow: false
+};
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'intensity',
+            name: 'intensity'
+        },
+        {
+            type: 'number',
+            label: 'distance',
+            name: 'distance'
+        },
+        {
+            type: 'number',
+            label: 'decay',
+            name: 'decay'
+        },
+        {
+            type: 'checkbox',
+            label: 'cast-shadow',
+            name: 'castShadow'
+        }
+    ],
+    help: 'scene/component/point-light'
+};
+export class PointLightObject extends RealObject {
+    updatePointLight() {
+        var { distance = DEFAULT.distance, intensity = DEFAULT.intensity, decay = DEFAULT.decay, fillStyle: color = DEFAULT.color, castShadow } = this.component.state;
+        this.object3d.color = new THREE.Color(color);
+        this.object3d.distance = distance;
+        this.object3d.intensity = intensity;
+        this.object3d.decay = decay;
+        this.object3d.castShadow = !!castShadow;
+    }
+    getObject3dInstance() {
+        return new THREE.PointLight();
+    }
+    update() {
+        this.clear();
+        this.build();
+        this.updateDimension();
+        this.updateHidden();
+        this.updatePointLight();
+    }
+}
+export class PointLight extends Ellipse {
+    is3dish() {
+        return true;
+    }
+    buildRealObject() {
+        return new PointLightObject(this);
+    }
+    get anchors() {
+        return [];
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('point-light', PointLight);
+//# sourceMappingURL=point-light.js.map

package/dist/point-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point-light.js","sourceRoot":"","sources":["../src/point-light.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAU,SAAS,EAAmB,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,CAAC;IACX,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,KAAK;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,UAAU;SACjB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,YAAY;SACnB;KACF;IACD,IAAI,EAAE,6BAA6B;CACpC,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,UAA4B;IAChE,gBAAgB;QACd,IAAI,EACF,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAC3B,SAAS,GAAG,OAAO,CAAC,SAAS,EAC7B,KAAK,GAAG,OAAO,CAAC,KAAK,EACrB,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,EAChC,UAAU,EACX,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,QAAS,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,CAAC,QAAS,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAClC,IAAI,CAAC,QAAS,CAAC,SAAS,GAAG,SAAS,CAAA;QACpC,IAAI,CAAC,QAAS,CAAC,KAAK,GAAG,KAAK,CAAA;QAC5B,IAAI,CAAC,QAAS,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAA;IAC1C,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,UAAU,EAAsB,CAAA;IACnD,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,IAAI,CAAC,KAAK,EAAE,CAAA;QAEZ,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,YAAY,EAAE,CAAA;QAEnB,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACzB,CAAC;CACF;AAED,MAAM,OAAO,UAAW,SAAQ,OAAO;IACrC,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Anchor, Component, ComponentNature, Ellipse } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object'\n\nconst DEFAULT = {\n  color: '0xffffff', // white color\n  intensity: 100000,\n  distance: 0, // unlimited\n  decay: 1, //\n  castShadow: false\n}\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'intensity',\n      name: 'intensity'\n    },\n    {\n      type: 'number',\n      label: 'distance',\n      name: 'distance'\n    },\n    {\n      type: 'number',\n      label: 'decay',\n      name: 'decay'\n    },\n    {\n      type: 'checkbox',\n      label: 'cast-shadow',\n      name: 'castShadow'\n    }\n  ],\n  help: 'scene/component/point-light'\n}\n\nexport class PointLightObject extends RealObject<THREE.PointLight> {\n  updatePointLight() {\n    var {\n      distance = DEFAULT.distance,\n      intensity = DEFAULT.intensity,\n      decay = DEFAULT.decay,\n      fillStyle: color = DEFAULT.color,\n      castShadow\n    } = this.component.state\n\n    this.object3d!.color = new THREE.Color(color)\n    this.object3d!.distance = distance\n    this.object3d!.intensity = intensity\n    this.object3d!.decay = decay\n    this.object3d!.castShadow = !!castShadow\n  }\n\n  protected getObject3dInstance(): THREE.PointLight {\n    return new THREE.PointLight() as THREE.PointLight\n  }\n\n  update() {\n    this.clear()\n    this.build()\n\n    this.updateDimension()\n    this.updateHidden()\n\n    this.updatePointLight()\n  }\n}\n\nexport class PointLight extends Ellipse {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new PointLightObject(this)\n  }\n\n  get anchors(): Array<Anchor> {\n    return []\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n}\n\nComponent.register('point-light', PointLight)\n"]}

package/dist/rack.d.ts

@@ -14,8 +14,8 @@ export declare class Rack extends RealObject {
     get rackTable(): RackTable | undefined;
     get cz(): number;
     static get boardMaterial(): THREE.MeshStandardMaterial;
-    get frame(): THREE.BufferGeometry | undefined;
-    get board(): THREE.BufferGeometry | undefined;
+    get frame(): THREE.BufferGeometry<THREE.NormalBufferAttributes> | undefined;
+    get board(): THREE.BufferGeometry<THREE.NormalBufferAttributes> | undefined;
     build(): void;
     createRackFrame(w: number, h: number, d: number): THREE.BufferGeometry;
     createRackBoards(shelves: number, width: number, height: number, depth: number, shelfLocIds: string[]): THREE.BufferGeometry;

package/dist/stock.d.ts

@@ -10,7 +10,7 @@ export declare class Stock extends RealObject<THREE.Mesh> {
     _focusedAt?: number;
     model: Model;
     constructor(component: Component, model: Model);
-    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>;
+    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[]>;
     getMaterial(index: number): THREE.Material;
     get visualizer(): Visualizer | undefined;
     get stockMaterials(): THREE.Material[];

package/dist/templates/index.d.ts

@@ -34,6 +34,26 @@ declare const _default: ({
         rows: number;
         columns: number;
     };
+} | {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        rx: number;
+        ry: number;
+        cx: number;
+        cy: number;
+        zPos: number;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
 } | {
     type: string;
     description: string;

package/dist/templates/index.js

@@ -9,12 +9,14 @@ import sprite from './sprite';
 import wall from './wall';
 import desk from './desk';
 import camera from './camera';
+import light from './light';
 import GLTFObject from './gltf-object';
 export default [
     threeContainer,
     visualizer,
     rackTable,
     camera,
+    light,
     cube,
     cylinder,
     sphere,

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,eAAe;IACb,cAAc;IACd,UAAU;IACV,SAAS;IACT,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;CACX,CAAA","sourcesContent":["import threeContainer from './3d-container'\nimport visualizer from './visualizer'\nimport rackTable from './rack-table'\nimport cube from './cube'\nimport cylinder from './cylinder'\nimport sphere from './sphere'\nimport banner from './banner'\nimport sprite from './sprite'\nimport wall from './wall'\nimport desk from './desk'\nimport camera from './camera'\nimport GLTFObject from './gltf-object'\n\nexport default [\n  threeContainer,\n  visualizer,\n  rackTable,\n  camera,\n  cube,\n  cylinder,\n  sphere,\n  sprite,\n  banner,\n  wall,\n  desk,\n  GLTFObject\n]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,eAAe;IACb,cAAc;IACd,UAAU;IACV,SAAS;IACT,MAAM;IACN,KAAK;IACL,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;CACX,CAAA","sourcesContent":["import threeContainer from './3d-container'\nimport visualizer from './visualizer'\nimport rackTable from './rack-table'\nimport cube from './cube'\nimport cylinder from './cylinder'\nimport sphere from './sphere'\nimport banner from './banner'\nimport sprite from './sprite'\nimport wall from './wall'\nimport desk from './desk'\nimport camera from './camera'\nimport light from './light'\nimport GLTFObject from './gltf-object'\n\nexport default [\n  threeContainer,\n  visualizer,\n  rackTable,\n  camera,\n  light,\n  cube,\n  cylinder,\n  sphere,\n  sprite,\n  banner,\n  wall,\n  desk,\n  GLTFObject\n]\n"]}

package/dist/templates/light.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        rx: number;
+        ry: number;
+        cx: number;
+        cy: number;
+        zPos: number;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/light.js

@@ -0,0 +1,23 @@
+const icon = new URL('../../icons/light.png', import.meta.url).href;
+export default {
+    type: 'light',
+    description: 'Light',
+    group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    icon,
+    model: {
+        type: 'light',
+        rx: 10,
+        ry: 10,
+        cx: 150,
+        cy: 150,
+        zPos: 1000,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=light.js.map

package/dist/templates/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/templates/light.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEnE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,IAAI,CAAC,gGAAgG;IAC5G,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/light.png', import.meta.url).href\n\nexport default {\n  type: 'light',\n  description: 'Light',\n  group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'light',\n    rx: 10,\n    ry: 10,\n    cx: 150,\n    cy: 150,\n    zPos: 1000,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}

package/dist/templates/point-light.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        rx: number;
+        ry: number;
+        cx: number;
+        cy: number;
+        zPos: number;
+        fillStyle: string;
+        strokeStyle: string;
+        alpha: number;
+        hidden: boolean;
+        lineWidth: number;
+        lineDash: string;
+        lineCap: string;
+    };
+};
+export default _default;

package/dist/templates/point-light.js

@@ -0,0 +1,23 @@
+const icon = new URL('../../icons/point-light.png', import.meta.url).href;
+export default {
+    type: 'point-light',
+    description: 'Point Light',
+    group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    icon,
+    model: {
+        type: 'point-light',
+        rx: 50,
+        ry: 50,
+        cx: 150,
+        cy: 150,
+        zPos: 100,
+        fillStyle: '#fff',
+        strokeStyle: '#000',
+        alpha: 1,
+        hidden: false,
+        lineWidth: 1,
+        lineDash: 'solid',
+        lineCap: 'butt'
+    }
+};
+//# sourceMappingURL=point-light.js.map

package/dist/templates/point-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point-light.js","sourceRoot":"","sources":["../../src/templates/point-light.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEzE,eAAe;IACb,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,KAAK,EAAE,IAAI,CAAC,gGAAgG;IAC5G,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,aAAa;QACnB,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,GAAG;QACP,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,OAAO;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/point-light.png', import.meta.url).href\n\nexport default {\n  type: 'point-light',\n  description: 'Point Light',\n  group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'point-light',\n    rx: 50,\n    ry: 50,\n    cx: 150,\n    cy: 150,\n    zPos: 100,\n    fillStyle: '#fff',\n    strokeStyle: '#000',\n    alpha: 1,\n    hidden: false,\n    lineWidth: 1,\n    lineDash: 'solid',\n    lineCap: 'butt'\n  }\n}\n"]}

package/dist/templates/sprite.js

@@ -10,7 +10,7 @@ export default {
         left: 100,
         width: 200,
         height: 80,
-        zPos: 1,
+        zPos: 40,
         depth: 10,
         fillStyle: '#ffffff',
         strokeStyle: '#999',