@abi-software/map-side-bar 2.13.0-acupoint.7 → 2.13.0-acupoint.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.13.0-acupoint.7",
+  "version": "2.13.0-acupoint.8",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "1.3.0",
-    "@abi-software/map-utilities": "1.7.8-beta.3",
+    "@abi-software/map-utilities": "1.7.8-beta.4",
     "@abi-software/svg-sprite": "^1.0.2",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",

package/src/components/AcupointsInfoSearch.vue

@@ -200,7 +200,7 @@ export default {
             },
             {
               "key": "acupoints.onMRI.no",
-              "label": "Not marked",
+              "label": "Unmarked",
               "value": "onMRI>No"
             },
           ],

package/src/components/ConnectivityCard.vue

@@ -3,10 +3,12 @@
     <div class="connectivity-card" ref="card">
       <div class="seperator-path"></div>
       <div v-loading="loading" class="card-content" @click="cardClicked(entry)">
-        <div class="card-title">{{ capitalise(entry.label) }}</div>
+        <div class="card-title">
+          {{ capitalise(displayTitle) }}
+        </div>
         <template v-for="field in displayFields" :key="field">
           <div class="card-details" v-if="entry[field]">
-            <strong>{{ field }}:</strong>
+            <strong>{{ field }}: </strong>
             <div v-if="field === 'nerve-label'" class="card-tags">
               <div v-for="nerve in entry[field]" :key="nerve.nerve">
                 <el-tag type="primary" size="small">
@@ -48,8 +50,18 @@ export default {
       type: Array,
       default: () => [],
     },
+    showLongLabel: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
+    displayTitle: function () {
+      if (this.showLongLabel) {
+        return this.entry?.['long-label'] || '';
+      }
+      return this.entry?.label || '';
+    },
     loading: function () {
       // for clicking on the flatmap neuron
       if ("ready" in this.entry) {
@@ -99,10 +111,15 @@ export default {
 }
 
 .card-title {
-  padding-bottom: 0.75rem;
+  margin-bottom: 0.75rem;
   font-weight: bold;
   line-height: 1.5;
   letter-spacing: 1.05px;
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  line-clamp: 5;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .card-details {

package/src/components/ConnectivityExplorer.vue

@@ -134,15 +134,18 @@
           class="connectivity-card"
           :entry="result"
           :connectivityEntry="connectivityEntry"
+          :showLongLabel="showLongLabel"
           @open-connectivity="onConnectivityCollapseChange"
         />
         <ConnectivityInfo
           v-if="expanded === result.id"
           class="connectivity-info"
+          :entryData="result"
           :entryId="result.id"
           :connectivityEntry="connectivityEntry"
           :availableAnatomyFacets="availableAnatomyFacets"
           :envVars="envVars"
+          :showLongLabel="showLongLabel"
           :withCloseButton="true"
           @show-connectivity="onShowConnectivity"
           @show-reference-connectivities="onShowReferenceConnectivities"
@@ -241,7 +244,11 @@ export default {
     showVisibilityFilter: {
       type: Boolean,
       default: false,
-    }
+    },
+    showLongLabel: {
+      type: Boolean,
+      default: false,
+    },
   },
   data: function () {
     return {