Adds an option to disable moving tethered element to the body

Author: pzuraq

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "tether",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "homepage": "http://github.hubspot.com/tether",
   "authors": [
     "Zack Bloom <zackbloom@gmail.com>",

component.json

@@ -1,7 +1,7 @@
 {
   "name": "tether",
   "repo": "HubSpot/tether",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A client-side library to make absolutely positioned elements attach to elements in the page efficiently.",
   "authors": [
     "Zack Bloom <zackbloom@gmail.com>",

dist/js/tether.js

@@ -182,7 +182,7 @@ function getScrollBarSize() {
 }
 
 function extend() {
-  var out = arguments[0] === undefined ? {} : arguments[0];
+  var out = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
 
   var args = [];
 
@@ -285,7 +285,7 @@ var Evented = (function () {
   _createClass(Evented, [{
     key: 'on',
     value: function on(event, handler, ctx) {
-      var once = arguments[3] === undefined ? false : arguments[3];
+      var once = arguments.length <= 3 || arguments[3] === undefined ? false : arguments[3];
 
       if (typeof this.bindings === 'undefined') {
         this.bindings = {};
@@ -323,10 +323,6 @@ var Evented = (function () {
   }, {
     key: 'trigger',
     value: function trigger(event) {
-      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
       if (typeof this.bindings !== 'undefined' && this.bindings[event]) {
         var i = 0;
         while (i < this.bindings[event].length) {
@@ -340,6 +336,10 @@ var Evented = (function () {
             context = this;
           }
 
+          for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+            args[_key - 1] = arguments[_key];
+          }
+
           handler.apply(context, args);
 
           if (once) {
@@ -374,9 +374,9 @@ TetherBase.Utils = {
 
 'use strict';
 
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
 
-function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }
+var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
@@ -397,7 +397,7 @@ var flush = _TetherBase$Utils.flush;
 var getScrollBarSize = _TetherBase$Utils.getScrollBarSize;
 
 function within(a, b) {
-  var diff = arguments[2] === undefined ? 1 : arguments[2];
+  var diff = arguments.length <= 2 || arguments[2] === undefined ? 1 : arguments[2];
 
   return a + diff >= b && b >= a - diff;
 }
@@ -517,12 +517,12 @@ var attachmentToOffset = function attachmentToOffset(attachment) {
 };
 
 function addOffset() {
+  var out = { top: 0, left: 0 };
+
   for (var _len = arguments.length, offsets = Array(_len), _key = 0; _key < _len; _key++) {
     offsets[_key] = arguments[_key];
   }
 
-  var out = { top: 0, left: 0 };
-
   offsets.forEach(function (_ref) {
     var top = _ref.top;
     var left = _ref.left;
@@ -590,13 +590,13 @@ var TetherClass = (function () {
   _createClass(TetherClass, [{
     key: 'getClass',
     value: function getClass() {
-      var key = arguments[0] === undefined ? '' : arguments[0];
+      var key = arguments.length <= 0 || arguments[0] === undefined ? '' : arguments[0];
       var classes = this.options.classes;
 
       if (typeof classes !== 'undefined' && classes[key]) {
         return this.options.classes[key];
       } else if (this.options.classPrefix) {
-        return '' + this.options.classPrefix + '-' + key;
+        return this.options.classPrefix + '-' + key;
       } else {
         return key;
       }
@@ -606,7 +606,7 @@ var TetherClass = (function () {
     value: function setOptions(options) {
       var _this2 = this;
 
-      var pos = arguments[1] === undefined ? true : arguments[1];
+      var pos = arguments.length <= 1 || arguments[1] === undefined ? true : arguments[1];
 
       var defaults = {
         offset: '0 0',
@@ -788,7 +788,7 @@ var TetherClass = (function () {
   }, {
     key: 'enable',
     value: function enable() {
-      var pos = arguments[0] === undefined ? true : arguments[0];
+      var pos = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
 
       if (!(this.options.addTargetClasses === false)) {
         addClass(this.target, this.getClass('enabled'));
@@ -851,22 +851,22 @@ var TetherClass = (function () {
       var add = this._addAttachClasses;
 
       if (elementAttach.top) {
-        add.push('' + this.getClass('element-attached') + '-' + elementAttach.top);
+        add.push(this.getClass('element-attached') + '-' + elementAttach.top);
       }
       if (elementAttach.left) {
-        add.push('' + this.getClass('element-attached') + '-' + elementAttach.left);
+        add.push(this.getClass('element-attached') + '-' + elementAttach.left);
       }
       if (targetAttach.top) {
-        add.push('' + this.getClass('target-attached') + '-' + targetAttach.top);
+        add.push(this.getClass('target-attached') + '-' + targetAttach.top);
       }
       if (targetAttach.left) {
-        add.push('' + this.getClass('target-attached') + '-' + targetAttach.left);
+        add.push(this.getClass('target-attached') + '-' + targetAttach.left);
       }
 
       var all = [];
       sides.forEach(function (side) {
-        all.push('' + _this4.getClass('element-attached') + '-' + side);
-        all.push('' + _this4.getClass('target-attached') + '-' + side);
+        all.push(_this4.getClass('element-attached') + '-' + side);
+        all.push(_this4.getClass('target-attached') + '-' + side);
       });
 
       defer(function () {
@@ -887,7 +887,7 @@ var TetherClass = (function () {
     value: function position() {
       var _this5 = this;
 
-      var flushChanges = arguments[0] === undefined ? true : arguments[0];
+      var flushChanges = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
 
       // flushChanges commits the changes immediately, leave true unless you are positioning multiple
       // tethers (in which case call Tether.Utils.flush yourself when you're done)
@@ -1123,15 +1123,15 @@ var TetherClass = (function () {
           }
         } else {
           if (_same.top) {
-            css.top = '' + _pos.top + 'px';
+            css.top = _pos.top + 'px';
           } else {
-            css.bottom = '' + _pos.bottom + 'px';
+            css.bottom = _pos.bottom + 'px';
           }
 
           if (_same.left) {
-            css.left = '' + _pos.left + 'px';
+            css.left = _pos.left + 'px';
           } else {
-            css.right = '' + _pos.right + 'px';
+            css.right = _pos.right + 'px';
           }
         }
       };
@@ -1165,7 +1165,7 @@ var TetherClass = (function () {
         transcribe({ top: true, left: true }, pos.page);
       }
 
-      if (!moved && this.element.parentNode.tagName !== 'BODY') {
+      if (this.options.moveRoot !== false && !moved && this.element.parentNode.tagName !== 'BODY') {
         this.element.parentNode.removeChild(this.element);
         document.body.appendChild(this.element);
       }
@@ -1208,7 +1208,7 @@ var Tether = extend(TetherClass, TetherBase);
 
 'use strict';
 
-function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
 
 var _TetherBase$Utils = TetherBase.Utils;
 var getBounds = _TetherBase$Utils.getBounds;
@@ -1302,7 +1302,7 @@ TetherBase.modules.push({
 
     allClasses.forEach(function (cls) {
       ['left', 'top', 'right', 'bottom'].forEach(function (side) {
-        allClasses.push('' + cls + '-' + side);
+        allClasses.push(cls + '-' + side);
       });
     });
 
@@ -1527,7 +1527,7 @@ TetherBase.modules.push({
 
           addClasses.push(pinnedClass);
           pinned.forEach(function (side) {
-            addClasses.push('' + pinnedClass + '-' + side);
+            addClasses.push(pinnedClass + '-' + side);
           });
         })();
       }
@@ -1543,7 +1543,7 @@ TetherBase.modules.push({
 
           addClasses.push(oobClass);
           oob.forEach(function (side) {
-            addClasses.push('' + oobClass + '-' + side);
+            addClasses.push(oobClass + '-' + side);
           });
         })();
       }
@@ -1623,15 +1623,15 @@ TetherBase.modules.push({
     var sides = ['left', 'top', 'right', 'bottom'];
     allClasses.push(this.getClass('abutted'));
     sides.forEach(function (side) {
-      allClasses.push('' + _this.getClass('abutted') + '-' + side);
+      allClasses.push(_this.getClass('abutted') + '-' + side);
     });
 
     if (abutted.length) {
       addClasses.push(this.getClass('abutted'));
     }
 
     abutted.forEach(function (side) {
-      addClasses.push('' + _this.getClass('abutted') + '-' + side);
+      addClasses.push(_this.getClass('abutted') + '-' + side);
     });
 
     defer(function () {
@@ -1648,7 +1648,7 @@ TetherBase.modules.push({
 
 'use strict';
 
-function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
 
 TetherBase.modules.push({
   position: function position(_ref) {

dist/js/tether.min.js

@@ -1,6 +1,6 @@
 {
   "name": "tether",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A client-side library to make absolutely positioned elements attach to elements in the page efficiently.",
   "authors": [
     "Zack Bloom <zackbloom@gmail.com>",

package.json

@@ -730,7 +730,7 @@ class TetherClass {
       transcribe({top: true, left: true}, pos.page);
     }
 
-    if(!moved && this.element.parentNode.tagName !== 'BODY') {
+    if(this.options.moveRoot !== false && !moved && this.element.parentNode.tagName !== 'BODY') {
       this.element.parentNode.removeChild(this.element);
       document.body.appendChild(this.element);
     }