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

package/dist/threed/common.js

@@ -1,19 +0,0 @@
-import tinycolor from 'tinycolor2';
-export const SCALE_MIN = 0.001;
-export function applyAlpha(material, alpha, fillStyle) {
-    var opacity = 1;
-    if (!fillStyle || fillStyle == 'none' || fillStyle == 'transparent') {
-        opacity = 0;
-    }
-    else {
-        var fillAlpha = typeof fillStyle == 'string' ? tinycolor(fillStyle).getAlpha() : 1;
-        opacity = alpha * fillAlpha;
-    }
-    material.opacity = opacity;
-    material.transparent = opacity < 1;
-}
-export const UNIT_DIMENSION = { width: 1, height: 1, depth: 1 };
-export const UNIT_SCALE = { x: 1, y: 1, z: 1 };
-export const UNIT_TRANSLATE = { x: 0, y: 0, z: 0 };
-export const UNIT_ROTATE = { x: 0, y: 0, z: 0 };
-//# sourceMappingURL=common.js.map

package/dist/threed/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/threed/common.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAA;AAE9B,MAAM,UAAU,UAAU,CAAC,QAAa,EAAE,KAAa,EAAE,SAAc;IACrE,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,MAAM,IAAI,SAAS,IAAI,aAAa,EAAE,CAAC;QACpE,OAAO,GAAG,CAAC,CAAA;IACb,CAAC;SAAM,CAAC;QACN,IAAI,SAAS,GAAG,OAAO,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAClF,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAC7B,CAAC;IAED,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAA;AAC/D,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAClD,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA","sourcesContent":["import tinycolor from 'tinycolor2'\n\nexport const SCALE_MIN = 0.001\n\nexport function applyAlpha(material: any, alpha: number, fillStyle: any) {\n  var opacity = 1\n  if (!fillStyle || fillStyle == 'none' || fillStyle == 'transparent') {\n    opacity = 0\n  } else {\n    var fillAlpha = typeof fillStyle == 'string' ? tinycolor(fillStyle).getAlpha() : 1\n    opacity = alpha * fillAlpha\n  }\n\n  material.opacity = opacity\n  material.transparent = opacity < 1\n}\n\nexport const UNIT_DIMENSION = { width: 1, height: 1, depth: 1 }\nexport const UNIT_SCALE = { x: 1, y: 1, z: 1 }\nexport const UNIT_TRANSLATE = { x: 0, y: 0, z: 0 }\nexport const UNIT_ROTATE = { x: 0, y: 0, z: 0 }\n"]}

package/dist/threed/floor/floor.d.ts

@@ -1,3 +0,0 @@
-import * as THREE from 'three';
-import { Component } from '@hatiolab/things-scene';
-export declare function createFloor(component: Component): THREE.Mesh | undefined;

package/dist/threed/floor/floor.js

@@ -1,51 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from '../real-object.js';
-export function createFloor(component) {
-    var { fillStyle } = component.state;
-    if (!fillStyle || fillStyle == 'none') {
-        return;
-    }
-    var floorGeometry = new THREE.BoxGeometry(1, 1, 1);
-    var floorMaterial;
-    const texture = RealObject.buildFillStyleTexture(component);
-    if (texture) {
-        const color = '#424b57';
-        floorMaterial = [
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                map: texture
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            })
-        ];
-    }
-    else if (typeof fillStyle == 'string') {
-        floorMaterial = new THREE.MeshStandardMaterial({
-            color: fillStyle
-        });
-    }
-    if (!floorMaterial) {
-        return;
-    }
-    const mesh = new THREE.Mesh(floorGeometry, floorMaterial);
-    var { width, height } = component.state;
-    mesh.scale.set(width, height, 5);
-    mesh.rotation.x = -Math.PI / 2;
-    mesh.position.y = -2;
-    mesh.name = 'floor';
-    mesh.receiveShadow = true;
-    return mesh;
-}
-//# sourceMappingURL=floor.js.map

package/dist/threed/floor/floor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floor.js","sourceRoot":"","sources":["../../../src/threed/floor/floor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,MAAM,UAAU,WAAW,CAAC,SAAoB;IAC9C,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;IAEnC,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;QACtC,OAAM;IACR,CAAC;IAED,IAAI,aAAa,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAClD,IAAI,aAA4D,CAAA;IAEhE,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAE3D,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,SAAS,CAAA;QAEvB,aAAa,GAAG;YACd,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,GAAG,EAAE,OAAO;aACb,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;SACH,CAAA;IACH,CAAC;SAAM,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE,CAAC;QACxC,aAAa,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAC7C,KAAK,EAAE,SAAS;SACjB,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAM;IACR,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAEzD,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;IAEvC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;IAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAEpB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAA;IACnB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;IAEzB,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import * as THREE from 'three'\nimport { Component } from '@hatiolab/things-scene'\nimport { RealObject } from '../real-object.js'\n\nexport function createFloor(component: Component): THREE.Mesh | undefined {\n  var { fillStyle } = component.state\n\n  if (!fillStyle || fillStyle == 'none') {\n    return\n  }\n\n  var floorGeometry = new THREE.BoxGeometry(1, 1, 1)\n  var floorMaterial: THREE.Material | THREE.Material[] | undefined\n\n  const texture = RealObject.buildFillStyleTexture(component)\n\n  if (texture) {\n    const color = '#424b57'\n\n    floorMaterial = [\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        map: texture\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      })\n    ]\n  } else if (typeof fillStyle == 'string') {\n    floorMaterial = new THREE.MeshStandardMaterial({\n      color: fillStyle\n    })\n  }\n\n  if (!floorMaterial) {\n    return\n  }\n\n  const mesh = new THREE.Mesh(floorGeometry, floorMaterial)\n\n  var { width, height } = component.state\n\n  mesh.scale.set(width, height, 5)\n  mesh.rotation.x = -Math.PI / 2\n  mesh.position.y = -2\n\n  mesh.name = 'floor'\n  mesh.receiveShadow = true\n\n  return mesh\n}\n"]}

package/dist/threed/html/elements.d.ts

@@ -1,2 +0,0 @@
-export declare var PIXEL_RATIO: number;
-export declare function createCanvas(width: number, height: number): HTMLCanvasElement;

package/dist/threed/html/elements.js

@@ -1,21 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-export var PIXEL_RATIO = (function () {
-    var ctx = document.createElement('canvas').getContext('2d'), dpr = window.devicePixelRatio || 1, bsr = ctx.webkitBackingStorePixelRatio ||
-        ctx.mozBackingStorePixelRatio ||
-        ctx.msBackingStorePixelRatio ||
-        ctx.oBackingStorePixelRatio ||
-        ctx.backingStorePixelRatio ||
-        1;
-    return dpr / bsr;
-})();
-export function createCanvas(width, height) {
-    let canvas = document.createElement('canvas');
-    canvas.width = width;
-    canvas.height = height;
-    canvas.style.width = width + 'px';
-    canvas.style.height = height + 'px';
-    return canvas;
-}
-//# sourceMappingURL=elements.js.map

package/dist/threed/html/elements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/threed/html/elements.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,IAAI,WAAW,GAAG,CAAC;IACxB,IAAI,GAAG,GAAQ,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAC9D,GAAG,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,EAClC,GAAG,GACD,GAAG,CAAC,4BAA4B;QAChC,GAAG,CAAC,yBAAyB;QAC7B,GAAG,CAAC,wBAAwB;QAC5B,GAAG,CAAC,uBAAuB;QAC3B,GAAG,CAAC,sBAAsB;QAC1B,CAAC,CAAA;IACL,OAAO,GAAG,GAAG,GAAG,CAAA;AAClB,CAAC,CAAC,EAAE,CAAA;AAEJ,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,MAAc;IACxD,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAE7C,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;IACjC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAEnC,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport var PIXEL_RATIO = (function () {\n  var ctx: any = document.createElement('canvas').getContext('2d'),\n    dpr = window.devicePixelRatio || 1,\n    bsr =\n      ctx.webkitBackingStorePixelRatio ||\n      ctx.mozBackingStorePixelRatio ||\n      ctx.msBackingStorePixelRatio ||\n      ctx.oBackingStorePixelRatio ||\n      ctx.backingStorePixelRatio ||\n      1\n  return dpr / bsr\n})()\n\nexport function createCanvas(width: number, height: number): HTMLCanvasElement {\n  let canvas = document.createElement('canvas')\n\n  canvas.width = width\n  canvas.height = height\n  canvas.style.width = width + 'px'\n  canvas.style.height = height + 'px'\n\n  return canvas\n}\n"]}

package/dist/threed/index.d.ts

@@ -1,15 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export * from './real-object-dummy.js';
-export * from './real-object-extrude.js';
-export * from './real-object-camera.js';
-export * from './real-object-dom-element.js';
-export * from './real-object-gltf.js';
-export * from './real-object-group.js';
-export * from './real-object-mesh.js';
-export * from './real-object-plane.js';
-export * from './real-object-scene.js';
-export * from './real-object-sprite-2d.js';
-export * from './real-object-sprite.js';
-export * from './real-object-text.js';

package/dist/threed/index.js

@@ -1,16 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export * from './real-object-dummy.js';
-export * from './real-object-extrude.js';
-export * from './real-object-camera.js';
-export * from './real-object-dom-element.js';
-export * from './real-object-gltf.js';
-export * from './real-object-group.js';
-export * from './real-object-mesh.js';
-export * from './real-object-plane.js';
-export * from './real-object-scene.js';
-export * from './real-object-sprite-2d.js';
-export * from './real-object-sprite.js';
-export * from './real-object-text.js';
-//# sourceMappingURL=index.js.map

package/dist/threed/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/threed/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kCAAkC,CAAA;AAChD,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './common.js'\nexport * from './three-dimensional-container.js'\nexport * from './real-object.js'\nexport * from './real-object-dummy.js'\nexport * from './real-object-extrude.js'\nexport * from './real-object-camera.js'\nexport * from './real-object-dom-element.js'\nexport * from './real-object-gltf.js'\nexport * from './real-object-group.js'\nexport * from './real-object-mesh.js'\nexport * from './real-object-plane.js'\nexport * from './real-object-scene.js'\nexport * from './real-object-sprite-2d.js'\nexport * from './real-object-sprite.js'\nexport * from './real-object-text.js'\n"]}

package/dist/threed/real-object-camera-meshed.d.ts

@@ -1,12 +0,0 @@
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-export declare class RealObjectCamera extends RealObjectMesh {
-    protected _camera?: THREE.PerspectiveCamera;
-    update(): void;
-    get camera(): THREE.PerspectiveCamera;
-    createCamera(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-    build(): void;
-    clear(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    buildGeometry(): void;
-}

package/dist/threed/real-object-camera-meshed.js

@@ -1,49 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-import { UNIT_DIMENSION } from './common.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObjectMesh {
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    get camera() {
-        if (!this._camera) {
-            this._camera = this.createCamera();
-            this.updateCamera();
-        }
-        return this._camera;
-    }
-    createCamera() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.camera.far = far;
-        this.camera.fov = fov;
-        this.camera.near = near;
-        this.camera.zoom = zoom;
-    }
-    build() {
-        super.build();
-        this.object3d.add(this.camera);
-    }
-    clear() {
-        delete this._camera;
-        return super.clear();
-    }
-    buildGeometry() {
-        var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION;
-        var radius = Math.min(width, height, depth) / 2;
-        this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32);
-    }
-}
-//# sourceMappingURL=real-object-camera-meshed.js.map

package/dist/threed/real-object-camera-meshed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera-meshed.js","sourceRoot":"","sources":["../../src/threed/real-object-camera-meshed.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,cAAc;IAGlD,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;YAClC,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,YAAY;QACV,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;IACzB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAA;QAEnB,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,aAAa;QACX,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,cAAc,CAAA;QAE3F,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;QAE/C,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IACnE,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObjectMesh } from './real-object-mesh.js'\nimport { UNIT_DIMENSION } from './common.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObjectMesh {\n  protected _camera?: THREE.PerspectiveCamera\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  get camera(): THREE.PerspectiveCamera {\n    if (!this._camera) {\n      this._camera = this.createCamera()\n      this.updateCamera()\n    }\n\n    return this._camera\n  }\n\n  createCamera() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = 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\n  build() {\n    super.build()\n\n    this.object3d.add(this.camera)\n  }\n\n  clear() {\n    delete this._camera\n\n    return super.clear()\n  }\n\n  buildGeometry() {\n    var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION\n\n    var radius = Math.min(width, height, depth) / 2\n\n    this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32)\n  }\n}\n"]}

package/dist/threed/real-object-camera.d.ts

@@ -1,9 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {
-    protected _camera?: THREE.PerspectiveCamera;
-    build(): void;
-    update(): void;
-    protected getObject3dInstance(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-}

package/dist/threed/real-object-camera.js

@@ -1,31 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObject {
-    build() {
-        super.build();
-    }
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    getObject3dInstance() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.object3d.far = far;
-        this.object3d.fov = fov;
-        this.object3d.near = near;
-        this.object3d.zoom = zoom;
-    }
-}
-//# sourceMappingURL=real-object-camera.js.map

package/dist/threed/real-object-camera.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera.js","sourceRoot":"","sources":["../../src/threed/real-object-camera.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,UAAmC;IAGvE,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IAC3B,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObject } from './real-object.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {\n  protected _camera?: THREE.PerspectiveCamera\n\n  build() {\n    super.build()\n  }\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  protected getObject3dInstance() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state\n\n    this.object3d.far = far\n    this.object3d.fov = fov\n    this.object3d.near = near\n    this.object3d.zoom = zoom\n  }\n}\n"]}

package/dist/threed/real-object-dom-element.d.ts

@@ -1,9 +0,0 @@
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export declare class RealObjectDomElement extends RealObject<CSS3DObject> {
-    protected getObject3dInstance(): CSS3DObject;
-    get cz(): any;
-    build(): void;
-    updateDimension(): void;
-    updateAlpha(): void;
-}

package/dist/threed/real-object-dom-element.js

@@ -1,40 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export class RealObjectDomElement extends RealObject {
-    getObject3dInstance() {
-        return new CSS3DObject(this.component.element);
-    }
-    get cz() {
-        var { zPos = 0 } = this.component.state;
-        var { height } = this.component.bounds;
-        var { tz = 0 } = this.component.delta();
-        return zPos + tz + height / 2;
-    }
-    build() {
-        super.build();
-        var element = this.component.element;
-        var { width, height } = this.component.bounds;
-        element.style.width = width + 'px';
-        element.style.height = height + 'px';
-        element.style.left = '';
-        element.style.top = '';
-    }
-    updateDimension() {
-        super.updateDimension();
-        var dimension = this.dimension;
-        this.component.element.style.width = dimension.width + 'px';
-        this.component.element.style.height = dimension.height + 'px';
-    }
-    updateAlpha() {
-        super.updateAlpha();
-        // material의 opacity는 항상 0으로 유지되어야 하며,
-        // dom element의 opacity에 alpha를 적용해야한다.
-        // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.
-        var { alpha = 1 } = this.component.state;
-        this.component.element.style.opacity = alpha;
-    }
-}
-//# sourceMappingURL=real-object-dom-element.js.map

package/dist/threed/real-object-dom-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-dom-element.js","sourceRoot":"","sources":["../../src/threed/real-object-dom-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,oBAAqB,SAAQ,UAAuB;IACrD,mBAAmB;QAC3B,OAAO,IAAI,WAAW,CAAE,IAAI,CAAC,SAAuD,CAAC,OAAO,CAAC,CAAA;IAC/F,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACvC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QACtC,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,IAAI,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,CAAA;IAC/B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,OAAO,GAAI,IAAI,CAAC,SAAuD,CAAC,OAAO,CAAA;QAEnF,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAE7C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAClC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;QAEpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAA;QACvB,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAC7B;QAAC,IAAI,CAAC,SAAuD,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,GAAG,IAAI,CAC1G;QAAC,IAAI,CAAC,SAAuD,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IAC/G,CAAC;IAED,WAAW;QACT,KAAK,CAAC,WAAW,EAAE,CAAA;QAEnB,sCAAsC;QACtC,uCAAuC;QACvC,iEAAiE;QACjE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAEvC;QAAC,IAAI,CAAC,SAAuD,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;IAC9F,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { HTMLOverlayElement, HTMLOverlayContainer, DELTA } from '@hatiolab/things-scene'\n\nimport { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectDomElement extends RealObject<CSS3DObject> {\n  protected getObject3dInstance() {\n    return new CSS3DObject((this.component as HTMLOverlayElement | HTMLOverlayContainer).element)\n  }\n\n  get cz() {\n    var { zPos = 0 } = this.component.state\n    var { height } = this.component.bounds\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + height / 2\n  }\n\n  build() {\n    super.build()\n\n    var element = (this.component as HTMLOverlayElement | HTMLOverlayContainer).element\n\n    var { width, height } = this.component.bounds\n\n    element.style.width = width + 'px'\n    element.style.height = height + 'px'\n\n    element.style.left = ''\n    element.style.top = ''\n  }\n\n  updateDimension() {\n    super.updateDimension()\n\n    var dimension = this.dimension\n    ;(this.component as HTMLOverlayElement | HTMLOverlayContainer).element.style.width = dimension.width + 'px'\n    ;(this.component as HTMLOverlayElement | HTMLOverlayContainer).element.style.height = dimension.height + 'px'\n  }\n\n  updateAlpha() {\n    super.updateAlpha()\n\n    // material의 opacity는 항상 0으로 유지되어야 하며,\n    // dom element의 opacity에 alpha를 적용해야한다.\n    // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.\n    var { alpha = 1 } = this.component.state\n\n    ;(this.component as HTMLOverlayElement | HTMLOverlayContainer).element.style.opacity = alpha\n  }\n}\n"]}

package/dist/threed/real-object-dummy.d.ts

@@ -1,6 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectDummy extends RealObject<THREE.Object3D> {
-    build(): void;
-    update(): void;
-}

package/dist/threed/real-object-dummy.js

@@ -1,11 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { RealObject } from './real-object.js';
-export class RealObjectDummy extends RealObject {
-    build() {
-        super.build();
-    }
-    update() { }
-}
-//# sourceMappingURL=real-object-dummy.js.map

package/dist/threed/real-object-dummy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-dummy.js","sourceRoot":"","sources":["../../src/threed/real-object-dummy.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,eAAgB,SAAQ,UAA0B;IAC7D,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IACD,MAAM,KAAI,CAAC;CACZ","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectDummy extends RealObject<THREE.Object3D> {\n  build() {\n    super.build()\n  }\n  update() {}\n}\n"]}

package/dist/threed/real-object-extrude.d.ts

@@ -1,21 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { BoundUVGenerator } from './utils/bound-uv-generator.js';
-export declare class RealObjectExtrude extends RealObject {
-    _boundUVGenerator?: BoundUVGenerator;
-    private _mainMesh?;
-    private _sideMesh?;
-    get shape(): any;
-    get sideShape(): null;
-    get boundUVGenerator(): BoundUVGenerator;
-    build(): void;
-    createGeometry(shape: THREE.Shape): THREE.BufferGeometry;
-    createMainMaterial(): THREE.MeshStandardMaterial;
-    createMainMesh(geometry: THREE.BufferGeometry, material: THREE.Material): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material, THREE.Object3DEventMap>;
-    createSideMesh(geometry: THREE.BufferGeometry, shape: THREE.Shape): THREE.Mesh<THREE.ExtrudeGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
-    createTexture(): THREE.CanvasTexture;
-    updateAlpha(): void;
-    updateStrokeStyle(): void;
-    updateFillStyle(): void;
-    updateDimension(): void;
-}

package/dist/threed/real-object-extrude.js

@@ -1,173 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { BoundUVGenerator } from './utils/bound-uv-generator.js';
-import { createCanvas } from './html/elements.js';
-import { applyAlpha } from './common.js';
-export class RealObjectExtrude extends RealObject {
-    get shape() {
-        return null;
-    }
-    get sideShape() {
-        return null;
-    }
-    get boundUVGenerator() {
-        if (!this._boundUVGenerator)
-            this._boundUVGenerator = new BoundUVGenerator();
-        return this._boundUVGenerator;
-    }
-    build() {
-        super.build();
-        var { depth = 1 } = this.component.state;
-        // 다각형 그리기
-        var shape = this.shape;
-        if (!shape) {
-            return;
-        }
-        var boundUVGenerator = this.boundUVGenerator;
-        if (boundUVGenerator) {
-            boundUVGenerator.setShape({
-                extrudedShape: shape,
-                extrudedOptions: {
-                    depth
-                }
-            });
-        }
-        var geometry = this.createGeometry(shape);
-        var material = this.createMainMaterial();
-        this._mainMesh = this.createMainMesh(geometry, material);
-        this._mainMesh.castShadow = true;
-        this.object3d.add(this._mainMesh);
-        this._sideMesh = this.createSideMesh(geometry, shape /* FIXME , extrudeSettings */);
-        this._sideMesh.castShadow = true;
-        this.object3d.add(this._sideMesh);
-        this.updateFillStyle();
-        this.updateStrokeStyle();
-    }
-    createGeometry(shape) {
-        const { depth = 1 } = this.component.state;
-        const extrudeSettings = {
-            steps: 1,
-            depth,
-            bevelEnabled: false,
-            UVGenerator: this.boundUVGenerator
-        };
-        var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);
-        geometry.center();
-        return geometry;
-    }
-    createMainMaterial() {
-        return new THREE.MeshStandardMaterial({
-            metalness: 0.5,
-            roughness: 0.5
-        });
-    }
-    createMainMesh(geometry, material) {
-        var mesh = new THREE.Mesh(geometry, material);
-        mesh.rotation.x = -Math.PI / 2;
-        mesh.rotation.y = -Math.PI;
-        mesh.rotation.z = -Math.PI;
-        return mesh;
-    }
-    createSideMesh(geometry, shape) {
-        var { depth = 1, lineWidth = 0 } = this.component.state;
-        var hole = new THREE.Path();
-        hole.setFromPoints(shape.getPoints());
-        var sideMaterial = new THREE.MeshStandardMaterial({
-            metalness: 0.5,
-            roughness: 0.5,
-            // prevent overlapped layers flickering
-            polygonOffset: true,
-            polygonOffsetFactor: -0.1
-        });
-        shape = this.sideShape || shape;
-        shape.holes.push(hole);
-        var sideExtrudeSettings = {
-            steps: 1,
-            depth: depth + 1,
-            bevelEnabled: true,
-            bevelThickness: 0,
-            bevelSize: lineWidth,
-            bevelSizeSegments: 5
-        };
-        var sideGeometry = new THREE.ExtrudeGeometry(shape, sideExtrudeSettings);
-        sideGeometry.center();
-        var sideMesh = new THREE.Mesh(sideGeometry, sideMaterial);
-        sideMesh.rotation.x = -Math.PI / 2;
-        sideMesh.rotation.y = -Math.PI;
-        sideMesh.rotation.z = -Math.PI;
-        return sideMesh;
-    }
-    createTexture() {
-        function nextPowerOf2(n) {
-            var count = 0;
-            if (n && !(n & (n - 1))) {
-                return n;
-            }
-            while (n != 0) {
-                n >>= 1;
-                count += 1;
-            }
-            return 1 << count;
-        }
-        var { width, height } = this.component.bounds;
-        var poweredWidth = nextPowerOf2(width);
-        var poweredHeight = nextPowerOf2(height);
-        let canvas = createCanvas(poweredWidth, poweredHeight);
-        this.component.render(canvas.getContext('2d'));
-        var texture = new THREE.CanvasTexture(canvas);
-        texture.needsUpdate = true;
-        texture.wrapS = THREE.RepeatWrapping;
-        texture.wrapT = THREE.RepeatWrapping;
-        texture.offset.set(0, 1 - height / poweredHeight);
-        texture.repeat.set(width / poweredWidth, height / poweredHeight);
-        texture.minFilter = THREE.LinearFilter;
-        return texture;
-    }
-    updateAlpha() {
-        var { alpha = 1, fillStyle, strokeStyle } = this.component.state;
-        this._mainMesh && applyAlpha(this._mainMesh.material, alpha, fillStyle);
-        this._sideMesh && applyAlpha(this._sideMesh.material, alpha, strokeStyle);
-    }
-    updateStrokeStyle() {
-        var _a;
-        const material = (_a = this._sideMesh) === null || _a === void 0 ? void 0 : _a.material;
-        if (!material) {
-            return;
-        }
-        var { strokeStyle } = this.component.state;
-        material.color.set(strokeStyle);
-    }
-    updateFillStyle() {
-        var _a;
-        var { fillStyle, alpha = 1 } = this.component.state;
-        var material = (_a = this._mainMesh) === null || _a === void 0 ? void 0 : _a.material;
-        if (!material) {
-            return;
-        }
-        const texture = RealObject.buildFillStyleTexture(this.component);
-        if (texture) {
-            material.map = texture;
-        }
-        else {
-            material.color.set(fillStyle);
-        }
-    }
-    updateDimension() {
-        var { width, height, depth } = this.dimension;
-        if (!this._mainMesh || !this._sideMesh)
-            return;
-        this._mainMesh.geometry.computeBoundingBox();
-        let bbox = this._mainMesh.geometry.boundingBox;
-        if (bbox) {
-            let originalWidth = bbox.max.x - bbox.min.x;
-            let originalHeight = bbox.max.y - bbox.min.y;
-            let originalDepth = bbox.max.z - bbox.min.z;
-            this._mainMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth);
-            this._sideMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth);
-        }
-    }
-}
-//# sourceMappingURL=real-object-extrude.js.map

package/dist/threed/real-object-extrude.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-extrude.js","sourceRoot":"","sources":["../../src/threed/real-object-extrude.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObject } from './real-object.js'\n\nimport { BoundUVGenerator } from './utils/bound-uv-generator.js'\nimport { createCanvas } from './html/elements.js'\nimport { applyAlpha } from './common.js'\n\nexport class RealObjectExtrude extends RealObject {\n  _boundUVGenerator?: BoundUVGenerator\n  private _mainMesh?: THREE.Mesh\n  private _sideMesh?: THREE.Mesh\n\n  get shape(): any {\n    return null\n  }\n\n  get sideShape() {\n    return null\n  }\n\n  get boundUVGenerator() {\n    if (!this._boundUVGenerator) this._boundUVGenerator = new BoundUVGenerator()\n\n    return this._boundUVGenerator\n  }\n\n  build() {\n    super.build()\n\n    var { depth = 1 } = this.component.state\n\n    // 다각형 그리기\n    var shape = this.shape\n    if (!shape) {\n      return\n    }\n\n    var boundUVGenerator = this.boundUVGenerator\n\n    if (boundUVGenerator) {\n      boundUVGenerator.setShape({\n        extrudedShape: shape,\n        extrudedOptions: {\n          depth\n        }\n      })\n    }\n\n    var geometry = this.createGeometry(shape)\n\n    var material = this.createMainMaterial()\n    this._mainMesh = this.createMainMesh(geometry, material as THREE.Material)\n    this._mainMesh.castShadow = true\n\n    this.object3d.add(this._mainMesh)\n\n    this._sideMesh = this.createSideMesh(geometry, shape /* FIXME , extrudeSettings */)\n    this._sideMesh.castShadow = true\n\n    this.object3d.add(this._sideMesh)\n\n    this.updateFillStyle()\n    this.updateStrokeStyle()\n  }\n\n  createGeometry(shape: THREE.Shape): THREE.BufferGeometry {\n    const { depth = 1 } = this.component.state\n\n    const extrudeSettings = {\n      steps: 1,\n      depth,\n      bevelEnabled: false,\n      UVGenerator: this.boundUVGenerator\n    } as THREE.ExtrudeGeometryOptions\n\n    var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings)\n    geometry.center()\n\n    return geometry as any\n  }\n\n  createMainMaterial() {\n    return new THREE.MeshStandardMaterial({\n      metalness: 0.5,\n      roughness: 0.5\n    })\n  }\n\n  createMainMesh(geometry: THREE.BufferGeometry, material: THREE.Material) {\n    var mesh = new THREE.Mesh(geometry, material)\n    mesh.rotation.x = -Math.PI / 2\n    mesh.rotation.y = -Math.PI\n    mesh.rotation.z = -Math.PI\n\n    return mesh\n  }\n\n  createSideMesh(geometry: THREE.BufferGeometry, shape: THREE.Shape) {\n    var { depth = 1, lineWidth = 0 } = this.component.state\n\n    var hole = new THREE.Path()\n    hole.setFromPoints(shape.getPoints())\n\n    var sideMaterial = new THREE.MeshStandardMaterial({\n      metalness: 0.5,\n      roughness: 0.5,\n      // prevent overlapped layers flickering\n      polygonOffset: true,\n      polygonOffsetFactor: -0.1\n    })\n\n    shape = this.sideShape || shape\n    shape.holes.push(hole)\n\n    var sideExtrudeSettings = {\n      steps: 1,\n      depth: depth + 1,\n      bevelEnabled: true,\n      bevelThickness: 0,\n      bevelSize: lineWidth,\n      bevelSizeSegments: 5\n    }\n\n    var sideGeometry = new THREE.ExtrudeGeometry(shape, sideExtrudeSettings)\n    sideGeometry.center()\n\n    var sideMesh = new THREE.Mesh(sideGeometry, sideMaterial)\n    sideMesh.rotation.x = -Math.PI / 2\n    sideMesh.rotation.y = -Math.PI\n    sideMesh.rotation.z = -Math.PI\n\n    return sideMesh\n  }\n\n  createTexture() {\n    function nextPowerOf2(n: number) {\n      var count = 0\n\n      if (n && !(n & (n - 1))) {\n        return n\n      }\n\n      while (n != 0) {\n        n >>= 1\n        count += 1\n      }\n\n      return 1 << count\n    }\n\n    var { width, height } = this.component.bounds\n\n    var poweredWidth = nextPowerOf2(width)\n    var poweredHeight = nextPowerOf2(height)\n\n    let canvas = createCanvas(poweredWidth, poweredHeight)\n    this.component.render(canvas.getContext('2d')!)\n\n    var texture = new THREE.CanvasTexture(canvas)\n\n    texture.needsUpdate = true\n    texture.wrapS = THREE.RepeatWrapping\n    texture.wrapT = THREE.RepeatWrapping\n    texture.offset.set(0, 1 - height / poweredHeight)\n    texture.repeat.set(width / poweredWidth, height / poweredHeight)\n    texture.minFilter = THREE.LinearFilter\n\n    return texture\n  }\n\n  updateAlpha() {\n    var { alpha = 1, fillStyle, strokeStyle } = this.component.state\n\n    this._mainMesh && applyAlpha(this._mainMesh.material, alpha, fillStyle)\n    this._sideMesh && applyAlpha(this._sideMesh.material, alpha, strokeStyle)\n  }\n\n  updateStrokeStyle() {\n    const material = this._sideMesh?.material as THREE.MeshStandardMaterial\n    if (!material) {\n      return\n    }\n\n    var { strokeStyle } = this.component.state\n\n    material.color.set(strokeStyle)\n  }\n\n  updateFillStyle() {\n    var { fillStyle, alpha = 1 } = this.component.state\n\n    var material = this._mainMesh?.material as THREE.MeshStandardMaterial\n    if (!material) {\n      return\n    }\n\n    const texture = RealObject.buildFillStyleTexture(this.component)\n\n    if (texture) {\n      material.map = texture\n    } else {\n      material.color.set(fillStyle)\n    }\n  }\n\n  updateDimension() {\n    var { width, height, depth } = this.dimension\n\n    if (!this._mainMesh || !this._sideMesh) return\n\n    this._mainMesh.geometry.computeBoundingBox()\n    let bbox = this._mainMesh.geometry.boundingBox\n\n    if (bbox) {\n      let originalWidth = bbox.max.x - bbox.min.x\n      let originalHeight = bbox.max.y - bbox.min.y\n      let originalDepth = bbox.max.z - bbox.min.z\n\n      this._mainMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth)\n      this._sideMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth)\n    }\n  }\n}\n"]}

package/dist/threed/real-object-gltf.d.ts

@@ -1,16 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
-import { Properties } from '@hatiolab/things-scene';
-export declare class RealObjectGLTF extends RealObject {
-    private static _GLTFLoader;
-    private pivot?;
-    private objectSize?;
-    static get GLTFLoader(): GLTFLoader;
-    build(): void;
-    private gltfLoaded;
-    clear(): THREE.Object3D<THREE.Object3DEventMap>;
-    updateDimension(): void;
-    updateSource(): void;
-    onchange(after: Properties, before: Properties): void;
-}