@abi-software/map-side-bar 2.16.0 → 2.17.1-demo.0

package/src/components/icons/IconOpenExternal.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <polygon
+        fill="currentColor"
+        fill-rule="nonzero"
+        transform="translate(15.500000, 8.878680) rotate(225.000000) translate(-15.500000, -8.878680)"
+        points="16.25 4.12867966 16.25 13.6286797 14.75 13.6286797 14.75 4.12867966"
+      />
+      <polygon
+        fill="currentColor"
+        fill-rule="nonzero"
+        transform="translate(17.500000, 6.918996) rotate(225.000000) translate(-17.500000, -6.918996)"
+        points="20.9294459 3.82036868 22.058311 4.80812559 17.5 10.0176239 12.941689 4.80812559 14.0705541 3.82036868 17.5 7.739"
+      />
+      <polygon
+        fill="currentColor"
+        fill-rule="nonzero"
+        points="11.6570511 7.25 11.6570511 8.75 5.75 8.75 5.75 16.25 15.25 16.25 15.25 11.2267933 16.75 11.2267933 16.75 17.75 4.25 17.75 4.25 7.25"
+      />
+    </g>
+  </svg>
+</template>

package/src/components/index.js

@@ -1,4 +1,5 @@
 import SideBar from "./SideBar.vue"
+import "../assets/fonts.scss";
 
 export {
   SideBar

package/src/components.d.ts

@@ -1,14 +1,20 @@
 /* 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 {
     AnnotationTool: typeof import('./components/AnnotationTool.vue')['default']
     BadgesGroup: typeof import('./components/BadgesGroup.vue')['default']
+    CellCard: typeof import('./components/CellCard.vue')['default']
+    CellCardExplorer: typeof import('./components/CellCardExplorer.vue')['default']
     ConnectivityCard: typeof import('./components/ConnectivityCard.vue')['default']
     ConnectivityExplorer: typeof import('./components/ConnectivityExplorer.vue')['default']
     ConnectivityInfo: typeof import('./components/ConnectivityInfo.vue')['default']
@@ -44,13 +50,14 @@ declare module 'vue' {
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTag: typeof import('element-plus/es')['ElTag']
+    IconOpenExternal: typeof import('./components/icons/IconOpenExternal.vue')['default']
     ImageGallery: typeof import('./components/ImageGallery.vue')['default']
     SearchFilters: typeof import('./components/SearchFilters.vue')['default']
     SearchHistory: typeof import('./components/SearchHistory.vue')['default']
     SideBar: typeof import('./components/SideBar.vue')['default']
     Tabs: typeof import('./components/Tabs.vue')['default']
   }
-  export interface ComponentCustomProperties {
+  export interface GlobalDirectives {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
   }
 }

package/src/main.js

@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import "./assets/fonts.scss"
 import MapSideBar from './components/SideBar.vue'
 
 const app = createApp(App);

package/src/utils/common.js

@@ -0,0 +1,71 @@
+export function generateUUID() {
+  const arr = new Uint8Array(16);
+  window.crypto.getRandomValues(arr);
+
+  arr[6] = (arr[6] & 0x0f) | 0x40;
+  arr[8] = (arr[8] & 0x3f) | 0x80;
+
+  const hex = Array.from(arr)
+    .map(byte => byte.toString(16).padStart(2, '0'))
+    .join('');
+
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+
+export function capitalise(text) {
+  if (!text) return '';
+  const value = String(text);
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+
+export function formatAlertText(text, { formatLines = false } = {}) {
+  if (!text) return '';
+
+  const escaped = String(text)
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+
+  const linkified = escaped.replace(
+    /(https?:\/\/[^\s"<>\[]+)/g,
+    (url) => {
+      const parts = url.match(/^(.*?)([\].,;:!?]*)$/);
+      const cleanUrl = parts ? parts[1] : url;
+      const suffix = parts ? parts[2] : '';
+      return `<a href="${cleanUrl}" target="_blank" rel="noopener noreferrer">${cleanUrl}</a>${suffix}`;
+    }
+  );
+
+  const normalised = linkified
+    .replace(/\\n/g, '\n')
+    .replace(/\r\n/g, '\n')
+    .replace(/\r/g, '\n');
+
+  if (!formatLines) {
+    return normalised;
+  }
+
+  return normalised
+    .split('\n')
+    .map((line) => {
+      const withBoldLabel = line.replace(
+        /^\s*([A-Za-z][^:<]{0,120}:)/,
+        '<strong>$1</strong>'
+      );
+      return `<div class="alert-line">${withBoldLabel}</div>`;
+    })
+    .join('\n');
+}
+
+export function scrollToRef(vm, refName) {
+  vm?.$nextTick(() => {
+    const element = vm?.$refs?.[refName];
+    if (element) {
+      element.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+        inline: 'nearest',
+      });
+    }
+  });
+}

package/vite.config.js

@@ -28,31 +28,42 @@ export default defineConfig({
     ],
     resolve: {
         alias: {
-            '@': resolve(__dirname, './src'),
+            '@': resolve(import.meta.dirname, './src'),
         }
     },
     build: {
         lib: {
-            entry: resolve(__dirname, "./src/components/index.js"),
+            entry: resolve(import.meta.dirname, "./src/components/index.js"),
             name: "MapSideBar",
             fileName: 'map-side-bar',
         },
         rollupOptions: {
-            external: ["vue", "@abi-software/map-utilities", "@element-plus/icons-vue"],
+            external: [
+              "vue",
+              "@abi-software/map-utilities",
+              "@element-plus/icons-vue",
+              "@abi-software/map-utilities/dist/style.css"
+            ],
             output: {
               globals: {
                 vue: "Vue",
                 "@abi-software/map-utilities": "@abi-software/map-utilities",
                 "@element-plus/icons-vue": "@element-plus/icons-vue"
               },
+              // keep css output name stable for the "./dist/style.css" export/import paths
+              assetFileNames: (assetInfo) =>
+                assetInfo.name?.endsWith(".css")
+                  ? "style.css"
+                  : "assets/[name][extname]",
             },
         },
     },
     css: {
         preprocessorOptions: {
             scss: {
-                additionalData: `@use './src/assets/styles' as *;`
+                api: 'modern-compiler',
+                additionalData: `@use '@/assets/styles' as *;`
             }
         }
     }
-})
+})

package/.eslintrc.js

@@ -1,12 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-    es2022: true,
-  },
-  extends: [
-    "plugin:vue/essential",
-    "eslint:recommended"
-  ],
-  rules: {}
-}

package/static.json

@@ -1,7 +0,0 @@
-{
-    "root": "dist",
-    "clean_urls": true,
-    "routes": {
-      "/**": "index.html"
-    }
-  }