@realsee/dnalogel 0.1.2 → 0.1.7

package/plugins/PanoMaskSelectorPlugin/index.d.ts

@@ -0,0 +1,49 @@
+import * as THREE from 'three';
+import { FivePlugin, WorkImage } from '@realsee/five';
+export interface PanoMaskObject {
+    color: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    name?: string;
+    id: string;
+}
+export interface PanoMaskSelectorPluginData {
+    panoramaImgs: Omit<WorkImage, 'depth' | 'tiles'>[];
+    colorMaps: PanoMaskObject[];
+    config?: {
+        maskColor?: THREE.Color;
+        thickness?: number;
+    };
+}
+export interface PanoMaskSelectorPluginParameterType {
+    data?: PanoMaskSelectorPluginData;
+}
+export interface PanoMaskSelectorPluginReturnType {
+    /**
+     * 加载数据
+     */
+    load: (data: PanoMaskSelectorPluginData) => Promise<boolean>;
+    /**
+     * @returns 返回值为 选中的 物体信息；如果选中失败 则 返回 false。
+     */
+    select: (x: number, y: number) => Promise<false | PanoMaskObject>;
+    /**
+     * 擦除选中物体的 Mask（不可还原）。
+     */
+    erase: () => void;
+    /**
+     * 隐藏 选中物体的 Mask。
+     */
+    hide: () => void;
+    /**
+     * 展示 选中物体的 Mask。
+     */
+    show: () => void;
+    /**
+     * 销毁函数。
+     */
+    dispose: () => void;
+}
+export declare const PanoMaskSelectorPlugin: FivePlugin<PanoMaskSelectorPluginParameterType, PanoMaskSelectorPluginReturnType>;

package/plugins/PanoMaskSelectorPlugin/index.js

@@ -0,0 +1,348 @@
+"use strict";
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PanoMaskSelectorPlugin = void 0;
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.array-buffer.slice.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.typed-array.uint8-array.js");
+
+require("core-js/modules/es.typed-array.copy-within.js");
+
+require("core-js/modules/es.typed-array.every.js");
+
+require("core-js/modules/es.typed-array.fill.js");
+
+require("core-js/modules/es.typed-array.filter.js");
+
+require("core-js/modules/es.typed-array.find.js");
+
+require("core-js/modules/es.typed-array.find-index.js");
+
+require("core-js/modules/es.typed-array.for-each.js");
+
+require("core-js/modules/es.typed-array.includes.js");
+
+require("core-js/modules/es.typed-array.index-of.js");
+
+require("core-js/modules/es.typed-array.iterator.js");
+
+require("core-js/modules/es.typed-array.join.js");
+
+require("core-js/modules/es.typed-array.last-index-of.js");
+
+require("core-js/modules/es.typed-array.map.js");
+
+require("core-js/modules/es.typed-array.reduce.js");
+
+require("core-js/modules/es.typed-array.reduce-right.js");
+
+require("core-js/modules/es.typed-array.reverse.js");
+
+require("core-js/modules/es.typed-array.set.js");
+
+require("core-js/modules/es.typed-array.slice.js");
+
+require("core-js/modules/es.typed-array.some.js");
+
+require("core-js/modules/es.typed-array.sort.js");
+
+require("core-js/modules/es.typed-array.subarray.js");
+
+require("core-js/modules/es.typed-array.to-locale-string.js");
+
+require("core-js/modules/es.typed-array.to-string.js");
+
+require("core-js/modules/es.array.fill.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var THREE = _interopRequireWildcard(require("three"));
+
+var _five = require("@realsee/five");
+
+var _createBox = require("./createBox");
+
+var _createTextures = require("./createTextures");
+
+var _compare = require("./compare");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
+  var parameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var state = {
+    data: parameters.data
+  };
+
+  var dispose = function dispose() {
+    if (state.box) {
+      five.scene.remove(state.box);
+    }
+
+    five.off('panoArrived', wrapper);
+    five.off('modeChange', modeChangeListener);
+  };
+
+  var wrapper = function wrapper() {
+    var _state$data$config, _state$data$config2;
+
+    if (five.panoIndex === undefined) {
+      return;
+    }
+
+    if (five.panoIndex === state.currentLoadedIndex) {
+      return;
+    }
+
+    if (!state.data) {
+      return;
+    }
+
+    if (state.box) {
+      five.scene.remove(state.box);
+    }
+
+    var panoramaImgs = state.data.panoramaImgs[five.panoIndex];
+
+    if (!panoramaImgs) {
+      state.textures = undefined;
+      return false;
+    }
+
+    state.textures = (0, _createTextures.createTextures)(panoramaImgs);
+    state.box = (0, _createBox.createBox)(state.textures, five.work.observers[five.panoIndex], {
+      opacity: true,
+      maskColor: ((_state$data$config = state.data.config) === null || _state$data$config === void 0 ? void 0 : _state$data$config.maskColor) || new THREE.Color(1, 0, 0),
+      thickness: ((_state$data$config2 = state.data.config) === null || _state$data$config2 === void 0 ? void 0 : _state$data$config2.thickness) || 0.005
+    });
+    five.scene.add(state.box);
+    state.currentLoadedIndex = five.panoIndex;
+    return true;
+  };
+
+  var load = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              state.data = data;
+              wrapper();
+              return _context.abrupt("return", true);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function load(_x2) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var select = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_x, _y) {
+      var _state$data;
+
+      var element, pixel, x, y, renderTarget, pickingBuffer, camera, renderer, newScence, observer, newBox, unit8ArrayGroup, i, selectedColor, colorMaps, object;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (state.textures) {
+                _context2.next = 2;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 2:
+              if (state.box) {
+                _context2.next = 4;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 4:
+              if (!(five.panoIndex === undefined)) {
+                _context2.next = 6;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 6:
+              if (!(five.currentMode !== _five.Five.Mode.Panorama)) {
+                _context2.next = 8;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 8:
+              if (five.renderer) {
+                _context2.next = 10;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 10:
+              element = five.getElement();
+
+              if (element) {
+                _context2.next = 13;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 13:
+              pixel = 1;
+              x = _x * five.renderer.getPixelRatio();
+              y = _y * five.renderer.getPixelRatio();
+              renderTarget = new THREE.WebGLRenderTarget(pixel, pixel);
+              pickingBuffer = new Uint8Array(4 * pixel * pixel);
+              camera = five.camera.clone();
+              renderer = five.renderer;
+              newScence = new THREE.Scene();
+              observer = five.work.observers[five.panoIndex];
+              newBox = (0, _createBox.createBox)(state.textures, observer, {
+                opacity: false
+              });
+              newScence.add(newBox);
+              camera.setViewOffset(element.width, element.height, x, y, pixel, pixel);
+              renderer.setRenderTarget(renderTarget);
+              renderer.render(newScence, camera);
+              pickingBuffer.fill(0);
+              renderer.readRenderTargetPixels(renderTarget, 0, 0, pixel, pixel, pickingBuffer);
+              camera.clearViewOffset();
+              renderer.setRenderTarget(null);
+              unit8ArrayGroup = [];
+
+              for (i = 0; i < pickingBuffer.length; i += 4 * pixel) {
+                unit8ArrayGroup.push(pickingBuffer.slice(i, i + 4 * pixel));
+              }
+
+              selectedColor = new THREE.Color(pickingBuffer[0] / 255, pickingBuffer[1] / 255, pickingBuffer[2] / 255);
+              colorMaps = ((_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.colorMaps) || [];
+              object = colorMaps.find(function (item) {
+                var objectColor = new THREE.Color(item.color.r, item.color.g, item.color.b);
+                return (0, _compare.compare)(objectColor, selectedColor);
+              });
+
+              if (object) {
+                _context2.next = 38;
+                break;
+              }
+
+              return _context2.abrupt("return", false);
+
+            case 38:
+              state.box.material.forEach(function (m) {
+                return m.uniforms.selectedColor.value = selectedColor;
+              });
+              five.needsRender = true;
+              return _context2.abrupt("return", object);
+
+            case 41:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function select(_x3, _x4) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var erase = function erase() {
+    if (!state.box) return;
+    state.box.material.forEach(function (m) {
+      return m.uniforms.selectedColor.value = new THREE.Color(0.0, 0.0, 0.0);
+    });
+    five.needsRender = true;
+  };
+
+  var hide = function hide() {
+    var _state$box, _state$box$material;
+
+    (_state$box = state.box) === null || _state$box === void 0 ? void 0 : (_state$box$material = _state$box.material) === null || _state$box$material === void 0 ? void 0 : _state$box$material.forEach(function (material) {
+      material.visible = false;
+    });
+    five.needsRender = true;
+  };
+
+  var show = function show() {
+    var _state$box2, _state$box2$material;
+
+    if (five.currentMode !== _five.Five.Mode.Panorama) {
+      return;
+    }
+
+    (_state$box2 = state.box) === null || _state$box2 === void 0 ? void 0 : (_state$box2$material = _state$box2.material) === null || _state$box2$material === void 0 ? void 0 : _state$box2$material.forEach(function (material) {
+      material.visible = true;
+    });
+    five.needsRender = true;
+  };
+
+  var modeChangeListener = function modeChangeListener(mode) {
+    if (mode !== _five.Five.Mode.Panorama) {
+      hide();
+    } else {
+      show();
+    }
+  };
+
+  five.on('panoArrived', wrapper);
+  five.on('modeChange', modeChangeListener);
+  return {
+    load: load,
+    select: select,
+    erase: erase,
+    dispose: dispose,
+    hide: hide,
+    show: show
+  };
+};
+
+exports.PanoMaskSelectorPlugin = PanoMaskSelectorPlugin;

package/plugins/PanoMaskSelectorPlugin/vertexShader.d.ts

@@ -0,0 +1 @@
+export declare const vertexShader = "\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = uv;\n\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\n  gl_Position = projectionMatrix * mvPosition;\n}\n\n";

package/plugins/PanoMaskSelectorPlugin/vertexShader.js

@@ -0,0 +1,10 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vertexShader = void 0;
+var vertexShader = "\nvarying vec2 vUv;\n\nvoid main() {\n  vUv = uv;\n\n  vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\n  gl_Position = projectionMatrix * mvPosition;\n}\n\n";
+exports.vertexShader = vertexShader;

package/plugins/PanoRulerPlugin/data/roomInfo.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/plugins/PanoRulerPlugin/data/roomRules.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/plugins/PanoRulerPlugin/index.js

@@ -1,39 +1,87 @@
 "use strict";
 
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.is-array.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.PanoRulerPlugin = void 0;
 
-var _five = require("@realsee/five");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-var _three = require("three");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _planimetry = require("../../shared-utils/math/planimetry");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _nextFrame = require("../../shared-utils/nextFrame");
+require("core-js/modules/es.array.for-each.js");
 
-var _throttle = _interopRequireDefault(require("../../shared-utils/throttle"));
+require("core-js/modules/web.dom-collections.for-each.js");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+require("core-js/modules/es.function.name.js");
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+require("core-js/modules/es.array.sort.js");
 
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+require("core-js/modules/es.number.to-fixed.js");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+require("core-js/modules/es.array.map.js");
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+require("core-js/modules/es.object.assign.js");
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+require("core-js/modules/es.object.to-string.js");
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+require("core-js/modules/es.promise.js");
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.regexp.exec.js");
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+require("core-js/modules/es.string.split.js");
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.string.sub.js");
+
+var _five = require("@realsee/five");
+
+var _three = require("three");
+
+var _planimetry = require("../../shared-utils/math/planimetry");
+
+var _nextFrame = require("../../shared-utils/nextFrame");
+
+var _throttle = _interopRequireDefault(require("../../shared-utils/throttle"));
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var getDistance = function getDistance(p1, p2) {
   return Math.sqrt(Math.pow(p1.z - p2.z, 2) + Math.pow(p1.x - p2.x, 2));
@@ -51,7 +99,7 @@ var getRoomHeightInfo = function getRoomHeightInfo(roomInfo, five) {
     raycaster.set(point, new _three.Vector3(0, 1, 0));
 
     var _five$model$intersect = five.model.intersectRaycaster(raycaster),
-        _five$model$intersect2 = _slicedToArray(_five$model$intersect, 1),
+        _five$model$intersect2 = (0, _slicedToArray2["default"])(_five$model$intersect, 1),
         intersection = _five$model$intersect2[0];
 
     var verticalY = intersection ? intersection.point.y : null;
@@ -242,9 +290,9 @@ var PanoRulerPlugin = function PanoRulerPlugin(five, params) {
   };
 
   var load = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_roomInfo, _roomRules, options) {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_roomInfo, _roomRules, options) {
       var roomInfo, roomRules;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -401,7 +449,7 @@ var PanoRulerPlugin = function PanoRulerPlugin(five, params) {
       var angleB = pointB.clone().setY(0).sub(cameraPosition).normalize().angleTo(cameraDirection.clone().setY(0));
       return angleA - angleB;
     }),
-        _rule$name$origins$s2 = _slicedToArray(_rule$name$origins$s, 1),
+        _rule$name$origins$s2 = (0, _slicedToArray2["default"])(_rule$name$origins$s, 1),
         visibleOrigin = _rule$name$origins$s2[0];
 
     var shownNotVerticalRules = [];
@@ -416,7 +464,7 @@ var PanoRulerPlugin = function PanoRulerPlugin(five, params) {
             vertical = _step4$value.vertical,
             _$element3 = _step4$value.$element;
 
-        var _rule = _slicedToArray(rule, 2),
+        var _rule = (0, _slicedToArray2["default"])(rule, 2),
             start = _rule[0],
             end = _rule[1];
 

package/plugins/PanoRulerPlugin/typings.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/plugins/PanoTVVideoPlugin/index.d.ts

@@ -1,3 +1,4 @@
+import * as THREE from 'three';
 import { FivePlugin } from '@realsee/five';
 export declare type PanoTVVideoPluginPoints = Record<string, {
     position: {
@@ -19,6 +20,7 @@ export interface PanoTVVideoPluginExportType {
     enable: () => void;
     disable: () => void;
     load: (data: PanoTVVideoPluginData, videoElement?: HTMLVideoElement) => void;
+    getVideoTexture: () => THREE.VideoTexture | undefined;
 }
 export declare const PanoTVVideoPlugin: FivePlugin<PanoTVVideoPluginParameterType, PanoTVVideoPluginExportType>;
 export default PanoTVVideoPlugin;