Atropos-JS/script.js at master · DesAnshuJoshi/Atropos-JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
class AtroposComponent extends HTMLElement {
    constructor() {
      super();
    }

    connectedCallback() {
      this.atropos = new Atropos({
        el: this.querySelector('.atropos'),
        onEnter() {
          console.log('Atropos Component: Enter');
        },
        onLeave() {
          console.log('Atropos Component: Leave');
        },
        onRotate(x, y) {
          console.log('Atropos Component: Rotate', x, y);
        }
      });

      console.log('Atropos Component: Connected!', this);
    }

    disconnectedCallback() {
      this.atropos.destroy();

      console.log('Atropos Component: Disconnected!', this);
    }
  }

  customElements.define('atropos-component', AtroposComponent);