fix(node.icon): Allow Node.icon to inherit Node.size

docs/network/nodes.html

@@ -1113,6 +1113,22 @@ <h3>Options</h3>
           <td><code>50</code></td>
           <td>The size of the icon.</td>
         </tr>
+        <tr parent="icon" class="hidden">
+          <td class="indent">icon.inheritSize</td>
+          <td>Boolean</td>
+          <td><code>false</code></td>
+          <td>
+            When <code>true</code>, inherit <code>size</code> from
+            <code>node.size</code>. Takes precedence over
+            <code>icon.size</code>. <br /><i
+              >Note: This flag exists to preserve the original behavior of
+              icons. If using groups to set icons, you may want to set this to
+              <code>true</code>
+              so you can drive icon size without overwriting the group icon
+              object.
+            </i>
+          </td>
+        </tr>
         <tr parent="icon" class="hidden">
           <td class="indent">icon.color</td>
           <td>String</td>

lib/network/modules/NodesHandler.js

@@ -85,7 +85,7 @@ class NodesHandler {
       icon: {
         face: "FontAwesome", //'FontAwesome',
         code: undefined, //'\uf007',
-        size: 50, //50,
+        size: undefined, //set to 50 in NodeBase to allow inheriting Node.size,
         color: "#2B7CE9", //'#aa00ff'
       },
       image: undefined, // --> URL
@@ -142,7 +142,7 @@ class NodesHandler {
         useBorderWithImage: false, // only for image shape
         coordinateOrigin: "center", // only for image and circularImage shapes
       },
-      size: 25,
+      size: undefined, // set to 25 in NodeBase to allow icon to inherit size,
       title: undefined,
       value: undefined,
       x: undefined,

lib/network/modules/components/nodes/util/NodeBase.js

@@ -26,6 +26,14 @@ class NodeBase {
    * @param {object} options
    */
   setOptions(options) {
+    if (options.icon) {
+      if (options.icon.inheritSize) {
+        options.icon.size = options.size || 50;
+      } else {
+        options.icon.size = options.icon.size || 50;
+      }
+    }
+    options.size = options.size || 25;
     this.options = options;
   }
 

lib/network/options.ts

@@ -121,6 +121,7 @@ const nodeOptions: OptionsConfig = {
     face: { string },
     code: { string }, //'\uf007',
     size: { number }, //50,
+    inheritSize: { boolean: bool },
     color: { string },
     weight: { string, number },
     __type__: { object },

types/network/Network.d.ts

@@ -923,6 +923,7 @@ export interface NodeOptions {
     size?: number,  // 50,
     color?: string,
     weight?: number | string,
+    inheritSize?: boolean,
   };
 
   image?: string | Image;