vue-geojson-view-ts 1.3.19 → 1.3.20

package/package.json

@@ -1,78 +1,78 @@
-{
-  "name": "vue-geojson-view-ts",
-  "version": "1.3.19",
-  "type": "module",
-  "files": [
-    "dist",
-    "src/components/"
-  ],
-  "main": "./dist/vue-geojson-view-ts.umd.cjs",
-  "module": "./dist/vue-geojson-view-ts.js",
-  "exports": {
-    ".": {
-      "import": "./dist/vue-geojson-view-ts.js",
-      "require": "./dist/vue-geojson-view-ts.umd.cjs"
-    }
-  },
-  "types": "./dist/index.d.ts",
-  "keywords": [
-    "vue",
-    "vue3",
-    "vue-geojson-view-ts"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "preview": "vite preview",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
-  },
-  "peerDependencies": {
-    "axios": "^1.4.0",
-    "vue": "^3.2.45"
-  },
-  "devDependencies": {
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@types/node": "^18.11.18",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
-    "eslint": "^8.31.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "prettier": "^2.8.1",
-    "sass": "^1.68.0",
-    "typescript": "^4.9.3",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^1.7.1",
-    "vitepress": "^1.0.0-alpha.34",
-    "vue": "^3.2.45",
-    "vue-tsc": "^1.0.11"
-  },
-  "dependencies": {
-    "@turf/turf": "^6.5.0",
-    "@types/crypto-js": "^4.1.1",
-    "@types/leaflet": "^1.9.3",
-    "@types/leaflet-draw": "^1.0.6",
-    "@types/leaflet.heat": "^0.2.2",
-    "@vue-leaflet/vue-leaflet": "^0.9.0",
-    "axios": "^1.4.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "crypto-js": "^4.1.1",
-    "leaflet": "^1.9.4",
-    "leaflet-draw": "^1.0.4",
-    "leaflet-draw-locales": "^1.2.2",
-    "leaflet.fullscreen": "^2.4.0",
-    "leaflet.heat": "^0.2.0",
-    "ol": "^8.1.0",
-    "screenfull": "^6.0.2",
-    "typewriter-effect": "^2.19.0",
-    "vue-router": "^4.2.5"
-  },
-  "packageManager": "yarn@4.5.3+sha512.3003a14012e2987072d244c720506549c1aab73ee728208f1b2580a9fd67b92d61ba6b08fe93f6dce68fd771e3af1e59a0afa28dd242dd0940d73b95fedd4e90"
-}
+{
+  "name": "vue-geojson-view-ts",
+  "version": "1.3.20",
+  "type": "module",
+  "files": [
+    "dist",
+    "src/components/"
+  ],
+  "main": "./dist/vue-geojson-view-ts.umd.cjs",
+  "module": "./dist/vue-geojson-view-ts.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-geojson-view-ts.js",
+      "require": "./dist/vue-geojson-view-ts.umd.cjs"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "keywords": [
+    "vue",
+    "vue3",
+    "vue-geojson-view-ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "preview": "vite preview",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "peerDependencies": {
+    "axios": "^1.4.0",
+    "vue": "^3.2.45"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@types/node": "^18.11.18",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "eslint": "^8.31.0",
+    "eslint-plugin-vue": "^9.8.0",
+    "prettier": "^2.8.1",
+    "sass": "^1.68.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.0.0",
+    "vite-plugin-dts": "^1.7.1",
+    "vitepress": "^1.0.0-alpha.34",
+    "vue": "^3.2.45",
+    "vue-tsc": "^1.0.11"
+  },
+  "dependencies": {
+    "@turf/turf": "^6.5.0",
+    "@types/crypto-js": "^4.1.1",
+    "@types/leaflet": "^1.9.3",
+    "@types/leaflet-draw": "^1.0.6",
+    "@types/leaflet.heat": "^0.2.2",
+    "@vue-leaflet/vue-leaflet": "^0.9.0",
+    "axios": "^1.4.0",
+    "copy-webpack-plugin": "^11.0.0",
+    "crypto-js": "^4.1.1",
+    "leaflet": "^1.9.4",
+    "leaflet-draw": "^1.0.4",
+    "leaflet-draw-locales": "^1.2.2",
+    "leaflet.fullscreen": "^2.4.0",
+    "leaflet.heat": "^0.2.0",
+    "ol": "^8.1.0",
+    "screenfull": "^6.0.2",
+    "typewriter-effect": "^2.19.0",
+    "vue-router": "^4.2.5"
+  },
+  "packageManager": "yarn@4.5.3+sha512.3003a14012e2987072d244c720506549c1aab73ee728208f1b2580a9fd67b92d61ba6b08fe93f6dce68fd771e3af1e59a0afa28dd242dd0940d73b95fedd4e90"
+}

package/src/components/CoordinatesVerifyPolygon.vue

@@ -1,86 +1,86 @@
-<template>
-  <div ref="maps" id="maps"></div>
-</template>
-
-<script lang="ts">
-import { markerDefault } from "../helpers/imgBase64";
-
-import { defineComponent } from "vue";
-import * as L from "leaflet";
-import "leaflet/dist/leaflet.css";
-import * as turf from "@turf/turf";
-import { IconOptions } from "leaflet";
-import "leaflet.fullscreen/Control.FullScreen.css";
-import "leaflet.fullscreen";
-
-export default defineComponent({
-  name: "CoordinatesVerifyPolygon",
-  props: {
-    dataPolygon: Object,
-    iconMarker: Object,
-    coordinatesMap: Array,
-    checkPointInPolygon: Function,
-  },
-  data() {
-    return {
-      markerIconDefault: {
-        iconUrl: markerDefault,
-        iconSize: [25, 41],
-        iconAnchor: [12, 41],
-      },
-    };
-  },
-  mounted() {
-    this.verificarPuntoEnPoligono();
-  },
-  methods: {
-    verificarPuntoEnPoligono() {
-      const iconDefaultMarket = this.iconMarker
-        ? this.iconMarker
-        : this.markerIconDefault;
-      const data = this.dataPolygon?.geometry.coordinates[0].map(
-        (e: number[]) => [e[1], e[0]]
-      );
-      const polygonCoordinates: L.LatLngExpression[] = JSON.parse(
-        JSON.stringify(data)
-      );
-      const pointCoordinates = [
-        this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
-        this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
-      ];
-      const map = L.map("maps", { fullscreenControl: true } as any).setView(
-        [
-          this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
-          this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
-        ],
-        this.coordinatesMap ? (this.coordinatesMap[2] as number) : 0
-      );
-      L.tileLayer("https://tile.openstreetmaps.org/{z}/{x}/{y}.png", {
-        maxZoom: 19,
-        attribution:
-          '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
-      }).addTo(map);
-      L.polygon(polygonCoordinates).addTo(map);
-      const markerCoordinates: L.LatLngExpression = [
-        this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
-        this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
-      ];
-      const markerIcon = L.icon(iconDefaultMarket as IconOptions);
-      L.marker(markerCoordinates, { icon: markerIcon }).addTo(map);
-      const pointGeoJSON = turf.point(pointCoordinates);
-      const polygonGeoJSON = turf.polygon([data]);
-      const isPointInside = turf.booleanPointInPolygon(
-        pointGeoJSON,
-        polygonGeoJSON
-      );
-      if (this.checkPointInPolygon) this.checkPointInPolygon(isPointInside);
-    },
-  },
-});
-</script>
-
-<style>
-#maps {
-  height: 500px;
-}
-</style>
+<template>
+  <div ref="maps" id="maps"></div>
+</template>
+
+<script lang="ts">
+import { markerDefault } from "../helpers/imgBase64";
+
+import { defineComponent } from "vue";
+import * as L from "leaflet";
+import "leaflet/dist/leaflet.css";
+import * as turf from "@turf/turf";
+import { IconOptions } from "leaflet";
+import "leaflet.fullscreen/Control.FullScreen.css";
+import "leaflet.fullscreen";
+
+export default defineComponent({
+  name: "CoordinatesVerifyPolygon",
+  props: {
+    dataPolygon: Object,
+    iconMarker: Object,
+    coordinatesMap: Array,
+    checkPointInPolygon: Function,
+  },
+  data() {
+    return {
+      markerIconDefault: {
+        iconUrl: markerDefault,
+        iconSize: [25, 41],
+        iconAnchor: [12, 41],
+      },
+    };
+  },
+  mounted() {
+    this.verificarPuntoEnPoligono();
+  },
+  methods: {
+    verificarPuntoEnPoligono() {
+      const iconDefaultMarket = this.iconMarker
+        ? this.iconMarker
+        : this.markerIconDefault;
+      const data = this.dataPolygon?.geometry.coordinates[0].map(
+        (e: number[]) => [e[1], e[0]]
+      );
+      const polygonCoordinates: L.LatLngExpression[] = JSON.parse(
+        JSON.stringify(data)
+      );
+      const pointCoordinates = [
+        this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
+        this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
+      ];
+      const map = L.map("maps", { fullscreenControl: true } as any).setView(
+        [
+          this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
+          this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
+        ],
+        this.coordinatesMap ? (this.coordinatesMap[2] as number) : 0
+      );
+      L.tileLayer("https://tile.openstreetmaps.org/{z}/{x}/{y}.png", {
+        maxZoom: 19,
+        attribution:
+          '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+      }).addTo(map);
+      L.polygon(polygonCoordinates).addTo(map);
+      const markerCoordinates: L.LatLngExpression = [
+        this.coordinatesMap ? (this.coordinatesMap[0] as number) : 0,
+        this.coordinatesMap ? (this.coordinatesMap[1] as number) : 0,
+      ];
+      const markerIcon = L.icon(iconDefaultMarket as IconOptions);
+      L.marker(markerCoordinates, { icon: markerIcon }).addTo(map);
+      const pointGeoJSON = turf.point(pointCoordinates);
+      const polygonGeoJSON = turf.polygon([data]);
+      const isPointInside = turf.booleanPointInPolygon(
+        pointGeoJSON,
+        polygonGeoJSON
+      );
+      if (this.checkPointInPolygon) this.checkPointInPolygon(isPointInside);
+    },
+  },
+});
+</script>
+
+<style>
+#maps {
+  height: 500px;
+}
+</style>