@operato/scene-indoor-map 0.0.16

package/dist/camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.js","sourceRoot":"","sources":["../src/camera.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, POINT, Properties, RectPath } from '@hatiolab/things-scene';\n\n/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport Quaternion from './quaternion';\n\ntype VEC = { x: number, y: number, z: number}\n\nconst NATURE = {\n  props: []\n};\n\nconst points = [\n  { x: 0, y: 0, z: 0 },\n  { x: -50, y: +100, z: -100 },\n  { x: +50, y: +100, z: -100 },\n  { x: +50, y: -100, z: -100 },\n  { x: -50, y: -100, z: -100 },\n  { x: 0, y: 0, z: -100 }, // 렌즈의 중심을 표현하는 좌표.\n  { x: 0, y: +50, z: -100 } // 카메라의 위쪽을 표시하기위한 좌표.\n];\n\n/* rotate_by_euler와 같이 동작하도록 순서를 맞춤. */\nfunction rotate_by_quaternion_axis(points: VEC[], pitch: number, roll: number, yaw: number) {\n  var qx = Quaternion.fromAxis({ x: 1, y: 0, z: 0 }, pitch);\n  var qy = Quaternion.fromAxis({ x: 0, y: 1, z: 0 }, roll);\n  var qz = Quaternion.fromAxis({ x: 0, y: 0, z: 1 }, yaw);\n\n  var q = qz.multiply(qy).multiply(qx);\n\n  return points.map(point => { return q.multiVec(point) });\n}\n\nfunction rotate_by_euler(points: VEC[], pitch: number, roll: number, yaw: number) {\n\n  var cosa = Math.cos(yaw);\n  var sina = Math.sin(yaw);\n\n  var cosb = Math.cos(roll);\n  var sinb = Math.sin(roll);\n\n  var cosc = Math.cos(pitch);\n  var sinc = Math.sin(pitch);\n\n  var Axx = cosa * cosb;\n  var Axy = cosa * sinb * sinc - sina * cosc;\n  var Axz = cosa * sinb * cosc + sina * sinc;\n\n  var Ayx = sina * cosb;\n  var Ayy = sina * sinb * sinc + cosa * cosc;\n  var Ayz = sina * sinb * cosc - cosa * sinc;\n\n  var Azx = -sinb;\n  var Azy = cosb * sinc;\n  var Azz = cosb * cosc;\n\n  return points.map(point => {\n    let { x, y, z } = point;\n\n    return {\n      x: Axx * x + Axy * y + Axz * z,\n      y: Ayx * x + Ayy * y + Ayz * z,\n      z: Azx * x + Azy * y + Azz * z\n    }\n  });\n}\n\nexport default class Camera extends RectPath(Component) {\n\n  render(context: CanvasRenderingContext2D) {\n\n    var transformed = this.transformed;\n\n    if (this.transformed[5].z > 0) {\n      this.__drawLines(context, transformed)\n      this.__drawRect(context, transformed)\n    } else {\n      this.__drawRect(context, transformed)\n      this.__drawLines(context, transformed)\n    }\n\n  }\n\n  private _anim_alpha_yaw: number = 0\n  private _anim_alpha_roll: number = 0\n  private _anim_alpha_pitch: number = 0\n\n  get transformed() {\n    var {\n      yaw = 0,\n      pitch = 0,\n      roll = 0\n    } = this.model;\n\n    return rotate_by_quaternion_axis(\n      points,\n      pitch - (this._anim_alpha_pitch || 0),\n      roll - (this._anim_alpha_roll || 0),\n      yaw - (this._anim_alpha_yaw || 0)\n    );\n  }\n\n  static get nature() {\n    return NATURE\n  }\n\n  __drawLines(context: CanvasRenderingContext2D, transformed: POINT[]) {\n    var center = this.center;\n\n    context.beginPath();\n\n    // 2D좌표에서 Y축이 반대방향이므로 center에서 빼준다.\n    context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);\n    context.lineTo(center.x + transformed[1].x, center.y - transformed[1].y);\n    context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);\n    context.lineTo(center.x + transformed[2].x, center.y - transformed[2].y);\n    context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);\n    context.lineTo(center.x + transformed[3].x, center.y - transformed[3].y);\n    context.moveTo(center.x + transformed[0].x, center.y - transformed[0].y);\n    context.lineTo(center.x + transformed[4].x, center.y - transformed[4].y);\n\n    context.strokeStyle = this.model.strokeStyle;\n    context.stroke();\n    context.closePath();\n  }\n\n  __drawRect(context: CanvasRenderingContext2D, transformed: POINT[]) {\n    var center = this.center;\n\n    context.beginPath();\n\n    // 2D좌표에서 Y축이 반대방향이므로 center에서 빼준다.\n    context.moveTo(center.x + transformed[1].x, center.y - transformed[1].y);\n    context.lineTo(center.x + transformed[2].x, center.y - transformed[2].y);\n    context.lineTo(center.x + transformed[3].x, center.y - transformed[3].y);\n    context.lineTo(center.x + transformed[4].x, center.y - transformed[4].y);\n    context.lineTo(center.x + transformed[1].x, center.y - transformed[1].y);\n\n    context.fillStyle = this.model.fillStyle;\n    context.strokeStyle = this.model.strokeStyle;\n    context.fill();\n    context.stroke();\n\n    context.beginPath();\n    context.ellipse(center.x + transformed[6].x, center.y - transformed[6].y, 5, 5, 0, 0, Math.PI * 2);\n    context.stroke();\n  }\n\n  /*\n   * Performance 문제로 애니메이션 적용 보류\n   * 만약, 적용하려면,\n   * - 먼저, 아래 메쏘드의 이름을 수정한다. (_onchange ==> onchange)\n   * - 그리고, 아래의 Component.memoize(Camera.prototype, 'transformed', false); 부분을 코멘트 처리한다.\n   */\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('data')) {\n      let data = after.data;\n      if (!data.hasOwnProperty('yaw')\n        && !data.hasOwnProperty('pitch')\n        && !data.hasOwnProperty('roll'))\n        return;\n\n      this.set({\n        yaw: data.yaw,\n        pitch: data.pitch,\n        roll: data.roll\n      })\n      return;\n    }\n\n    if (!after.hasOwnProperty('yaw')\n      && !after.hasOwnProperty('pitch')\n      && !after.hasOwnProperty('roll'))\n      return;\n\n    var self = this;\n    var diff_yaw = after.yaw - before.yaw;\n    var diff_pitch = after.pitch - before.pitch;\n    var diff_roll = after.roll - before.roll;\n\n    this._anim_alpha_yaw = diff_yaw;\n    this._anim_alpha_pitch = diff_pitch;\n    this._anim_alpha_roll = diff_roll;\n\n    this.animate({\n      step: function (delta: number) {\n        self._anim_alpha_yaw = diff_yaw * (1 - delta);\n        self._anim_alpha_pitch = diff_pitch * (1 - delta);\n        self._anim_alpha_roll = diff_roll * (1 - delta);\n\n        self.invalidate();\n      },\n      duration: 1000,\n      delta: 'circ',\n      options: {\n        x: 1\n      },\n      ease: 'inout'\n    }).start();\n  }\n\n}\n\n// Component.memoize(Camera.prototype, 'transformed', false);\n\nComponent.register('camera', Camera);\n"]}

package/dist/editors/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    type: string;
+    element: string;
+}[];
+export default _default;

package/dist/editors/index.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import ActionEditor from './things-editor-action';
+export default [
+    {
+        type: 'action',
+        element: ActionEditor.is
+    }
+];
+//# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,YAAY,MAAM,wBAAwB,CAAA;AAEjD,eAAe;IACb;QACE,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,YAAY,CAAC,EAAE;KACzB;CACF,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport ActionEditor from './things-editor-action'\n\nexport default [\n  {\n    type: 'action',\n    element: ActionEditor.is\n  }\n]\n"]}

package/dist/editors/things-editor-action.d.ts

@@ -0,0 +1,7 @@
+import { Properties } from '@hatiolab/things-scene';
+import { OxPropertyEditor } from '@operato/property-editor';
+export default class ThingsEditorAction extends OxPropertyEditor {
+    static get is(): string;
+    static get styles(): import("lit").CSSResult[];
+    editorTemplate(props: Properties): import("lit-html").TemplateResult<1>;
+}

package/dist/editors/things-editor-action.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { css, html } from 'lit';
+import { OxPropertyEditor } from '@operato/property-editor';
+export default class ThingsEditorAction extends OxPropertyEditor {
+    static get is() {
+        return 'things-editor-action';
+    }
+    static get styles() {
+        return [
+            ...OxPropertyEditor.styles,
+            css `
+        :host > label {
+          display: flex;
+          grid-column: span 3;
+          order: 1;
+          align-items: center;
+          justify-self: right;
+        }
+      `
+        ];
+    }
+    editorTemplate(props) {
+        var property = props.property || {};
+        var { icon, action } = property;
+        return html `
+      <paper-icon-button
+        .icon=${icon}
+        @click=${(e) => this.dispatchEvent(new CustomEvent('action-editor-clicked', {
+            bubbles: true,
+            composed: true,
+            detail: action
+        }))}
+      ></paper-icon-button>
+    `;
+    }
+}
+customElements.define(ThingsEditorAction.is, ThingsEditorAction);
+//# sourceMappingURL=things-editor-action.js.map

package/dist/editors/things-editor-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"things-editor-action.js","sourceRoot":"","sources":["../../src/editors/things-editor-action.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,gBAAgB;IAC9D,MAAM,KAAK,EAAE;QACX,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,gBAAgB,CAAC,MAAM;YAC1B,GAAG,CAAA;;;;;;;;OAQF;SACF,CAAA;IACH,CAAC;IAED,cAAc,CAAC,KAAiB;QAC9B,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAA;QACnC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;QAC/B,OAAO,IAAI,CAAA;;gBAEC,IAAI;iBACH,CAAC,CAAa,EAAE,EAAE,CACzB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,uBAAuB,EAAE;YACvC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,MAAM;SACf,CAAC,CACH;;KAEN,CAAA;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { css, html } from 'lit'\n\nimport { Properties } from '@hatiolab/things-scene'\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nexport default class ThingsEditorAction extends OxPropertyEditor {\n  static get is() {\n    return 'things-editor-action'\n  }\n\n  static get styles() {\n    return [\n      ...OxPropertyEditor.styles,\n      css`\n        :host > label {\n          display: flex;\n          grid-column: span 3;\n          order: 1;\n          align-items: center;\n          justify-self: right;\n        }\n      `\n    ]\n  }\n\n  editorTemplate(props: Properties) {\n    var property = props.property || {}\n    var { icon, action } = property\n    return html`\n      <paper-icon-button\n        .icon=${icon}\n        @click=${(e: MouseEvent) =>\n          this.dispatchEvent(\n            new CustomEvent('action-editor-clicked', {\n              bubbles: true,\n              composed: true,\n              detail: action\n            })\n          )}\n      ></paper-icon-button>\n    `\n  }\n}\n\ncustomElements.define(ThingsEditorAction.is, ThingsEditorAction)\n"]}

package/dist/floor.d.ts

@@ -0,0 +1,23 @@
+import { Container } from '@hatiolab/things-scene';
+export default class Floor extends Container {
+    private _clickPoint?;
+    get hasTextProperty(): boolean;
+    get showMoveHandle(): boolean;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                icon: string;
+                action: (floor: Floor) => void;
+            };
+        }[];
+    };
+}

package/dist/floor.js

@@ -0,0 +1,66 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, Container } from '@hatiolab/things-scene';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'action',
+            label: 'remove',
+            name: 'remove',
+            property: {
+                icon: 'remove-circle',
+                action: function (floor) {
+                    let indoor = floor.parent;
+                    indoor.removeComponent(floor);
+                    indoor.activeIndex = 0;
+                    indoor.invalidate();
+                }
+            }
+        }
+    ]
+};
+export default class Floor extends Container {
+    get hasTextProperty() {
+        return false;
+    }
+    get showMoveHandle() {
+        return false;
+    }
+    /*
+     * PATH 리스트를 직접 수정할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 PATH는 바운드 생성을 위해서 논리적으로 생성되므로, 직접 수정하지 않는다.(return false)
+     * 그러나, 각 꼭지점들이 개별로 움직이는 다각형류는 path 라는 모델데이타를 가지므로, 직접수정이 가능할 수 있다.(return true)
+     *
+     * Immutable 컴포넌트의 형상을 바꾸는 방법은 바운드를 이용한 리사이즈나, 특별한 컨트롤을 통해서 가능하다.
+     */
+    get mutable() {
+        return false;
+    }
+    /*
+     * BOUND를 통해서 리사이즈를 할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 면적을 갖는 컴포넌트는 대체로 가능하다.(return true)
+     * 그러나, LINE 등 면적을 가지지않는 컴포넌트는 가능하지 않도록 정의한다.(return false)
+     */
+    get resizable() {
+        return false;
+    }
+    /*
+     * 회전을 할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 모든 컴포넌트는 가능하다.(return true)
+     */
+    get rotatable() {
+        return false;
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('floor', Floor);
+//# sourceMappingURL=floor.js.map

package/dist/floor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floor.js","sourceRoot":"","sources":["../src/floor.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI9D,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,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,MAAM,EAAE,UAAS,KAAY;oBAC3B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAmB,CAAA;oBACtC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;oBAC7B,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA;oBACtB,MAAM,CAAC,UAAU,EAAE,CAAA;gBACrB,CAAC;aACF;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS;IAG1C,IAAI,eAAe;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;;;OAOG;IACH,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;OAKG;IACH,IAAI,SAAS;QACX,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;OAIG;IACH,IAAI,SAAS;QACX,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CAsTF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, Container } from '@hatiolab/things-scene';\n\nimport IndoorMap from './indoor-map';\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'action',\n      label: 'remove',\n      name: 'remove',\n      property: {\n        icon: 'remove-circle',\n        action: function(floor: Floor) {\n          let indoor = floor.parent as IndoorMap\n          indoor.removeComponent(floor)\n          indoor.activeIndex = 0\n          indoor.invalidate()\n        }\n      }\n    }\n  ]\n}\n\nexport default class Floor extends Container {\n  private _clickPoint?: Component\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get showMoveHandle() {\n    return false\n  }\n\n  /*\n   * PATH 리스트를 직접 수정할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 PATH는 바운드 생성을 위해서 논리적으로 생성되므로, 직접 수정하지 않는다.(return false)\n   * 그러나, 각 꼭지점들이 개별로 움직이는 다각형류는 path 라는 모델데이타를 가지므로, 직접수정이 가능할 수 있다.(return true)\n   *\n   * Immutable 컴포넌트의 형상을 바꾸는 방법은 바운드를 이용한 리사이즈나, 특별한 컨트롤을 통해서 가능하다.\n   */\n  get mutable() {\n    return false\n  }\n\n  /*\n   * BOUND를 통해서 리사이즈를 할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 면적을 갖는 컴포넌트는 대체로 가능하다.(return true)\n   * 그러나, LINE 등 면적을 가지지않는 컴포넌트는 가능하지 않도록 정의한다.(return false)\n   */\n  get resizable() {\n    return false\n  }\n\n  /*\n   * 회전을 할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 모든 컴포넌트는 가능하다.(return true)\n   */\n  get rotatable() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  // drawLocationMarkers(locations) {\n  //   for (let uuid in locations) {\n  //     let locInfo = locations[uuid]\n  //     let props = locInfo.props || {}\n\n  //     props.width = props.width || 10\n  //     props.height = props.height || 10\n\n  //     let currentTime = new Date().getTime()\n  //     // let diffTime = 500\n  //     let diffTime = currentTime - locInfo.lastUpdateTime\n\n  //     if (diffTime < locInfo.updateInterval) {\n  //       let movingObject = this.findById(uuid)\n  //       if (movingObject) {\n  //         // props.yaw = 0;\n  //         // props.roll = 0;\n\n  //         movingObject.set(props)\n  //         for (let key in props) {\n  //           movingObject[key] = props[key]\n  //         }\n  //       } else {\n  //         // TODO: marker의 초기값 관련 로직 정리 필요.\n\n  //         let config = Object.assign(\n  //           {\n  //             type: locInfo.type || 'rect',\n  //             // type: locInfo.type || \"camera\",\n  //             id: uuid,\n  //             fillStyle: 'red',\n  //             left: props.center.x - props.width * 0.5,\n  //             top: props.center.y - props.height * 0.5,\n  //             cx: props.center.x,\n  //             cy: props.center.y\n  //           },\n  //           props\n  //         )\n\n  //         let marker = Model.compile(config)\n\n  //         this.addComponent(marker)\n\n  //         // movingObject = this.findById(uuid)\n  //         // if(movingObject) {\n  //         //   movingObject.set(props);\n  //         // }\n  //       }\n  //     } else {\n  //       let movingObject = this.findById(uuid)\n  //       this.removeComponent(movingObject)\n  //     }\n\n  //     this.invalidate()\n  //   }\n  // }\n\n  // simulate(point) {\n  //   // for(let i in this.components) {\n  //   //   if(this.components[i].model.type != 'beacon')\n  //   //     continue;\n  //   //\n  //   //   let beacon = this.components[i]\n  //   //   let distance = Math.sqrt(Math.pow(beacon.center.x - point.x, 2) + Math.pow(beacon.center.y - point.y, 2)) * 0.01\n  //   //   let rssi = -10 * Math.log10(distance) + (beacon.txPower || -71)\n  //   //\n  //   //   let randRssi = gaussian(rssi, Math.pow(4.894686948810031, 2))\n  //   //\n  //   //   rssi = randRssi.ppf(Math.random())\n  //   //\n  //   //   console.log(rssi);\n  //   // }\n\n  //   let beacons: {\n  //     distance: number;\n  //     gaussian: number;\n  //     txPower: number;\n  //   }[] = []\n\n  //   for (let i in this.components) {\n  //     if (this.components[i].model.type != 'beacon') continue\n\n  //     let beacon = this.components[i]\n\n  //     beacon.distance = Math.sqrt(\n  //       Math.pow(beacon.center.x - point.x, 2) +\n  //         Math.pow(beacon.center.y - point.y, 2)\n  //     )\n  //     beacon.gaussian = gaussian(\n  //       beacon.model.txPower || -71,\n  //       Math.pow(3.209, 2)\n  //     )\n  //     beacon.txPower = beacon.gaussian.ppf(Math.random())\n\n  //     beacons.push(beacon)\n  //   }\n\n  //   beacons = beacons.slice(0)\n\n  //   this.calculatePosition(beacons, point)\n  // }\n\n  // calculatePosition(nodeArr, position) {\n  //   let beacons = nodeArr\n\n  //   beacons.sort(function(a, b) {\n  //     let rssiA = -10 * Math.log10(a.distance) + a.txPower\n  //     let rssiB = -10 * Math.log10(b.distance) + b.txPower\n\n  //     return Math.abs(rssiA) - Math.abs(rssiB)\n  //   })\n\n  //   let beaconCombs = this.k_combinations(beacons.slice(0, 4), 3)\n  //   let positions = []\n\n  //   for (let i in beaconCombs) {\n  //     let beaconComb = beaconCombs[i]\n  //     let beaconA = beaconComb[0]\n  //     let beaconB = beaconComb[1]\n  //     let beaconC = beaconComb[2]\n\n  //     let xa = beaconA.center.x\n  //     let ya = beaconA.center.y\n  //     let xb = beaconB.center.x\n  //     let yb = beaconB.center.y\n  //     let xc = beaconC.center.x\n  //     let yc = beaconC.center.y\n  //     let ra = beaconA.distance\n  //     let rb = beaconB.distance\n  //     let rc = beaconC.distance\n\n  //     // let ra = Math.sqrt(Math.pow(beaconA.center.x - position.x, 2) + Math.pow(beaconA.center.y - position.y, 2)) * 0.01\n  //     // let rb = Math.sqrt(Math.pow(beaconB.center.x - position.x, 2) + Math.pow(beaconB.center.y - position.y, 2)) * 0.01\n  //     // let rc = Math.sqrt(Math.pow(beaconC.center.x - position.x, 2) + Math.pow(beaconC.center.y - position.y, 2)) * 0.01\n\n  //     let rssiA = -10 * Math.log10(beaconA.distance * 0.01) + beaconA.txPower\n  //     let rssiB = -10 * Math.log10(beaconB.distance * 0.01) + beaconB.txPower\n  //     let rssiC = -10 * Math.log10(beaconC.distance * 0.01) + beaconC.txPower\n\n  //     ra = this.calculateDistance(beaconA.txPower, rssiA) * 100\n  //     rb = this.calculateDistance(beaconB.txPower, rssiB) * 100\n  //     rc = this.calculateDistance(beaconC.txPower, rssiC) * 100\n\n  //     let xaSq = xa * xa,\n  //       xbSq = xb * xb,\n  //       xcSq = xc * xc,\n  //       yaSq = ya * ya,\n  //       ybSq = yb * yb,\n  //       ycSq = yc * yc,\n  //       raSq = ra * ra,\n  //       rbSq = rb * rb,\n  //       rcSq = rc * rc\n  //     let numerator1 =\n  //       (xb - xa) * (xcSq + ycSq - rcSq) +\n  //       (xa - xc) * (xbSq + ybSq - rbSq) +\n  //       (xc - xb) * (xaSq + yaSq - raSq)\n  //     let denominator1 = 2 * (yc * (xb - xa) + yb * (xa - xc) + ya * (xc - xb))\n  //     let y = numerator1 / denominator1\n  //     let numerator2 =\n  //       rbSq - raSq + xaSq - xbSq + yaSq - ybSq - 2 * (ya - yb) * y\n  //     let denominator2 = 2 * (xa - xb)\n  //     let x = numerator2 / denominator2\n\n  //     if (Number.isFinite(x) && Number.isFinite(y)) {\n  //       positions.push({\n  //         x: x,\n  //         y: y\n  //       })\n  //     }\n  //   }\n\n  //   let avgPosition = this.averageOfPositions(positions)\n\n  //   if (this._simPosition) this.removeComponent(this._simPosition)\n\n  //   this._simPosition = Model.compile({\n  //     type: 'ellipse',\n  //     cx: avgPosition.x,\n  //     cy: avgPosition.y,\n  //     rx: 10,\n  //     ry: 10,\n  //     fillStyle: 'navy'\n  //   })\n\n  //   this.addComponent(this._simPosition)\n  // }\n\n  // calculateDistance(txPower, rssi) {\n  //   if (rssi == 0) {\n  //     return -1.0 // if we cannot determine distance, return -1.\n  //   }\n\n  //   let ratio = (rssi * 1.0) / txPower\n  //   if (ratio < 1.0) {\n  //     return Math.pow(ratio, 10)\n  //   } else {\n  //     let accuracy = 0.89976 * Math.pow(ratio, 7.7095) + 0.111\n  //     return accuracy\n  //   }\n  // }\n\n  // calculateAngle(p1, p2, p3) {\n  //   let l1 = Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2),\n  //     l2 = Math.pow(p2.x - p3.x, 2) + Math.pow(p2.y - p3.y, 2),\n  //     l3 = Math.pow(p3.x - p1.x, 2) + Math.pow(p3.y - p1.y, 2)\n\n  //   return Math.acos((l1 + l2 - l3) / Math.sqrt(4 * l1 * l2))\n  // }\n\n  // averageOfPositions(p) {\n  //   let sumOfX = 0\n  //   let sumOfY = 0\n\n  //   for (let i in p) {\n  //     let point = p[i]\n  //     sumOfX += point.x\n  //     sumOfY += point.y\n  //   }\n\n  //   return {\n  //     x: sumOfX / p.length,\n  //     y: sumOfY / p.length\n  //   }\n  // }\n\n  // k_combinations(set, k) {\n  //   var i, j, combs, head, tailcombs\n\n  //   // There is no way to take e.g. sets of 5 elements from\n  //   // a set of 4.\n  //   if (k > set.length || k <= 0) {\n  //     return []\n  //   }\n\n  //   // K-sized set has only one K-sized subset.\n  //   if (k == set.length) {\n  //     return [set]\n  //   }\n\n  //   // There is N 1-sized subsets in a N-sized set.\n  //   if (k == 1) {\n  //     combs = []\n  //     for (i = 0; i < set.length; i++) {\n  //       combs.push([set[i]])\n  //     }\n  //     return combs\n  //   }\n\n  //   // Assert {1 < k < set.length}\n\n  //   // Algorithm description:\n  //   // To get k-combinations of a set, we want to join each element\n  //   // with all (k-1)-combinations of the other elements. The set of\n  //   // these k-sized sets would be the desired result. However, as we\n  //   // represent sets with lists, we need to take duplicates into\n  //   // account. To avoid producing duplicates and also unnecessary\n  //   // computing, we use the following approach: each element i\n  //   // divides the list into three: the preceding elements, the\n  //   // current element i, and the subsequent elements. For the first\n  //   // element, the list of preceding elements is empty. For element i,\n  //   // we compute the (k-1)-computations of the subsequent elements,\n  //   // join each with the element i, and store the joined to the set of\n  //   // computed k-combinations. We do not need to take the preceding\n  //   // elements into account, because they have already been the i:th\n  //   // element so they are already computed and stored. When the length\n  //   // of the subsequent list drops below (k-1), we cannot find any\n  //   // (k-1)-combs, hence the upper limit for the iteration:\n  //   combs = []\n  //   for (i = 0; i < set.length - k + 1; i++) {\n  //     // head is a list that includes only our current element.\n  //     head = set.slice(i, i + 1)\n  //     // We take smaller combinations from the subsequent elements\n  //     tailcombs = this.k_combinations(set.slice(i + 1), k - 1)\n  //     // For each (k-1)-combination we join it with the current\n  //     // and store it to the set of k-combinations.\n  //     for (j = 0; j < tailcombs.length; j++) {\n  //       combs.push(head.concat(tailcombs[j]))\n  //     }\n  //   }\n  //   return combs\n  // }\n\n  // onclick(e) {\n  //   return\n\n  //   let point = this.transcoordC2S(e.offsetX, e.offsetY)\n\n  //   if (this._clickPoint) {\n  //     this.removeComponent(this._clickPoint)\n  //   }\n\n  //   this._clickPoint = Model.compile({\n  //     type: 'ellipse',\n  //     cx: point.x,\n  //     cy: point.y,\n  //     rx: 10,\n  //     ry: 10,\n  //     fillStyle: 'red'\n  //   })\n\n  //   this.addComponent(this._clickPoint)\n  //   this.simulate(point)\n  //   // let self = this\n  //   // setTimeout(function() {\n  //   //   self.simulate(point)\n  //   // }, 500)\n  //   this.invalidate()\n  // }\n}\n\nComponent.register('floor', Floor)\n"]}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Floor } from './floor';
+export { default as IndoorMap } from './indoor-map';
+export { default as Rack } from './rack';

package/dist/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Floor } from './floor';
+export { default as IndoorMap } from './indoor-map';
+export { default as Rack } from './rack';
+// export { default as Beacon } from './beacon'
+// export { default as Camera } from './camera'
+// export { default as Quaternion } from './quaternion'
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,+CAA+C;AAC/C,+CAA+C;AAC/C,uDAAuD","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nexport { default as Floor } from './floor'\nexport { default as IndoorMap } from './indoor-map'\nexport { default as Rack } from './rack'\n// export { default as Beacon } from './beacon'\n// export { default as Camera } from './camera'\n// export { default as Quaternion } from './quaternion'\n"]}

package/dist/indoor-map.d.ts

@@ -0,0 +1,34 @@
+import { Container } from '@hatiolab/things-scene';
+import Floor from './floor';
+export default class IndoorMap extends Container {
+    private _focused;
+    private __down_point?;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                icon: string;
+                action: (indoorMap: IndoorMap) => void;
+            };
+        }[];
+        'value-property': string;
+        help: string;
+    };
+    get layout(): import("@hatiolab/things-scene").LAYOUT;
+    get activeIndex(): any;
+    set activeIndex(index: any);
+    get layoutConfig(): any;
+    set layoutConfig(config: any);
+    get activeFloor(): Floor;
+    ready(): void;
+    postrender(context: CanvasRenderingContext2D): void;
+    contains(x: number, y: number): boolean;
+    onmouseup(e: MouseEvent): void;
+    onmousedown(e: MouseEvent): void;
+    addFloor(): void;
+}

package/dist/indoor-map.js

@@ -0,0 +1,161 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { CardLayout, Component, Container, Model, } from '@hatiolab/things-scene';
+const LABEL_WIDTH = 25;
+const LABEL_HEIGHT = 25;
+function rgba(r, g, b, a) {
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'action',
+            label: 'floor',
+            name: 'floor',
+            property: {
+                icon: 'add-circle',
+                action: (indoorMap) => {
+                    indoorMap.addFloor();
+                }
+            }
+        }
+    ],
+    'value-property': 'activeIndex',
+    help: 'scene/component/indoor-map'
+};
+export default class IndoorMap extends Container {
+    constructor() {
+        super(...arguments);
+        this._focused = false;
+        // drawLocationMarkers(locations) {
+        //   let floor = this.activeFloor
+        //   floor.drawLocationMarkers(locations)
+        // }
+    }
+    get nature() {
+        return NATURE;
+    }
+    get layout() {
+        return CardLayout;
+    }
+    get activeIndex() {
+        var config = Object.assign({}, this.layoutConfig);
+        return config.activeIndex;
+    }
+    set activeIndex(index) {
+        var config = Object.assign({}, this.layoutConfig);
+        config.activeIndex = index;
+        this.layoutConfig = config;
+    }
+    get layoutConfig() {
+        return this.get('layoutConfig');
+    }
+    set layoutConfig(config) {
+        this.set('layoutConfig', config);
+    }
+    get activeFloor() {
+        return this.components[this.get('layoutConfig').activeIndex];
+    }
+    ready() {
+        super.ready();
+        if (this.components.length == 0)
+            this.addFloor();
+    }
+    postrender(context) {
+        super.postrender(context);
+        if (this.app.isViewMode)
+            return;
+        if (!this._focused)
+            return;
+        var { left, top, width, fillStyle } = this.model;
+        // floor 선택 탭 그리기
+        for (let i = 0; i < this.components.length; i++) {
+            context.beginPath();
+            context.rect(left - LABEL_WIDTH, top + i * LABEL_HEIGHT, LABEL_WIDTH, LABEL_HEIGHT);
+            let color = 255 - ((20 * (i + 1)) % 255);
+            context.fillStyle = rgba(color, color, color, 1);
+            context.fill();
+            context.closePath();
+        }
+        context.beginPath();
+        context.moveTo(left, top);
+        context.lineTo(left - LABEL_WIDTH, top);
+        context.lineTo(left - LABEL_WIDTH, top + this.components.length * LABEL_HEIGHT);
+        context.lineTo(left, top + this.components.length * LABEL_HEIGHT);
+        context.strokeStyle = '#ccc';
+        context.stroke();
+        context.closePath();
+    }
+    contains(x, y) {
+        var contains = super.contains(x, y);
+        if (this.app.isViewMode)
+            return contains;
+        var { left, top, width } = this.bounds;
+        var h = LABEL_HEIGHT;
+        contains =
+            contains ||
+                // card selector 영역에 포함되는지
+                (x < Math.max(left - LABEL_WIDTH, left) &&
+                    x > Math.min(left - LABEL_WIDTH, left) &&
+                    y < Math.max(top + h * this.size(), top) &&
+                    y > Math.min(top + h * this.size(), top));
+        if (contains)
+            this._focused = true;
+        else
+            this._focused = false;
+        this.invalidate();
+        return contains;
+    }
+    onmouseup(e) {
+        var down_point = this.__down_point;
+        delete this.__down_point;
+        if (!down_point || down_point.x != e.offsetX || down_point.y != e.offsetY) {
+            return;
+        }
+        var point = this.transcoordC2S(e.offsetX, e.offsetY);
+        var { left, top } = this.model;
+        var x = point.x - left;
+        var y = point.y - top;
+        if (x > 0)
+            return;
+        y /= LABEL_HEIGHT;
+        y = Math.floor(y);
+        if (!this.layoutConfig)
+            this.layoutConfig = {};
+        if (y >= this.components.length)
+            return;
+        // /* 생성 버튼이 클릭되면, 새로운 floor를 추가한다. */
+        // if(y == this.components.length) {
+        //   this.add(Model.compile({
+        //     type: 'floor',
+        //     width: 100,
+        //     height: 100
+        //   }))
+        // }
+        this.activeIndex = y;
+    }
+    onmousedown(e) {
+        this.__down_point = {
+            x: e.offsetX,
+            y: e.offsetY
+        };
+    }
+    addFloor() {
+        let floor = Model.compile({
+            type: 'floor',
+            fillStyle: 'gray',
+            top: 0,
+            left: 0,
+            width: 100,
+            height: 100
+        });
+        this.addComponent(floor);
+        this.activeIndex = this.components.length - 1;
+    }
+}
+Component.register('indoor-map', IndoorMap);
+//# sourceMappingURL=indoor-map.js.map

package/dist/indoor-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indoor-map.js","sourceRoot":"","sources":["../src/indoor-map.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport {\n  CardLayout,\n  Component,\n  Container,\n  Model,\n  POINT,\n} from '@hatiolab/things-scene';\n\nimport Floor from './floor';\n\nconst LABEL_WIDTH = 25\nconst LABEL_HEIGHT = 25\n\nfunction rgba(r: number, g: number, b: number, a: number) {\n  return `rgba(${r}, ${g}, ${b}, ${a})`\n}\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'action',\n      label: 'floor',\n      name: 'floor',\n      property: {\n        icon: 'add-circle',\n        action: (indoorMap: IndoorMap) => {\n          indoorMap.addFloor()\n        }\n      }\n    }\n  ],\n  'value-property': 'activeIndex',\n  help: 'scene/component/indoor-map'\n}\n\nexport default class IndoorMap extends Container {\n  private _focused: boolean = false\n  private __down_point?: POINT\n\n  get nature() {\n    return NATURE\n  }\n\n  get layout() {\n    return CardLayout\n  }\n\n  get activeIndex() {\n    var config = Object.assign({}, this.layoutConfig)\n    return config.activeIndex\n  }\n\n  set activeIndex(index) {\n    var config = Object.assign({}, this.layoutConfig)\n    config.activeIndex = index\n    this.layoutConfig = config\n  }\n\n  get layoutConfig() {\n    return this.get('layoutConfig')\n  }\n\n  set layoutConfig(config) {\n    this.set('layoutConfig', config)\n  }\n\n  get activeFloor(): Floor {\n    return this.components[this.get('layoutConfig').activeIndex] as Floor\n  }\n\n  ready() {\n    super.ready()\n\n    if (this.components.length == 0) this.addFloor()\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    super.postrender(context)\n\n    if (this.app.isViewMode) return\n\n    if (!this._focused) return\n\n    var { left, top, width, fillStyle } = this.model\n\n    // floor 선택 탭 그리기\n    for (let i = 0; i < this.components.length; i++) {\n      context.beginPath()\n\n      context.rect(\n        left - LABEL_WIDTH,\n        top + i * LABEL_HEIGHT,\n        LABEL_WIDTH,\n        LABEL_HEIGHT\n      )\n\n      let color = 255 - ((20 * (i + 1)) % 255)\n      context.fillStyle = rgba(color, color, color, 1)\n      context.fill()\n\n      context.closePath()\n    }\n\n    context.beginPath()\n\n    context.moveTo(left, top)\n    context.lineTo(left - LABEL_WIDTH, top)\n    context.lineTo(\n      left - LABEL_WIDTH,\n      top + this.components.length * LABEL_HEIGHT\n    )\n    context.lineTo(left, top + this.components.length * LABEL_HEIGHT)\n\n    context.strokeStyle = '#ccc'\n    context.stroke()\n\n    context.closePath()\n  }\n\n  contains(x: number, y: number) {\n    var contains = super.contains(x, y)\n\n    if (this.app.isViewMode) return contains\n\n    var { left, top, width } = this.bounds\n    var h = LABEL_HEIGHT\n\n    contains =\n      contains ||\n      // card selector 영역에 포함되는지\n      (x < Math.max(left - LABEL_WIDTH, left) &&\n        x > Math.min(left - LABEL_WIDTH, left) &&\n        y < Math.max(top + h * this.size(), top) &&\n        y > Math.min(top + h * this.size(), top))\n\n    if (contains) this._focused = true\n    else this._focused = false\n\n    this.invalidate()\n    return contains\n  }\n\n  onmouseup(e: MouseEvent) {\n    var down_point = this.__down_point\n    delete this.__down_point\n\n    if (!down_point || down_point.x != e.offsetX || down_point.y != e.offsetY) {\n      return\n    }\n\n    var point = this.transcoordC2S(e.offsetX, e.offsetY)\n\n    var { left, top } = this.model\n\n    var x = point.x - left\n    var y = point.y - top\n\n    if (x > 0) return\n\n    y /= LABEL_HEIGHT\n    y = Math.floor(y)\n\n    if (!this.layoutConfig) this.layoutConfig = {}\n\n    if (y >= this.components.length) return\n\n    // /* 생성 버튼이 클릭되면, 새로운 floor를 추가한다. */\n    // if(y == this.components.length) {\n    //   this.add(Model.compile({\n    //     type: 'floor',\n    //     width: 100,\n    //     height: 100\n    //   }))\n    // }\n    this.activeIndex = y\n  }\n\n  onmousedown(e: MouseEvent) {\n    this.__down_point = {\n      x: e.offsetX,\n      y: e.offsetY\n    }\n  }\n\n  addFloor() {\n    let floor = Model.compile({\n      type: 'floor',\n      fillStyle: 'gray',\n      top: 0,\n      left: 0,\n      width: 100,\n      height: 100\n    })\n\n    this.addComponent(floor)\n    this.activeIndex = this.components.length - 1\n  }\n\n  // drawLocationMarkers(locations) {\n  //   let floor = this.activeFloor\n  //   floor.drawLocationMarkers(locations)\n  // }\n}\n\nComponent.register('indoor-map', IndoorMap)\n"]}

package/dist/quaternion.d.ts

@@ -0,0 +1,39 @@
+export default class Quaternion {
+    x: number;
+    y: number;
+    z: number;
+    w: number;
+    constructor(x: number, y: number, z: number, w?: number);
+    multiply(q: Quaternion): Quaternion;
+    add(x_: number | Quaternion, y_: number, z_: number, w_: number): Quaternion;
+    get coords(): {
+        x: number;
+        y: number;
+        z: number;
+        w: number;
+    };
+    get array(): number[];
+    get inverse(): Quaternion;
+    get size(): number;
+    get norm(): Quaternion;
+    static fromAxis(axis: {
+        x: number;
+        y: number;
+        z: number;
+    }, angle: number): Quaternion;
+    static fromEuler(vec: {
+        x: number;
+        y: number;
+        z: number;
+    }): Quaternion;
+    multiVec(vec: {
+        x: number;
+        y: number;
+        z: number;
+    }): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    toString(): string;
+}

package/dist/quaternion.js

@@ -0,0 +1,79 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export default class Quaternion {
+    constructor(x, y, z, w) {
+        this.x = x || 0;
+        this.y = y || 0;
+        this.z = z || 0;
+        this.w = w === undefined ? 1 : w;
+    }
+    multiply(q) {
+        var { x, y, z, w } = this;
+        var qx = q.x, qy = q.y, qz = q.z, qw = q.w;
+        return new Quaternion(x * qw + y * qz - z * qy + w * qx, -x * qz + y * qw + z * qx + w * qy, x * qy - y * qx + z * qw + w * qz, -x * qx - y * qy - z * qz + w * qw);
+    }
+    add(x_, y_, z_, w_) {
+        var { x, y, z, w } = this;
+        // of the form: `q1.add(q2)`
+        if (isNaN(Number(x_)))
+            return x_.add(x, y, z, w);
+        // addition of the just scaler component. of the form: `q1.add(n)`
+        if (y_ === undefined)
+            return new Quaternion(x, y, z, w + x_);
+        // of the form: `q1.add(x, y, z, w)`
+        return new Quaternion(x + x_, y + y_, z + z_, w + w_);
+    }
+    get coords() {
+        return {
+            x: this.x,
+            y: this.y,
+            z: this.z,
+            w: this.w
+        };
+    }
+    get array() {
+        return [this.x, this.y, this.z, this.w];
+    }
+    get inverse() {
+        return new Quaternion(-this.x, -this.y, -this.z);
+    }
+    get size() {
+        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+    }
+    get norm() {
+        var l = this.size;
+        if (l === 0)
+            return new Quaternion(0, 0, 0, 0);
+        else
+            return new Quaternion(this.x / l, this.y / l, this.z / l, this.w / l);
+    }
+    static fromAxis(axis, angle) {
+        // see: http://www.genesis3d.com/~kdtop/Quaternions-UsingToRepresentRotation.htm
+        // q = (s, v_vec)
+        // s = cos(theta / 2)
+        // v = u_vec * sin (theta / 2)
+        var halfAngle = angle / 2, s = Math.sin(halfAngle);
+        return new Quaternion(axis.x * s, axis.y * s, axis.z * s, Math.cos(halfAngle));
+    }
+    static fromEuler(vec) {
+        var c = 1, x = vec.x * c, y = vec.y * c, z = vec.z * c, c1 = Math.cos(y), s1 = Math.sin(y), c2 = Math.cos(-z), s2 = Math.sin(-z), c3 = Math.cos(x), s3 = Math.sin(x), c1c2 = c1 * c2, s1s2 = s1 * s2;
+        return new Quaternion(c1c2 * s3 + s1s2 * c3, s1 * c2 * c3 + c1 * s2 * s3, c1 * s2 * c3 - s1 * c2 * s3, c1c2 * c3 - s1s2 * s3);
+    }
+    multiVec(vec) {
+        var { x, y, z, w } = this;
+        // quaternion * vec
+        var x_ = w * vec.x + y * vec.z - z * vec.y, y_ = w * vec.y + z * vec.x - x * vec.z, z_ = w * vec.z + x * vec.y - y * vec.x, w_ = -x * vec.x - y * vec.y - z * vec.z;
+        // vec * quaternion^-1
+        return {
+            // note: possible future per. opt. in signs
+            x: x_ * w + w_ * -x + y_ * -z - z_ * -y,
+            y: y_ * w + w_ * -y + z_ * -x - x_ * -z,
+            z: z_ * w + w_ * -z + x_ * -y - y_ * -x
+        };
+    }
+    toString() {
+        return '[x=' + this.x + ', y=' + this.y + ', z=' + this.z + ', w=' + this.w + ']';
+    }
+}
+//# sourceMappingURL=quaternion.js.map

package/dist/quaternion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quaternion.js","sourceRoot":"","sources":["../src/quaternion.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nexport default class Quaternion {\n  x: number\n  y: number\n  z: number\n  w: number\n\n  constructor(x:  number, y: number, z: number, w?: number) {\n    this.x = x || 0;\n    this.y = y || 0;\n    this.z = z || 0;\n    this.w = w === undefined ? 1 : w;\n  }\n\n  multiply(q: Quaternion) {\n    var { x, y, z, w } = this;\n    var qx = q.x,\n      qy = q.y,\n      qz = q.z,\n      qw = q.w;\n\n    return new Quaternion(\n      x * qw + y * qz - z * qy + w * qx,\n      - x * qz + y * qw + z * qx + w * qy,\n      x * qy - y * qx + z * qw + w * qz,\n      - x * qx - y * qy - z * qz + w * qw\n    );\n  }\n\n  add(x_: number | Quaternion, y_: number, z_: number, w_: number): Quaternion {\n    var { x, y, z, w } = this;\n\n    // of the form: `q1.add(q2)`\n    if (isNaN(Number(x_)))\n      return (x_ as Quaternion).add(x, y, z, w);\n\n    // addition of the just scaler component. of the form: `q1.add(n)`\n    if (y_ === undefined)\n      return new Quaternion(x, y, z, w + (x_ as number));\n\n    // of the form: `q1.add(x, y, z, w)`\n    return new Quaternion(x + (x_ as number), y + y_, z + z_, w + w_);\n  }\n\n  get coords() {\n    return {\n      x: this.x,\n      y: this.y,\n      z: this.z,\n      w: this.w\n    }\n  }\n\n  get array() {\n    return [this.x, this.y, this.z, this.w];\n  }\n\n  get inverse() {\n    return new Quaternion(-this.x, -this.y, -this.z);\n  }\n\n  get size() {\n    return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);\n  }\n\n  get norm() {\n    var l = this.size;\n    if (l === 0)\n      return new Quaternion(0, 0, 0, 0);\n    else\n      return new Quaternion(this.x / l, this.y / l, this.z / l, this.w / l);\n  }\n\n  static fromAxis(axis: {x: number, y: number, z: number}, angle: number) {\n    // see: http://www.genesis3d.com/~kdtop/Quaternions-UsingToRepresentRotation.htm\n    // q = (s, v_vec)\n    // s = cos(theta / 2)\n    // v = u_vec * sin (theta / 2)\n    var halfAngle = angle / 2, s = Math.sin(halfAngle);\n    return new Quaternion(axis.x * s, axis.y * s, axis.z * s, Math.cos(halfAngle));\n  }\n\n  static fromEuler(vec: {x: number, y: number, z: number}) {\n    var c = 1,\n      x = vec.x * c,\n      y = vec.y * c,\n      z = vec.z * c,\n      c1 = Math.cos(y),\n      s1 = Math.sin(y),\n      c2 = Math.cos(-z),\n      s2 = Math.sin(-z),\n      c3 = Math.cos(x),\n      s3 = Math.sin(x),\n      c1c2 = c1 * c2,\n      s1s2 = s1 * s2;\n\n    return new Quaternion(\n      c1c2 * s3 + s1s2 * c3,\n      s1 * c2 * c3 + c1 * s2 * s3,\n      c1 * s2 * c3 - s1 * c2 * s3,\n      c1c2 * c3 - s1s2 * s3\n    );\n  }\n\n  multiVec(vec: {x: number, y: number, z: number}) {\n    var { x, y, z, w } = this;\n\n    // quaternion * vec\n    var x_ = w * vec.x + y * vec.z - z * vec.y,\n      y_ = w * vec.y + z * vec.x - x * vec.z,\n      z_ = w * vec.z + x * vec.y - y * vec.x,\n      w_ = -x * vec.x - y * vec.y - z * vec.z;\n\n    // vec * quaternion^-1\n    return {\n      // note: possible future per. opt. in signs\n      x: x_ * w + w_ * -x + y_ * -z - z_ * -y,\n      y: y_ * w + w_ * -y + z_ * -x - x_ * -z,\n      z: z_ * w + w_ * -z + x_ * -y - y_ * -x\n    }\n  }\n\n  toString() {\n    return '[x=' + this.x + ', y=' + this.y + ', z=' + this.z + ', w=' + this.w + ']'\n  }\n\n}\n"]}

package/dist/rack.d.ts

@@ -0,0 +1,27 @@
+import { Component } from '@hatiolab/things-scene';
+declare const Rack_base: typeof Component;
+export default class Rack extends Rack_base {
+    is3dish(): boolean;
+    draw(context: CanvasRenderingContext2D): void;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: string;
+            placeholder?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            placeholder: string;
+            property: string;
+        })[];
+        help: string;
+    };
+    get hasTextProperty(): boolean;
+}
+export {};