vue-maplibre-gl - npm Package Compare versions

Comparing version 5.3.7 to 5.3.8

dist/types/plugins/draw/circleStatic.mode.d.ts

@@ -12,2 +12,3 @@ import { AbstractDrawMode } from './mode.abstract.ts';
     onViewportChange(): void;
+    onViewportChangeEnd(): void;
     viewportToModel(): Feature<Polygon, DrawFeatureProperties>;
@@ -14,0 +15,0 @@ register(): void;

dist/vue-maplibre-gl-draw.js

 /*!
-* vue-maplibre-gl v5.3.7
+* vue-maplibre-gl v5.3.8
 * (c) 2025 Volker Nauruhn
 * @license MIT
 */
-import { C as r, a as e, b as l, D as s, d, P as M } from "./draw.control-DaNZ3Ktr.js";
+import { C as r, a as e, b as l, D as s, d, P as M } from "./draw.control-DG3SiSLM.js";
 export {
@@ -8,0 +8,0 @@ r as CircleMode,

dist/vue-maplibre-gl.js

 /*!
-* vue-maplibre-gl v5.3.7
+* vue-maplibre-gl v5.3.8
 * (c) 2025 Volker Nauruhn
@@ -10,4 +10,4 @@ * @license MIT
 import { reactive as q, defineComponent as p, markRaw as te, getCurrentInstance as P, shallowRef as Y, ref as _, provide as I, watch as c, onMounted as me, onBeforeUnmount as C, h as H, unref as G, nextTick as re, inject as g, createCommentVNode as O, Teleport as fe, createTextVNode as ae, isRef as D, warn as ge } from "vue";
-import { m as x, i as W, c as T, e as J, s as Q, f as X, g as he, h as ye, u as B, j as z, k as Z, l as pe, M as K, B as oe, n as ie, A as k, o as Se } from "./draw.control-DaNZ3Ktr.js";
-import { p as vt, C as bt, a as At, b as Rt, D as Ot, d as Mt, P as Et } from "./draw.control-DaNZ3Ktr.js";
+import { m as x, i as W, c as T, e as J, s as Q, f as X, g as he, h as ye, u as B, j as z, k as Z, l as pe, M as K, B as oe, n as ie, A as k, o as Se } from "./draw.control-DG3SiSLM.js";
+import { p as vt, C as bt, a as At, b as Rt, D as Ot, d as Mt, P as Et } from "./draw.control-DG3SiSLM.js";
 import { Map as ve, AttributionControl as be, FullscreenControl as Ae, GeolocateControl as Re, NavigationControl as Oe, ScaleControl as Me, Marker as Ee } from "maplibre-gl";
@@ -14,0 +14,0 @@ import Le from "mitt";

package.json

 {
   "name": "vue-maplibre-gl",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Vue 3 plugin for maplibre-gl",
@@ -5,0 +5,0 @@ "keywords": [

src/plugins/draw/circleStatic.mode.ts

@@ -0,1 +1,2 @@
+import { throttle } from '@/lib/debounce.ts';
 import { AbstractDrawMode } from '@/plugins/draw/mode.abstract.ts';
@@ -14,3 +15,4 @@ import type { DrawPlugin } from '@/plugins/draw/plugin.ts';
 		super(plugin, map, source);
-		this.onViewportChange = this.onViewportChange.bind(this);
+		this.onViewportChangeEnd = this.onViewportChangeEnd.bind(this);
+		this.onViewportChange    = throttle(this.onViewportChange.bind(this), 100);
 
@@ -35,2 +37,12 @@ this._model = model;
 		this._model = this.viewportToModel();
+		if (this._model.properties.tooSmall) {
+			this._circle.classList.add('maplibregl-draw-circle-too-small');
+		} else {
+			this._circle.classList.remove('maplibregl-draw-circle-too-small');
+		}
+	}
+
+
+	onViewportChangeEnd() {
+		this._model = this.viewportToModel();
 		this.emitOnUpdate(this._model);
@@ -57,4 +69,5 @@ if (this._model.properties.tooSmall) {
 		this.map.getCanvasContainer().appendChild(this._container);
-		this.map.on('dragend', this.onViewportChange);
-		this.map.on('zoomend', this.onViewportChange);
+		this.map.on('dragend', this.onViewportChangeEnd);
+		this.map.on('zoomend', this.onViewportChangeEnd);
+		this.map.on('zoom', this.onViewportChange);
 	}
@@ -64,4 +77,5 @@
 		this.map.getCanvasContainer().removeChild(this._container);
-		this.map.off('dragend', this.onViewportChange);
-		this.map.off('zoomend', this.onViewportChange);
+		this.map.off('dragend', this.onViewportChangeEnd);
+		this.map.off('zoomend', this.onViewportChangeEnd);
+		this.map.off('zoom', this.onViewportChange);
 	}
@@ -68,0 +82,0 @@

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1004438

increased by0.29%

Lines of code

9204

increased by0.2%

No dependency changes