@abi-software/flatmapvuer 1.15.0 → 1.16.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20"
+    "node": "^24.20.0"
   },
   "files": [
     "dist/*",
@@ -48,9 +48,9 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/map-utilities": "1.10.0",
+    "@abi-software/map-utilities": "1.11.0",
     "@abi-software/sparc-annotation": "0.3.2",
-    "@abi-software/svg-sprite": "1.2.0",
+    "@abi-software/svg-sprite": "1.4.0",
     "@element-plus/icons-vue": "^2.3.2",
     "css-element-queries": "^1.2.3",
     "element-plus": "^2.14.5",
@@ -90,5 +90,11 @@
   "browserslist": [
     "> 1%",
     "last 2 versions"
-  ]
+  ],
+  "allowScripts": {
+    "cypress@15.21.1": true,
+    "@parcel/watcher@2.6.0": true,
+    "fsevents@2.3.3": true,
+    "esbuild@0.21.5": true
+  }
 }

package/src/assets/fonts.scss

@@ -0,0 +1,2 @@
+@use 'variables' as *;
+@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');

package/src/assets/styles.scss

@@ -1,6 +1,4 @@
 @use '_variables' as *;
 @forward '_variables';
 
-@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
-
 $--color-primary: $app-primary-color !default;

package/src/components/FlatmapVuer.vue

@@ -4296,7 +4296,7 @@ export default {
   @media (max-width: 1250px) {
     height: 125px !important; // important is needed here as we are over-riding the style set by the flatmap
     width: 180px !important;
-    :deep(.maplibregl-canvas .maplibregl-canvas) {
+    .maplibregl-canvas .maplibregl-canvas {
       height: 125px !important;
       width: 180px !important;
     }
@@ -4304,7 +4304,7 @@ export default {
   @media (min-width: 1251px) {
     height: 190px !important;
     width: 300px !important;
-    :deep(.maplibregl-canvas .maplibregl-canvas) {
+    .maplibregl-canvas .maplibregl-canvas {
       height: 190px !important;
       width: 300px !important;
     }

package/src/components/MultiFlatmapVuer.vue

@@ -638,7 +638,9 @@ export default {
      */
     changeViewingMode: function (modeName) {
       let map = this.getCurrentFlatmap()
-      map.changeViewingMode(modeName)
+      if (map) {
+        map.changeViewingMode(modeName)
+      }
     },
     setConnectionType: function (type) {
       let map = this.getCurrentFlatmap();

package/src/components/index.js

@@ -2,5 +2,6 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import FlatmapVuer from "./FlatmapVuer.vue";
 import MultiFlatmapVuer from "./MultiFlatmapVuer.vue";
+import '../assets/fonts.scss';
 
 export { FlatmapVuer, MultiFlatmapVuer };

package/src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import { useMainStore } from '@/store/index'
+import './assets/fonts.scss'
 
 const pinia = createPinia()
 const app = createApp(App)

package/vite.config.js

@@ -41,18 +41,26 @@ export default defineConfig(({ command, mode }) => {
     ],
     resolve: {
       alias: {
-        '@': path.resolve(__dirname, './src'),
+        '@': path.resolve(import.meta.dirname, './src'),
       }
     },
     build: {
       lib: {
-        entry: path.resolve(__dirname, "./src/components/index.js"),
+        entry: path.resolve(import.meta.dirname, "./src/components/index.js"),
         name: "FlatmapVuer",
         fileName: 'flatmapvuer',
       },
       rollupOptions: {
-        external: ["vue", "@abi-software/sparc-annotation", "@abi-software/svg-sprite", "@abi-software/map-utilities",
-          "@element-plus/icons-vue", "pinia"],
+        external: [
+          "vue",
+          "@abi-software/sparc-annotation",
+          "@abi-software/svg-sprite",
+          "@abi-software/map-utilities",
+          "@element-plus/icons-vue",
+          "pinia",
+          "@abi-software/svg-sprite/dist/style.css",
+          "@abi-software/map-utilities/dist/style.css"
+        ],
         output: {
           globals: {
             vue: "Vue",