@abi-software/mapintegratedvuer 1.20.1 → 1.21.0

package/eslint.config.js

@@ -0,0 +1,33 @@
+import { includeIgnoreFile } from "eslint/config";
+import js from "@eslint/js";
+import cypress from "eslint-plugin-cypress";
+import vue from "eslint-plugin-vue";
+import globals from "globals";
+import { fileURLToPath } from "node:url";
+
+const gitignorePath = fileURLToPath(new URL(".gitignore", import.meta.url));
+
+export default [
+  includeIgnoreFile(gitignorePath),
+  {
+    ignores: ["dist/**", "docs/.vitepress/**", "docs/components/**"],
+  },
+  js.configs.recommended,
+  ...vue.configs["flat/essential"],
+  {
+    ...cypress.configs.recommended,
+    files: ["cypress/**/*.js"],
+  },
+  {
+    files: ["**/*.{js,vue}"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {},
+  },
+];

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "1.20.1",
+  "version": "1.21.0",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20"
+    "node": "^24.20.0"
   },
   "scripts": {
     "serve": "vite --host --force",
     "heroku-postbuild": "vite build",
     "build-bundle": "vite build -c vite.bundle-build.js",
     "build-static": "vite build -c vite.static-build.js",
+    "lint": "eslint .",
     "start": "vite build && vite preview",
     "test-unit": "mochapack --webpack-config test/unit/webpack.config.js --require test/unit/setup.js test/unit/**/*.spec.js",
     "test": "vitest --dom",
@@ -55,89 +56,63 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/flatmapvuer": "^1.14.1",
-    "@abi-software/map-side-bar": "2.16.0",
-    "@abi-software/map-utilities": "1.9.0",
-    "@abi-software/plotvuer": "1.1.0",
-    "@abi-software/scaffoldvuer": "1.18.0",
-    "@abi-software/simulationvuer": "3.3.0",
+    "@abi-software/flatmapvuer": "1.16.0",
+    "@abi-software/map-side-bar": "2.18.0",
+    "@abi-software/map-utilities": "1.11.0",
+    "@abi-software/plotvuer": "1.3.0",
+    "@abi-software/scaffoldvuer": "1.20.0",
+    "@abi-software/simulationvuer": "4.3.0",
     "@abi-software/sparc-annotation": "0.3.2",
-    "@abi-software/svg-sprite": "1.1.0",
-    "@element-plus/icons-vue": "^2.3.1",
-    "@vitejs/plugin-vue": "^4.6.2",
+    "@abi-software/svg-sprite": "1.4.0",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@vitejs/plugin-vue": "^6.0.8",
     "css-element-queries": "^1.2.3",
-    "element-plus": "2.8.4",
-    "marked": "^4.3.0",
+    "element-plus": "^2.14.5",
+    "marked": "^8.0.1",
     "mitt": "^3.0.1",
-    "pinia": "^2.1.7",
-    "splitpanes": "^3.1.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vue": "^3.4.21",
-    "xss": "^1.0.14"
+    "pinia": "^4.0.3",
+    "splitpanes": "^4.1.2",
+    "unplugin-vue-components": "^32.1.0",
+    "vue": "^3.5.41",
+    "xss": "^1.0.15"
   },
   "devDependencies": {
-    "@pinia/testing": "^0.1.3",
-    "@vue/test-utils": "^2.4.4",
+    "@eslint/js": "^10.0.1",
+    "@pinia/testing": "^2.0.1",
+    "@vue/test-utils": "^2.4.11",
     "@vuese/markdown-render": "^2.11.3",
-    "auto-changelog": "^2.4.0",
-    "babel-eslint": "^10.0.3",
+    "auto-changelog": "^2.6.0",
     "babel-plugin-component": "^1.1.1",
-    "chai": "^4.1.2",
-    "chokidar": "^3.6.0",
-    "concurrently": "^8.2.2",
-    "cypress": "^13.17.0",
-    "cypress-multi-reporters": "^1.6.4",
-    "cypress-visual-regression": "^5.2.2",
-    "cypress-wait-until": "^1.7.1",
-    "dom-parser": "^0.1.6",
-    "eslint": "^8.56.0",
-    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-vue": "^9.19.2",
-    "happy-dom": "^15.11.6",
-    "jsdom": "^16.2.2",
-    "jsdom-global": "^3.0.2",
-    "mocha": "^10.4.0",
-    "mochapack": "^2.1.4",
-    "mochawesome": "^7.1.3",
-    "mochawesome-merge": "^4.3.0",
-    "mochawesome-report-generator": "^6.2.0",
-    "sass": "^1.69.5",
-    "vite": "^5.0.10",
-    "vitepress": "^1.0.0-rc.45",
-    "vitest": "^1.2.2",
+    "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",
+    "dom-parser": "^1.1.5",
+    "eslint": "^10.9.1",
+    "eslint-plugin-cypress": "^7.0.0",
+    "eslint-plugin-vue": "^10.10.0",
+    "globals": "^17.11.0",
+    "happy-dom": "^20.11.6",
+    "mocha": "^10.8.2",
+    "mochapack": "^2.1.5",
+    "mochawesome": "^8.0.1",
+    "mochawesome-merge": "^4.4.1",
+    "mochawesome-report-generator": "^6.3.2",
+    "sass": "^1.103.1",
+    "vite": "^8.2.1",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.1.11",
     "vue-docgen-api": "^4.79.2",
-    "vue-router": "^4.2.5"
+    "vue-router": "^5.2.0"
   },
   "optionalDependencies": {
-    "@esbuild/darwin-arm64": "^0.25.3",
-    "@rollup/rollup-darwin-arm64": "4.62.3",
-    "@rollup/rollup-linux-x64-gnu": "4.62.3",
-    "@rollup/rollup-win32-x64-msvc": "4.62.3"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "overrides": [
-      {
-        "files": [
-          "**/__tests__/*.{j,t}s?(x)",
-          "**/tests/unit/**/*.spec.{j,t}s?(x)"
-        ],
-        "env": {
-          "mocha": true
-        }
-      }
-    ]
+    "@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"
   },
   "overrides": {
     "@abi-software/flatmapvuer": "$@abi-software/flatmapvuer",
@@ -146,5 +121,15 @@
   "browserslist": [
     "> 1%",
     "last 2 versions"
-  ]
+  ],
+  "allowScripts": {
+    "esbuild@0.21.5": true,
+    "nodent-runtime@3.2.1": true,
+    "fsevents@2.3.3": true,
+    "es5-ext@0.10.64": true,
+    "cypress@15.21.1": true,
+    "core-js-pure@3.50.0": true,
+    "core-js@3.50.0": true,
+    "@parcel/watcher@2.6.0": 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/header-icon.scss

@@ -1,4 +1,5 @@
-@import '_variables.scss';
+@use '_variables' as *;
+@forward '_variables';
 
 .tooltip {
   font-family: 'Asap', 'Avenir',  Arial, sans-serif;

package/src/assets/styles.scss

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

package/src/components/CustomSplitter.vue

@@ -6,7 +6,7 @@
     <splitpanes
       class="default-theme"
       :horizontal="isHorizontal"
-      :dbl-click-splitter="false"
+      :maximize-panes="false"
     >
       <template v-for="(child) in children" :key="child">
         <pane :ref="child" @vue:beforeUnmount="childUnmounted(child)">
@@ -14,7 +14,7 @@
             v-if="customLayout[child].content"
             @resize="calculateStyles(child)">
           </resize-sensor>
-          <custom-splitter 
+          <custom-splitter
             v-else
             :key="child"
             :index="child"
@@ -53,7 +53,7 @@ export default {
   methods: {
     requestStylesUpdate: function(refName) {
       if (this.$refs) {
-        if (refName in this.$refs && this.$refs[refName] && 
+        if (refName in this.$refs && this.$refs[refName] &&
         this.$refs[refName][0] && this.$refs[refName][0].$el) {
           const el = this.$refs[refName][0].$el;
           const rect = el.getBoundingClientRect();

package/src/components/SearchControls.vue

@@ -80,7 +80,7 @@ export default {
     font-size: 0.8rem;
     margin-left: 0.5rem;
   }
-  :deep(.search-box) {
+  :deep(.search-box.el-autocomplete) {
     margin-top: 2px;
     margin-left:0.5rem;
     height:28px;

package/src/components/index.js

@@ -1,6 +1,7 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import MapContent from './MapContent.vue';
+import '../assets/fonts.scss';
 
 export {
   MapContent