templates/assets/tether/src/js/markAttachment.js


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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

/* globals Tether */

Tether.modules.push({
  initialize() {
    this.markers = {};

    ['target', 'element'].forEach(type => {
      const el = document.createElement('div');
      el.className = this.getClass(`${ type }-marker`);

      const dot = document.createElement('div');
      dot.className = this.getClass('marker-dot');
      el.appendChild(dot);

      this[type].appendChild(el);

      this.markers[type] = {dot, el};
    });
  },

  position({manualOffset, manualTargetOffset}) {
    const offsets = {
      element: manualOffset,
      target: manualTargetOffset
    };

    for (let type in offsets) {
      const offset = offsets[type];
      for (let side in offset) {
        let val = offset[side];
        const notString = typeof val !== 'string';
        if (notString ||
            val.indexOf('%') === -1 &&
            val.indexOf('px') === -1) {
          val += 'px';
        }

        if (this.markers[type].dot.style[side] !== val) {
          this.markers[type].dot.style[side] = val;
        }
      }
    }

    return true;
  }
});