You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.2 KiB
51 lines
1.2 KiB
/* globals Tether */
|
|
|
|
'use strict';
|
|
|
|
Tether.modules.push({
|
|
initialize: function initialize() {
|
|
var _this = this;
|
|
|
|
this.markers = {};
|
|
|
|
['target', 'element'].forEach(function (type) {
|
|
var el = document.createElement('div');
|
|
el.className = _this.getClass('' + type + '-marker');
|
|
|
|
var dot = document.createElement('div');
|
|
dot.className = _this.getClass('marker-dot');
|
|
el.appendChild(dot);
|
|
|
|
_this[type].appendChild(el);
|
|
|
|
_this.markers[type] = { dot: dot, el: el };
|
|
});
|
|
},
|
|
|
|
position: function position(_ref) {
|
|
var manualOffset = _ref.manualOffset;
|
|
var manualTargetOffset = _ref.manualTargetOffset;
|
|
|
|
var offsets = {
|
|
element: manualOffset,
|
|
target: manualTargetOffset
|
|
};
|
|
|
|
for (var type in offsets) {
|
|
var offset = offsets[type];
|
|
for (var side in offset) {
|
|
var val = offset[side];
|
|
var 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;
|
|
}
|
|
});
|