Fixed highlight doctest.

dist/iwmlib.js

@@ -7828,7 +7828,7 @@
         static animateCircle(target, callback) {
             console.log('ANIMATE CIRCLE', this);
             // ** DEBUG OUTPUTS **
-           
+
             let circle = target;
             // We need a unique id to ensure correspondence between circle, mask, and maskImage
             if (!circle.hasAttribute('id')) {
@@ -7898,28 +7898,22 @@
             scale = 2,
             onExpanded = null
         } = {}) {
-
-            console.log('Open Highlight!', target);
-
             if (Highlight._isExpanded(target)) {
                 console.log('Target is already expanded!');
                 return
             } else {
-
                 let targetId = target.getAttribute('id');
-                console.log(targetId, targetId && targetId.startsWith('@@'));
-                if(targetId && targetId.startsWith('@@')){
+                if (targetId && targetId.startsWith('@@')) {
                     let id = targetId.slice(2);
-                    const imageId = '#maskImage'+id;
+                    const imageId = '#maskImage' + id;
                     const parent = target.parentNode;
-                    if(parent != null){
+                    if (parent != null) {
                         let image = parent.querySelector(imageId);
-                        if(image){
+                        if (image) {
                             this._bringToFront(image);
-                        }else console.error('Could not find corresponding image element.');
-                    }else console.log('Element was no parent:', target);
+                        } else console.error('Could not find corresponding image element.');
+                    } else console.log('Element was no parent:', target);
                 }
-                console.log("_bringToFront");
                 this._bringToFront(target);
 
                 let svgRoot = target.closest('svg');
@@ -7927,8 +7921,6 @@
 
                 // eslint-disable-next-line no-unused-vars
                 let [mask, maskImage] = Highlight._getSVGMask(target, { svgRoot, image });
-
-                console.log({svgRoot, image, mask, maskImage});
                 let center = Highlight._calculateCenterRelativeTo(target, image);
 
                 TweenLite.set(maskImage, { transformOrigin: `${center.x}% ${center.y}%` });
@@ -7940,19 +7932,24 @@
                 });
 
                 target.classList.add('expanded');
-                console.log({target, maskImage, scale, animation});
-                console.log(maskImage);
             }
-
-            return
         }
 
-        static _bringToFront(target){
+        static toggleHighlight(node) {
+            if (Highlight._isExpanded(node)) {
+                Highlight.closeHighlight(node);
+            }
+            else {
+                Highlight.openHighlight(node);
+            }
+        }
+
+        static _bringToFront(target) {
             const parent = target.parentNode;
-            if(target && parent){
+            if (target && parent) {
                 parent.removeChild(target);
                 parent.appendChild(target);
-            }else console.error('Could not bring to front. Either no target or no parent.', target, parent);
+            } else console.error('Could not bring to front. Either no target or no parent.', target, parent);
         }
 
         static _getSVGMask(circle, { svgRoot = null, image = null } = {}) {