@realsee/dnalogel 0.1.7-alpha.8 → 2.0.0-alpha.10

package/plugins/PanoMeasurePlugin/Modules/UIController/MainBtnController.js

@@ -1,169 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainBtnController = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.date.to-string.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
-
-var _style = require("./style");
-
-var _BetterTween = require("../../../../shared-utils/animationFrame/BetterTween");
-
-var _HTML = require("./HTML");
-
-var MainBtnController = /*#__PURE__*/function () {
-  function MainBtnController(measureController, container) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, MainBtnController);
-    (0, _defineProperty2["default"])(this, "onMouseEnter", function () {
-      var _this$mainElement = _this.mainElement,
-          mainItem = _this$mainElement.mainItem,
-          pathDom = _this$mainElement.pathDom;
-      mainItem.style.opacity = '1';
-      pathDom.setAttribute('fill', _HTML.MAIN_MOUSE_ENTER_FILL);
-    });
-    (0, _defineProperty2["default"])(this, "onMouseLeave", function () {
-      var _this$mainElement2 = _this.mainElement,
-          mainItem = _this$mainElement2.mainItem,
-          pathDom = _this$mainElement2.pathDom;
-      mainItem.style.opacity = '0.7';
-      pathDom.setAttribute('fill', _HTML.MAIN_MOUSE_LEAVE_FILL);
-    });
-    (0, _defineProperty2["default"])(this, "onClick", function () {
-      var mode = _this.measureController.getCurrentMode();
-
-      mode === 'Watch' ? _this.measureController.changeMode('Edit') : _this.measureController.save().changeMode('Watch');
-    });
-    (0, _defineProperty2["default"])(this, "editedLineChangeHandler", function (lines) {
-      // 线的数量大于 1 时，没有状态的变化
-      if (lines.length > 1) return; // 因为撤销导致的状态变更 -> 取消
-
-      if (lines.length === 0) return _this.change2Cancel(false);
-
-      _this.change2Done();
-    });
-    (0, _defineProperty2["default"])(this, "modeChangeHandler", function (mode) {
-      mode === 'Watch' ? _this.change2Add() : _this.change2Cancel();
-    });
-    this.measureController = measureController;
-    this.container = container;
-    this.mainElement = this.getMainElement();
-    Object.assign(this.mainElement.mainIcon.style, _style.mainIconStyle);
-    Object.assign(this.mainElement.mainItem.style, _style.mainItemStyle);
-    this.change2Add();
-    this.measureController.hook.on('modeChange', this.modeChangeHandler);
-    this.mainElement.mainIcon.addEventListener('click', this.onClick);
-    this.mainElement.mainIcon.addEventListener('mouseenter', this.onMouseEnter);
-    this.mainElement.mainIcon.addEventListener('mouseleave', this.onMouseLeave);
-  }
-
-  (0, _createClass2["default"])(MainBtnController, [{
-    key: "dispose",
-    value: function dispose() {
-      this.measureController.hook.off('modeChange', this.modeChangeHandler);
-      this.measureController.hook.off('editedLineChange', this.editedLineChangeHandler);
-      this.mainElement.mainIcon.removeEventListener('click', this.onClick);
-      this.mainElement.mainIcon.removeEventListener('mouseenter', this.onMouseEnter);
-      this.mainElement.mainIcon.removeEventListener('mouseleave', this.onMouseLeave);
-    }
-  }, {
-    key: "getMainElement",
-    value: function getMainElement() {
-      var mainTextDom = this.container.querySelector('.fpm__main-text');
-      var mainItem = this.container.querySelector('.fpm__main');
-      var mainIcon = this.container.querySelector('.fpm__main-icon');
-      var pathDom = mainItem === null || mainItem === void 0 ? void 0 : mainItem.querySelector('.fpm__main-icon-path');
-      var maskWhiteRect = mainIcon === null || mainIcon === void 0 ? void 0 : mainIcon.querySelector('#fpm__main-icon-mask-white');
-      if (!mainItem || !mainTextDom || !mainIcon || !pathDom || !maskWhiteRect) throw new Error('cannot find dom');
-      return {
-        mainTextDom: mainTextDom,
-        mainItem: mainItem,
-        mainIcon: mainIcon,
-        pathDom: pathDom,
-        maskWhiteRect: maskWhiteRect
-      };
-    }
-  }, {
-    key: "change2Add",
-    value: function change2Add() {
-      this.measureController.hook.off('editedLineChange', this.editedLineChangeHandler);
-      var _this$mainElement3 = this.mainElement,
-          mainIcon = _this$mainElement3.mainIcon,
-          mainTextDom = _this$mainElement3.mainTextDom,
-          pathDom = _this$mainElement3.pathDom;
-      mainIcon.style.transition = mainTextDom.innerText === '完成' ? 'none' : 'transform 300ms ease-in-out';
-      mainIcon.style.transform = 'rotate(0deg)';
-      mainTextDom.innerText = '添加';
-      pathDom === null || pathDom === void 0 ? void 0 : pathDom.setAttribute('d', _HTML.MAIN_NORMAL_PATH);
-    }
-  }, {
-    key: "change2Cancel",
-    value: function change2Cancel() {
-      var withAnime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var _this$mainElement4 = this.mainElement,
-          mainIcon = _this$mainElement4.mainIcon,
-          mainTextDom = _this$mainElement4.mainTextDom,
-          pathDom = _this$mainElement4.pathDom;
-      pathDom.setAttribute('d', _HTML.MAIN_NORMAL_PATH);
-      pathDom.setAttribute('mask', '');
-      mainIcon.style.transition = withAnime ? 'transform 300ms ease-in-out' : 'none';
-      mainIcon.style.transform = 'rotate(45deg)';
-      mainTextDom && (mainTextDom.innerText = '取消');
-      this.measureController.hook.on('editedLineChange', this.editedLineChangeHandler);
-    }
-  }, {
-    key: "change2Done",
-    value: function change2Done() {
-      var _this$mainIconMaskTwe,
-          _this2 = this;
-
-      var _this$getMainElement = this.getMainElement(),
-          mainTextDom = _this$getMainElement.mainTextDom,
-          mainIcon = _this$getMainElement.mainIcon,
-          pathDom = _this$getMainElement.pathDom,
-          maskWhiteRect = _this$getMainElement.maskWhiteRect;
-
-      if (mainTextDom.innerText === '完成') return;
-      mainIcon.style.transition = 'none';
-      mainIcon.style.transform = 'rotate(0deg)';
-      mainTextDom.innerText = '完成';
-      pathDom.setAttribute('d', _HTML.MAIN_DONE_PATH);
-      pathDom.setAttribute('mask', "url(#fpm__main-icon-mask)");
-      (_this$mainIconMaskTwe = this.mainIconMaskTween) === null || _this$mainIconMaskTwe === void 0 ? void 0 : _this$mainIconMaskTwe.dispose();
-      this.mainIconMaskTween = (0, _BetterTween.tweenProgress)().easing(_tween["default"].Easing.Quartic.InOut).onUpdate(function (_ref) {
-        var progress = _ref.progress;
-        maskWhiteRect.setAttribute('width', (progress * 30).toString());
-      }).onComplete(function () {
-        var _this2$mainIconMaskTw;
-
-        return (_this2$mainIconMaskTw = _this2.mainIconMaskTween) === null || _this2$mainIconMaskTw === void 0 ? void 0 : _this2$mainIconMaskTw.dispose();
-      }).play();
-    }
-    /* 鼠标移入时变成蓝色 */
-
-  }]);
-  return MainBtnController;
-}();
-
-exports.MainBtnController = MainBtnController;

package/plugins/PanoMeasurePlugin/Modules/UIController/Revoke/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var Revoke = /*#__PURE__*/function () {
-  function Revoke(measureController, container) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, Revoke);
-    (0, _defineProperty2["default"])(this, "onClick", function () {
-      _this.measureController.revoke();
-    });
-    (0, _defineProperty2["default"])(this, "onModeChange", function (mode) {
-      if (mode !== 'Edit') {
-        _this.revokeItem.classList.remove('enabled');
-
-        return;
-      }
-
-      _this.revokeItem.classList.add('enabled');
-    });
-    (0, _defineProperty2["default"])(this, "handleRevoke", function () {
-      return function () {};
-    });
-    this.measureController = measureController;
-    this.container = container;
-    var revokeIcon = this.container.querySelector('.fpm__revoke-icon');
-    var revokeItem = this.container.querySelector('.fpm__revoke');
-    if (!revokeIcon || !revokeItem) throw new Error('不正确的选择器');
-    this.revokeIcon = revokeIcon;
-    this.revokeItem = revokeItem;
-    this.revokeIcon.addEventListener('click', this.onClick);
-    measureController.hook.on('modeChange', this.onModeChange);
-  }
-
-  (0, _createClass2["default"])(Revoke, [{
-    key: "dispose",
-    value: function dispose() {
-      this.revokeIcon.removeEventListener('click', this.onClick);
-      this.measureController.hook.off('modeChange', this.onModeChange);
-    }
-  }]);
-  return Revoke;
-}();
-
-exports["default"] = Revoke;

package/plugins/PanoMeasurePlugin/Modules/UIController/index.js

@@ -1,123 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UIController = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/es.array.for-each.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _HTML = _interopRequireDefault(require("./HTML"));
-
-var _style = require("./style");
-
-var _MainBtnController = require("./MainBtnController");
-
-var _Revoke = _interopRequireDefault(require("./Revoke"));
-
-var UIController = /*#__PURE__*/function () {
-  function UIController(measureController, params) {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, UIController);
-    (0, _defineProperty2["default"])(this, "disposers", []);
-    (0, _defineProperty2["default"])(this, "handleExit", function () {
-      var exitIcon = _this.container.querySelector('.fpm__exit-icon');
-
-      var exitItem = _this.container.querySelector('.fpm__exit');
-
-      if (!exitItem || !exitIcon) throw new Error('cannot find dom');
-      Object.assign(exitItem.style, _style.exitItemStyle);
-      Object.assign(exitIcon === null || exitIcon === void 0 ? void 0 : exitIcon.style, _style.exitIconStyle);
-
-      var onMouseEnter = function onMouseEnter() {
-        return exitItem.style.opacity = '1';
-      };
-
-      var onMouseLeave = function onMouseLeave() {
-        return exitItem.style.opacity = '0.7';
-      };
-
-      var handleClick = function handleClick() {
-        _this.measureController.close();
-      };
-
-      exitIcon.addEventListener('click', handleClick);
-      exitIcon.addEventListener('mouseenter', onMouseEnter);
-      exitIcon.addEventListener('mouseleave', onMouseLeave);
-      return function () {
-        exitIcon.removeEventListener('click', handleClick);
-        exitIcon.removeEventListener('mouseenter', onMouseEnter);
-        exitIcon.removeEventListener('mouseleave', onMouseLeave);
-      };
-    });
-    this.measureController = measureController;
-    this.container = document.createElement('div');
-    this.container.innerHTML = _HTML["default"];
-    this.container.classList.add('fpm__ui-controller');
-    params.container.appendChild(this.container);
-    var textDoms = this.container.querySelectorAll('.fpm__text');
-    var UIItems = this.container.querySelectorAll('.fpm__ui-item');
-    var bgDom = this.container.querySelector('.fpm_ui-bg');
-    var operatingSpaceDom = this.container.querySelector('.fpm_operating-space');
-    Object.assign(bgDom === null || bgDom === void 0 ? void 0 : bgDom.style, _style.controllerBackgroundStyle);
-    Object.assign(operatingSpaceDom === null || operatingSpaceDom === void 0 ? void 0 : operatingSpaceDom.style, _style.operatingSpaceStyle);
-    Object.assign(this.container.style, _style.uiWrapperStyle);
-    UIItems.forEach(function (item) {
-      return Object.assign(item.style, _style.buttonGroupStyle);
-    });
-    textDoms.forEach(function (item) {
-      return Object.assign(item.style, _style.textStyle);
-    });
-  }
-
-  (0, _createClass2["default"])(UIController, [{
-    key: "dispose",
-    value: function dispose() {
-      this.hide();
-      this.container.remove();
-    }
-  }, {
-    key: "show",
-    value: function show() {
-      this.container.style.opacity = '1';
-      this.container.style.transform = 'translate(0, 0)';
-      this.revoke = new _Revoke["default"](this.measureController, this.container);
-      this.mainController = new _MainBtnController.MainBtnController(this.measureController, this.container);
-      this.disposers.push(this.handleExit());
-      return this;
-    }
-  }, {
-    key: "hide",
-    value: function hide() {
-      var _this$revoke, _this$mainController;
-
-      this.container.style.opacity = '0';
-      this.container.style.transform = 'translate(0, 10px)';
-      (_this$revoke = this.revoke) === null || _this$revoke === void 0 ? void 0 : _this$revoke.dispose();
-      (_this$mainController = this.mainController) === null || _this$mainController === void 0 ? void 0 : _this$mainController.dispose();
-      this.disposers.forEach(function (disposer) {
-        return disposer();
-      });
-      this.disposers = [];
-      return this;
-    }
-  }]);
-  return UIController;
-}();
-
-exports.UIController = UIController;

package/plugins/PanoMeasurePlugin/Modules/UIController/style.js

@@ -1,103 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uiWrapperStyle = exports.textStyle = exports.revokeImage = exports.operatingSpaceStyle = exports.mainItemStyle = exports.mainIconStyle = exports.exitItemStyle = exports.exitImage = exports.exitIconStyle = exports.doneNormalImage = exports.doneHoverImage = exports.controllerBackgroundStyle = exports.cancelNormalImage = exports.cancelHoverImage = exports.buttonGroupStyle = exports.addNormalImage = exports.addHoverImage = void 0;
-var addHoverImage = '//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png';
-exports.addHoverImage = addHoverImage;
-var addNormalImage = '//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png';
-exports.addNormalImage = addNormalImage;
-var cancelHoverImage = '//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png';
-exports.cancelHoverImage = cancelHoverImage;
-var cancelNormalImage = '//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png';
-exports.cancelNormalImage = cancelNormalImage;
-var doneHoverImage = '//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png';
-exports.doneHoverImage = doneHoverImage;
-var doneNormalImage = '//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png';
-exports.doneNormalImage = doneNormalImage;
-var exitImage = '//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png';
-exports.exitImage = exitImage;
-var revokeImage = '//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png';
-exports.revokeImage = revokeImage;
-var uiWrapperStyle = {
-  position: 'absolute',
-  top: '0',
-  left: '0',
-  width: '100%',
-  height: '100%',
-  opacity: '0',
-  transform: 'translate(0, 10px)',
-  transition: 'opacity 500ms ease-in-out, transform 500ms ease-in-out'
-};
-exports.uiWrapperStyle = uiWrapperStyle;
-var operatingSpaceStyle = {
-  position: 'absolute',
-  left: '50%',
-  bottom: '32px',
-  transform: 'translateX(-50%)',
-  width: '300px',
-  height: '89px',
-  display: 'flex',
-  justifyContent: 'space-between',
-  fontSize: '16px',
-  pointerEvents: 'all',
-  color: '#fff',
-  zIndex: '10'
-};
-exports.operatingSpaceStyle = operatingSpaceStyle;
-var buttonGroupStyle = {
-  height: '100%',
-  width: 'max-content',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'space-between',
-  alignItems: 'center'
-}; // 操作区下方的背景
-
-exports.buttonGroupStyle = buttonGroupStyle;
-var controllerBackgroundStyle = {
-  position: 'absolute',
-  bottom: '0',
-  left: '0',
-  opacity: '0.5',
-  width: '100%',
-  height: '184px',
-  background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
-  zIndex: '0'
-}; // item
-
-exports.controllerBackgroundStyle = controllerBackgroundStyle;
-var mainItemStyle = {
-  margin: '0 80px',
-  opacity: '0.7'
-};
-exports.mainItemStyle = mainItemStyle;
-var exitItemStyle = {
-  opacity: '0.7'
-}; // icon
-
-exports.exitItemStyle = exitItemStyle;
-var mainIconStyle = {
-  width: '60px',
-  height: '60px',
-  backgroundSize: '100%',
-  cursor: 'pointer'
-};
-exports.mainIconStyle = mainIconStyle;
-var exitIconStyle = {
-  width: '40px',
-  height: '40px',
-  marginTop: '10px',
-  backgroundSize: '100%',
-  cursor: 'pointer'
-}; // text
-
-exports.exitIconStyle = exitIconStyle;
-var textStyle = {
-  cursor: 'default',
-  userSelect: 'none'
-};
-exports.textStyle = textStyle;

package/plugins/PanoMeasurePlugin/index.d.ts

@@ -1,7 +0,0 @@
-import { FivePlugin } from '@realsee/five';
-import MeasureController, { MeasurePluginParameter } from './Controller';
-declare const MeasurePlugin: FivePlugin<MeasurePluginParameter, PluginReturns>;
-export default MeasurePlugin;
-export declare type PluginReturns = MeasureController;
-export type { PluginEvent } from './typings/event.type';
-export type { LineJson, PointJson } from './typings/data';

package/plugins/PanoMeasurePlugin/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _Controller = _interopRequireDefault(require("./Controller"));
-
-var MeasurePlugin = function MeasurePlugin(five, params) {
-  return new _Controller["default"](five, params);
-};
-
-var _default = MeasurePlugin; // 类型导出
-
-exports["default"] = _default;

package/plugins/PanoMeasurePlugin/typings/data.js

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

package/plugins/PanoMeasurePlugin/typings/event.type.js

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

package/plugins/PanoMeasurePlugin/typings/utils.type.js

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

package/plugins/PanoMeasurePlugin/utils/clearGroup.js

@@ -1,16 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = clearGroup;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-function clearGroup(group) {
-  group.children.length > 0 && group.remove.apply(group, (0, _toConsumableArray2["default"])(group.children));
-}

package/plugins/PanoMeasurePlugin/utils/constants.js

@@ -1,47 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalLineOpts = exports.lightLineOpts = exports.dashLineOpts = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _three = require("three");
-
-var lineWidth = 2;
-var lightLineWidth = 4;
-var lineColor = new _three.Color(0xffffff);
-var lightLineColor = new _three.Color(0x2d7cff);
-var pointColor = new _three.Color(0xffffff);
-var lightPointColor = new _three.Color(0x2d7cff);
-var pointSize = 8;
-var lightPointSize = 16;
-var pointImage = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
-var pointTexture = new _three.TextureLoader().load(pointImage);
-var normalLineOpts = {
-  pointTexture: pointTexture,
-  pointSize: pointSize,
-  lineWidth: lineWidth,
-  lineColor: lineColor,
-  pointColor: pointColor,
-  lineRenderOrder: 20,
-  pointsRenderOrder: 20
-};
-exports.normalLineOpts = normalLineOpts;
-var dashLineOpts = Object.assign({}, normalLineOpts, {
-  dashed: true
-});
-exports.dashLineOpts = dashLineOpts;
-var lightLineOpts = {
-  pointTexture: pointTexture,
-  pointSize: lightPointSize,
-  lineWidth: lightLineWidth,
-  lineColor: lightLineColor,
-  pointColor: lightPointColor,
-  lineRenderOrder: 10,
-  pointsRenderOrder: 10
-};
-exports.lightLineOpts = lightLineOpts;