Multi select (StefH#1)

* .

* fix multi

* update wasm

Author: StefH

Directory.Build.props

@@ -4,7 +4,7 @@
   </PropertyGroup>
 
   <PropertyGroup>
-    <VersionPrefix>0.0.1</VersionPrefix>
+    <VersionPrefix>0.0.2</VersionPrefix>
   </PropertyGroup>
 
   <Choose>

docs/_content/jsMind.Blazor/jsmind-interop.js

@@ -14,7 +14,7 @@ MindMap.show = function (dotnetReference, containerId, mindMapOptions, mindMapDa
             "version": "1.0"
         },
         "format": mindMapData.format,
-        "data": mindMapData.data,
+        "data": mindMapData.data
     };
 
     const options = {
@@ -23,8 +23,8 @@ MindMap.show = function (dotnetReference, containerId, mindMapOptions, mindMapDa
         theme: mindMapOptions.theme
     }
 
-    // Keep a reference to the javascript MindMap object
-    instances[containerId] = window.jsMind.show(options, mind);
+    const mm = window.jsMind.show(options, mind);;
+    mm["multiSelect"] = mindMapOptions.multiSelect;
 
     // Call a callback to indicate that the MindMap is shown
     dotnetReference.invokeMethodAsync("OnShowCallback", { evt: "done", node: "", data: [] });
@@ -50,15 +50,67 @@ MindMap.show = function (dotnetReference, containerId, mindMapOptions, mindMapDa
         }
     }
 
-    instances[containerId].add_event_listener(eventHandler);
-};
+    // Custom
+    if (mindMapOptions.multiSelect) {
+        mm.selectedNodes = [];
+
+        const mousedownHandleMultiSelect = function (e) {
+            e.preventDefault();
+
+            const element = e.target || event.srcElement;
+            const id = this.view.get_binded_nodeid(element);
+            if (id && element.tagName.toLowerCase() === "jmnode") {
+                const node = mm.get_node(id);
+
+                var selectedNodeId;
+                
+                // Check if already selected
+                const index = mm.selectedNodes.indexOf(id);
+                if (index > -1) {
+                    // Remove from list
+                    mm.selectedNodes.splice(index, 1);
+
+                    // Remove the 'selected' class
+                    updateSelectedClass(node, false);
+
+                    // Set selectedId to null
+                    selectedNodeId = null;
+                } else {
+                    // Add to list
+                    mm.selectedNodes.push(id);
+
+                    // Set selectedId to this node
+                    selectedNodeId = id;
+                }
+
+                mm.selectedNodes.forEach(selectedId => {
+                    const selectedNode = mm.get_node(selectedId);
+                    updateSelectedClass(selectedNode, true);
+                });
+
+                dotnetReference.invokeMethodAsync("OnMultiSelectCallback", { id: selectedNodeId, ids: mm.selectedNodes });
+            }
+        }
+
+        mm.view.add_event(mm, "mousedown", mousedownHandleMultiSelect);
+    }
+
+    mm.add_event_listener(eventHandler);
+
+    // Keep a reference to the javascript MindMap object
+    instances[containerId] = mm;
+}
 
 MindMap.destroy = function (containerId) {
     instances[containerId] = null;
+    delete instances[containerId];
 }
 
-MindMap.addNode = function (containerId, id, parentId, topic, data) {
-    instances[containerId].add_node(id, parentId, topic, data);
+MindMap.addNode = function (containerId, parentId, id, topic, data) {
+    instances[containerId].add_node(parentId, id, topic, data);
+
+    var n = instances[containerId].get_node(id);
+    var x = 9;
 }
 
 MindMap.removeNode = function (containerId, id) {
@@ -89,6 +141,23 @@ MindMap.selectNode = function (containerId, id) {
     instances[containerId].select_node(id);
 }
 
+MindMap.selectNodes = function (containerId, nodes) {
+    if (instances[containerId].multiSelect) {
+        instances[containerId].selectedNodes = [];
+
+        nodes.forEach(node => {
+            const foundNode = instances[containerId].get_node(node.id);
+            updateSelectedClass(foundNode, true);
+
+            instances[containerId].selectedNodes.push(node.id);
+        });
+    }
+}
+
+MindMap.getNode = function (containerId, id) {
+    return mapNode(instances[containerId].get_node(id));
+}
+
 MindMap.clearSelect = function (containerId) {
     instances[containerId].select_clear();
 }
@@ -107,4 +176,25 @@ MindMap.enableEdit = function (containerId) {
 
 MindMap.isEditable = function (containerId) {
     return instances[containerId].get_editable();
+}
+
+updateSelectedClass = function(node, set) {
+    if (set && !(/\s*selected\b/i).test(node._data.view.element.className)) {
+        node._data.view.element.className += " selected";
+    }
+    else if (!set) {
+        node._data.view.element.className = node._data.view.element.className.replace(/\s*selected\b/ig, "");
+    }
+}
+
+mapNode = function (node) {
+    // Skip children property (TypeError: Converting circular structure to JSON)
+    return {
+        id: node.id,
+        topic: node.topic,
+        expanded: node.expanded,
+        direction: node.direction,
+        data: node.data,
+        parentId: node.parentId
+    };
 }

docs/_content/jsMind.Blazor/jsmind-interop.min.js

@@ -6,32 +6,32 @@
   "linkerEnabled": true,
   "resources": {
     "assembly": {
-      "jsMind.Blazor.dll": "sha256-vpALAtEl3jhPhe2m8RDHG37j0OMX2B8rYJl1aRHc+M0=",
-      "jsMind.WASM.App.dll": "sha256-0IgK8yyvcOd9d4VXb+1\/EDR18dSQmmEKbZAX6Ya7RoE=",
-      "Microsoft.AspNetCore.Components.dll": "sha256-IUeusN1Jp7KFGsJqqIDGedScto5Qb1lWtL3RQ1++dR8=",
-      "Microsoft.AspNetCore.Components.Web.dll": "sha256-E6HboXrya9xcsDDZGvSpyb7OJjYQ2tqNEA4J+SlNJsc=",
-      "Microsoft.AspNetCore.Components.WebAssembly.dll": "sha256-LucukUJzeSD\/IJlGLmQBWZRrPJuH\/T6pgO\/b6e7DjNM=",
+      "jsMind.Blazor.dll": "sha256-amOymwCsV6VAzkrU0SOUVnFgAgEcbjwYbD1aTe+Aj6Q=",
+      "jsMind.WASM.App.dll": "sha256-3TrPHNqVN573OpNGNxkRM4CXy5LVR5FmFmIROUtda6k=",
+      "Microsoft.AspNetCore.Components.dll": "sha256-uBytAhaMOooP7hFGiMsxtDSaJDUDF7DsJKlqxaZfXpw=",
+      "Microsoft.AspNetCore.Components.Web.dll": "sha256-HYtKfWnAVqx16zhFwYpfWAGeItOLm4oDTmqRHOVtM7A=",
+      "Microsoft.AspNetCore.Components.WebAssembly.dll": "sha256-XuoiwFycj0FnuDqT7MH10iMINjPXE0qTktguQYYMK1A=",
       "Microsoft.Bcl.AsyncInterfaces.dll": "sha256-jzHgXWAvWMkKIGFjZoT84tbe72E+H7CvTr\/Dryh4QPs=",
-      "Microsoft.Extensions.Configuration.Abstractions.dll": "sha256-Rw5V3xaDK9gE\/M9z\/IvZCnSBQDFBEbKSaqfmyhJulzk=",
-      "Microsoft.Extensions.Configuration.dll": "sha256-Mj6rh3mNPqeot9GBszyDD8XcOLdvqS8bxqjocj5M9uw=",
-      "Microsoft.Extensions.Configuration.Json.dll": "sha256-P+OLlapaq0hIGxpX8JpTvYvsgQpNnqsLOtW2qUZOZF0=",
-      "Microsoft.Extensions.DependencyInjection.Abstractions.dll": "sha256-qNpL4eTRjEBbSpMl\/mQjriek5S0CELZZ4g4ZMSj54cc=",
-      "Microsoft.Extensions.DependencyInjection.dll": "sha256-D13ai+iLMFB9m1fozAwhQYxT58cMDhcN5UzJkb8MXMQ=",
-      "Microsoft.Extensions.Logging.Abstractions.dll": "sha256-bW4j5dwANFy978GJdh94psPtZOuhy\/9lg7tXCvDGqW8=",
-      "Microsoft.Extensions.Logging.dll": "sha256-vRJJbIEpA8a3L78vVaHiSJP6SyTymNkpo3fSNyB5jMk=",
-      "Microsoft.Extensions.Options.dll": "sha256-fdHESUVMLnJLpyXE0WFtTG\/8MweeVVbTRh9D5IIE7BE=",
-      "Microsoft.Extensions.Primitives.dll": "sha256-fSyT0CUxW68PC83D7XkB3UWLq5V6LgvQEO9g\/XWHkus=",
+      "Microsoft.Extensions.Configuration.Abstractions.dll": "sha256-9KAEpyaoBvxqZ9qcjHEWjCTgG04zlg3Eb2MvTmt\/J7g=",
+      "Microsoft.Extensions.Configuration.dll": "sha256-Ilq\/7ctPtk833qs6VrQ220WHEtfuQTKHJQnNKG+RjKQ=",
+      "Microsoft.Extensions.Configuration.Json.dll": "sha256-i5Ba6XXOqNsyD5n87E7cGjwhRRbv7Xkxo9exEgfvQ4k=",
+      "Microsoft.Extensions.DependencyInjection.Abstractions.dll": "sha256-Z\/m2LGwciLR19ITXTpUuMTLxBzkwC\/6aQiXq3roME0A=",
+      "Microsoft.Extensions.DependencyInjection.dll": "sha256-cVmKj00vnYwIxH68DPugG70RacPEC99enRmg6Rjj0zk=",
+      "Microsoft.Extensions.Logging.Abstractions.dll": "sha256-UD2A7bxtaVmd\/u\/ImkyxnlNaXizy6wFV6HzlcOC0WaE=",
+      "Microsoft.Extensions.Logging.dll": "sha256-dbqWhEKZ1ze1aHlU7AQPz2SnLbMTW78j3ojDiWJypUA=",
+      "Microsoft.Extensions.Options.dll": "sha256-JWMiOACs7cgW93HjTnie19bfOKwY2PbZNSS60lCIa2k=",
+      "Microsoft.Extensions.Primitives.dll": "sha256-cvI\/BD6vX6EDhSDL0ab6iFJtKNqggWdheY273ozsa2Q=",
       "Microsoft.JSInterop.dll": "sha256-GFqkJmxwbf7WMrZ+MCRzaOADzSsVQ9tcMrMt19fsEeo=",
       "Microsoft.JSInterop.WebAssembly.dll": "sha256-6g2dLhGUTDM61qYCCZ0XbEEq1ph7WIGsa0EGamodSZQ=",
-      "mscorlib.dll": "sha256-wmwb97RsHpKxq37bedNSDuZ1X6iusYlWUYkyYgViCZ0=",
-      "System.Core.dll": "sha256-qszRLSJ8pJ7yO7UKjBYK1B+vDs2VwlKx7AotIDV9v9E=",
-      "System.dll": "sha256-Ih+UBTLqljbt7KyGfqRzJibH48sbs3DxOls9lhay448=",
-      "System.Net.Http.dll": "sha256-RAzxCIXxtHE6Sc5A1xI8Q4ssOR6Ug3EVP0KQtNsc4CQ=",
-      "System.Net.Http.WebAssemblyHttpHandler.dll": "sha256-MLSHCbXcK0QJ6ZqB3zQoIpSENELRf1Np7E89xEBlL7w=",
-      "System.Runtime.CompilerServices.Unsafe.dll": "sha256-XkSCqkkvp4C8KfmlGpEQmQvohTI4m5tBhZ8XoP04s3U=",
-      "System.Text.Encodings.Web.dll": "sha256-nn+EICkbEXq7uwbhrhWlwEZ0unNdgl9U7N8CFpfLU3U=",
-      "System.Text.Json.dll": "sha256-Al2kYkWkDmxue0GAFftyWUq0llYn\/hCjSVW4vboHjJg=",
-      "WebAssembly.Bindings.dll": "sha256-RMJ8PkQ2jbYHL9+7T4kgBrhjRCc3OvsULy5bAzfcXUc="
+      "mscorlib.dll": "sha256-PupCO5v1STtBl29nVzMJ56yE1p0qygzI5NVmJAADWSM=",
+      "System.Core.dll": "sha256-fakE9GGTKC7YhxtvYaT42mZlvRO0RY0HOzTe8TCjoT0=",
+      "System.dll": "sha256-oRPuuNbCQ1YxVJ1Rjm158Nwx3vVNWJt\/Q8y8VYeQyeo=",
+      "System.Net.Http.dll": "sha256-FWWH1\/GtaLH0ch43xOiMM7zGVOft4QGvXruNjIB1NZM=",
+      "System.Net.Http.WebAssemblyHttpHandler.dll": "sha256-gh8lD77gLK+jrjgEwHie9EOLDga\/UxQEmRwI2qMGuFo=",
+      "System.Runtime.CompilerServices.Unsafe.dll": "sha256-5IYo0WGxkD217TIzgXe9aQmLZXvMvJP9QQG16waw1TI=",
+      "System.Text.Encodings.Web.dll": "sha256-R7oGOFv9KyXlW\/NKGzxk1UUO1OBgkX8jA7FbdKmdC6w=",
+      "System.Text.Json.dll": "sha256-io0XemIRHU7+uMdKlPecPRyC3LsjW17NcDAhQfZyyPk=",
+      "WebAssembly.Bindings.dll": "sha256-GdqxSx3U6t5iJiag4t2PJBzA4u\/U2C+CYf00mMnGWH4="
     },
     "pdb": null,
     "runtime": {

docs/_framework/_bin/Microsoft.AspNetCore.Components.Web.dll

@@ -4,12 +4,5 @@
   "start_url": "./",
   "display": "standalone",
   "background_color": "#ffffff",
-  "theme_color": "#03173d",
-  "icons": [
-    {
-      "src": "icon-512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ]
+  "theme_color": "#03173d"
 }