@gapi/angular-client/docs/js/svg-pan-zoom.controls.js

##### This module is intended to be used with [Gapi Server](https://github.com/Stradivario/gapi) but can be used with every GraphQL Server

document.addEventListener('DOMContentLoaded', function() {
    panZoom = svgPanZoom(document.getElementById('module-graph-svg').querySelector('svg'), {
        zoomEnabled: true,
        minZoom: 1,
        maxZoom: 5
    });

    document.getElementById('zoom-in').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.zoomIn();
    });

    document.getElementById('zoom-out').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.zoomOut();
    });

    document.getElementById('reset').addEventListener('click', function(ev) {
        ev.preventDefault();
        panZoom.resetZoom();
        panZoom.resetPan();
    });
});