https://www.techniques-ingenieur.fr/assets/controllers/svg_pan_zoom_controller-Bjc6QmR.js

1import {Controller} from '@hotwired/stimulus';
2import {useIntersection} from 'stimulus-use'
3import svgPanZoom from 'svg-pan-zoom';
4
5/* stimulusFetch: 'lazy' */
6export default class extends Controller {
7    connect() {
8        useIntersection(this);
9    }
10
11    appear() {
12        const elem = this.element;
13        elem.addEventListener('load', function(){
14            // Will get called after embed element was loaded
15            svgPanZoom(elem, {controlIconsEnabled: true});
16        })
17        svgPanZoom(elem, {controlIconsEnabled: true});
18    }
19}