@antv/l7-component 2.9.32-alpha.4 → 2.9.32-alpha.5

package/lib/control/scale.js

@@ -1,136 +1,189 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/control/scale.ts
-var scale_exports = {};
-__export(scale_exports, {
-  Scale: () => Scale,
-  default: () => Scale
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(scale_exports);
-var import_l7_utils = require("@antv/l7-utils");
-var import_baseControl = require("./baseControl");
-var Scale = class extends import_baseControl.Control {
-  constructor() {
-    super(...arguments);
-    this.update = () => {
-      const mapsService = this.mapsService;
-      const { maxWidth } = this.controlOption;
-      const y = mapsService.getSize()[1] / 2;
-      const p1 = mapsService.containerToLngLat([0, y]);
-      const p2 = mapsService.containerToLngLat([maxWidth, y]);
-      const maxMeters = (0, import_l7_utils.lnglatDistance)([p1.lng, p1.lat], [p2.lng, p2.lat]);
-      this.updateScales(maxMeters);
-    };
-  }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      name: "scale",
-      position: import_baseControl.PositionType.BOTTOMLEFT,
-      maxWidth: 100,
-      metric: true,
-      updateWhenIdle: false,
-      imperial: false,
-      lockWidth: true
-    };
-  }
-  onAdd() {
-    const className = "l7-control-scale";
-    const container = import_l7_utils.DOM.create("div", className);
-    this.resetScaleLines(container);
-    const { updateWhenIdle } = this.controlOption;
-    this.mapsService.on(updateWhenIdle ? "moveend" : "mapmove", this.update);
-    this.mapsService.on(updateWhenIdle ? "zoomend" : "zoomchange", this.update);
-    return container;
-  }
-  onRemove() {
-    const { updateWhenIdle } = this.controlOption;
-    this.mapsService.off(updateWhenIdle ? "zoomend" : "zoomchange", this.update);
-    this.mapsService.off(updateWhenIdle ? "moveend" : "mapmove", this.update);
-  }
-  setOptions(newOption) {
-    super.setOptions(newOption);
-    if (this.checkUpdateOption(newOption, [
-      "lockWidth",
-      "maxWidth",
-      "metric",
-      "updateWhenIdle",
-      "imperial"
-    ])) {
-      this.resetScaleLines(this.container);
+exports.default = exports.Scale = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _baseControl = require("./baseControl");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Scale = /*#__PURE__*/function (_Control) {
+  (0, _inherits2.default)(Scale, _Control);
+
+  var _super = _createSuper(Scale);
+
+  function Scale() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Scale);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "update", function () {
+      var mapsService = _this.mapsService;
+      var maxWidth = _this.controlOption.maxWidth;
+      var y = mapsService.getSize()[1] / 2;
+      var p1 = mapsService.containerToLngLat([0, y]);
+      var p2 = mapsService.containerToLngLat([maxWidth, y]);
+      var maxMeters = (0, _l7Utils.lnglatDistance)([p1.lng, p1.lat], [p2.lng, p2.lat]);
+
+      _this.updateScales(maxMeters);
+    });
+    return _this;
   }
-  updateScales(maxMeters) {
-    const { metric, imperial } = this.controlOption;
-    if (metric && maxMeters) {
-      this.updateMetric(maxMeters);
+
+  (0, _createClass2.default)(Scale, [{
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Scale.prototype), "getDefault", this).call(this, option)), {}, {
+        name: 'scale',
+        position: _baseControl.PositionType.BOTTOMLEFT,
+        maxWidth: 100,
+        metric: true,
+        updateWhenIdle: false,
+        imperial: false,
+        lockWidth: true
+      });
     }
-    if (imperial && maxMeters) {
-      this.updateImperial(maxMeters);
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var className = 'l7-control-scale';
+
+      var container = _l7Utils.DOM.create('div', className);
+
+      this.resetScaleLines(container);
+      var updateWhenIdle = this.controlOption.updateWhenIdle;
+      this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
+      this.mapsService.on(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+      return container;
     }
-  }
-  resetScaleLines(container) {
-    import_l7_utils.DOM.clearChildren(container);
-    const { metric, imperial, maxWidth, lockWidth } = this.controlOption;
-    if (lockWidth) {
-      import_l7_utils.DOM.addStyle(container, `width: ${maxWidth}px`);
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      var updateWhenIdle = this.controlOption.updateWhenIdle;
+      this.mapsService.off(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+      this.mapsService.off(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
     }
-    if (metric) {
-      this.mScale = import_l7_utils.DOM.create("div", "l7-control-scale-line", container);
+  }, {
+    key: "setOptions",
+    value: function setOptions(newOption) {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(Scale.prototype), "setOptions", this).call(this, newOption);
+
+      if (this.checkUpdateOption(newOption, ['lockWidth', 'maxWidth', 'metric', 'updateWhenIdle', 'imperial'])) {
+        this.resetScaleLines(this.container);
+      }
     }
-    if (imperial) {
-      this.iScale = import_l7_utils.DOM.create("div", "l7-control-scale-line", container);
+  }, {
+    key: "updateScales",
+    value: function updateScales(maxMeters) {
+      var _this$controlOption = this.controlOption,
+          metric = _this$controlOption.metric,
+          imperial = _this$controlOption.imperial;
+
+      if (metric && maxMeters) {
+        this.updateMetric(maxMeters);
+      }
+
+      if (imperial && maxMeters) {
+        this.updateImperial(maxMeters);
+      }
     }
-    this.update();
-  }
-  updateScale(scale, text, ratio) {
-    const { maxWidth } = this.controlOption;
-    scale.style.width = Math.round(maxWidth * ratio) + "px";
-    scale.innerHTML = text;
-  }
-  getRoundNum(num) {
-    const pow10 = Math.pow(10, (Math.floor(num) + "").length - 1);
-    let d = num / pow10;
-    d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
-    return pow10 * d;
-  }
-  updateMetric(maxMeters) {
-    const meters = this.getRoundNum(maxMeters);
-    const label = meters < 1e3 ? meters + " m" : meters / 1e3 + " km";
-    this.updateScale(this.mScale, label, meters / maxMeters);
-  }
-  updateImperial(maxMeters) {
-    const maxFeet = maxMeters * 3.2808399;
-    let maxMiles;
-    let miles;
-    let feet;
-    if (maxFeet > 5280) {
-      maxMiles = maxFeet / 5280;
-      miles = this.getRoundNum(maxMiles);
-      this.updateScale(this.iScale, miles + " mi", miles / maxMiles);
-    } else {
-      feet = this.getRoundNum(maxFeet);
-      this.updateScale(this.iScale, feet + " ft", feet / maxFeet);
+  }, {
+    key: "resetScaleLines",
+    value: function resetScaleLines(container) {
+      _l7Utils.DOM.clearChildren(container);
+
+      var _this$controlOption2 = this.controlOption,
+          metric = _this$controlOption2.metric,
+          imperial = _this$controlOption2.imperial,
+          maxWidth = _this$controlOption2.maxWidth,
+          lockWidth = _this$controlOption2.lockWidth;
+
+      if (lockWidth) {
+        _l7Utils.DOM.addStyle(container, "width: ".concat(maxWidth, "px"));
+      }
+
+      if (metric) {
+        this.mScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
+      }
+
+      if (imperial) {
+        this.iScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
+      }
+
+      this.update();
     }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Scale
-});
+  }, {
+    key: "updateScale",
+    value: function updateScale(scale, text, ratio) {
+      var maxWidth = this.controlOption.maxWidth;
+      scale.style.width = Math.round(maxWidth * ratio) + 'px';
+      scale.innerHTML = text;
+    }
+  }, {
+    key: "getRoundNum",
+    value: function getRoundNum(num) {
+      var pow10 = Math.pow(10, (Math.floor(num) + '').length - 1);
+      var d = num / pow10;
+      d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
+      return pow10 * d;
+    }
+  }, {
+    key: "updateMetric",
+    value: function updateMetric(maxMeters) {
+      var meters = this.getRoundNum(maxMeters);
+      var label = meters < 1000 ? meters + ' m' : meters / 1000 + ' km';
+      this.updateScale(this.mScale, label, meters / maxMeters);
+    }
+  }, {
+    key: "updateImperial",
+    value: function updateImperial(maxMeters) {
+      var maxFeet = maxMeters * 3.2808399;
+      var maxMiles;
+      var miles;
+      var feet;
+
+      if (maxFeet > 5280) {
+        maxMiles = maxFeet / 5280;
+        miles = this.getRoundNum(maxMiles);
+        this.updateScale(this.iScale, miles + ' mi', miles / maxMiles);
+      } else {
+        feet = this.getRoundNum(maxFeet);
+        this.updateScale(this.iScale, feet + ' ft', feet / maxFeet);
+      }
+    }
+  }]);
+  return Scale;
+}(_baseControl.Control);
+
+exports.default = exports.Scale = Scale;

package/lib/control/zoom.js

@@ -1,119 +1,162 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/control/zoom.ts
-var zoom_exports = {};
-__export(zoom_exports, {
-  Zoom: () => Zoom,
-  default: () => Zoom
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zoom_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
-var import_icon = require("../utils/icon");
-var import_baseControl = require("./baseControl");
-var Zoom = class extends import_baseControl.Control {
-  constructor() {
-    super(...arguments);
-    this.zoomIn = () => {
-      if (!this.disabled && this.mapsService.getZoom() < this.mapsService.getMaxZoom()) {
-        this.mapsService.zoomIn();
+exports.default = exports.Zoom = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _icon = require("../utils/icon");
+
+var _baseControl = require("./baseControl");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Zoom = /*#__PURE__*/function (_Control) {
+  (0, _inherits2.default)(Zoom, _Control);
+
+  var _super = _createSuper(Zoom);
+
+  function Zoom() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Zoom);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoomIn", function () {
+      if (!_this.disabled && _this.mapsService.getZoom() < _this.mapsService.getMaxZoom()) {
+        _this.mapsService.zoomIn();
       }
-    };
-    this.zoomOut = () => {
-      if (!this.disabled && this.mapsService.getZoom() > this.mapsService.getMinZoom()) {
-        this.mapsService.zoomOut();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoomOut", function () {
+      if (!_this.disabled && _this.mapsService.getZoom() > _this.mapsService.getMinZoom()) {
+        _this.mapsService.zoomOut();
       }
-    };
-    this.updateDisabled = () => {
-      const mapsService = this.mapsService;
-      this.zoomInButton.removeAttribute("disabled");
-      this.zoomOutButton.removeAttribute("disabled");
-      if (this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
-        this.zoomOutButton.setAttribute("disabled", "true");
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateDisabled", function () {
+      var mapsService = _this.mapsService;
+
+      _this.zoomInButton.removeAttribute('disabled');
+
+      _this.zoomOutButton.removeAttribute('disabled');
+
+      if (_this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
+        _this.zoomOutButton.setAttribute('disabled', 'true');
       }
-      if (this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
-        this.zoomInButton.setAttribute("disabled", "true");
+
+      if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
+        _this.zoomInButton.setAttribute('disabled', 'true');
       }
-    };
+    });
+    return _this;
   }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      position: import_l7_core.PositionType.BOTTOMRIGHT,
-      name: "zoom",
-      zoomInText: (0, import_icon.createL7Icon)("l7-icon-enlarge"),
-      zoomInTitle: "Zoom in",
-      zoomOutText: (0, import_icon.createL7Icon)("l7-icon-narrow"),
-      zoomOutTitle: "Zoom out"
-    };
-  }
-  setOptions(newOptions) {
-    super.setOptions(newOptions);
-    if (this.checkUpdateOption(newOptions, [
-      "zoomInText",
-      "zoomInTitle",
-      "zoomOutText",
-      "zoomOutTitle"
-    ])) {
-      this.resetButtonGroup(this.container);
+
+  (0, _createClass2.default)(Zoom, [{
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Zoom.prototype), "getDefault", this).call(this, option)), {}, {
+        position: _l7Core.PositionType.BOTTOMRIGHT,
+        name: 'zoom',
+        zoomInText: (0, _icon.createL7Icon)('l7-icon-enlarge'),
+        zoomInTitle: 'Zoom in',
+        zoomOutText: (0, _icon.createL7Icon)('l7-icon-narrow'),
+        zoomOutTitle: 'Zoom out'
+      });
     }
-  }
-  onAdd() {
-    const container = import_l7_utils.DOM.create("div", "l7-control-zoom");
-    this.resetButtonGroup(container);
-    this.mapsService.on("zoomend", this.updateDisabled);
-    this.mapsService.on("zoomchange", this.updateDisabled);
-    return container;
-  }
-  onRemove() {
-    this.mapsService.off("zoomend", this.updateDisabled);
-    this.mapsService.off("zoomchange", this.updateDisabled);
-  }
-  disable() {
-    this.disabled = true;
-    this.updateDisabled();
-    return this;
-  }
-  enable() {
-    this.disabled = false;
-    this.updateDisabled();
-    return this;
-  }
-  resetButtonGroup(container) {
-    import_l7_utils.DOM.clearChildren(container);
-    this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, "l7-button-control", container, this.zoomIn);
-    this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, "l7-button-control", container, this.zoomOut);
-    this.updateDisabled();
-  }
-  createButton(html, tile, className, container, fn) {
-    const link = import_l7_utils.DOM.create("button", className, container);
-    if (typeof html === "string") {
-      link.innerHTML = html;
-    } else {
-      link.append(html);
+  }, {
+    key: "setOptions",
+    value: function setOptions(newOptions) {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(Zoom.prototype), "setOptions", this).call(this, newOptions);
+
+      if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle'])) {
+        this.resetButtonGroup(this.container);
+      }
     }
-    link.title = tile;
-    link.addEventListener("click", fn);
-    return link;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Zoom
-});
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var container = _l7Utils.DOM.create('div', 'l7-control-zoom');
+
+      this.resetButtonGroup(container);
+      this.mapsService.on('zoomend', this.updateDisabled);
+      this.mapsService.on('zoomchange', this.updateDisabled);
+      return container;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      this.mapsService.off('zoomend', this.updateDisabled);
+      this.mapsService.off('zoomchange', this.updateDisabled);
+    }
+  }, {
+    key: "disable",
+    value: function disable() {
+      this.disabled = true;
+      this.updateDisabled();
+      return this;
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.disabled = false;
+      this.updateDisabled();
+      return this;
+    }
+  }, {
+    key: "resetButtonGroup",
+    value: function resetButtonGroup(container) {
+      _l7Utils.DOM.clearChildren(container);
+
+      this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, 'l7-button-control', container, this.zoomIn);
+      this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, 'l7-button-control', container, this.zoomOut);
+      this.updateDisabled();
+    }
+  }, {
+    key: "createButton",
+    value: function createButton(html, tile, className, container, fn) {
+      var link = _l7Utils.DOM.create('button', className, container);
+
+      if (typeof html === 'string') {
+        link.innerHTML = html;
+      } else {
+        link.append(html);
+      }
+
+      link.title = tile;
+      link.addEventListener('click', fn);
+      return link;
+    }
+  }]);
+  return Zoom;
+}(_baseControl.Control);
+
+exports.default = exports.Zoom = Zoom;