diff --git a/js/Blueprint.js b/js/Blueprint.js
old mode 100644
new mode 100755
index 1843cad..93662b5
--- a/js/Blueprint.js
+++ b/js/Blueprint.js
@@ -1,313 +1,313 @@
-import Utility from "./Utility"
-import DragScroll from "./input/DragScroll"
-import Select from "./input/Select"
-import Zoom from "./input/Zoom"
-import GraphEntity from "./graph/GraphEntity"
-import BlueprintTemplate from "./template/BlueprintTemplate"
-import GraphSelector from "./graph/GraphSelector"
-
-/**
- * @typedef {import("./graph/GraphNode").default} GraphNode
- */
-export default class Blueprint extends GraphEntity {
-
-    insertChildren() {
-        this.querySelector('[data-nodes]').append(...this.nodes)
-    }
-
-    constructor() {
-        super(new BlueprintTemplate())
-        /** @type {GraphNode[]}" */
-        this.nodes = new Array()
-        this.expandGridSize = 400
-        /** @type {HTMLElement} */
-        this.gridElement = null
-        /** @type {HTMLElement} */
-        this.viewportElement = null
-        /** @type {HTMLElement} */
-        this.overlayElement = null
-        /** @type {GraphSelector} */
-        this.selectorElement = null
-        /** @type {HTMLElement} */
-        this.nodesContainerElement = null
-        this.dragObject = null
-        this.selectObject = null
-        /** @type {Array<number>} */
-        this.additional = /*[2 * this.expandGridSize, 2 * this.expandGridSize]*/[0, 0]
-        /** @type {Array<number>} */
-        this.translateValue = /*[this.expandGridSize, this.expandGridSize]*/[0, 0]
-        /** @type {number} */
-        this.zoom = 0
-        /** @type {HTMLElement} */
-        this.headerElement = null
-        /** @type {(node: GraphNode) => BoundariesInfo} */
-        this.nodeBoundariesSupplier = (node) => {
-            let rect = node.getBoundingClientRect()
-            let gridRect = this.nodesContainerElement.getBoundingClientRect()
-            const scaleCorrection = 1 / this.getScale()
-            return {
-                primaryInf: (rect.left - gridRect.left) * scaleCorrection,
-                primarySup: (rect.right - gridRect.right) * scaleCorrection,
-                // Counter intuitive here: the y (secondary axis is positive towards the bottom, therefore upper bound "sup" is bottom)
-                secondaryInf: (rect.top - gridRect.top) * scaleCorrection,
-                secondarySup: (rect.bottom - gridRect.bottom) * scaleCorrection
-            }
-        }
-        /** @type {(node: GraphNode, selected: bool) => void}} */
-        this.nodeSelectToggleFunction = (node, selected) => {
-            node.setSelected(selected)
-        }
-    }
-
-    connectedCallback() {
-        super.connectedCallback()
-        this.classList.add('ueb', `ueb-zoom-${this.zoom}`)
-
-        this.headerElement = this.querySelector('.ueb-viewport-header')
-        console.assert(this.headerElement, "Header element not provided by the template.")
-        this.overlayElement = this.querySelector('.ueb-viewport-overlay')
-        console.assert(this.overlayElement, "Overlay element not provided by the template.")
-        this.viewportElement = this.querySelector('.ueb-viewport-body')
-        console.assert(this.viewportElement, "Viewport element not provided by the template.")
-        this.gridElement = this.viewportElement.querySelector('.ueb-grid')
-        console.assert(this.gridElement, "Grid element not provided by the template.")
-        this.selectorElement = new GraphSelector()
-        this.nodesContainerElement = this.querySelector('[data-nodes]')
-        console.assert(this.nodesContainerElement, "Nodes container element not provided by the template.")
-        this.nodesContainerElement.append(this.selectorElement)
-        this.insertChildren()
-
-        this.dragObject = new DragScroll(this.getGridDOMElement(), this, {
-            clickButton: 2,
-            moveEverywhere: true,
-            exitAnyButton: false
-        })
-
-        this.zoomObject = new Zoom(this.getGridDOMElement(), this, {
-            looseTarget: true
-        })
-
-        this.selectObject = new Select(this.getGridDOMElement(), this, {
-            clickButton: 0,
-            moveEverywhere: true,
-            exitAnyButton: true
-        })
-    }
-
-    getGridDOMElement() {
-        return this.gridElement
-    }
-
-    disconnectedCallback() {
-        super.disconnectedCallback()
-        this.dragObject.unlistenDOMElement()
-        this.selectObject.unlistenDOMElement()
-    }
-
-    getScroll() {
-        return [this.viewportElement.scrollLeft, this.viewportElement.scrollTop]
-    }
-
-    setScroll(value, smooth = false) {
-        this.scroll = value
-        if (!smooth) {
-            this.viewportElement.scroll(value[0], value[1])
-        } else {
-            this.viewportElement.scroll({
-                left: value[0],
-                top: value[1],
-                behavior: 'smooth'
-            })
-        }
-    }
-
-    scrollDelta(delta, smooth = false) {
-        const scrollMax = this.getScrollMax()
-        let currentScroll = this.getScroll()
-        let finalScroll = [
-            currentScroll[0] + delta[0],
-            currentScroll[1] + delta[1]
-        ]
-        let expand = [0, 0]
-        for (let i = 0; i < 2; ++i) {
-            if (delta[i] < 0 && finalScroll[i] < 0.25 * this.expandGridSize) {
-                // Expand if scrolling is diminishing and the remainig space is less that a quarter of an expansion step
-                expand[i] = finalScroll[i]
-                if (expand[i] > 0) {
-                    // Final scroll is still in rage (more than zero) but we want to expand to negative (left or top)
-                    expand[i] = -this.expandGridSize
-                }
-            } else if (delta[i] > 0 && finalScroll[i] > scrollMax[i] - 0.25 * this.expandGridSize) {
-                // Expand if scrolling is increasing and the remainig space is less that a quarter of an expansion step
-                expand[i] = finalScroll[i] - scrollMax[i]
-                if (expand[i] < 0) {
-                    // Final scroll is still in rage (less than the maximum scroll) but we want to expand to positive (right or bottom)
-                    expand[i] = this.expandGridSize
-                }
-            }
-        }
-        if (expand[0] != 0 || expand[1] != 0) {
-            this.seamlessExpand(this.progressiveSnapToGrid(expand[0]), this.progressiveSnapToGrid(expand[1]))
-            currentScroll = this.getScroll()
-            finalScroll = [
-                currentScroll[0] + delta[0],
-                currentScroll[1] + delta[1]
-            ]
-        }
-        this.setScroll(finalScroll, smooth)
-    }
-
-    scrollCenter() {
-        const scroll = this.getScroll()
-        const offset = [
-            this.translateValue[0] - scroll[0],
-            this.translateValue[1] - scroll[1]
-        ]
-        const targetOffset = this.getViewportSize().map(size => size / 2)
-        const deltaOffset = [
-            offset[0] - targetOffset[0],
-            offset[1] - targetOffset[1]
-        ]
-        this.scrollDelta(deltaOffset, true)
-    }
-
-    getExpandGridSize() {
-        return this.expandGridSize
-    }
-
-    getViewportSize() {
-        return [
-            this.viewportElement.clientWidth,
-            this.viewportElement.clientHeight
-        ]
-    }
-
-    /**
-     * Get the scroll limits
-     * @return {array} The horizonal and vertical maximum scroll limits
-     */
-    getScrollMax() {
-        return [
-            this.viewportElement.scrollWidth - this.viewportElement.clientWidth,
-            this.viewportElement.scrollHeight - this.viewportElement.clientHeight
-        ]
-    }
-
-    /**
-     * Expand the grid, considers the absolute value of params
-     * @param {number} x - Horizontal expansion value
-     * @param {number} y - Vertical expansion value
-     */
-    _expand(x, y) {
-        x = Math.round(Math.abs(x))
-        y = Math.round(Math.abs(y))
-        this.additional = [this.additional[0] + x, this.additional[1] + y]
-        if (this.gridElement) {
-            this.gridElement.style.setProperty('--ueb-additional-x', this.additional[0])
-            this.gridElement.style.setProperty('--ueb-additional-y', this.additional[1])
-        }
-    }
-
-    /**
-     * Moves the content of the grid according to the coordinates
-     * @param {number} x - Horizontal translation value
-     * @param {number} y - Vertical translation value
-     */
-    _translate(x, y) {
-        x = Math.round(x)
-        y = Math.round(y)
-        this.translateValue = [this.translateValue[0] + x, this.translateValue[1] + y]
-        if (this.gridElement) {
-            this.gridElement.style.setProperty('--ueb-translate-x', this.translateValue[0])
-            this.gridElement.style.setProperty('--ueb-translate-y', this.translateValue[1])
-        }
-    }
-
-    /**
-     * Expand the grind indefinitely, the content will remain into position
-     * @param {number} x - Horizontal expand value (negative means left, positive means right)
-     * @param {number} y - Vertical expand value (negative means top, positive means bottom)
-     */
-    seamlessExpand(x, y) {
-        let scale = this.getScale()
-        let scaledX = x / scale
-        let scaledY = y / scale
-        // First expand the grid to contain the additional space
-        this._expand(scaledX, scaledY)
-        // If the expansion is towards the left or top, then scroll back to give the illusion that the content is in the same position and translate it accordingly
-        this._translate(scaledX < 0 ? -scaledX : 0, scaledY < 0 ? -scaledY : 0)
-        if (x < 0) {
-            this.viewportElement.scrollLeft -= x
-        }
-        if (y < 0) {
-            this.viewportElement.scrollTop -= y
-        }
-    }
-
-    progressiveSnapToGrid(x) {
-        return this.expandGridSize * Math.round(x / this.expandGridSize + 0.5 * Math.sign(x))
-    }
-
-    getZoom() {
-        return this.zoom
-    }
-
-    setZoom(zoom, center) {
-        zoom = Utility.clamp(zoom, -12, 0)
-        if (zoom == this.zoom) {
-            return
-        }
-        let initialScale = this.getScale()
-        this.classList.remove(`ueb-zoom-${this.zoom}`)
-        this.classList.add(`ueb-zoom-${zoom}`)
-        this.zoom = zoom
-
-
-        if (center) {
-            let relativeScale = this.getScale() / initialScale
-            let newCenter = [
-                relativeScale * center[0],
-                relativeScale * center[1]
-            ]
-            this.scrollDelta([
-                (newCenter[0] - center[0]) * initialScale,
-                (newCenter[1] - center[1]) * initialScale
-            ])
-        }
-    }
-
-    getScale() {
-        return parseFloat(getComputedStyle(this.gridElement).getPropertyValue('--ueb-scale'))
-    }
-
-    compensateTranslation(position) {
-        position[0] -= this.translateValue[0]
-        position[1] -= this.translateValue[1]
-        return position
-    }
-
-    /**
-     * Unselect all nodes
-     */
-    unselectAll() {
-        this.nodes.forEach(node => this.nodeSelectToggleFunction(node, false))
-    }
-
-    /**
-     * 
-     * @param  {...GraphNode} graphNodes 
-     */
-    addNode(...graphNodes) {
-        [...graphNodes].reduce(
-            (s, e) => {
-                s.push(e)
-                return s
-            },
-            this.nodes)
-        if (this.nodesContainerElement) {
-            this.nodesContainerElement.append(...graphNodes)
-        }
-    }
-}
-
-customElements.define('u-blueprint', Blueprint)
+import BlueprintTemplate from "./template/BlueprintTemplate"
+import DragScroll from "./input/DragScroll"
+import GraphEntity from "./graph/GraphEntity"
+import GraphSelector from "./graph/GraphSelector"
+import Select from "./input/Select"
+import Utility from "./Utility"
+import Zoom from "./input/Zoom"
+
+/**
+ * @typedef {import("./graph/GraphNode").default} GraphNode
+ */
+export default class Blueprint extends GraphEntity {
+
+    insertChildren() {
+        this.querySelector('[data-nodes]').append(...this.nodes)
+    }
+
+    constructor() {
+        super(new BlueprintTemplate())
+        /** @type {GraphNode[]}" */
+        this.nodes = new Array()
+        this.expandGridSize = 400
+        /** @type {HTMLElement} */
+        this.gridElement = null
+        /** @type {HTMLElement} */
+        this.viewportElement = null
+        /** @type {HTMLElement} */
+        this.overlayElement = null
+        /** @type {GraphSelector} */
+        this.selectorElement = null
+        /** @type {HTMLElement} */
+        this.nodesContainerElement = null
+        this.dragObject = null
+        this.selectObject = null
+        /** @type {Array<number>} */
+        this.additional = /*[2 * this.expandGridSize, 2 * this.expandGridSize]*/[0, 0]
+        /** @type {Array<number>} */
+        this.translateValue = /*[this.expandGridSize, this.expandGridSize]*/[0, 0]
+        /** @type {number} */
+        this.zoom = 0
+        /** @type {HTMLElement} */
+        this.headerElement = null
+        /** @type {(node: GraphNode) => BoundariesInfo} */
+        this.nodeBoundariesSupplier = (node) => {
+            let rect = node.getBoundingClientRect()
+            let gridRect = this.nodesContainerElement.getBoundingClientRect()
+            const scaleCorrection = 1 / this.getScale()
+            return {
+                primaryInf: (rect.left - gridRect.left) * scaleCorrection,
+                primarySup: (rect.right - gridRect.right) * scaleCorrection,
+                // Counter intuitive here: the y (secondary axis is positive towards the bottom, therefore upper bound "sup" is bottom)
+                secondaryInf: (rect.top - gridRect.top) * scaleCorrection,
+                secondarySup: (rect.bottom - gridRect.bottom) * scaleCorrection
+            }
+        }
+        /** @type {(node: GraphNode, selected: bool) => void}} */
+        this.nodeSelectToggleFunction = (node, selected) => {
+            node.setSelected(selected)
+        }
+    }
+
+    connectedCallback() {
+        super.connectedCallback()
+        this.classList.add('ueb', `ueb-zoom-${this.zoom}`)
+
+        this.headerElement = this.querySelector('.ueb-viewport-header')
+        console.assert(this.headerElement, "Header element not provided by the template.")
+        this.overlayElement = this.querySelector('.ueb-viewport-overlay')
+        console.assert(this.overlayElement, "Overlay element not provided by the template.")
+        this.viewportElement = this.querySelector('.ueb-viewport-body')
+        console.assert(this.viewportElement, "Viewport element not provided by the template.")
+        this.gridElement = this.viewportElement.querySelector('.ueb-grid')
+        console.assert(this.gridElement, "Grid element not provided by the template.")
+        this.selectorElement = new GraphSelector()
+        this.nodesContainerElement = this.querySelector('[data-nodes]')
+        console.assert(this.nodesContainerElement, "Nodes container element not provided by the template.")
+        this.nodesContainerElement.append(this.selectorElement)
+        this.insertChildren()
+
+        this.dragObject = new DragScroll(this.getGridDOMElement(), this, {
+            clickButton: 2,
+            moveEverywhere: true,
+            exitAnyButton: false
+        })
+
+        this.zoomObject = new Zoom(this.getGridDOMElement(), this, {
+            looseTarget: true
+        })
+
+        this.selectObject = new Select(this.getGridDOMElement(), this, {
+            clickButton: 0,
+            moveEverywhere: true,
+            exitAnyButton: true
+        })
+    }
+
+    getGridDOMElement() {
+        return this.gridElement
+    }
+
+    disconnectedCallback() {
+        super.disconnectedCallback()
+        this.dragObject.unlistenDOMElement()
+        this.selectObject.unlistenDOMElement()
+    }
+
+    getScroll() {
+        return [this.viewportElement.scrollLeft, this.viewportElement.scrollTop]
+    }
+
+    setScroll(value, smooth = false) {
+        this.scroll = value
+        if (!smooth) {
+            this.viewportElement.scroll(value[0], value[1])
+        } else {
+            this.viewportElement.scroll({
+                left: value[0],
+                top: value[1],
+                behavior: 'smooth'
+            })
+        }
+    }
+
+    scrollDelta(delta, smooth = false) {
+        const scrollMax = this.getScrollMax()
+        let currentScroll = this.getScroll()
+        let finalScroll = [
+            currentScroll[0] + delta[0],
+            currentScroll[1] + delta[1]
+        ]
+        let expand = [0, 0]
+        for (let i = 0; i < 2; ++i) {
+            if (delta[i] < 0 && finalScroll[i] < 0.25 * this.expandGridSize) {
+                // Expand if scrolling is diminishing and the remainig space is less that a quarter of an expansion step
+                expand[i] = finalScroll[i]
+                if (expand[i] > 0) {
+                    // Final scroll is still in rage (more than zero) but we want to expand to negative (left or top)
+                    expand[i] = -this.expandGridSize
+                }
+            } else if (delta[i] > 0 && finalScroll[i] > scrollMax[i] - 0.25 * this.expandGridSize) {
+                // Expand if scrolling is increasing and the remainig space is less that a quarter of an expansion step
+                expand[i] = finalScroll[i] - scrollMax[i]
+                if (expand[i] < 0) {
+                    // Final scroll is still in rage (less than the maximum scroll) but we want to expand to positive (right or bottom)
+                    expand[i] = this.expandGridSize
+                }
+            }
+        }
+        if (expand[0] != 0 || expand[1] != 0) {
+            this.seamlessExpand(this.progressiveSnapToGrid(expand[0]), this.progressiveSnapToGrid(expand[1]))
+            currentScroll = this.getScroll()
+            finalScroll = [
+                currentScroll[0] + delta[0],
+                currentScroll[1] + delta[1]
+            ]
+        }
+        this.setScroll(finalScroll, smooth)
+    }
+
+    scrollCenter() {
+        const scroll = this.getScroll()
+        const offset = [
+            this.translateValue[0] - scroll[0],
+            this.translateValue[1] - scroll[1]
+        ]
+        const targetOffset = this.getViewportSize().map(size => size / 2)
+        const deltaOffset = [
+            offset[0] - targetOffset[0],
+            offset[1] - targetOffset[1]
+        ]
+        this.scrollDelta(deltaOffset, true)
+    }
+
+    getExpandGridSize() {
+        return this.expandGridSize
+    }
+
+    getViewportSize() {
+        return [
+            this.viewportElement.clientWidth,
+            this.viewportElement.clientHeight
+        ]
+    }
+
+    /**
+     * Get the scroll limits
+     * @return {array} The horizonal and vertical maximum scroll limits
+     */
+    getScrollMax() {
+        return [
+            this.viewportElement.scrollWidth - this.viewportElement.clientWidth,
+            this.viewportElement.scrollHeight - this.viewportElement.clientHeight
+        ]
+    }
+
+    /**
+     * Expand the grid, considers the absolute value of params
+     * @param {number} x - Horizontal expansion value
+     * @param {number} y - Vertical expansion value
+     */
+    _expand(x, y) {
+        x = Math.round(Math.abs(x))
+        y = Math.round(Math.abs(y))
+        this.additional = [this.additional[0] + x, this.additional[1] + y]
+        if (this.gridElement) {
+            this.gridElement.style.setProperty('--ueb-additional-x', this.additional[0])
+            this.gridElement.style.setProperty('--ueb-additional-y', this.additional[1])
+        }
+    }
+
+    /**
+     * Moves the content of the grid according to the coordinates
+     * @param {number} x - Horizontal translation value
+     * @param {number} y - Vertical translation value
+     */
+    _translate(x, y) {
+        x = Math.round(x)
+        y = Math.round(y)
+        this.translateValue = [this.translateValue[0] + x, this.translateValue[1] + y]
+        if (this.gridElement) {
+            this.gridElement.style.setProperty('--ueb-translate-x', this.translateValue[0])
+            this.gridElement.style.setProperty('--ueb-translate-y', this.translateValue[1])
+        }
+    }
+
+    /**
+     * Expand the grind indefinitely, the content will remain into position
+     * @param {number} x - Horizontal expand value (negative means left, positive means right)
+     * @param {number} y - Vertical expand value (negative means top, positive means bottom)
+     */
+    seamlessExpand(x, y) {
+        let scale = this.getScale()
+        let scaledX = x / scale
+        let scaledY = y / scale
+        // First expand the grid to contain the additional space
+        this._expand(scaledX, scaledY)
+        // If the expansion is towards the left or top, then scroll back to give the illusion that the content is in the same position and translate it accordingly
+        this._translate(scaledX < 0 ? -scaledX : 0, scaledY < 0 ? -scaledY : 0)
+        if (x < 0) {
+            this.viewportElement.scrollLeft -= x
+        }
+        if (y < 0) {
+            this.viewportElement.scrollTop -= y
+        }
+    }
+
+    progressiveSnapToGrid(x) {
+        return this.expandGridSize * Math.round(x / this.expandGridSize + 0.5 * Math.sign(x))
+    }
+
+    getZoom() {
+        return this.zoom
+    }
+
+    setZoom(zoom, center) {
+        zoom = Utility.clamp(zoom, -12, 0)
+        if (zoom == this.zoom) {
+            return
+        }
+        let initialScale = this.getScale()
+        this.classList.remove(`ueb-zoom-${this.zoom}`)
+        this.classList.add(`ueb-zoom-${zoom}`)
+        this.zoom = zoom
+
+
+        if (center) {
+            let relativeScale = this.getScale() / initialScale
+            let newCenter = [
+                relativeScale * center[0],
+                relativeScale * center[1]
+            ]
+            this.scrollDelta([
+                (newCenter[0] - center[0]) * initialScale,
+                (newCenter[1] - center[1]) * initialScale
+            ])
+        }
+    }
+
+    getScale() {
+        return parseFloat(getComputedStyle(this.gridElement).getPropertyValue('--ueb-scale'))
+    }
+
+    compensateTranslation(position) {
+        position[0] -= this.translateValue[0]
+        position[1] -= this.translateValue[1]
+        return position
+    }
+
+    /**
+     * Unselect all nodes
+     */
+    unselectAll() {
+        this.nodes.forEach(node => this.nodeSelectToggleFunction(node, false))
+    }
+
+    /**
+     * 
+     * @param  {...GraphNode} graphNodes 
+     */
+    addNode(...graphNodes) {
+        [...graphNodes].reduce(
+            (s, e) => {
+                s.push(e)
+                return s
+            },
+            this.nodes)
+        if (this.nodesContainerElement) {
+            this.nodesContainerElement.append(...graphNodes)
+        }
+    }
+}
+
+customElements.define('u-blueprint', Blueprint)