@opengeoweb/webmap 2.8.0 → 2.9.0

package/index.esm.js

@@ -1,6 +1,6 @@
+import { debounce, throttle } from 'throttle-debounce';
 import moment from 'moment';
 import proj4 from 'proj4';
-import { debounce, throttle } from 'throttle-debounce';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -4204,6 +4204,8 @@ var WMJSMap = /*#__PURE__*/function () {
     this._mapPanStart = this._mapPanStart.bind(this);
     this._mapPan = this._mapPan.bind(this);
     this._mapPanEnd = this._mapPanEnd.bind(this);
+    this.mapPanPercentage = this.mapPanPercentage.bind(this);
+    this._mapPanPercentageEnd = debounce(500, this._mapPanPercentageEnd);
     this._mapZoomStart = this._mapZoomStart.bind(this);
     this._mapZoom = this._mapZoom.bind(this);
     this._mapZoomEnd = this._mapZoomEnd.bind(this);
@@ -6306,6 +6308,7 @@ var WMJSMap = /*#__PURE__*/function () {
   }, {
     key: "_mapPanStart",
     value: function _mapPanStart(x, y) {
+      this.zoomTo(this.updateBBOX);
       this.wMFlyToBBox.flyZoomToBBOXStop();
       this.baseDiv.style.cursor = 'move';
 
@@ -6374,6 +6377,37 @@ var WMJSMap = /*#__PURE__*/function () {
       this.draw('mapPanEnd');
     }
   }, {
+    key: "mapPanPercentage",
+    value: function mapPanPercentage(percentageDiffX, percentageDiffY) {
+      var _this$updateBBOX = this.updateBBOX,
+          left = _this$updateBBOX.left,
+          bottom = _this$updateBBOX.bottom,
+          right = _this$updateBBOX.right,
+          top = _this$updateBBOX.top;
+
+      if (percentageDiffX !== 0) {
+        var diffX = percentageDiffX * Math.abs(left - right);
+        this.updateBBOX.left = left - diffX;
+        this.updateBBOX.right = right - diffX;
+      }
+
+      if (percentageDiffY !== 0) {
+        var diffY = percentageDiffY * Math.abs(top - bottom);
+        this.updateBBOX.bottom = bottom - diffY;
+        this.updateBBOX.top = top - diffY;
+      }
+
+      this._updateBoundingBox(this.updateBBOX);
+
+      this._mapPanPercentageEnd();
+    }
+  }, {
+    key: "_mapPanPercentageEnd",
+    value: function _mapPanPercentageEnd() {
+      this.zoomTo(this.updateBBOX);
+      this.draw('mapPanEnd');
+    }
+  }, {
     key: "_mapZoomStart",
     value: function _mapZoomStart() {
       this.baseDiv.style.cursor = 'crosshair';
@@ -7620,6 +7654,12 @@ rootNode, path) {
 
   sortByKey(rootNode, 'text');
 };
+var generatedServiceIds = 0;
+
+var generateWMJSServiceId = function generateWMJSServiceId() {
+  generatedServiceIds += 1;
+  return "serviceid_".concat(generatedServiceIds);
+};
 /**
  * WMJSService Class
  *
@@ -7628,11 +7668,14 @@ rootNode, path) {
  *   title (optional)
  */
 
+
 var WMJSService = /*#__PURE__*/function () {
   function WMJSService(options) {
     _classCallCheck(this, WMJSService);
 
+    this.id = undefined;
     this.service = undefined;
+    this.id = generateWMJSServiceId();
     this.service = undefined;
     this.title = undefined;
     this.onlineresource = undefined;

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('moment'), require('proj4'), require('throttle-debounce')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'moment', 'proj4', 'throttle-debounce'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Webmap = {}, global.moment, global.proj4, global.throttleDebounce));
-})(this, (function (exports, moment, proj4, throttleDebounce) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('throttle-debounce'), require('moment'), require('proj4')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'throttle-debounce', 'moment', 'proj4'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Webmap = {}, global.throttleDebounce, global.moment, global.proj4));
+})(this, (function (exports, throttleDebounce, moment, proj4) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -4260,6 +4260,8 @@
       this._mapPanStart = this._mapPanStart.bind(this);
       this._mapPan = this._mapPan.bind(this);
       this._mapPanEnd = this._mapPanEnd.bind(this);
+      this.mapPanPercentage = this.mapPanPercentage.bind(this);
+      this._mapPanPercentageEnd = throttleDebounce.debounce(500, this._mapPanPercentageEnd);
       this._mapZoomStart = this._mapZoomStart.bind(this);
       this._mapZoom = this._mapZoom.bind(this);
       this._mapZoomEnd = this._mapZoomEnd.bind(this);
@@ -6271,6 +6273,7 @@
 
 
     WMJSMap.prototype._mapPanStart = function (x, y) {
+      this.zoomTo(this.updateBBOX);
       this.wMFlyToBBox.flyZoomToBBOXStop();
       this.baseDiv.style.cursor = 'move';
 
@@ -6337,6 +6340,35 @@
       this.draw('mapPanEnd');
     };
 
+    WMJSMap.prototype.mapPanPercentage = function (percentageDiffX, percentageDiffY) {
+      var _a = this.updateBBOX,
+          left = _a.left,
+          bottom = _a.bottom,
+          right = _a.right,
+          top = _a.top;
+
+      if (percentageDiffX !== 0) {
+        var diffX = percentageDiffX * Math.abs(left - right);
+        this.updateBBOX.left = left - diffX;
+        this.updateBBOX.right = right - diffX;
+      }
+
+      if (percentageDiffY !== 0) {
+        var diffY = percentageDiffY * Math.abs(top - bottom);
+        this.updateBBOX.bottom = bottom - diffY;
+        this.updateBBOX.top = top - diffY;
+      }
+
+      this._updateBoundingBox(this.updateBBOX);
+
+      this._mapPanPercentageEnd();
+    };
+
+    WMJSMap.prototype._mapPanPercentageEnd = function () {
+      this.zoomTo(this.updateBBOX);
+      this.draw('mapPanEnd');
+    };
+
     WMJSMap.prototype._mapZoomStart = function () {
       this.baseDiv.style.cursor = 'crosshair';
       this.mapZooming = 1;
@@ -7587,6 +7619,12 @@
 
     sortByKey(rootNode, 'text');
   };
+  var generatedServiceIds = 0;
+
+  var generateWMJSServiceId = function generateWMJSServiceId() {
+    generatedServiceIds += 1;
+    return "serviceid_" + generatedServiceIds;
+  };
   /**
    * WMJSService Class
    *
@@ -7595,11 +7633,14 @@
    *   title (optional)
    */
 
+
   var WMJSService =
   /** @class */
   function () {
     function WMJSService(options) {
+      this.id = undefined;
       this.service = undefined;
+      this.id = generateWMJSServiceId();
       this.service = undefined;
       this.title = undefined;
       this.onlineresource = undefined;

package/lib/components/WMJSMap.d.ts

@@ -243,6 +243,8 @@ export default class WMJSMap {
     _mapPanStart(x: number, y: number): void;
     _mapPan(x: number, y: number): void;
     _mapPanEnd(x: number, y: number): void;
+    mapPanPercentage(percentageDiffX: number, percentageDiffY: number): void;
+    _mapPanPercentageEnd(): void;
     _mapZoomStart(): void;
     _mapZoom(): void;
     _mapZoomEnd(): void;

package/lib/components/WMJSService.d.ts

@@ -37,6 +37,7 @@ export declare const recursivelyFindLayer: (layers: any[], rootNode: any[], path
  *   title (optional)
  */
 export declare class WMJSService {
+    id: string;
     service: string;
     title: string;
     onlineresource: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "GeoWeb webmap library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {