@abi-software/flatmapvuer 1.14.1 → 1.16.0

package/eslint.config.js

@@ -0,0 +1,23 @@
+import js from "@eslint/js";
+import vue from "eslint-plugin-vue";
+import globals from "globals";
+
+export default [
+  {
+    ignores: ["dist/**", "docs/.vitepress/**", "docs/components/**"],
+  },
+  js.configs.recommended,
+  ...vue.configs["flat/essential"],
+  {
+    files: ["**/*.{js,vue}"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {},
+  },
+];

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.14.1",
+  "version": "1.16.0",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20"
+    "node": "^24.20.0"
   },
   "files": [
     "dist/*",
@@ -20,6 +20,7 @@
     "serve": "vite --host --force",
     "build-bundle": "vite build",
     "build-static": "vite build -c vite.static-build.js",
+    "lint": "eslint .",
     "cypress:open": "cypress open",
     "cypress:component": "cypress run --component",
     "cypress:record": "cypress run --component --record",
@@ -47,59 +48,53 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/map-utilities": "1.9.0",
+    "@abi-software/map-utilities": "1.11.0",
     "@abi-software/sparc-annotation": "0.3.2",
-    "@abi-software/svg-sprite": "1.1.0",
-    "@element-plus/icons-vue": "^2.3.1",
-    "css-element-queries": "^1.2.2",
-    "element-plus": "2.8.4",
+    "@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",
     "mitt": "^3.0.1",
-    "pinia": "^2.1.7",
-    "unplugin-vue-components": "^0.26.0",
-    "vue": "^3.4.21"
+    "pinia": "^4.0.3",
+    "vue": "^3.5.41"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.6.2",
+    "@eslint/js": "^10.0.1",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "unplugin-vue-components": "^32.1.0",
     "@vuese/markdown-render": "^2.11.3",
-    "auto-changelog": "^2.4.0",
-    "babel-eslint": "^10.1.0",
-    "chokidar": "^3.6.0",
-    "concurrently": "^8.2.2",
-    "cypress": "^13.6.6",
-    "cypress-multi-reporters": "^1.6.4",
-    "cypress-visual-regression": "^5.3.0",
-    "cypress-wait-until": "^2.0.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-vue": "^9.19.2",
-    "mochawesome": "^7.1.3",
-    "sass": "^1.69.5",
-    "vite": "^5.0.10",
-    "vitepress": "^1.0.0-rc.44",
+    "auto-changelog": "^2.6.0",
+    "chokidar": "^5.0.0",
+    "concurrently": "^9.2.4",
+    "cypress": "^15.21.0",
+    "cypress-multi-reporters": "^2.0.5",
+    "cypress-visual-regression": "^6.0.0",
+    "cypress-wait-until": "^3.0.2",
+    "eslint": "^10.9.1",
+    "eslint-plugin-cypress": "^7.0.0",
+    "eslint-plugin-vue": "^10.10.0",
+    "globals": "^17.11.0",
+    "mochawesome": "^8.0.1",
+    "sass": "^1.103.1",
+    "vite": "^8.2.1",
+    "vitepress": "^1.6.4",
     "vue-docgen-api": "^4.79.2"
   },
   "optionalDependencies": {
-    "@esbuild/linux-x64": "0.25.3",
-    "@rollup/rollup-darwin-arm64": "4.59.0",
-    "@rollup/rollup-linux-x64-gnu": "4.59.0",
-    "@rollup/rollup-win32-x64-msvc": "4.59.0"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    }
+    "@esbuild/darwin-arm64": "0.28.2",
+    "@esbuild/linux-x64": "0.28.2",
+    "@rollup/rollup-darwin-arm64": "4.63.0",
+    "@rollup/rollup-linux-x64-gnu": "4.63.0",
+    "@rollup/rollup-win32-x64-msvc": "4.63.0"
   },
   "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,5 +1,4 @@
-@import '_variables';
-
-@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
+@use '_variables' as *;
+@forward '_variables';
 
 $--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/components.d.ts

@@ -1,10 +1,14 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     DynamicLegends: typeof import('./components/legends/DynamicLegends.vue')['default']
@@ -31,7 +35,7 @@ declare module 'vue' {
     SelectionsGroup: typeof import('./components/SelectionsGroup.vue')['default']
     SvgLegends: typeof import('./components/legends/SvgLegends.vue')['default']
   }
-  export interface ComponentCustomProperties {
+  export interface GlobalDirectives {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
     vPopover: typeof import('element-plus/es')['ElPopoverDirective']
   }

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

@@ -10,7 +10,8 @@ export default defineConfig(({ command, mode }) => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@use './src/assets/styles' as *;`
+          api: 'modern-compiler',
+          additionalData: `@use '@/assets/styles' as *;`,
         },
       },
     },
@@ -40,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",
@@ -61,6 +70,11 @@ export default defineConfig(({ command, mode }) => {
             "@element-plus/icons-vue": "@element-plus/icons-vue",
             "pinia": "pinia"
           },
+          // keep css output name stable for the "./dist/style.css" export/import paths
+          assetFileNames: (assetInfo) =>
+            assetInfo.name?.endsWith(".css")
+              ? "style.css"
+              : "assets/[name][extname]",
         },
       },
     },