let magnet = new Magnet();

magnet.add(document.querySelectorAll('.magnet'));

let magnet = new Magnet(document.querySelectorAll('.magnet'));

magnet.remove(document.querySelector('.magnet'));

magnet.clear();

magnet.distance(15); // unit px, default is 0
magnet.distance(); // 15

magnet.enabledAlignOuter(true); // align element outside edges, default is true
magnet.enabledAlignInner(true); // align element inside edges, default is true
magnet.enabledAlignCenter(true); // align element middle line, default is true
magnet.enabledAlignOuter(); // true

magnet.stayInParentEdge(true); // default is false
magnet.stayInParentEdge(); // true

magnet.stayInParentElem(true); // default is false
magnet.stayInParentElem(); // true

// triggered when elements attract each other
magnet.on('magnetenter', function(e) {
  console.log('magnetenter', e.detail); // detail info
});

// triggered when mouseup or no elements attract each other
magnet.on('magnetleave', function(e) {
  console.log('magnetleave');
});

magnet.off('magnetenter magnetleave'); // remove event listeners

let elem = document.querySelector('.block');
magnet.add(elem);

// triggered when element were dragging and attract any other magnet elements
elem.addEventListener('attract', function(e) {
  console.log('attract', e.detail); // detail info
});

// triggered when element mouseup or were dragging and unattract any of other magnet elements
elem.addEventListener('unattract', function(e) {
  console.log('unattract');
});

// triggered when magnet element were attracted by a dragging magnet element
elem.addEventListener('attracted', function(e) {
  console.log('attracted', e.detail); // detail info
});

// triggered when magnet element were no longer attracted by a dragging magnet element
elem.addEventListener('unattracted', function(e) {
  console.log('unattracted');
});

magnet.nearby(document.querySelector('.block')); // NearbyResult object

let rect = { top: 1, right: 2, bottom: 3, left: 4 };
Magnet.isRect(rect); // false, rect.right should larger then rect.left
rect.right = 5;
Magnet.isRect(rect); // true

rect.x = 3;
Magnet.isRect(rect); // false, rect.x sould equal to rect.left
rect.x = rect.left;

rect.width = 2;
Magnet.isRect(rect); // false, rect.width should equal to (rect.right - rect.left)

Magnet.stdRect(rect); // Rect object

let rectA = { top: 0, right: 3, bottom: 1, left: 2 };
let rectB = { top: 10, right: 13, bottom: 11, left: 12 };
Magnet.measure(rectA, rectB); // MeasureResult object

let rect = { top: 1, right: 4, bottom: 2, left: 3 };
Magnet.nearby(rect, document.querySelectorAll('.magnet')); // NearbyResult object