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

package/dist/three-space.js

@@ -1,58 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import { sceneComponent } from '@hatiolab/things-scene';
-import { ThreeContainer } from './three-container.js';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [
-        {
-            type: 'select',
-            label: 'precision',
-            name: 'precision',
-            property: {
-                options: [
-                    { display: 'High', value: 'highp' },
-                    { display: 'Medium', value: 'mediump' },
-                    { display: 'Low', value: 'lowp' }
-                ]
-            }
-        },
-        { type: 'checkbox', label: 'anti-alias', name: 'antialias', property: 'antialias' },
-        { type: 'checkbox', label: 'controller', name: 'controller', property: 'controller' }
-    ],
-    help: 'scene/component/three-space'
-};
-let ThreeSpace = class ThreeSpace extends ThreeContainer {
-    get nature() {
-        return NATURE;
-    }
-    getLightingConfig() {
-        const cameraZPos = this.cameraManager.cameraZPos;
-        return {
-            hemisphere: { skyColor: 0xdddddd, groundColor: 0x333333, intensity: 0.035 },
-            directional: { color: 0xd6e1ff, intensity: 0.01, attachToCamera: true },
-            point: {
-                color: 0xd6e1ff,
-                intensity: 1,
-                decay: 2,
-                power: cameraZPos * 50,
-                castShadow: true,
-                position: [0, cameraZPos, 0],
-                shadowNear: 0.1,
-                shadowFar: cameraZPos * 2
-            }
-        };
-    }
-    getCss3DSceneAttribute() {
-        return undefined;
-    }
-};
-ThreeSpace = __decorate([
-    sceneComponent('3d-space')
-], ThreeSpace);
-export { ThreeSpace };
-//# sourceMappingURL=three-space.js.map

package/dist/three-space.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"three-space.js","sourceRoot":"","sources":["../src/three-space.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAmB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,MAAM,GAAoB;IAC9B,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;YACjB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;oBACnC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;oBACvC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;iBAClC;aACF;SACF;QACD,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE;QACnF,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtF;IACD,IAAI,EAAE,6BAA6B;CACpC,CAAA;AAGM,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,cAAc;IAC5C,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAES,iBAAiB;QACzB,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAA;QAEhD,OAAO;YACL,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE;YAC3E,WAAW,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE;YACvE,KAAK,EAAE;gBACL,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,CAAC;gBACZ,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,UAAU,GAAG,EAAE;gBACtB,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;gBAC5B,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,UAAU,GAAG,CAAC;aAC1B;SACF,CAAA;IACH,CAAC;IAES,sBAAsB;QAC9B,OAAO,SAAS,CAAA;IAClB,CAAC;CACF,CAAA;AA3BY,UAAU;IADtB,cAAc,CAAC,UAAU,CAAC;GACd,UAAU,CA2BtB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { ComponentNature, sceneComponent } from '@hatiolab/things-scene'\n\nimport { ThreeContainer } from './three-container.js'\nimport { LightingConfig } from './threed/managers/index.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          { display: 'High', value: 'highp' },\n          { display: 'Medium', value: 'mediump' },\n          { display: 'Low', value: 'lowp' }\n        ]\n      }\n    },\n    { type: 'checkbox', label: 'anti-alias', name: 'antialias', property: 'antialias' },\n    { type: 'checkbox', label: 'controller', name: 'controller', property: 'controller' }\n  ],\n  help: 'scene/component/three-space'\n}\n\n@sceneComponent('3d-space')\nexport class ThreeSpace extends ThreeContainer {\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  protected getLightingConfig(): LightingConfig {\n    const cameraZPos = this.cameraManager.cameraZPos\n\n    return {\n      hemisphere: { skyColor: 0xdddddd, groundColor: 0x333333, intensity: 0.035 },\n      directional: { color: 0xd6e1ff, intensity: 0.01, attachToCamera: true },\n      point: {\n        color: 0xd6e1ff,\n        intensity: 1,\n        decay: 2,\n        power: cameraZPos * 50,\n        castShadow: true,\n        position: [0, cameraZPos, 0],\n        shadowNear: 0.1,\n        shadowFar: cameraZPos * 2\n      }\n    }\n  }\n\n  protected getCss3DSceneAttribute(): string | undefined {\n    return undefined\n  }\n}\n"]}

package/dist/threed/common.d.ts

@@ -1,22 +0,0 @@
-export declare const SCALE_MIN = 0.001;
-export declare function applyAlpha(material: any, alpha: number, fillStyle: any): void;
-export declare const UNIT_DIMENSION: {
-    width: number;
-    height: number;
-    depth: number;
-};
-export declare const UNIT_SCALE: {
-    x: number;
-    y: number;
-    z: number;
-};
-export declare const UNIT_TRANSLATE: {
-    x: number;
-    y: number;
-    z: number;
-};
-export declare const UNIT_ROTATE: {
-    x: number;
-    y: number;
-    z: number;
-};

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,16 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.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,17 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.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,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC5H,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 { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.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/interfaces.d.ts

@@ -1,15 +0,0 @@
-import type * as THREE from 'three';
-import type { Component, IRealObject } from '@hatiolab/things-scene';
-import type { ThreeDimensionalContainer } from './three-dimensional-container.js';
-/**
- * Three.js 기반 RealObject 인터페이스.
- * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.
- */
-export interface IThreeRealObject extends IRealObject {
-    readonly object3d: THREE.Object3D;
-    readonly component: Component;
-    readonly threeContainer: ThreeDimensionalContainer | undefined;
-    build(): void;
-    updateRotate(): void;
-    updateScale(): void;
-}

package/dist/threed/interfaces.js

@@ -1,5 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-export {};
-//# sourceMappingURL=interfaces.js.map

package/dist/threed/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/threed/interfaces.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport type * as THREE from 'three'\nimport type { Component, IRealObject } from '@hatiolab/things-scene'\n\nimport type { ThreeDimensionalContainer } from './three-dimensional-container.js'\n\n/**\n * Three.js 기반 RealObject 인터페이스.\n * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.\n */\nexport interface IThreeRealObject extends IRealObject {\n  readonly object3d: THREE.Object3D\n  readonly component: Component\n  readonly threeContainer: ThreeDimensionalContainer | undefined\n  build(): void\n  updateRotate(): void\n  updateScale(): void\n}\n"]}

package/dist/threed/managers/camera-manager.d.ts

@@ -1,14 +0,0 @@
-import * as THREE from 'three';
-import { CameraConfig } from './types.js';
-export declare class CameraManager {
-    private _camera?;
-    private _cameraZPos;
-    get camera(): THREE.PerspectiveCamera | undefined;
-    get zoom(): number | undefined;
-    get cameraZPos(): number;
-    setup(width: number, height: number, config: CameraConfig): THREE.PerspectiveCamera;
-    addToScene(scene: THREE.Scene): void;
-    updateAspect(width: number, height: number): void;
-    updateProperties(config: Partial<CameraConfig>): void;
-    destroy(): void;
-}

package/dist/threed/managers/camera-manager.js

@@ -1,60 +0,0 @@
-import * as THREE from 'three';
-export class CameraManager {
-    constructor() {
-        this._cameraZPos = 0;
-    }
-    get camera() {
-        return this._camera;
-    }
-    get zoom() {
-        var _a;
-        return (_a = this._camera) === null || _a === void 0 ? void 0 : _a.zoom;
-    }
-    get cameraZPos() {
-        return this._cameraZPos;
-    }
-    setup(width, height, config) {
-        const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config;
-        const aspect = width / height;
-        this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
-        let cameraXPos = height * 0.8;
-        let cameraYPos = width * 0.8;
-        this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)));
-        if (cameraX != undefined)
-            cameraXPos = cameraX * width;
-        if (cameraY != undefined)
-            cameraYPos = cameraY * height;
-        if (cameraZ != undefined)
-            this._cameraZPos = cameraZ * Math.floor(Math.min(width, height));
-        this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos);
-        this._camera.zoom = zoom * 0.01;
-        return this._camera;
-    }
-    addToScene(scene) {
-        scene.add(this._camera);
-        this._camera.lookAt(scene.position);
-    }
-    updateAspect(width, height) {
-        if (this._camera) {
-            this._camera.aspect = width / height;
-            this._camera.updateProjectionMatrix();
-        }
-    }
-    updateProperties(config) {
-        if (!this._camera)
-            return;
-        if (config.fov !== undefined)
-            this._camera.fov = config.fov;
-        if (config.near !== undefined)
-            this._camera.near = config.near;
-        if (config.far !== undefined)
-            this._camera.far = config.far;
-        if (config.zoom !== undefined)
-            this._camera.zoom = config.zoom * 0.01;
-        this._camera.updateProjectionMatrix();
-    }
-    destroy() {
-        delete this._camera;
-    }
-}
-//# sourceMappingURL=camera-manager.js.map

package/dist/threed/managers/camera-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"camera-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/camera-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\nimport { CameraConfig } from './types.js'\n\nexport class CameraManager {\n  private _camera?: THREE.PerspectiveCamera\n  private _cameraZPos: number = 0\n\n  get camera() {\n    return this._camera\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  get cameraZPos() {\n    return this._cameraZPos\n  }\n\n  setup(width: number, height: number, config: CameraConfig) {\n    const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config\n    const aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    let cameraXPos = height * 0.8\n    let cameraYPos = width * 0.8\n    this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) this._cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos)\n    this._camera.zoom = zoom * 0.01\n\n    return this._camera\n  }\n\n  addToScene(scene: THREE.Scene) {\n    scene.add(this._camera!)\n    this._camera!.lookAt(scene.position)\n  }\n\n  updateAspect(width: number, height: number) {\n    if (this._camera) {\n      this._camera.aspect = width / height\n      this._camera.updateProjectionMatrix()\n    }\n  }\n\n  updateProperties(config: Partial<CameraConfig>) {\n    if (!this._camera) return\n\n    if (config.fov !== undefined) this._camera.fov = config.fov\n    if (config.near !== undefined) this._camera.near = config.near\n    if (config.far !== undefined) this._camera.far = config.far\n    if (config.zoom !== undefined) this._camera.zoom = config.zoom * 0.01\n\n    this._camera.updateProjectionMatrix()\n  }\n\n  destroy() {\n    delete this._camera\n  }\n}\n"]}

package/dist/threed/managers/controls-manager.d.ts

@@ -1,50 +0,0 @@
-import { Component } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-export declare class ControlsManager {
-    private _camera?;
-    private _host?;
-    private _state;
-    private _autoRotate;
-    private _autoRotateSpeed;
-    private _dampingFactor;
-    private _rotateSpeed;
-    private _panSpeed;
-    private _lastScale;
-    private _spherical;
-    private _sphericalDelta;
-    private _panOffset;
-    private _target;
-    private _target0;
-    private _position0;
-    private _rotateStart;
-    private _rotateEnd;
-    private _rotateDelta;
-    private _panStart;
-    private _panEnd;
-    private _panDelta;
-    private _offset;
-    private _quat;
-    private _quatInverse;
-    private _lastPosition;
-    private _lastQuaternion;
-    private _panLeftV;
-    private _panUpV;
-    private _panCalcOffset;
-    get isActive(): boolean;
-    setup(camera: THREE.Camera, host: Component): void;
-    onDragStart(e: DragEvent): void;
-    onDragMove(e: DragEvent): void;
-    onDragEnd(_e: DragEvent): void;
-    onTouchStart(e: TouchEvent): void;
-    onTouchMove(e: TouchEvent): void;
-    onTouchEnd(_e: TouchEvent): void;
-    onKeyDown(e: KeyboardEvent): void;
-    update(): boolean;
-    reset(): void;
-    setAutoRotate(enabled: boolean): void;
-    markCameraChanged(): void;
-    destroy(): void;
-    private _handleRotateMove;
-    private _handlePanMove;
-    private _pan;
-}