Prettified all files.

lib/card/wrapper.js

@@ -5,8 +5,10 @@ import Events from '../events.js'
 import { Points } from '../utils.js'
 
 export default class CardWrapper extends Object {
-
-    constructor(domNode, { triggerSVGClicks = true, allowClickDistance = 44 } = {}) {
+    constructor(
+        domNode,
+        { triggerSVGClicks = true, allowClickDistance = 44 } = {}
+    ) {
         super()
         this.domNode = domNode
         this.triggerSVGClicks = triggerSVGClicks
@@ -16,42 +18,43 @@ export default class CardWrapper extends Object {
     }
 
     handleClicks() {
-        this.domNode.addEventListener('click', event => {
-            if (event.isTrusted) {
-                Events.stop(event)
-                if (this.triggerSVGClicks && this.isSVGNode(event.target)) {
-                    this.tap(event, "triggerSVGClicks")
+        this.domNode.addEventListener(
+            'click',
+            event => {
+                if (event.isTrusted) {
+                    Events.stop(event)
+                    if (this.triggerSVGClicks && this.isSVGNode(event.target)) {
+                        this.tap(event, 'triggerSVGClicks')
+                    }
                 }
-            }
-            
-        }, true)
+            },
+            true
+        )
     }
 
     handleClicksAsTaps() {
-        this.domNode.addEventListener('click', event => {
-            if (event.isTrusted) {
-                Events.stop(event)
-                
-            }
-            this.tap(event)
-        }, true)
+        this.domNode.addEventListener(
+            'click',
+            event => {
+                if (event.isTrusted) {
+                    Events.stop(event)
+                }
+                this.tap(event)
+            },
+            true
+        )
     }
 
     isClickable(node) {
-        if (node == null)
-            return false
-        if (node.tagName == 'A' && node.hasAttribute("href"))
-            return true
-        if (node.hasAttribute("onclick"))
-            return true
+        if (node == null) return false
+        if (node.tagName == 'A' && node.hasAttribute('href')) return true
+        if (node.hasAttribute('onclick')) return true
         return false
     }
 
     hasClickHandler(node) {
-        if (node == null)
-            return false
-        if (this.tapNodes.has(node))
-            return true
+        if (node == null) return false
+        if (this.tapNodes.has(node)) return true
         for (let [selector, handler] of this.tapHandler.entries()) {
             for (let obj of this.domNode.querySelectorAll(selector)) {
                 if (node == obj) {
@@ -68,15 +71,13 @@ export default class CardWrapper extends Object {
      * See https://stackoverflow.com/questions/11455515/how-to-check-whether-dynamically-attached-event-listener-exists-or-not
      * Therefore we can only detect the following standard cases:
      * I. All clickable objects like activeNodes
-     * II. Objects that have been attached a click handler by the scatter itself via 
+     * II. Objects that have been attached a click handler by the scatter itself via
      */
     activeNodes() {
         let result = []
-        for (let node of this.domNode.querySelectorAll("*")) {
-            if (this.isClickable(node))
-                result.push(node)
-            if (this.hasClickHandler(node))
-                result.push(node)
+        for (let node of this.domNode.querySelectorAll('*')) {
+            if (this.isClickable(node)) result.push(node)
+            if (this.hasClickHandler(node)) result.push(node)
         }
         return result
     }
@@ -84,14 +85,26 @@ export default class CardWrapper extends Object {
     nearestActive(event) {
         let element = this.domNode
         let activeNodes = this.activeNodes()
-        let globalClick = (event.center) ? event.center : { x: event.x, y: event.y }
+        let globalClick = event.center
+            ? event.center
+            : { x: event.x, y: event.y }
         let localClick = Points.fromPageToNode(element, globalClick)
 
         let clickRects = activeNodes.map(link => {
             let rect = link.getBoundingClientRect()
             let topLeft = Points.fromPageToNode(element, rect)
-            let center = Points.fromPageToNode(element, { x: rect.x + rect.width / 2, y: rect.y + rect.height / 2 })
-            return { x: topLeft.x, y: topLeft.y, width: rect.width, height: rect.height, center, link }
+            let center = Points.fromPageToNode(element, {
+                x: rect.x + rect.width / 2,
+                y: rect.y + rect.height / 2
+            })
+            return {
+                x: topLeft.x,
+                y: topLeft.y,
+                width: rect.width,
+                height: rect.height,
+                center,
+                link
+            }
         })
 
         let distances = []
@@ -147,12 +160,12 @@ export default class CardWrapper extends Object {
         return false
     }
 
-    tap(event, calledBy='unknown') {
+    tap(event, calledBy = 'unknown') {
         if (event.isTrusted) {
             let node = this.nearestActive(event)
             this.nodeTapped(node, event)
 
-          /*  let node = document.elementFromPoint(event.clientX, event.clientY)
+            /*  let node = document.elementFromPoint(event.clientX, event.clientY)
             if (!this.nodeTapped(node, event)) {
                 node = this.nearestActive(event)
                 this.nodeTapped(node, event)
@@ -161,13 +174,10 @@ export default class CardWrapper extends Object {
     }
 
     onTap(objOrSelector, handler) {
-        if (typeof (objOrSelector) == 'string') {
+        if (typeof objOrSelector == 'string') {
             this.tapHandler.set(objOrSelector, handler)
-        }
-        else {
+        } else {
             this.tapNodes.set(objOrSelector, handler)
         }
-
     }
-
 }