@abi-software/flatmap-viewer 2.4.2-b.2 → 2.4.2-b.4

package/README.rst

@@ -38,7 +38,7 @@ The map server endpoint is specified as ``MAP_ENDPOINT`` in ``src/main.js``. It
 Package Installation
 ====================
 
-* ``npm install @abi-software/flatmap-viewer@2.4.2-b.2``
+* ``npm install @abi-software/flatmap-viewer@2.4.2-b.4``
 
 Documentation
 -------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmap-viewer",
-  "version": "2.4.2-b.2",
+  "version": "2.4.2-b.4",
   "description": "Flatmap viewer using Maplibre GL",
   "repository": "https://github.com/AnatomicMaps/flatmap-viewer.git",
   "main": "src/main.js",

package/src/controls/info.js

@@ -29,7 +29,8 @@ export const displayedProperties = [
     'fc-class',
     'fc-kind',
     'name',
-    ...indexedProperties
+    ...indexedProperties,
+    'featureId'
 ];
 
 //==============================================================================
@@ -247,18 +248,25 @@ export class InfoControl
                             }
                         }
                     });
-                    displayValues.set(feature.id, values);
+                    if (Object.keys(values).length > 0) {
+                        displayValues.set(feature.id, values);
+                    }
                 }
             }
 
             const htmlList = [];
-            for (const values of displayValues.values()) {
+            let lastId = null;
+            for (const [id, values] of displayValues.entries()) {
+                if (lastId !== null && lastId !== id) {
+                    htmlList.push(`<span><hr/></span><span></span>`);
+                }
                 for (const prop of displayedProperties) {
                     if (prop in values) {
                         htmlList.push(`<span class="info-name">${prop}:</span>`);
                         htmlList.push(`<span class="info-value">${values[prop]}</span>`);
                     }
                 }
+                lastId = id;
             }
             if (htmlList.length > 0) {
                 html = `<div id="info-control-info">${htmlList.join('\n')}</div>`;

package/src/flatmap-viewer.js

@@ -622,6 +622,12 @@ class FlatMap
         return (ann && 'models' in ann) ? utils.normaliseId(ann.models) : null;
     }
 
+    /**
+     * Get model terms of all paths connected to a node.
+     *
+     * @param      {number}  pathId  The local (GeoJSON) identifier of a node
+     * @return     {set<string>}  Model terms of all paths connected to the node
+     */
     nodePathModels(nodeId)
     //====================
     {
@@ -630,6 +636,20 @@ class FlatMap
         }
     }
 
+    /**
+     * Get feature ids of all nodes of a path model.
+     *
+     * @param      {string}  pathId  The path model identifier
+     * @return     {set<number>}  Local (GeoJSON) identifiers of features on the path
+     */
+    pathModelNodes(modelId)
+    //=====================
+    {
+        if (this._userInteractions !== null) {
+            return this._userInteractions.pathModelNodes(modelId);
+        }
+    }
+
     get layers()
     //==========
     {
@@ -1012,23 +1032,18 @@ class FlatMap
         return false;
     }
 
-    /**
-     * Generate a callback as a result of some event with a flatmap feature.
-     *
-     * @param      {string}  eventType     The event type
-     * @param      {Object}  properties    Properties associated with the feature
-     */
-    featureEvent(eventType, properties)
-    //=================================
+    __exportedProperties(properties)
+    //==============================
     {
         const data = {};
         const exportedProperties = [
+            'id',
+            'featureId',
             'connectivity',
             'dataset',
             'kind',
             'label',
             'models',
-            'nodeId',
             'source',
             'taxons',
             'hyperlinks'
@@ -1042,6 +1057,8 @@ class FlatMap
                 if (value !== undefined) {
                     if (jsonProperties.includes(property)) {
                         data[property] = JSON.parse(properties[property])
+                    } else if (property === 'featureId') {
+                        data[property] = +properties[property];  // Ensure numeric
                     } else {
                         data[property] = properties[property];
                     }
@@ -1050,12 +1067,41 @@ class FlatMap
         }
         if (Object.keys(data).length > 0) {
             data['type'] = 'feature';
+        }
+        return data;
+    }
+
+    /**
+     * Generate a callback as a result of some event with a flatmap feature.
+     *
+     * @param      {string}  eventType     The event type
+     * @param      {Object}  properties    Properties associated with the feature
+     */
+    featureEvent(eventType, properties)
+    //=================================
+    {
+        const data = this.__exportedProperties(properties);
+
+        if (Object.keys(data).length > 0) {
             this.callback(eventType, data);
             return true;
         }
         return false;
     }
 
+    /**
+     * Return properties associated with a feature.
+     *
+     * @param      {number}  featureId  The feature's internal (GeoJSON) id
+     * @returns    {Object}             Properties associated with the feature
+     */
+    featureProperties(featureId)
+    //==========================
+    {
+        const properties = this.annotation(featureId);
+        return properties ? this.__exportedProperties(properties) : {};
+    }
+
     /**
      * Generate a callback as a result of some event with a marker.
      *

package/src/interactions.js

@@ -1089,7 +1089,7 @@ export class UserInteractions
             }
         }
         if ('nodeId' in feature.properties) {
-            for (const featureId of this.__pathManager.nodeFeatureIds(feature.properties.nodeId)) {
+            for (const featureId of this.__pathManager.pathFeatureIds(feature.properties.nodeId)) {
                 this.__activateFeature(this.mapFeature(featureId));
             }
         }
@@ -1122,6 +1122,12 @@ export class UserInteractions
         return featureIds;
     }
 
+    pathModelNodes(modelId)
+    //=====================
+    {
+        return this.__pathManager.pathModelNodes(modelId);
+    }
+
     nodePathModels(nodeId)
     //====================
     {

package/src/pathways.js

@@ -214,16 +214,6 @@ export class PathManager
         return featureIds;
     }
 
-   nodeFeatureIds(nodeId)
-    //===================
-    {
-        const featureIds = new Set();
-        if (nodeId in this._nodePaths) {
-            this.addPathsToFeatureSet_(this._nodePaths[nodeId], featureIds);
-        }
-        return featureIds;
-    }
-
     pathProperties(feature)
     //=====================
     {
@@ -348,6 +338,20 @@ export class PathManager
         }
         return modelIds;
     }
+
+    pathModelNodes(modelId)
+    //=====================
+    {
+        const nodeIds = new Set();
+        if (modelId in this.__pathModelPaths) {
+            for (const pathId of this.__pathModelPaths[modelId]) {
+                for (const nodeId of this.__paths[pathId].nodes) {
+                    nodeIds.add(nodeId);
+                }
+            }
+        }
+        return nodeIds;
+    }
 }
 
 //==============================================================================

package/src/styling.js

@@ -648,7 +648,7 @@ class CentrelineLayer extends VectorStyleLayer
             ],
             'line-opacity': [
                 'case',
-                    ['boolean', ['feature-state', 'hidden'], false], 0.01,
+                    ['boolean', ['feature-state', 'hidden'], false], 0,
                     ['boolean', ['feature-state', 'selected'], false], 1.0,
                     ['boolean', ['feature-state', 'active'], false], 1.0,
                 (this.__type == 'edge') ? 0.4 : 0.8
@@ -673,7 +673,8 @@ class CentrelineLayer extends VectorStyleLayer
             'filter': [
                 'all',
                 ['==', '$type', 'LineString'],
-                ['==', 'kind', 'centreline']
+                ['==', 'kind', 'centreline'],
+                ['has', 'label']
             ],
             'paint': this.paintStyle(options),
             'layout': {